  /*  +-------------------------------------------------------------------------------------------------+     \  |        |          / ___|| | __(_) | | ___   _ __   ___| |_        |\/ |   _ \  __|   _` | \___ \| |/ /| | | |/ __| | '_ \ / _ \ __|  |  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;  }