public
Description: Meta Theme for Mephisto
Homepage: http://www.metaskills.net/meta-theme-for-mephisto
Clone URL: git://github.com/metaskills/metatheme.git
Adding digg style pagination CSS.
# Please enter the commit message for 
your changes. Lines starting
# with '#' will be ignored, and an empty 
message aborts the commit.
# On branch master
# Changes to be committed:
# 
  (use "git reset HEAD <file>..." to unstage)
#
#  modified:   
stylesheets/meta_pagestyles.css
#
# Changed but not updated:
#   (use "git 
add <file>..." to update what will be committed)
#
#  modified:   
templates/_list.liquid
#
diff --git a/stylesheets/meta_pagestyles.css 
b/stylesheets/meta_pagestyles.css
index 5403033..6a0ef89 100755
--- 
a/stylesheets/meta_pagestyles.css
+++ b/stylesheets/meta_pagestyles.css
@@ 
-1 +1 @@
-
  /* 
 
+-------------------------------------------------------------------------
------------------------+
     \  |        |          / ___|| | __(_) | | 
___   _ __   ___| |_    
    |\/ |   _ \  __|   _` | \___ \| |/ /| | | |/ 
__| | '_ \ / _ \ __|  |  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;
  }

.attached_asset       { 
float:left; margin: 5px 10px 5px 0; }
.attached_asset img   { 
padding-top:10px; }


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





\ No newline at end of 
file
+
  /* 
 
+-------------------------------------------------------------------------
------------------------+
     \  |        |          / ___|| | __(_) | | 
___   _ __   ___| |_    
    |\/ |   _ \  __|   _` | \___ \| |/ /| | | |/ 
__| | '_ \ / _ \ __|  |  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;
  }

.attached_asset       { 
float:left; margin: 5px 10px 5px 0; }
.attached_asset img   { 
padding-top:10px; }


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



 
/*---    Digg Style Pagination   ---*/

div.pagination {
  padding: 25px 
10px;
  margin: 3px;
  text-align:center;
  }

div.pagination a {
  
padding: 2px 5px 2px 5px !important;
  margin: 2px !important;
  border: 
1px solid #aad !important;
  text-decoration: none !important; /* no 
underline */
  color: #aad !important;
  background-color:#fff !important;
  }

div.pagination a:hover, div.pagination a:active {
  border: 1px solid 
#666 !important;
  color: #fff !important;
  background-color:#c60 
!important;
  }

div.pagination span.current {
  padding: 2px 5px 2px 5px 
!important;
  margin: 2px;
  border: 1px solid #999 !important;
  
font-weight: bold;
  background-color: #999 !important;
  color: #fff 
!important;
  }
  
div.pagination span.disabled {
  padding: 2px 5px 2px 
5px !important;
  margin: 2px !important;
  border: 1px solid #eee 
!important;
  color: #ddd !important;
  background-color: #fff !important;
  }



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





\ No newline at end of 
file 
metaskills (author)
Fri Sep 26 19:14:12 -0700 2008
README
|   ABOUT THE META THEME:
 `-------------------------------------------------------------------------+

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


|   CREDITS:
`-------------------------------------------------------------------------+


 Image Lightbox Feature - By Lokesh Dhakar
   http://www.huddletogether.com/projects/lightbox2/
 
 PNG Support for IE 6 - Courtesy of Bob Osola
   http://homepage.ntlworld.com/bobosola


|   LICENSE:
`-------------------------------------------------------------------------+

 Copyright (c) 2005-2008 Ken Collins
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights
 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.