metaskills / metatheme fork watch download tarball
public
Description: Meta Theme for Mephisto
Homepage: http://www.metaskills.net/meta-theme-for-mephisto
Clone URL: git://github.com/metaskills/metatheme.git
Search Repo: 
Adding table CSS classes and styling the comment form.
metaskills (author)
Wed Mar 19 19:23:56 -0700 2008
commit  de783fa61ad71d24f79d3c9436cbc0b89e237bcd
tree    489d3cf524d75befd2bc2d905b2115af2be2c963
parent  27ba97d66189b360f992e371ab07d45d919b7b91
0
TODO.txt 
...
5
6
7
8
 
9
 
...
5
6
7
 
8
9
 
0
@@ -5,5 +5,5 @@ Last Steps:
0
   * Make some sort of custom right content liquid partial.
0
   * Add my Mint to new instance.
0
   * Get Akismet key.
0
-  
0
+  * Check code TODO's
0
 
0
stylesheets/meta_pagestyles.css 
...
1
2
 
3
 
...
 
1
2
3
 
0
@@ -1 +1 @@
0
-
  /* 
 +-------------------------------------------------------------------------------------------------+
     \  |        |          / ___|| | __(_) | | ___   _ __   ___| |_    
    |\/ |   _ \  __|   _` | \___ \| |/ /| | | |/ __| | '_ \ / _ \ __|  |  Meta Theme for Mephisto
    |   |   __/  |    (   |  ___) |   < | | | |\__ \_| | | |  __/ |_   |  0.8.0 Drax Edition
   _|  _| \___| \__| \__,_| |____/|_|\_\|_|_|_||___/_)_| |_|\___|\__|  |  -------------------------
   C o d i n g  t h i n g s  o n  t o p  o f  o t h e r  t h i n g s!  |  By: Ken Collins
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */


  /*    DIV #contentarea-middle2  <-- Misc. Meta Content Styles
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    Overall Style Elements    ---*/

* { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; }
img {  border: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body { 
  background: #fff url('/images/meta_background-green.gif') repeat-x fixed top left; /* MetaTool Overide */
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.6%;
  margin: 0 0 20px 0;
  min-width: 907px;
  padding: 0 25px;
  }


 /*---    General Text    ---*/

#contentarea-middle2 {
  font-size: 120%;
  font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-weight: normal;
  color: #333;
  letter-spacing: 0em;
  line-height: 1.5em;
  }

#contentarea-middle2 h1 {
  width: 365px;
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 30px; 
  font-weight: 200;
  color: #9C0;
  letter-spacing: -1px;
  line-height: 1em;
  padding: 5px 0 5px 0;
  }

#contentarea-middle2 h2 {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 22px; 
  font-weight: 200;
  color: #666;
  letter-spacing: -0.05em;
  line-height: 1em;
  padding: 25px 0 2px 0;
  margin-bottom: 1px;
  border-color: #999;
  border-width: 1px;
  border-style: none none dashed none;
  }

#contentarea-middle2 h2 a, 
#contentarea-middle2 h2 a:link, 
#contentarea-middle2 h2 a:visited { color: #666 !important; padding:0 !important; border-bottom:none !important; background:none !important; text-decoration:none !important; }
#contentarea-middle2 h2 a:hover, 
#contentarea-middle2 h2 a:active  { color:#9c6 !important; }

#contentarea-middle2 h3 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: 200;
	color: #666;
	letter-spacing: -1px;
	line-height: 1em;
	padding: 25px 0 2px 0;
	text-align: center;
  }

#contentarea-middle2 .bloglinks    { position:absolute; right:262px; vertical-align:middle; }
#contentarea-middle2 .bloglinks *  { vertical-align:middle; }

#contentarea-middle2 p {
  padding: 15px 0 5px 0;
  text-indent: 20px;
  }


 /*---    Main Content Link - Node Area (internal)    ---*/

#contentarea-middle2 .node a, 
#contentarea-middle2 .node a:link, 
#contentarea-middle2 .node a:visited {
  background: url('/images/meta_arrow2.gif') no-repeat 100% 50% ;
  padding-right: 9px;
  border-bottom: 1px dotted #666;
  color: #c60;
  }

#contentarea-middle2 .node a:hover, 
#contentarea-middle2 .node a:active {
  color: #9c6;
  }


 /*---    Main Content Link - Everywhere Else    ---*/

#contentarea-middle2 a, 
#contentarea-middle2 a:link, 
#contentarea-middle2 a:visited {
  background: none ;
  padding-right: 0;
  border-bottom: 1px dotted #666;
  color: #c60;
  }

#contentarea-middle2 a:hover, 
#contentarea-middle2 a:active {
  color: #9c6;
  }


 /*---    Main Content Link - Node Area (external)    ---*/

#contentarea-middle2 .node a.external-link,
#contentarea-middle2 .node a:link.external-link,
#contentarea-middle2 .node a:visited.external-link {
  background: url('/images/meta_new-window.gif') no-repeat 100% 50% ;
  border-bottom: 1px dotted #666;
  padding-right: 11px;
  color: #c60;
  }

#contentarea-middle2 .node a:hover.external-link,
#contentarea-middle2 .node a:active.external-link {
  color: #9c6;
  }


 /*---    Lists Style    ---*/

#contentarea-middle2 ul {
  margin: 0 0 15px 35px;
  }

#contentarea-middle2 ul li {
  list-style: none;
  list-style-position: outside;
  list-style-image: url('/images/meta_bullet1.gif') ;
  margin: 3px 0;
  }


 /*---    Photo Fancy Border (Bounding & Border Images)    ---*/

#contentarea-middle2 .photobounding {
  background-color: #fff;
  position: relative; 
  width: auto;
  max-width: 553px;
  min-width: 143px;
  height: 100%;
  min-height: 220px;
  margin: 10px auto 14px auto;
  border: 1px solid #e1e1e1; /* e1e1e1 */
  z-index: 43;  
  }

