Commit e0e4ca55714db5c96f3785687cf0e2f5ad6d5f3e to metaskills's metatheme

metaskills / metatheme

Description:	Meta Theme for Mephisto
Homepage:	http://www.metaskills.net/meta-theme-for-mephisto
Clone URL:	git://github.com/metaskills/metatheme.git Give this clone URL to anyone. `git clone git://github.com/metaskills/metatheme.git`
Search Repo:

Baby steps toward completion. Bit of CSS here, bit of copy there.

metaskills (author)

Wed Mar 19 18:39:00 -0700 2008

commit e0e4ca55714db5c96f3785687cf0e2f5ad6d5f3e
tree 44d7ee5e234f3d6d1cd8889ab516b06a9d013534
parent 3e9145926bdf085c56a9b79a1534909a54f00c2e

README
TODO.txt
about.yml
javascripts/meta.js
stylesheets/meta_pagestyles.css
templates/_comments.liquid
templates/_page.liquid

README

0
@@ -4,7 +4,7 @@
0
 
0
  The Meta theme was developed by Ken Collins. You can find out more about 
0
  what I do at <http://www.metaskills.net/colophon>. To learn about the theme 
0
- in detail please visit http://www.metaskills.net/
0
+ in detail please visit http://dev.metaskills.net/meta-theme-for-mephisto
0
 
0
 
0
 |   CREDITS:

TODO.txt

0
@@ -1,11 +1,9 @@
0
-
0
-Mephisto Migration Notes
0
-  * Convert old site blogosphere links to Mephisto
0
-  * Get old metatheme info and bundle into one page. Update about/readme with permalink.
0
   
0
 Last Steps:
0
+  * Style Comment Forms.
0
   * Make sure to comment out 'my' CSS.
0
   * Make some sort of custom right content liquid partial.
0
   * Add my Mint to new instance.
0
+  * Get Akismet key.
0
   
0

about.yml

0
@@ -1,5 +1,5 @@
0
 title: Meta
0
 author: Ken Collins
0
 version: 1.0
0
-homepage: http://www.metaskills.net/
0
+homepage: http://dev.metaskills.net/meta-theme-for-mephisto
0
 summary: Meta was a theme originally written for Drupal, now exclusively for Mephisto.

javascripts/meta.js

0
@@ -153,7 +153,7 @@ var MetaContent = Class.create({
0
   setCodeRayWidths: function() {
0
     this.codeRays.each(function(cr){
0
       var contentWidth = $('contentarea-middle2').getWidth();
0
-      var cntWidthPx = ((contentWidth-95)+'px');
0
+      var cntWidthPx = ((contentWidth-112)+'px');
0
       cr.ondblclick = '';
0
       cr.setStyle({width:cntWidthPx});
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     { 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    ---*/

/* 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

templates/_comments.liquid

0
@@ -42,8 +42,6 @@
0
     <p><input name="submit" type="submit" id="submit" value="Submit Comment" /></p>
0
   {% endcommentform %}
0
   
0
-{% else %}
0
-
0
-  <p>Sorry, comments are closed for this article.</p>
0
-  
0
 {% endif %}
0
+
0
+

templates/_page.liquid

0
@@ -12,5 +12,7 @@
0
     {{ article.body }}
0
   </div>
0
   
0
+  {% include 'comments' %}
0
+  
0
 </div>
0

Comments

No one has commented yet.