metaskills's metatheme at master

metaskills / metatheme

Description:	Meta Theme for Mephisto edit
Homepage:	http://www.metaskills.net/meta-theme-for-mephisto edit
Public Clone URL:	git://github.com/metaskills/metatheme.git Give this clone URL to anyone. `git clone git://github.com/metaskills/metatheme.git`
Your Clone URL:	git@github.com:metaskills/metatheme.git Use this clone URL yourself. `git clone 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 /

name	age	history message
.gitignore	Tue Mar 18 12:08:10 -0700 2008	Changing ken.css to my.css. Also added mephisto... [metaskills]
README	Fri Mar 21 06:23:21 -0700 2008	Fixing dev. subdomain type [metaskills]
about.yml	Fri Mar 21 06:23:21 -0700 2008	Fixing dev. subdomain type [metaskills]
images/	Fri Mar 21 15:30:59 -0700 2008	Adding reddit to blogosphere links [metaskills]
javascripts/	Wed Mar 19 18:39:00 -0700 2008	Baby steps toward completion. Bit of CSS here, ... [metaskills]
layouts/	Mon Jun 02 18:22:05 -0700 2008	Update right content to show recent posts. [metaskills]
preview.png	Wed Mar 19 18:43:19 -0700 2008	Update preview image. [metaskills]
stylesheets/	Fri Sep 26 19:14:12 -0700 2008	Adding digg style pagination CSS. # Please ente... [metaskills]
templates/	Wed Mar 26 17:03:37 -0700 2008	Drying up first asset and placing on article/pa... [metaskills]

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.