#contentarea-middle2 .photobounding .tl {
  background: url('/images/meta_photo-tl.png') no-repeat 0 0 ;
  position: absolute;
  width: 71px;
  height: 110px;
  top: -11px;
  left: -11px;
  }

#contentarea-middle2 .photobounding .tr {
  background: url('/images/meta_photo-tr.png') no-repeat 100% 0 ;
  position: absolute;
  width: 71px;
  height: 110px;
  top: -11px;
  right: -11px;
  }

#contentarea-middle2 .photobounding .bl {
  background: url('/images/meta_photo-bl.png') no-repeat 100% 100% ;
  position: absolute;
  width: 71px;
  height: 110px;
  bottom: -11px;
  left: -11px;
  }

#contentarea-middle2 .photobounding .br {
  background: url('/images/meta_photo-br.png') no-repeat 0 100% ;
  position: absolute;
  width: 71px;
  height: 110px;
  bottom: -11px;
  right: -11px;
  }

#contentarea-middle2 .phototime {
  position: relative;
  padding: 13px 13px 8px 13px;
  z-index: 47;
  }

#contentarea-middle2 .phototime a,
#contentarea-middle2 .phototime a:link,
#contentarea-middle2 .phototime a:visited {
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 .phototime img{
  border: 1px solid #eeeeee;
  }


 /*---    Lightbox.js Styles    ---*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('/images/meta_null.gif'); display:block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/images/meta_lb_prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/images/meta_lb_nextlabel.gif') right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow:auto; width:100%; }
#imageData {	padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; outline:none; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


 /*---    Misc Table, Row, and Color Formatting    ---*/

/* TODO Add my own table style */


 /*---    Credits Below Article   ---*/

#contentarea-middle2 .info-top {
  border-color: #999;
  border-width: 1px;
  border-style: none none dashed none;
  }

#contentarea-middle2 .info {
  font: normal 10px Tahoma, sans-serif; 
  text-transform: uppercase;
  display: inline;
  border-color: #999;
  border-width: 1px;
  border-style: none dashed dashed dashed;
  padding: 0 7px 5px 7px;
  margin: 0 0 0 20px;
  }

 /*---    Category Links & Terms   ---*/

#contentarea-middle2 .links {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 14px; 
  font-weight: 200;
  color: #666;
  letter-spacing: 0px;
  line-height: 1em;
  margin: 10px 0 0 0;
  border-color: #999;
  border-width: 1px;
  border-style: none none dashed none;
  }

#contentarea-middle2 .links a,
#contentarea-middle2 .links a:link,
#contentarea-middle2 .links a:visited,
#contentarea-middle2 .terms a,
#contentarea-middle2 .terms a:link,
#contentarea-middle2 .terms a:visited {
  color: #666;
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 .links a:hover,
#contentarea-middle2 .links a:active,
#contentarea-middle2 .terms a:hover,
#contentarea-middle2 .terms a:active {
  color: #000;
  }

#contentarea-middle2 .terms {
  font: normal 10px Tahoma, sans-serif; 
  text-transform: uppercase;
  display: inline;
  border-color: #999;
  border-width: 1px;
  border-style: solid dashed dashed dashed;
  border-top-color: #fff;
  padding: 0 7px 5px 7px;
  margin: 0 0 10px 20px;
  background-color: #fff;
  }

#contentarea-middle2 .terms * { vertical-align:middle; }


 /*---    Inline Containers   ---*/

#contentarea-middle2 .container-inline div {
  display: block;
  }

 /*---    Breadcrumb Navigation   ---*/

#contentarea-middle2 .breadcrumb {
  text-align: right;
  padding: 0;
  }

#contentarea-middle2 .breadcrumb a,
#contentarea-middle2 .breadcrumb a:link,
#contentarea-middle2 .breadcrumb a:visited {
  padding-right: 0px;
  background: none;
  color: #999;
  border: none;
  }

#contentarea-middle2 .breadcrumb a:hover,
#contentarea-middle2 .breadcrumb a:active {
  background: none;
  color: #9C0;
  }

 /*---    PRE Code Tags    ---*/

pre {
  background: #fff url('/images/meta_pre-header_code.gif') no-repeat 10px 0;
  width: 90%;
  padding: 50px 5px 15px 15px;
  font-size: 11px;
  font-family: "Courier New", monospace;
  line-height: 12px;
  overflow: auto;
  overflow-y: hidden; /* IE */
  color: #000;
  margin: 10px auto 15px auto;
  border-color: #eee #eee #e0e0e0 #e0e0e0;
  border-width: 1px 1px 3px 3px;
  border-style: double;
  }

pre.command {
  background: #fff url('/images/meta_pre-header_command.gif') no-repeat 10px 0;
  }
  
code {
  font-size:12px;
}

p code {
  color:#000;
  font-size: 13px;
  font-family: "Courier New", monospace;
  background-color: #ffff66;
  border-color: #eeeeee;
  border-width: 0 0 1px 1px;
  border-style: solid;
  padding:0px 3px;
  }

p code:hover {
  border-color: #cccccc;
  }

 /*---    Coderay Formatting    ---*/

