metaskills / metatheme fork watch download tarball
public
Description: Meta Theme for Mephisto
Homepage: http://www.metaskills.net/meta-theme-for-mephisto
Clone URL: git://github.com/metaskills/metatheme.git 
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
commit  ea9ce111b7dce713f7d3929ed23f834d2a56c688
tree    3afdb79a61ed1a887778a8f204ccd6a840c9a996
parent  88f6c0caecc836f0c3820f72095bf9b23d4a4781
metatheme / templates / home.liquid
100644 3 lines (1 sloc) 0.022 kb
raw history 
1
2
3

 
{% include 'list' %}