.CodeRay      { background-color: #f8f8f8; border: 1px solid silver; font-family: 'Courier New', 'Terminal', monospace; color: #100; }
.CodeRay pre  { margin:0px; font-size:12px !important; }

div.CodeRay       { }
span.CodeRay      { white-space: pre; border: 0px; padding: 2px }
table.CodeRay     { margin-left:13px; border-collapse:collapse !important; width:100%; padding:2px; border:none !important; background:none !important; }
table.CodeRay td  { padding: 2px 4px; vertical-align: top }

.CodeRay .line_numbers      { display:none; }
.CodeRay .line_numbers, 
.CodeRay .no                { background-color:#def; color:gray; text-align:right; }
.CodeRay .line_numbers tt   { font-weight:bold }
.CodeRay .no                { padding: 0px 4px }
.CodeRay .code              { width:100% }

ol.CodeRay    { font-size: 10pt }
ol.CodeRay li { white-space: pre }

.CodeRay .code pre { overflow: auto }

.CodeRay .af      { color:#00C }
.CodeRay .an      { color:#007 }
.CodeRay .av      { color:#700 }
.CodeRay .aw      { color:#C00 }
.CodeRay .bi      { color:#509; font-weight:bold }
.CodeRay .c       { color:#888 }
.CodeRay .ch      { color:#04D }
.CodeRay .ch .k   { color:#04D }
.CodeRay .ch .dl  { color:#039 }
.CodeRay .cl      { color:#B06; font-weight:bold }
.CodeRay .co      { color:#ff3333; font-weight:bold }
.CodeRay .cr      { color:#0A0 }
.CodeRay .cv      { color:#369 }
.CodeRay .df      { color:#099; font-weight:bold }
.CodeRay .di      { color:#088; font-weight:bold }
.CodeRay .dl      { color:black }
.CodeRay .do      { color:#970 }
.CodeRay .ds      { color:#D42; font-weight:bold }
.CodeRay .e       { color:#666; font-weight:bold }
.CodeRay .en      { color:#800; font-weight:bold }
.CodeRay .er      { color:#F00; background-color:#FAA }
.CodeRay .ex      { color:#F00; font-weight:bold }
.CodeRay .fl      { color:#60E; font-weight:bold }
.CodeRay .fu      { color:#06B; font-weight:bold }
.CodeRay .gv      { color:#d70; font-weight:bold }
.CodeRay .hx      { color:#058; font-weight:bold }
.CodeRay .i       { color:#00D; font-weight:bold }
.CodeRay .ic      { color:#B44; font-weight:bold }
.CodeRay .il          { background:none; }
.CodeRay .il .il      { background:none; }
.CodeRay .il .il .il  { background:none; }
.CodeRay .il .idl     { font-weight: bold; color: #888 }
.CodeRay .il .dl  { color:#000 !important; }
.CodeRay .in      { color:#B2B; font-weight:bold }
.CodeRay .iv      { color:#33B }
.CodeRay .la      { color:#970; font-weight:bold }
.CodeRay .lv      { color:#963 }
.CodeRay .oc      { color:#40E; font-weight:bold }
.CodeRay .on      { color:#000; font-weight:bold }
.CodeRay .op      { }
.CodeRay .pc      { color:#038; font-weight:bold }
.CodeRay .pd      { color:#369; font-weight:bold }
.CodeRay .pp      { color:#579 }
.CodeRay .pt      { color:#339; font-weight:bold }
.CodeRay .r       { color:#cc6633; font-weight:bold }
.CodeRay .rx      { background-color:#fff0ff }
.CodeRay .rx .k   { color:#808 }
.CodeRay .rx .dl  { color:#404 }
.CodeRay .rx .mod { color:#C2C }
.CodeRay .rx .fu  { color:#404; font-weight: bold }
.CodeRay .s       { background-color:none; }
.CodeRay .s .s    { background-color:none; }
.CodeRay .s .s .s { background-color:none; }
.CodeRay .s .k    { color:#339900 !important; }
.CodeRay .s .dl   { color:#339900 !important; }
.CodeRay .sh      { background-color:#f0fff0 }
.CodeRay .sh .k   { color:#2B2 }
.CodeRay .sh .dl  { color:#161 }
.CodeRay .sy      { color:#0066cc }
.CodeRay .sy .k   { color:#A60 }
.CodeRay .sy .dl  { color:#630 }
.CodeRay .ta      { color:#070 }
.CodeRay .tf      { color:#070; font-weight:bold }
.CodeRay .ts      { color:#D70; font-weight:bold }
.CodeRay .ty      { color:#339; font-weight:bold }
.CodeRay .v       { color:#036 }
.CodeRay .xt      { color:#444 }


 /*---    BlockQuote Tag    ---*/

#contentarea-middle2 blockquote {
  background: url('/images/meta_block-quote_left.gif') no-repeat top left ;
  margin: 10px 30px 0 30px;
  font-style: italic;
  }

#contentarea-middle2 blockquote div {
  background: url('/images/meta_block-quote_right.gif') no-repeat bottom right ;
  padding: 0 37px 0 42px;
  }


 /*---    User Comment Boxes    ---*/

#contentarea-middle2 .comment-box {
  width: 100%
  }

#contentarea-middle2 .comment-box h3 {
  margin: 0 10px 0 16px;
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 20px; 
  font-weight: 200;
  color: #666;
  letter-spacing: 0px;
  line-height: 1em;
  padding: 15px 0 3px 17px;
  border-color: #ccc;
  border-width: 1px;
  border-style: none none none none;
  z-index: 65;
  text-align: left;
  }

#contentarea-middle2 .comment-box .comment-info {
  font: normal 10px Tahoma, sans-serif; 
  text-transform: uppercase;
  display: inline;
  border-color: #999;
  border-width: 1px;
  border-style: solid dashed dashed dashed;
  border-top: 2px solid #fff;
  padding: 2px 7px 5px 7px;
  margin: 0 0 0 20px;
  background: #fcfafe;
  position: relative;
  z-index: 63;
  }

#contentarea-middle2 .comment-box .comment  {
  width: 100%;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid solid solid solid;
  margin: -18px 0 0 0;
  background: #fefdee; 
  position: relative; 
  z-index: 61;
  }

#contentarea-middle2 .comment-box .comment .tl {
  background-image: url('/images/meta_comment-tl.gif');
  background-position: 0% 0%;
  background-repeat: no-repeat;
  position: relative;
  top: -1px;
  left: -1px;
  }

#contentarea-middle2 .comment-box .comment .tr {
  background-image: url('/images/meta_comment-tr.gif');
  background-position: 100% 0%;
  background-repeat: no-repeat;
  position: relative;
  left: 2px;
  }

#contentarea-middle2 .comment-box .comment .br {
  background-image: url('/images/meta_comment-br.gif');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
  }

#contentarea-middle2 .comment-box .comment .bl {
  background-image: url('/images/meta_comment-bl.gif');
  background-position: 0% 100%;
  background-repeat: no-repeat;
  position: relative;
  left: -2px;
  padding: 0;
  overflow: hidden;
  }

#contentarea-middle2 .comment-box .by-author  { background:#eaeaea !important; }

#contentarea-middle2 .comment .comment-vertspacer {
  height: 19px;
  }

#contentarea-middle2 .comment .content {
  font-size: 11px;
  line-height: 13px;
  margin: 0;
  padding: 18px 22px 22px 22px;
  min-height:34px;
  }

#contentarea-middle2 .comment .gravatar {
  float:left; 
  margin: 0 7px 2px 0;
  }

#contentarea-middle2 .comment .content p {
  padding: 5px 0 5px 0;
  text-indent: 20px;
  margin: 0 0 0 0;
  }

#contentarea-middle2 .comment .content cite {
  display: block;
  background: url('/images/meta_comment-quote.gif') no-repeat 0 0 ;
  padding: 0 0 0 40px;
  min-height: 31px;
  text-indent: 0px;
  margin: 0 0 0 0;
  }

#contentarea-middle2 .comment-links-box {
  display: none; /* Leave for when Mephisto supports inline replies */
  margin: 0 0 20px 0;
  padding: 0 22px;
  text-align: right;
  }

#contentarea-middle2 .comment-links { 
  font: normal 10px Tahoma, sans-serif; 
  text-transform: uppercase;
  border-color: #999;
  border-width: 1px;
  border-style: dashed dashed dashed dashed;
  padding: 5px 7px 5px 7px;
  background-color: #fff;
  }

#contentarea-middle2 .comment-links:hover { 
  background-color: #efa;
  }

#contentarea-middle2 .comment-links a,
#contentarea-middle2 .comment-links a:link,
#contentarea-middle2 .comment-links a:visited {
  color: #666;
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 .comment-links a:hover,
#contentarea-middle2 .comment-links a:active {
  color: #000;
  }

#contentarea-middle2 #comment-moderation-button {
  margin: 20px 0 0 0px;
  }

 /*---    A Anchors (with no visual effects)    ---*/

#contentarea-middle2 a.cleanlink,
#contentarea-middle2 a.cleanlink:link,
#contentarea-middle2 a.cleanlink:visited {
  background: none;
  padding-right: 0;
  border: none;
  }



  /*    DIV #contentarea-right2  <-- Misc. Meta Content Styles
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    General Text    ---*/

#contentarea-right2 {
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666;
  letter-spacing: 0em;
  line-height: 1.2em;
  }

#contentarea-right2 h2 {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 20px; 
  font-weight: 200;
  color: #000;
  letter-spacing: -1px;
  line-height: 1em;
  /* Non-Overides */
  padding: 0 0 5px 0;
  }

#contentarea-right2 .content {
  padding: 0;
  margin: 0 0 10px 0;
  }

#contentarea-right2 .content h3 {
  margin: 10px 0 0 0;
  }

 /*---    Lists Style & Links    ---*/

#contentarea-right2 .content ul {
  margin: 0 0 0 20px;
  padding-bottom: 0;
  }

#contentarea-right2 .content ul:first-child {
  margin: 0 0 15px 25px;
  padding-bottom: 0;
  }

#contentarea-right2 .content ul.menu {
  margin: 0 0 0 5px;
  padding-bottom: 0;
  }

#contentarea-right2 .content ul.menu:first-child {
  margin: 0 0 15px 15px;
  padding-bottom: 0;
  }

#contentarea-right2 ul li {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: url('/images/meta_bullet1.gif') ;
  margin: 4px 0 4px 0;
  padding: 0 0 0 0; 
  }

#contentarea-right2 ul li.expanded {
  list-style-image: url('/images/meta_arrow3d.gif') ;
  }

#contentarea-right2 ul li.collapsed {
  list-style-image: url('/images/meta_arrow3.gif') ;
  }

#contentarea-right2 ul li a,
#contentarea-right2 ul li a:link {
  color: #06c;
  }

#contentarea-right2 ul li a:visited {
  color: #06c;
  }

#contentarea-right2 ul li a:active,
#contentarea-right2 ul li a:hover {
  color: #000;
  background: url('/images/meta_arrow2.gif') no-repeat 100% 50% ;
  padding-right: 9px;
  }


  /*    DIV #footer-area & #secondary-links
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
#footer-area {
  margin: 0 150px;
  text-align: center;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #5b5b5b;
  }

#footer-area a, 
#footer-area a:link, 
#footer-area a:visited { border: 0; color: #c60; }
#footer-area a:hover, 
#footer-area a:active { color: #9c6; }

#footer-area .site-name {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 15px; 
  font-weight: 400;
  }

#footer-area .footer-message {
  font-style: italic;
  font-size: 10px;
  }

#secondary-links {
  text-align: center;
  }






0
\ No newline at end of file
0
+
  /* 
 +-------------------------------------------------------------------------------------------------+
     \  |        |          / ___|| | __(_) | | ___   _ __   ___| |_    
    |\/ |   _ \  __|   _` | \___ \| |/ /| | | |/ __| | '_ \ / _ \ __|  |  Meta Theme for Mephisto
    |   |   __/  |    (   |  ___) |   < | | | |\__ \_| | | |  __/ |_   |  0.8.0 Drax Edition
   _|  _| \___| \__| \__,_| |____/|_|\_\|_|_|_||___/_)_| |_|\___|\__|  |  -------------------------
   C o d i n g  t h i n g s  o n  t o p  o f  o t h e r  t h i n g s!  |  By: Ken Collins
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */


  /*    DIV #contentarea-middle2  <-- Misc. Meta Content Styles
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    Overall Style Elements    ---*/

* { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; }
img {  border: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body { 
  background: #fff url('/images/meta_background-green.gif') repeat-x fixed top left; /* MetaTool Overide */
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.6%;
  margin: 0 0 20px 0;
  min-width: 907px;
  padding: 0 25px;
  }


 /*---    General Text    ---*/

#contentarea-middle2 {
  font-size: 120%;
  font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-weight: normal;
  color: #333;
  letter-spacing: 0em;
  line-height: 1.5em;
  }

#contentarea-middle2 h1 {
  width: 365px;
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 30px; 
  font-weight: 200;
  color: #9C0;
  letter-spacing: -1px;
  line-height: 1em;
  padding: 5px 0 5px 0;
  }

#contentarea-middle2 h2 {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 22px; 
  font-weight: 200;
  color: #666;
  letter-spacing: -0.05em;
  line-height: 1em;
  padding: 25px 0 2px 0;
  margin-bottom: 1px;
  border-color: #999;
  border-width: 1px;
  border-style: none none dashed none;
  }

#contentarea-middle2 h2 a, 
#contentarea-middle2 h2 a:link, 
#contentarea-middle2 h2 a:visited { color: #666 !important; padding:0 !important; border-bottom:none !important; background:none !important; text-decoration:none !important; }
#contentarea-middle2 h2 a:hover, 
#contentarea-middle2 h2 a:active  { color:#9c6 !important; }

#contentarea-middle2 h3 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: 200;
	color: #666;
	letter-spacing: -1px;
	line-height: 1em;
	padding: 25px 0 2px 0;
	text-align: center;
  }

#contentarea-middle2 .bloglinks    { position:absolute; right:262px; vertical-align:middle; }
#contentarea-middle2 .bloglinks *  { vertical-align:middle; }

#contentarea-middle2 p {
  padding: 15px 0 5px 0;
  text-indent: 20px;
  }


 /*---    Main Content Link - Node Area (internal)    ---*/

#contentarea-middle2 .node a, 
#contentarea-middle2 .node a:link, 
#contentarea-middle2 .node a:visited {
  background: url('/images/meta_arrow2.gif') no-repeat 100% 50% ;
  padding-right: 9px;
  border-bottom: 1px dotted #666;
  color: #c60;
  }

#contentarea-middle2 .node a:hover, 
#contentarea-middle2 .node a:active {
  color: #9c6;
  }


 /*---    Main Content Link - Everywhere Else    ---*/

#contentarea-middle2 a, 
#contentarea-middle2 a:link, 
#contentarea-middle2 a:visited {
  background: none ;
  padding-right: 0;
  border-bottom: 1px dotted #666;
  color: #c60;
  }

#contentarea-middle2 a:hover, 
#contentarea-middle2 a:active {
  color: #9c6;
  }


 /*---    Main Content Link - Node Area (external)    ---*/

#contentarea-middle2 .node a.external-link,
#contentarea-middle2 .node a:link.external-link,
#contentarea-middle2 .node a:visited.external-link {
  background: url('/images/meta_new-window.gif') no-repeat 100% 50% ;
  border-bottom: 1px dotted #666;
  padding-right: 11px;
  color: #c60;
  }

#contentarea-middle2 .node a:hover.external-link,
#contentarea-middle2 .node a:active.external-link {
  color: #9c6;
  }


 /*---    Lists Style    ---*/

#contentarea-middle2 ul {
  margin: 0 0 15px 35px;
  }

#contentarea-middle2 ul li {
  list-style: none;
  list-style-position: outside;
  list-style-image: url('/images/meta_bullet1.gif') ;
  margin: 3px 0;
  }


 /*---    Photo Fancy Border (Bounding & Border Images)    ---*/

#contentarea-middle2 .photobounding {
  background-color: #fff;
  position: relative; 
  width: auto;
  max-width: 553px;
  min-width: 143px;
  height: 100%;
  min-height: 220px;
  margin: 10px auto 14px auto;
  border: 1px solid #e1e1e1; /* e1e1e1 */
  z-index: 43;  
  }

#contentarea-middle2 .photobounding .tl {
  background: url('/images/meta_photo-tl.png') no-repeat 0 0 ;
  position: absolute;
  width: 71px;
  height: 110px;
  top: -11px;
  left: -11px;
  }

#contentarea-middle2 .photobounding .tr {
  background: url('/images/meta_photo-tr.png') no-repeat 100% 0 ;
  position: absolute;
  width: 71px;
  height: 110px;
  top: -11px;
  right: -11px;
  }

#contentarea-middle2 .photobounding .bl {
  background: url('/images/meta_photo-bl.png') no-repeat 100% 100% ;
  position: absolute;
  width: 71px;
  height: 110px;
  bottom: -11px;
  left: -11px;
  }

#contentarea-middle2 .photobounding .br {
  background: url('/images/meta_photo-br.png') no-repeat 0 100% ;
  position: absolute;
  width: 71px;
  height: 110px;
  bottom: -11px;
  right: -11px;
  }

#contentarea-middle2 .phototime {
  position: relative;
  padding: 13px 13px 8px 13px;
  z-index: 47;
  }

#contentarea-middle2 .phototime a,
#contentarea-middle2 .phototime a:link,
#contentarea-middle2 .phototime a:visited {
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 .phototime img{
  border: 1px solid #eeeeee;
  }


 /*---    Lightbox.js Styles    ---*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('/images/meta_null.gif'); display:block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/images/meta_lb_prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/images/meta_lb_nextlabel.gif') right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow:auto; width:100%; }
#imageData {	padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; outline:none; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


 /*---    Misc Table, Row, and Color Formatting    ---*/

table.strucTable     { border:none; border-spacing:0px; border-collapse:collapse; }
table.strucTable tr,
table.strucTable th,
table.strucTable td  { margin:0; padding:0; border:none; border-spacing:0px; }

table.formTable               { margin:0; padding:0; border-collapse:collapse; border:none; }
table.formTable               { width:auto; }
table.formTable th            { color:#333; font-weight:bold; text-transform:uppercase; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:11px; border:none; text-align:right; background:none; color:#333; padding-right:4px; }
table.formTable th.required   { color:#bf3e17; }
table.formTable td            { border:none; padding:3px 5px; }

table.commentFormTable                  { margin: 20px 0 0 30px; }
table.commentFormTable input[type=text] { background-color:#ffffcc; width:220px; }
table.commentFormTable #comment         { background-color:#ffffcc; width:450px; height:160px; }


 /*---    Credits Below Article   ---*/

#contentarea-middle2 .info-top {
  border-color: #999;
  border-width: 1px;
  border-style: none none dashed none;
  }

#contentarea-middle2 .info {
  font: normal 10px Tahoma, sans-serif; 
  text-transform: uppercase;
  display: inline;
  border-color: #999;
  border-width: 1px;
  border-style: none dashed dashed dashed;
  padding: 0 7px 5px 7px;
  margin: 0 0 0 20px;
  }

 /*---    Category Links & Terms   ---*/

#contentarea-middle2 .links {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 14px; 
  font-weight: 200;
  color: #666;
  letter-spacing: 0px;
  line-height: 1em;
  margin: 10px 0 0 0;
  border-color: #999;
  border-width: 1px;
  border-style: none none dashed none;
  }

#contentarea-middle2 .links a,
#contentarea-middle2 .links a:link,
#contentarea-middle2 .links a:visited,
#contentarea-middle2 .terms a,
#contentarea-middle2 .terms a:link,
#contentarea-middle2 .terms a:visited {
  color: #666;
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 .links a:hover,
#contentarea-middle2 .links a:active,
#contentarea-middle2 .terms a:hover,
#contentarea-middle2 .terms a:active {
  color: #000;
  }

#contentarea-middle2 .terms {
  font: normal 10px Tahoma, sans-serif; 
  text-transform: uppercase;
  display: inline;
  border-color: #999;
  border-width: 1px;
  border-style: solid dashed dashed dashed;
  border-top-color: #fff;
  padding: 0 7px 5px 7px;
  margin: 0 0 10px 20px;
  background-color: #fff;
  }

#contentarea-middle2 .terms * { vertical-align:middle; }


 /*---    Inline Containers   ---*/

#contentarea-middle2 .container-inline div {
  display: block;
  }

 /*---    Breadcrumb Navigation   ---*/

#contentarea-middle2 .breadcrumb {
  text-align: right;
  padding: 0;
  }

#contentarea-middle2 .breadcrumb a,
#contentarea-middle2 .breadcrumb a:link,
#contentarea-middle2 .breadcrumb a:visited {
  padding-right: 0px;
  background: none;
  color: #999;
  border: none;
  }

#contentarea-middle2 .breadcrumb a:hover,
#contentarea-middle2 .breadcrumb a:active {
  background: none;
  color: #9C0;
  }

 /*---    PRE Code Tags    ---*/

pre {
  background: #fff url('/images/meta_pre-header_code.gif') no-repeat 10px 0;
  width: 90%;
  padding: 50px 5px 15px 15px;
  font-size: 11px;
  font-family: "Courier New", monospace;
  line-height: 12px;
  overflow: auto;
  overflow-y: hidden; /* IE */
  color: #000;
  margin: 10px auto 15px auto;
  border-color: #eee #eee #e0e0e0 #e0e0e0;
  border-width: 1px 1px 3px 3px;
  border-style: double;
  }

pre.command {
  background: #fff url('/images/meta_pre-header_command.gif') no-repeat 10px 0;
  }
  
code {
  font-size:12px;
}

p code {
  color:#000;
  font-size: 13px;
  font-family: "Courier New", monospace;
  background-color: #ffff66;
  border-color: #eeeeee;
  border-width: 0 0 1px 1px;
  border-style: solid;
  padding:0px 3px;
  }

p code:hover {
  border-color: #cccccc;
  }

 /*---    Coderay Formatting    ---*/

.CodeRay      { background-color: #f8f8f8; border: 1px solid silver; font-family: 'Courier New', 'Terminal', monospace; color: #100; }
.CodeRay pre  { margin:0px; font-size:12px !important; }

div.CodeRay       { }
span.CodeRay      { white-space: pre; border: 0px; padding: 2px }
table.CodeRay     { margin-left:13px; border-collapse:collapse !important; width:100%; padding:2px; border:none !important; background:none !important; }
table.CodeRay td  { padding: 2px 4px; vertical-align: top }

.CodeRay .line_numbers      { display:none; }
.CodeRay .line_numbers, 
.CodeRay .no                { background-color:#def; color:gray; text-align:right; }
.CodeRay .line_numbers tt   { font-weight:bold }
.CodeRay .no                { padding: 0px 4px }
.CodeRay .code              { width:100% }

ol.CodeRay    { font-size: 10pt }
ol.CodeRay li { white-space: pre }

.CodeRay .code pre { overflow: auto }

.CodeRay .af      { color:#00C }
.CodeRay .an      { color:#007 }
.CodeRay .av      { color:#700 }
.CodeRay .aw      { color:#C00 }
.CodeRay .bi      { color:#509; font-weight:bold }
.CodeRay .c       { color:#888 }
.CodeRay .ch      { color:#04D }
.CodeRay .ch .k   { color:#04D }
.CodeRay .ch .dl  { color:#039 }
.CodeRay .cl      { color:#B06; font-weight:bold }
.CodeRay .co      { color:#ff3333; font-weight:bold }
.CodeRay .cr      { color:#0A0 }
.CodeRay .cv      { color:#369 }
.CodeRay .df      { color:#099; font-weight:bold }
.CodeRay .di      { color:#088; font-weight:bold }
.CodeRay .dl      { color:black }
.CodeRay .do      { color:#970 }
.CodeRay .ds      { color:#D42; font-weight:bold }
.CodeRay .e       { color:#666; font-weight:bold }
.CodeRay .en      { color:#800; font-weight:bold }
.CodeRay .er      { color:#F00; background-color:#FAA }
.CodeRay .ex      { color:#F00; font-weight:bold }
.CodeRay .fl      { color:#60E; font-weight:bold }
.CodeRay .fu      { color:#06B; font-weight:bold }
.CodeRay .gv      { color:#d70; font-weight:bold }
.CodeRay .hx      { color:#058; font-weight:bold }
.CodeRay .i       { color:#00D; font-weight:bold }
.CodeRay .ic      { color:#B44; font-weight:bold }
.CodeRay .il          { background:none; }
.CodeRay .il .il      { background:none; }
.CodeRay .il .il .il  { background:none; }
.CodeRay .il .idl     { font-weight: bold; color: #888 }
.CodeRay .il .dl  { color:#000 !important; }
.CodeRay .in      { color:#B2B; font-weight:bold }
.CodeRay .iv      { color:#33B }
.CodeRay .la      { color:#970; font-weight:bold }
.CodeRay .lv      { color:#963 }
.CodeRay .oc      { color:#40E; font-weight:bold }
.CodeRay .on      { color:#000; font-weight:bold }
.CodeRay .op      { }
.CodeRay .pc      { color:#038; font-weight:bold }
.CodeRay .pd      { color:#369; font-weight:bold }
.CodeRay .pp      { color:#579 }
.CodeRay .pt      { color:#339; font-weight:bold }
.CodeRay .r       { color:#cc6633; font-weight:bold }
.CodeRay .rx      { background-color:#fff0ff }
.CodeRay .rx .k   { color:#808 }
.CodeRay .rx .dl  { color:#404 }
.CodeRay .rx .mod { color:#C2C }
.CodeRay .rx .fu  { color:#404; font-weight: bold }
.CodeRay .s       { background-color:none; }
.CodeRay .s .s    { background-color:none; }
.CodeRay .s .s .s { background-color:none; }
.CodeRay .s .k    { color:#339900 !important; }
.CodeRay .s .dl   { color:#339900 !important; }
.CodeRay .sh      { background-color:#f0fff0 }
.CodeRay .sh .k   { color:#2B2 }
.CodeRay .sh .dl  { color:#161 }
.CodeRay .sy      { color:#0066cc }
.CodeRay .sy .k   { color:#A60 }
.CodeRay .sy .dl  { color:#630 }
.CodeRay .ta      { color:#070 }
.CodeRay .tf      { color:#070; font-weight:bold }
.CodeRay .ts      { color:#D70; font-weight:bold }
.CodeRay .ty      { color:#339; font-weight:bold }
.CodeRay .v       { color:#036 }
.CodeRay .xt      { color:#444 }


 /*---    BlockQuote Tag    ---*/

#contentarea-middle2 blockquote {
  background: url('/images/meta_block-quote_left.gif') no-repeat top left ;
  margin: 10px 30px 0 30px;
  font-style: italic;
  }

#contentarea-middle2 blockquote div {
  background: url('/images/meta_block-quote_right.gif') no-repeat bottom right ;
  padding: 0 37px 0 42px;
  }


 /*---    User Comment Boxes    ---*/

#contentarea-middle2 .comment-box {
  width: 100%
  }

#contentarea-middle2 .comment-box h3 {
  margin: 0 10px 0 16px;
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 20px; 
  font-weight: 200;
  color: #666;
  letter-spacing: 0px;
  line-height: 1em;
  padding: 15px 0 3px 17px;
  border-color: #ccc;
  border-width: 1px;
  border-style: none none none none;
  z-index: 65;
  text-align: left;
  }

#contentarea-middle2 .comment-box .comment-info {
  font: normal 10px Tahoma, sans-serif; 
  text-transform: uppercase;
  display: inline;
  border-color: #999;
  border-width: 1px;
  border-style: solid dashed dashed dashed;
  border-top: 2px solid #fff;
  padding: 2px 7px 5px 7px;
  margin: 0 0 0 20px;
  background: #fcfafe;
  position: relative;
  z-index: 63;
  }

#contentarea-middle2 .comment-box .comment  {
  width: 100%;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid solid solid solid;
  margin: -18px 0 0 0;
  background: #fefdee; 
  position: relative; 
  z-index: 61;
  }

#contentarea-middle2 .comment-box .comment .tl {
  background-image: url('/images/meta_comment-tl.gif');
  background-position: 0% 0%;
  background-repeat: no-repeat;
  position: relative;
  top: -1px;
  left: -1px;
  }

#contentarea-middle2 .comment-box .comment .tr {
  background-image: url('/images/meta_comment-tr.gif');
  background-position: 100% 0%;
  background-repeat: no-repeat;
  position: relative;
  left: 2px;
  }

#contentarea-middle2 .comment-box .comment .br {
  background-image: url('/images/meta_comment-br.gif');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
  }

#contentarea-middle2 .comment-box .comment .bl {
  background-image: url('/images/meta_comment-bl.gif');
  background-position: 0% 100%;
  background-repeat: no-repeat;
  position: relative;
  left: -2px;
  padding: 0;
  overflow: hidden;
  }

#contentarea-middle2 .comment-box .by-author  { background:#eaeaea !important; }

#contentarea-middle2 .comment .comment-vertspacer {
  height: 19px;
  }

#contentarea-middle2 .comment .content {
  font-size: 11px;
  line-height: 13px;
  margin: 0;
  padding: 18px 22px 22px 22px;
  min-height:34px;
  }

#contentarea-middle2 .comment .gravatar {
  float:left; 
  margin: 0 7px 2px 0;
  }

#contentarea-middle2 .comment .content p {
  padding: 5px 0 5px 0;
  text-indent: 20px;
  margin: 0 0 0 0;
  }

#contentarea-middle2 .comment .content cite {
  display: block;
  background: url('/images/meta_comment-quote.gif') no-repeat 0 0 ;
  padding: 0 0 0 40px;
  min-height: 31px;
  text-indent: 0px;
  margin: 0 0 0 0;
  }

#contentarea-middle2 .comment-links-box {
  display: none; /* Leave for when Mephisto supports inline replies */
  margin: 0 0 20px 0;
  padding: 0 22px;
  text-align: right;
  }

#contentarea-middle2 .comment-links { 
  font: normal 10px Tahoma, sans-serif; 
  text-transform: uppercase;
  border-color: #999;
  border-width: 1px;
  border-style: dashed dashed dashed dashed;
  padding: 5px 7px 5px 7px;
  background-color: #fff;
  }

#contentarea-middle2 .comment-links:hover { 
  background-color: #efa;
  }

#contentarea-middle2 .comment-links a,
#contentarea-middle2 .comment-links a:link,
#contentarea-middle2 .comment-links a:visited {
  color: #666;
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 .comment-links a:hover,
#contentarea-middle2 .comment-links a:active {
  color: #000;
  }

#contentarea-middle2 #comment-moderation-button {
  margin: 20px 0 0 0px;
  }

 /*---    A Anchors (with no visual effects)    ---*/

#contentarea-middle2 a.cleanlink,
#contentarea-middle2 a.cleanlink:link,
#contentarea-middle2 a.cleanlink:visited {
  background: none;
  padding-right: 0;
  border: none;
  }



  /*    DIV #contentarea-right2  <-- Misc. Meta Content Styles
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    General Text    ---*/

#contentarea-right2 {
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666;
  letter-spacing: 0em;
  line-height: 1.2em;
  }

#contentarea-right2 h2 {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 20px; 
  font-weight: 200;
  color: #000;
  letter-spacing: -1px;
  line-height: 1em;
  /* Non-Overides */
  padding: 0 0 5px 0;
  }

#contentarea-right2 .content {
  padding: 0;
  margin: 0 0 10px 0;
  }

#contentarea-right2 .content h3 {
  margin: 10px 0 0 0;
  }

 /*---    Lists Style & Links    ---*/

#contentarea-right2 .content ul {
  margin: 0 0 0 20px;
  padding-bottom: 0;
  }

#contentarea-right2 .content ul:first-child {
  margin: 0 0 15px 25px;
  padding-bottom: 0;
  }

#contentarea-right2 .content ul.menu {
  margin: 0 0 0 5px;
  padding-bottom: 0;
  }

#contentarea-right2 .content ul.menu:first-child {
  margin: 0 0 15px 15px;
  padding-bottom: 0;
  }

#contentarea-right2 ul li {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: url('/images/meta_bullet1.gif') ;
  margin: 4px 0 4px 0;
  padding: 0 0 0 0; 
  }

#contentarea-right2 ul li.expanded {
  list-style-image: url('/images/meta_arrow3d.gif') ;
  }

#contentarea-right2 ul li.collapsed {
  list-style-image: url('/images/meta_arrow3.gif') ;
  }

#contentarea-right2 ul li a,
#contentarea-right2 ul li a:link {
  color: #06c;
  }

#contentarea-right2 ul li a:visited {
  color: #06c;
  }

#contentarea-right2 ul li a:active,
#contentarea-right2 ul li a:hover {
  color: #000;
  background: url('/images/meta_arrow2.gif') no-repeat 100% 50% ;
  padding-right: 9px;
  }


  /*    DIV #footer-area & #secondary-links
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
#footer-area {
  margin: 0 150px;
  text-align: center;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #5b5b5b;
  }

#footer-area a, 
#footer-area a:link, 
#footer-area a:visited { border: 0; color: #c60; }
#footer-area a:hover, 
#footer-area a:active { color: #9c6; }

#footer-area .site-name {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 15px; 
  font-weight: 400;
  }

#footer-area .footer-message {
  font-style: italic;
  font-size: 10px;
  }

#secondary-links {
  text-align: center;
  }






0
\ No newline at end of file
0
templates/_comments.liquid 
...
33
34
35
36
 
37
38
39
40
41
42
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
43
44
45
 
...
33
34
35
 
36
37
 
 
 
 
 
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
0
@@ -33,13 +33,30 @@
0
 
0
 {% if article.accept_comments %}
0
   
0
-  <h3 id="respond">Leave a Reply</h3>
0
+  <h2 id="respond">Leave a Comment</h2>
0
   {% commentform %}
0
-    <p>{{ form.name }}<label for="author"><small>Name (required)</small></label></p>
0
-    <p>{{ form.email }}<label for="email"><small>Mail (will not be published)</small></label></p>
0
-    <p>{{ form.url }}<label for="url"><small>Website</small></label></p>
0
-    <p><textarea name="comment[body]" id="comment" cols="100%" rows="10">{{ submitted.body }}</textarea></p>
0
-    <p><input name="submit" type="submit" id="submit" value="Submit Comment" /></p>
0
+  <table class="formTable commentFormTable">
0
+    <tr>
0
+      <th>Name</th>
0
+      <td>{{ form.name }} <small>(required)</small></td>
0
+    </tr>
0
+    <tr>
0
+      <th>Email</th>
0
+      <td>{{ form.email }} <small>(will not be published)</small></td>
0
+    </tr>
0
+    <tr>
0
+      <th>Website</th>
0
+      <td>{{ form.url }}</td>
0
+    </tr>
0
+    <tr>
0
+      <th>Comment</th>
0
+      <td><textarea name="comment[body]" id="comment">{{ submitted.body }}</textarea></td>
0
+    </tr>
0
+    <tr>
0
+      <th></th>
0
+      <td><input name="submit" type="submit" id="submit" value="Submit Comment" /></td>
0
+    </tr>
0
+  </table>
0
   {% endcommentform %}
0
   
0
 {% endif %}

Comments

    No one has commented yet.