0
@@ -5,7 +5,8 @@ Mephisto Migration Notes
0
   * Make sure PNG fix for IE6 still works
0
   * Write external link JS in prototype
0
   * Make sure to remove 'ken' CSS.
0
-  * 
0
+  * Get old metatheme info and bundle into one page.
0
+  * Look at old template and make "terms" into "tags"
0
 
0
 
0
 

0
@@ -1 +1 @@
0
-
  /* 
 +-------------------------------------------------------------------------------------------------+
     \  |        |          / ___|| | __(_) | | ___   _ __   ___| |_    
    |\/ |   _ \  __|   _` | \___ \| |/ /| | | |/ __| | '_ \ / _ \ __|  |  Meta Theme for Mephisto
    |   |   __/  |    (   |  ___) |   < | | | |\__ \_| | | |  __/ |_   |  0.8.0 Drax Edition
   _|  _| \___| \__| \__,_| |____/|_|\_\|_|_|_||___/_)_| |_|\___|\__|  |  -------------------------
   C o d i n g  t h i n g s  o n  t o p  o f  o t h e r  t h i n g s!  |  By: Ken Collins
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */

  /*    DIV #contentarea-middle2  <-- Misc. Meta Content Styles
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    Overall Style Elements    ---*/

* { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; }
img {  border: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body { 
  background: #fff url('/images/meta_background-green.gif') repeat-x fixed top left; /* MetaTool Overide */
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.6%;
  margin: 0 0 20px 0;
  min-width: 907px;
  padding: 0 25px;
  }

 /*---    General Text    ---*/

#contentarea-middle2 {
  font-size: 120%;
  font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-weight: normal;
  color: #333;
  letter-spacing: 0em;
  line-height: 1.5em;
  }

#contentarea-middle2 h1 {
  width: 365px;
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 30px; 
  font-weight: 200;
  color: #9C0;
  letter-spacing: -1px;
  line-height: 1em;
  padding: 5px 0 5px 0;
  }

#contentarea-middle2 h2 {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 22px; 
  font-weight: 200;
  color: #666;
  letter-spacing: -0.05em;
  line-height: 1em;
  padding: 25px 0 2px 0;
  margin-bottom: 1px;
  border-color: #999;
  border-width: 1px;
  border-style: none none dashed none;
  }

#contentarea-middle2 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 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;
  }

 /*---    Galleries Index Page    ---*/

#contentarea-middle2 #galleries {
  height: 1%;
  position: relative;
  }

#contentarea-middle2 #galleries a,
#contentarea-middle2 #galleries a:link,
#contentarea-middle2 #galleries a:visited {
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 #galleries ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  }

#contentarea-middle2 #galleries li {
  list-style-image: none;
  margin-bottom: 10px;
  }

#contentarea-middle2 #galleries .preview {
  background: url('/images/meta_photoslide-bg-mtpl.png') 0 0 no-repeat;
  float: left;
  width: 210px;
  height: 200px;
  margin: 15px 0 0 0;
  }

#contentarea-middle2 #galleries span.horiz,
#contentarea-middle2 #galleries span.vert {
  display: block;
  top: 0;
  left: 0;
  border-width: 0;
  }

#contentarea-middle2 #galleries span.horiz {
  width: 92px;
  height: 70px;
  padding: 30px 0 0 52px;
  }

#contentarea-middle2 #galleries span.vert {
  width: 70px;
  height: 92px;
  padding: 18px 0 0 62px;
  }

#contentarea-middle2 #galleries img {
  display: block;
  border: 1px solid;
  border-color:#999 #fff #fff #999;
  background: none;
  padding-right: 0;
  }

#contentarea-middle2 #galleries .preview-desc {
  position: relative;
  margin-left: 210px;
  }

#contentarea-middle2 #galleries h2 a,
#contentarea-middle2 #galleries h2 a:link,
#contentarea-middle2 #galleries h2 a:visited {
  color: #333;
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 #galleries h2 a:hover { color: #9c6; }
#contentarea-middle2 #galleries h2 a:active { color: #c60; }

#contentarea-middle2 #galleries p { 
  text-indent: 0; 
  padding-top: 10px; 
  }

#contentarea-middle2 #galleries span.view-button img {
  display: inline;
  border-width: 0;
  border-style: none;
  margin: 5px 0 5px 18px;
  }

#contentarea-middle2 #galleries span.count,
#contentarea-middle2 #galleries span.last {
  font-size: 85%;
  line-height: 1.4em;
  padding: 5px 0 5px 20px; 
  }

 /*---    Gallery Thumbnail Pages    ---*/

#contentarea-middle2 #gallery {
  width: 560px;
  margin: 0 auto;
  }

#contentarea-middle2 #gallery a,
#contentarea-middle2 #gallery a:link,
#contentarea-middle2 #gallery a:visited {
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 #gallery ul {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  }

#contentarea-middle2 #gallery li {
  position: relative;
  background: url('/images/meta_photoslide-bg.png') 27px 0 no-repeat;
  float: left;
  width: 174px;
  height: 65px;
  margin: 5px;
  padding: 130px 0 15px 0;
  text-align: center;
  list-style-image: none;
  }

#contentarea-middle2 #gallery span.horiz,
#contentarea-middle2 #gallery span.vert {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-width: 0;
  }

#contentarea-middle2 #gallery span.horiz {
  width: 92px;
  height: 70px;
  padding: 25px 0px 28px 41px;
  }

#contentarea-middle2 #gallery span.vert {
  width: 70px;
  height: 92px;
  padding: 13px 0px 28px 53px;
  }

#contentarea-middle2 #gallery img {
  display: block;
  border: 1px solid;
  border-color:#999 #fff #fff #999;
  background: none;
  padding-right: 0;
  }

#contentarea-middle2 #gallery h3 {
  margin: 0 0 .25em 4px;
  font: bold 100% Verdana,Sans-serif;
  line-height: 1.2em;
	letter-spacing: 0px;
	color: #666;
	padding: 0 0 0 0;
	font-weight: 200;
  }


#contentarea-middle2 #gallery div.date {
  font: italic 100% Georgia;
  color: #999;
  margin-top: 5px;
  }

 /*---    Gallery Thumbnail Pages (lightbox.js)    ---*/

#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%; }
/* overflow:auto; width:100%; Maybe remove */

#imageData{	padding:0 10px; color: #666; }
/* color:#666; Maybe remove */
#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; }
/* outline: none; Maybe remove */

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*#lightbox { top: 40px; }
#overlay{ filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6; }*/



 /*---    Gallery Photos (node view)    ---*/

#contentarea-middle2 .content .preview img {
  display: block;
  padding: 14px;
  border: 1px solid #ccc;
  margin: 20px auto 0 auto;
  background-color: #fff;
  }



  /*    DIV #contentarea-middle2  <-- Drupal Specific Overides & Enhancements
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    Home Page <h2> Tag & Linking    ---*/

#contentarea-middle2 .node h2 a,
#contentarea-middle2 .node h2 a:link,
#contentarea-middle2 .node h2 a:visited {
  color: #333;
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 .node h2 a:hover { color: #9c6; }
#contentarea-middle2 .node h2 a:active { color: #c60; }

 /*---    General Text - <p> Overides    ---*/

#contentarea-middle2 p#content-help,
#contentarea-middle2 fieldset p {
  padding: 3px 0 6px 0;
  }

 /*---    Main Content Link (internal)    ---*/

#contentarea-middle2 ul.tabs a, 
#contentarea-middle2 ul.tabs a:link, 
#contentarea-middle2 ul.tabs a:visited {
  background: none;
  padding-right: 10px;
  }

#contentarea-middle2 ul.tabs a:hover, 
#contentarea-middle2 ul.tabs a:active {
  }

#contentarea-middle2 .more-help-link a, 
#contentarea-middle2 .more-help-link a:link, 
#contentarea-middle2 .more-help-link a:visited {
  background: none;
  padding-right: 0;
  }

 /*---    Misc Table, Row, and Color Formatting    ---*/

#contentarea-middle2 table {
  width: 100%;
  border-collapse: separate;
  border: 1px dashed #999;
  margin: 10px 0;
  padding: 7px;
  background: #fff;
  font-size: 10px;
  line-height: 1.2em;
  }

#contentarea-middle2 table a,
#contentarea-middle2 table a:link,
#contentarea-middle2 table a:visited {
  padding-right: 0;
  background: none;
  color: #000;
  }

#contentarea-middle2 table a:hover,
#contentarea-middle2 table a:active {
  background-color: #fff;
  }

tr.even, tr.odd {
  padding: 7px;
  border: 1px solid #999;
  }

tr.odd {
  background-color: #f9f9f9;
  }

tr.even {
  background-color: #efefef;
  }

tr.odd:hover, tr.even:hover {
  background-color: #fefdee;
  }

tr.odd .form-item, tr.even .form-item {
  margin: 0 auto;
  white-space: nowrap;
  }

tr.odd td.module,
tr.even td.module,
tr.odd td.permission,
tr.even td.permission,
tr.odd td.region,
tr.even td.region,
tr.odd td.block,
tr.even td.block {
  padding-left: 10px;
  }

tr.odd td.region,
tr.even td.region {
  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-left: 10px;
  }

tr.odd td.block,
tr.even td.block {
  padding-left: 20px;
  }

 /*---    Watchdog Formatting    ---*/

tr.watchdog-user,
tr.watchdog-php,
tr.watchdog-search,
tr.watchdog-content,
tr.watchdog-page-not-found, 
tr.watchdog-access-denied,
tr.watchdog-error {
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  }

tr.watchdog-user { background: #ffd; }
tr.watchdog-user:hover { background: #fcfcc3; }

tr.watchdog-php { background: #ffd; }
tr.watchdog-php:hover { background: #fcfcc3; }

tr.watchdog-search { background: #ffd; }
tr.watchdog-search:hover { background: #fcfcc3; }

tr.watchdog-content { background: #ddf; }
tr.watchdog-content:hover { background: #c6c6ff;}

tr.watchdog-page-not-found,
tr.watchdog-access-denied { background: #dfd; }
tr.watchdog-page-not-found:hover,
tr.watchdog-access-denied:hover { background: #c3f6c3; }

tr.watchdog-error { background: #ffc9c9; }
tr.watchdog-error:hover { background: #f39c9c; }

tr.watchdog-cron { background: #fff; }
tr.watchdog-cron:hover { background: #e9e9e9; }

tr.watchdog-user img,
tr.watchdog-php img,
tr.watchdog-search img,
tr.watchdog-content img,
tr.watchdog-page-not-found img, 
tr.watchdog-access-denied img,
tr.watchdog-error img {
  margin: 6px;
  }

 /*---    Tab Navigation    ---*/

#contentarea-middle2 ul.primary {
  margin: 5px 0 0 0;
  }

#contentarea-middle2 ul.primary {
  border-collapse: collapse;
  padding: 10px 0 0 20px;
  white-space: nowrap;
  list-style: none;
  height: auto;
  line-height: normal;
  border-bottom: 1px dashed #999;
  }

#contentarea-middle2 ul.primary li {
  display: inline;
  }

#contentarea-middle2 ul.primary li a,
#contentarea-middle2 ul.primary li a:link,
#contentarea-middle2 ul.primary li a:visited {
  background: none;
  border-color: #999;
  border-width: 1px;
  border-style: dashed dashed none dashed;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
  color: black;
  }

#contentarea-middle2 ul.primary li.active a {
  background-color: #efefef;
  border-bottom: 1px solid #efefef;
  padding-top: 3px;
  }

#contentarea-middle2 ul.primary li a:hover {
  background-color: #fefdee;
  padding-top: 3px;
  }

#contentarea-middle2 ul.secondary {
  border-bottom: 1px dashed #999;
  padding: 10px 0 10px 10px;
  margin: 0 0 15px 0;
  }

#contentarea-middle2 ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
  }

#contentarea-middle2 ul.secondary a,
#contentarea-middle2 ul.secondary a:link,
#contentarea-middle2 ul.secondary a:visited {
  padding: 0;
  text-decoration: none;
  color: black;
  }

#contentarea-middle2 ul.secondary a.active {
  border-bottom: 4px solid #999;
  }

#contentarea-middle2 ul.secondary a:hover {
  border-bottom: 4px solid #999;
  background-color: #fefdee;
  }

 /*---    Fieldsets with Legends, Common Form Item DIVs, Submit Buttons, Etc.    ---*/

#contentarea-middle2 fieldset {
  padding: 7px;
  margin: 10px 0 10px 0;
  border: 1px solid #999;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 12px;
  background-color: #f9f9f9;
  }

#contentarea-middle2 fieldset legend,
#contentarea-middle2 fieldset legend a,
#contentarea-middle2 fieldset legend a:link,
#contentarea-middle2 fieldset legend a:visited {
  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;
  margin: 0px 5px 0 5px;
  background: none;
  border-bottom: none;
  padding-right: 0;
  display: block;
  }

#contentarea-middle2 fieldset legend a:hover { color: #c60; }
#contentarea-middle2 fieldset legend a:active { color: #666; }

#contentarea-middle2 fieldset.collapsible { border: 1px solid #999; }
#contentarea-middle2 fieldset.collapsible legend a {
  padding-left: 15px;
  background: url('/images/meta_arrow3d.gif') 0 50% no-repeat;
  }

#contentarea-middle2 fieldset.collapsed { border: 1px dashed #999; }
#contentarea-middle2 fieldset.collapsed legend a {
  padding-left: 15px;
  background-image: url('/images/meta_arrow3.gif');
  }

#contentarea-middle2 .form-item {
  padding: 5px 10px;
  margin: 4px 0 4px 0;
  background-color: #fff;
  border: 1px dashed #999;
  }

#contentarea-middle2 .form-item .description {
  font-size: 10px;
  line-height: 1.25em;
  }

#contentarea-middle2 .form-item .description .tips {
  font-size: 11px;
  }

#contentarea-middle2 .form-item input,
#contentarea-middle2 .form-item textarea,
#contentarea-middle2 .form-item select {
  font: normal 11px Verdana, Arial, sans-serif; 
  color: #000; 
  background: #fefdee;
  width: 98%; 
  border: 1px solid #ccc;
  margin: 2px 0;
  }

#contentarea-middle2 .form-item input.form-radio,
#contentarea-middle2 .form-item input.form-checkbox {
  width: auto;
  margin-left: 10px;
  }

#contentarea-middle2 .form-item select {
  width: auto;
  }

#contentarea-middle2 .form-item label {
  font-weight: 900;
  font-size: 12px;
  }

#contentarea-middle2 .form-item input {
  height: 15px;
  }

#contentarea-middle2 fieldset .descriptoin {
  font-style: italic;
  }

#contentarea-middle2 input.submit,
#contentarea-middle2 input.form-submit {
  margin-top: 7px;
  margin-bottom: 10px;
  }

 /*---    Resizable Text Areas    ---*/

#contentarea-middle2 .resizable-textarea {
  width: auto;
  }

#contentarea-middle2 .resizable-textarea .grippie {
  margin-top: -3px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 5px;
  border-color: #fff;
  }

 /*---    Definition List (BUG - Need To Clear, Can't Do In AP DIVs)   ---*/

dl {
  font-family: georgia, times, serif;
  }

dt {
  margin-top: 10px;
  border-color: #999;
  border-width: 1px;
  border-style: none none dashed dashed;
  font-weight: 900;
  padding: 0 3px 3px 7px;
  }

dd {
  margin-left: 25px;
  margin-top: 2px;
  }

 /*---    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 {
  color: #666;
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 .links a:hover,
#contentarea-middle2 .links 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:hover {
  background-color: #fefdee;
  }

 /*---    Inline Containers   ---*/

#contentarea-middle2 .container-inline div {
  display: block;
  }

 /*---    Pagination Navigation   ---*/

#contentarea-middle2 #pager {
  padding: 10px;
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 12px; 
  font-weight: 400;
  background-color: #fff;
  margin-top: 35px;
  border: 1px dashed #e3e3e3;
  }

#contentarea-middle2 #pager div {
  clear: both;
  display: inline;
  text-align: center;
  padding: 3px;
  }

td.pager {
  white-space: nowrap;
  }

#contentarea-middle2 a.pager-first,
#contentarea-middle2 a.pager-next,
#contentarea-middle2 a.pager-last {
  background-image: none ;
  padding-right: 0;
  border-bottom: 0 none ;
  }

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

 /*---    Messages - Status & Error   ---*/

#contentarea-middle2 .messages {
  margin: 0 0 5px 0;
  padding: 10px 10px 13px 60px;
  }

#contentarea-middle2 .messages ul {
  margin-left: 10px;
  }

#contentarea-middle2 .status {
  background: #efa url('/images/meta_message-success.png') no-repeat 15px 8px ;
  border: 1px dashed #9c0 ;
  }

#contentarea-middle2 .error {
  background: #ff9 url('/images/meta_message-notification.png') no-repeat 15px 8px ;
  border: 1px dashed #cc0 ;
  }

 /*---    PRE Code Tags    ---*/

pre {
  background: #fff url('/images/meta_pre-header_code.gif') no-repeat 10px 0;
  width: 90%;
  padding: 50px 5px 15px 15px;
  font-size: 11px;
  font-family: "Courier New", monospace;
  line-height: 12px;
  overflow: auto;
  overflow-y: hidden; /* IE */
  color: #000;
  margin: 10px auto 15px auto;
  border-color: #eee #eee #e0e0e0 #e0e0e0;
  border-width: 1px 1px 3px 3px;
  border-style: double;
  }

pre.command {
  background: #fff url('/images/meta_pre-header_command.gif') no-repeat 10px 0;
  }
  
code {
  font-size:12px;
}

p code {
  color:#000;
  font-size: 13px;
  font-family: "Courier New", monospace;
  background-color: #ffff66;
  border-color: #eeeeee;
  border-width: 0 0 1px 1px;
  border-style: solid;
  padding:0px 3px;
  }

p code:hover {
  border-color: #cccccc;
  }

 /*---    Coderay Formatting    ---*/

.CodeRay      { background-color: #f8f8f8; border: 1px solid silver; font-family: 'Courier New', 'Terminal', monospace; color: #100; }
.CodeRay pre  { margin:0px; font-size:12px !important; }

div.CodeRay       { }
span.CodeRay      { white-space: pre; border: 0px; padding: 2px }
table.CodeRay     { border-collapse:collapse !important; width:100%; padding:2px; border:none !important; background:none !important; }
table.CodeRay td  { padding: 2px 4px; vertical-align: top }

.CodeRay .line_numbers      { display:none; }
.CodeRay .line_numbers, 
.CodeRay .no                { background-color:#def; color:gray; text-align:right; }
.CodeRay .line_numbers tt   { font-weight:bold }
.CodeRay .no                { padding: 0px 4px }
.CodeRay .code              { width:100% }

ol.CodeRay    { font-size: 10pt }
ol.CodeRay li { white-space: pre }

.CodeRay .code pre { overflow: auto }

.CodeRay .af      { color:#00C }
.CodeRay .an      { color:#007 }
.CodeRay .av      { color:#700 }
.CodeRay .aw      { color:#C00 }
.CodeRay .bi      { color:#509; font-weight:bold }
.CodeRay .c       { color:#888 }
.CodeRay .ch      { color:#04D }
.CodeRay .ch .k   { color:#04D }
.CodeRay .ch .dl  { color:#039 }
.CodeRay .cl      { color:#B06; font-weight:bold }
.CodeRay .co      { color:#ff3333; font-weight:bold }
.CodeRay .cr      { color:#0A0 }
.CodeRay .cv      { color:#369 }
.CodeRay .df      { color:#099; font-weight:bold }
.CodeRay .di      { color:#088; font-weight:bold }
.CodeRay .dl      { color:black }
.CodeRay .do      { color:#970 }
.CodeRay .ds      { color:#D42; font-weight:bold }
.CodeRay .e       { color:#666; font-weight:bold }
.CodeRay .en      { color:#800; font-weight:bold }
.CodeRay .er      { color:#F00; background-color:#FAA }
.CodeRay .ex      { color:#F00; font-weight:bold }
.CodeRay .fl      { color:#60E; font-weight:bold }
.CodeRay .fu      { color:#06B; font-weight:bold }
.CodeRay .gv      { color:#d70; font-weight:bold }
.CodeRay .hx      { color:#058; font-weight:bold }
.CodeRay .i       { color:#00D; font-weight:bold }
.CodeRay .ic      { color:#B44; font-weight:bold }
.CodeRay .il          { background:none; }
.CodeRay .il .il      { background:none; }
.CodeRay .il .il .il  { background:none; }
.CodeRay .il .idl     { font-weight: bold; color: #888 }
.CodeRay .il .dl  { color:#000 !important; }
.CodeRay .in      { color:#B2B; font-weight:bold }
.CodeRay .iv      { color:#33B }
.CodeRay .la      { color:#970; font-weight:bold }
.CodeRay .lv      { color:#963 }
.CodeRay .oc      { color:#40E; font-weight:bold }
.CodeRay .on      { color:#000; font-weight:bold }
.CodeRay .op      { }
.CodeRay .pc      { color:#038; font-weight:bold }
.CodeRay .pd      { color:#369; font-weight:bold }
.CodeRay .pp      { color:#579 }
.CodeRay .pt      { color:#339; font-weight:bold }
.CodeRay .r       { color:#cc6633; font-weight:bold }
.CodeRay .rx      { background-color:#fff0ff }
.CodeRay .rx .k   { color:#808 }
.CodeRay .rx .dl  { color:#404 }
.CodeRay .rx .mod { color:#C2C }
.CodeRay .rx .fu  { color:#404; font-weight: bold }
.CodeRay .s       { background-color:none; }
.CodeRay .s .s    { background-color:none; }
.CodeRay .s .s .s { background-color:none; }
.CodeRay .s .k    { color:#339900 !important; }
.CodeRay .s .dl   { color:#339900 !important; }
.CodeRay .sh      { background-color:#f0fff0 }
.CodeRay .sh .k   { color:#2B2 }
.CodeRay .sh .dl  { color:#161 }
.CodeRay .sy      { color:#0066cc }
.CodeRay .sy .k   { color:#A60 }
.CodeRay .sy .dl  { color:#630 }
.CodeRay .ta      { color:#070 }
.CodeRay .tf      { color:#070; font-weight:bold }
.CodeRay .ts      { color:#D70; font-weight:bold }
.CodeRay .ty      { color:#339; font-weight:bold }
.CodeRay .v       { color:#036 }
.CodeRay .xt      { color:#444 }


 /*---    BlockQuote Tag    ---*/

#contentarea-middle2 blockquote {
  background: url('/images/meta_block-quote_left.gif') no-repeat top left ;
  margin: 10px 30px 0 30px;
  font-style: italic;
  }

#contentarea-middle2 blockquote div {
  background: url('/images/meta_block-quote_right.gif') no-repeat bottom right ;
  padding: 0 37px 0 42px;
  }

 /*---    VIMColor Module Customization    ---*/

div.codeblock {
  background: #fff url('/images/meta_pre-header_code.gif') no-repeat 10px 0;
  width: 90%;
  padding: 55px 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;
  }

.synComment    { color: #999999 }
.synConstant   { color: #0000FF }
.synIdentifier { color: #008B8B }
.synStatement  { color: #A52A2A }
.synPreProc    { color: #A020F0 }
.synType       { color: #2E8B57 }
.synSpecial    { color: #6A5ACD }
.synUnderlined { color: #000000 ; text-decoration: underline }
.synError      { color: #FFFFFF ; background: #FF0000 none }
.synTodo       { color: #0000FF ; background: #FFFF00 none }

 /*---    User Comment Boxes    ---*/

#contentarea-middle2 .comment-box {
  width: 100%
  }

#contentarea-middle2 .comment-box h3 {
  margin: 0 10px 0 10px;
  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 h3 a,
#contentarea-middle2 .comment-box h3 a:link,
#contentarea-middle2 .comment-box h3 a:visited {
  background: none;
  padding-right: 0;
  border: none;
  color: #000;
  text-align: left;
  }

#contentarea-middle2 .comment-box h3 a:hover,
#contentarea-middle2 .comment-box h3 a:active {
  }

#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-color: #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 .comment-vertspacer {
  height: 19px;
  }

#contentarea-middle2 .comment .content {
  font-size: 11px;
  line-height: 13px;
  margin: 0;
  padding: 10px 22px 10px 22px;
  }

#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 {
  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;
  }

 /*---    Aggregator XML Feed Icon    ---*/

#contentarea-middle2 a.feed-icon {
  display: block;
  margin: 30px 0 0 20px;
  border-bottom: none;
  }

#contentarea-middle2 a.feed-icon {
  border-bottom: none;
  }

 /*---    Block Region Coloring (4.7 NEW)    ---*/

.block-region {
  display: block;
  background-color: #fff600;
  border: 1px dashed #9c0;
  padding: 5px 5px 5px 10px;
  margin: 8px 0;
  color: #666;
  }

 /*---    A Anchors (with no visual effects)    ---*/

#contentarea-middle2 a.anchor,
#contentarea-middle2 a.anchor:link,
#contentarea-middle2 a.anchor: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;
  }



  /*    DIV #contentarea-right2  <-- Drupal Specific Overides & Enhancements
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    General Text    ---*/

#contentarea-right2 .content {
  margin: 0 0 10px 13px;
  }

#contentarea-right2 .content h3 {
  margin: 10px 0 0 0;
  }

 /*---    More Content Links    ---*/

#contentarea-right2 .more-link {
  text-align: left;
  margin: -10px 0 12px 25px;
  }

#contentarea-right2 .more-link a,
#contentarea-right2 .more-link a:link,
#contentarea-right2 .more-link a:visited {
  color: #999;
  }

#contentarea-right2 .more-link a:hover,
#contentarea-right2 .more-link a:active {
  color: #c60;
  }

 /*---    Feed Icon    ---*/

#contentarea-right2 .feed-icon {
  margin: 0 0 0 0;
  }

#contentarea-right2 .feed-icon img {
  margin: 5px 0 10px 10px;
  }

 /*---    Lists Style & Links    ---*/

#contentarea-right2 .content {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  }

#contentarea-right2 .content ul {
  margin: 0 0 0 25px;
  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;
  }

 /*---    Login Box    ---*/

#contentarea-right2 #block-user-0 #user-login-form {
  margin: 0 0 0 10px;
  text-align: left;
  }

#contentarea-right2 #block-user-0 label { 
  font: normal 9px Tahoma, sans-serif; 
  text-transform: uppercase; 
  }

#contentarea-right2 #block-user-0 .form-item { 
  margin: 0 0 0 0;
  }

#contentarea-right2 #block-user-0 a,
#contentarea-right2 #block-user-0 a:link,
#contentarea-right2 #block-user-0 a:visited,
#contentarea-right2 #block-user-0 a:active { 
  line-height:1.4em; 
  padding-left:17px; 
  font-size: 9px; color: #222; 
  }

#contentarea-right2 #block-user-0 a:hover { 
  color: #c60;
  }

#contentarea-right2 #block-user-0 input.form-text,
#contentarea-right2 #block-user-0 input.form-password { 
  font: normal 9px monaco, courier, serif; 
  text-align: left; 
  color: #444; 
  padding: 2px; 
  background: #fff;
  border: 1px solid #ccc; 
  display: block;
  width: 85%;
  }

#contentarea-right2 #block-user-0 input.form-submit { 
  font-size: 9px; color: #222; 
  margin: 3px 0 3px 0;
  }

#contentarea-right2 #block-user-0 div.item-list ul {
  list-style-type: none;
  list-style-image: none;
  list-style: none;
  margin: 0 0 14px -5px;
  padding: 0;
  }

#contentarea-right2 #block-user-0 div.item-list ul li {
  list-style-type: none;
  list-style-image: none;
  list-style: none;
  margin: 0 0 0 0;
  }

 /*---    Archive Calendar Formatting    ---*/

#contentarea-right2 .calendar table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #eee;
  width: 100%;
  margin-bottom: 6px;
  }

#contentarea-right2 .calendar caption {
  font-size: 1.0em;
  margin-bottom: 5px;
  }

#contentarea-right2 .calendar th, 
#contentarea-right2 .calendar td {
  font-size: 0.9em;
  }

#contentarea-right2 .calendar th {
  background-color: transparent;
  background: #fff;
  text-align: center;
  border: none;
  color: #C30;
  padding: 4px 0;
  }

#contentarea-right2 .calendar tr {
  padding: 0;
  margin: 0;
  background: transparent;
  }

#contentarea-right2 .calendar th.prev {
  text-align: left;
  }

#contentarea-right2 .calendar th.next {
  text-align: right;
  }

#contentarea-right2 .calendar th a {
  display: block;
  }

#contentarea-right2 .calendar td,
#contentarea-right2 .calendar .row-week td {
  border: 1px solid #ccc;
  color: #727664;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 6px 2px;
  background: url('/images/meta_calendar_sq_bg.png') top left no-repeat;
  }

#contentarea-right2 .calendar .row-week td.day-blank {
  background-color: transparent;
  background-image: none;
  }

#contentarea-right2 .calendar td.selected,
#contentarea-right2 .calendar .row-week td.day-selected {
  background: #fff url('/images/meta_calendar_sq_selected.png') top left repeat;
  }

#contentarea-right2 .calendar td.day-normal {
  color: #798786;
  font-weight: normal;
  background: #fff;
  text-align: center;
  padding: 4px 2px;
  }

#contentarea-right2 .calendar td.header-month {
  border: none;
  }

#contentarea-right2 .calendar td.day-today {
  color: #fff;
  background: #c30 url('/images/meta_calendar_sq_today_corner.png') bottom right no-repeat;
  }
 


  /*    DIV #footer-area & #secondary-links
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
#footer-area {
  margin: 0 150px;
  text-align: center;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #5b5b5b;
  }

#footer-area a, 
#footer-area a:link, 
#footer-area a:visited { border: 0; color: #c60; }
#footer-area a:hover, 
#footer-area a:active { color: #9c6; }

#footer-area .site-name {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 15px; 
  font-weight: 400;
  }

#footer-area .footer-message {
  font-style: italic;
  font-size: 10px;
  }

#secondary-links {
  text-align: center;
  }





0
\ No newline at end of file
0
+
  /* 
 +-------------------------------------------------------------------------------------------------+
     \  |        |          / ___|| | __(_) | | ___   _ __   ___| |_    
    |\/ |   _ \  __|   _` | \___ \| |/ /| | | |/ __| | '_ \ / _ \ __|  |  Meta Theme for Mephisto
    |   |   __/  |    (   |  ___) |   < | | | |\__ \_| | | |  __/ |_   |  0.8.0 Drax Edition
   _|  _| \___| \__| \__,_| |____/|_|\_\|_|_|_||___/_)_| |_|\___|\__|  |  -------------------------
   C o d i n g  t h i n g s  o n  t o p  o f  o t h e r  t h i n g s!  |  By: Ken Collins
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */

  /*    DIV #contentarea-middle2  <-- Misc. Meta Content Styles
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    Overall Style Elements    ---*/

* { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; }
img {  border: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body { 
  background: #fff url('/images/meta_background-green.gif') repeat-x fixed top left; /* MetaTool Overide */
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.6%;
  margin: 0 0 20px 0;
  min-width: 907px;
  padding: 0 25px;
  }

 /*---    General Text    ---*/

#contentarea-middle2 {
  font-size: 120%;
  font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-weight: normal;
  color: #333;
  letter-spacing: 0em;
  line-height: 1.5em;
  }

#contentarea-middle2 h1 {
  width: 365px;
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 30px; 
  font-weight: 200;
  color: #9C0;
  letter-spacing: -1px;
  line-height: 1em;
  padding: 5px 0 5px 0;
  }

#contentarea-middle2 h2 {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 22px; 
  font-weight: 200;
  color: #666;
  letter-spacing: -0.05em;
  line-height: 1em;
  padding: 25px 0 2px 0;
  margin-bottom: 1px;
  border-color: #999;
  border-width: 1px;
  border-style: none none dashed none;
  }

#contentarea-middle2 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 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;
  }

 /*---    Galleries Index Page    ---*/

#contentarea-middle2 #galleries {
  height: 1%;
  position: relative;
  }

#contentarea-middle2 #galleries a,
#contentarea-middle2 #galleries a:link,
#contentarea-middle2 #galleries a:visited {
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 #galleries ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  }

#contentarea-middle2 #galleries li {
  list-style-image: none;
  margin-bottom: 10px;
  }

#contentarea-middle2 #galleries .preview {
  background: url('/images/meta_photoslide-bg-mtpl.png') 0 0 no-repeat;
  float: left;
  width: 210px;
  height: 200px;
  margin: 15px 0 0 0;
  }

#contentarea-middle2 #galleries span.horiz,
#contentarea-middle2 #galleries span.vert {
  display: block;
  top: 0;
  left: 0;
  border-width: 0;
  }

#contentarea-middle2 #galleries span.horiz {
  width: 92px;
  height: 70px;
  padding: 30px 0 0 52px;
  }

#contentarea-middle2 #galleries span.vert {
  width: 70px;
  height: 92px;
  padding: 18px 0 0 62px;
  }

#contentarea-middle2 #galleries img {
  display: block;
  border: 1px solid;
  border-color:#999 #fff #fff #999;
  background: none;
  padding-right: 0;
  }

#contentarea-middle2 #galleries .preview-desc {
  position: relative;
  margin-left: 210px;
  }

#contentarea-middle2 #galleries h2 a,
#contentarea-middle2 #galleries h2 a:link,
#contentarea-middle2 #galleries h2 a:visited {
  color: #333;
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 #galleries h2 a:hover { color: #9c6; }
#contentarea-middle2 #galleries h2 a:active { color: #c60; }

#contentarea-middle2 #galleries p { 
  text-indent: 0; 
  padding-top: 10px; 
  }

#contentarea-middle2 #galleries span.view-button img {
  display: inline;
  border-width: 0;
  border-style: none;
  margin: 5px 0 5px 18px;
  }

#contentarea-middle2 #galleries span.count,
#contentarea-middle2 #galleries span.last {
  font-size: 85%;
  line-height: 1.4em;
  padding: 5px 0 5px 20px; 
  }

 /*---    Gallery Thumbnail Pages    ---*/

#contentarea-middle2 #gallery {
  width: 560px;
  margin: 0 auto;
  }

#contentarea-middle2 #gallery a,
#contentarea-middle2 #gallery a:link,
#contentarea-middle2 #gallery a:visited {
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 #gallery ul {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  }

#contentarea-middle2 #gallery li {
  position: relative;
  background: url('/images/meta_photoslide-bg.png') 27px 0 no-repeat;
  float: left;
  width: 174px;
  height: 65px;
  margin: 5px;
  padding: 130px 0 15px 0;
  text-align: center;
  list-style-image: none;
  }

#contentarea-middle2 #gallery span.horiz,
#contentarea-middle2 #gallery span.vert {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-width: 0;
  }

#contentarea-middle2 #gallery span.horiz {
  width: 92px;
  height: 70px;
  padding: 25px 0px 28px 41px;
  }

#contentarea-middle2 #gallery span.vert {
  width: 70px;
  height: 92px;
  padding: 13px 0px 28px 53px;
  }

#contentarea-middle2 #gallery img {
  display: block;
  border: 1px solid;
  border-color:#999 #fff #fff #999;
  background: none;
  padding-right: 0;
  }

#contentarea-middle2 #gallery h3 {
  margin: 0 0 .25em 4px;
  font: bold 100% Verdana,Sans-serif;
  line-height: 1.2em;
	letter-spacing: 0px;
	color: #666;
	padding: 0 0 0 0;
	font-weight: 200;
  }


#contentarea-middle2 #gallery div.date {
  font: italic 100% Georgia;
  color: #999;
  margin-top: 5px;
  }

 /*---    Gallery Thumbnail Pages (lightbox.js)    ---*/

#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%; }
/* overflow:auto; width:100%; Maybe remove */

#imageData{	padding:0 10px; color: #666; }
/* color:#666; Maybe remove */
#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; }
/* outline: none; Maybe remove */

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*#lightbox { top: 40px; }
#overlay{ filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6; }*/



 /*---    Gallery Photos (node view)    ---*/

#contentarea-middle2 .content .preview img {
  display: block;
  padding: 14px;
  border: 1px solid #ccc;
  margin: 20px auto 0 auto;
  background-color: #fff;
  }



  /*    DIV #contentarea-middle2  <-- Drupal Specific Overides & Enhancements
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    Home Page <h2> Tag & Linking    ---*/

#contentarea-middle2 .node h2 a,
#contentarea-middle2 .node h2 a:link,
#contentarea-middle2 .node h2 a:visited {
  color: #333;
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 .node h2 a:hover { color: #9c6; }
#contentarea-middle2 .node h2 a:active { color: #c60; }

 /*---    General Text - <p> Overides    ---*/

#contentarea-middle2 p#content-help,
#contentarea-middle2 fieldset p {
  padding: 3px 0 6px 0;
  }

 /*---    Main Content Link (internal)    ---*/

#contentarea-middle2 ul.tabs a, 
#contentarea-middle2 ul.tabs a:link, 
#contentarea-middle2 ul.tabs a:visited {
  background: none;
  padding-right: 10px;
  }

#contentarea-middle2 ul.tabs a:hover, 
#contentarea-middle2 ul.tabs a:active {
  }

#contentarea-middle2 .more-help-link a, 
#contentarea-middle2 .more-help-link a:link, 
#contentarea-middle2 .more-help-link a:visited {
  background: none;
  padding-right: 0;
  }

 /*---    Misc Table, Row, and Color Formatting    ---*/

#contentarea-middle2 table {
  width: 100%;
  border-collapse: separate;
  border: 1px dashed #999;
  margin: 10px 0;
  padding: 7px;
  background: #fff;
  font-size: 10px;
  line-height: 1.2em;
  }

#contentarea-middle2 table a,
#contentarea-middle2 table a:link,
#contentarea-middle2 table a:visited {
  padding-right: 0;
  background: none;
  color: #000;
  }

#contentarea-middle2 table a:hover,
#contentarea-middle2 table a:active {
  background-color: #fff;
  }

tr.even, tr.odd {
  padding: 7px;
  border: 1px solid #999;
  }

tr.odd {
  background-color: #f9f9f9;
  }

tr.even {
  background-color: #efefef;
  }

tr.odd:hover, tr.even:hover {
  background-color: #fefdee;
  }

tr.odd .form-item, tr.even .form-item {
  margin: 0 auto;
  white-space: nowrap;
  }

tr.odd td.module,
tr.even td.module,
tr.odd td.permission,
tr.even td.permission,
tr.odd td.region,
tr.even td.region,
tr.odd td.block,
tr.even td.block {
  padding-left: 10px;
  }

tr.odd td.region,
tr.even td.region {
  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-left: 10px;
  }

tr.odd td.block,
tr.even td.block {
  padding-left: 20px;
  }

 /*---    Watchdog Formatting    ---*/

tr.watchdog-user,
tr.watchdog-php,
tr.watchdog-search,
tr.watchdog-content,
tr.watchdog-page-not-found, 
tr.watchdog-access-denied,
tr.watchdog-error {
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  }

tr.watchdog-user { background: #ffd; }
tr.watchdog-user:hover { background: #fcfcc3; }

tr.watchdog-php { background: #ffd; }
tr.watchdog-php:hover { background: #fcfcc3; }

tr.watchdog-search { background: #ffd; }
tr.watchdog-search:hover { background: #fcfcc3; }

tr.watchdog-content { background: #ddf; }
tr.watchdog-content:hover { background: #c6c6ff;}

tr.watchdog-page-not-found,
tr.watchdog-access-denied { background: #dfd; }
tr.watchdog-page-not-found:hover,
tr.watchdog-access-denied:hover { background: #c3f6c3; }

tr.watchdog-error { background: #ffc9c9; }
tr.watchdog-error:hover { background: #f39c9c; }

tr.watchdog-cron { background: #fff; }
tr.watchdog-cron:hover { background: #e9e9e9; }

tr.watchdog-user img,
tr.watchdog-php img,
tr.watchdog-search img,
tr.watchdog-content img,
tr.watchdog-page-not-found img, 
tr.watchdog-access-denied img,
tr.watchdog-error img {
  margin: 6px;
  }

 /*---    Tab Navigation    ---*/

#contentarea-middle2 ul.primary {
  margin: 5px 0 0 0;
  }

#contentarea-middle2 ul.primary {
  border-collapse: collapse;
  padding: 10px 0 0 20px;
  white-space: nowrap;
  list-style: none;
  height: auto;
  line-height: normal;
  border-bottom: 1px dashed #999;
  }

#contentarea-middle2 ul.primary li {
  display: inline;
  }

#contentarea-middle2 ul.primary li a,
#contentarea-middle2 ul.primary li a:link,
#contentarea-middle2 ul.primary li a:visited {
  background: none;
  border-color: #999;
  border-width: 1px;
  border-style: dashed dashed none dashed;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
  color: black;
  }

#contentarea-middle2 ul.primary li.active a {
  background-color: #efefef;
  border-bottom: 1px solid #efefef;
  padding-top: 3px;
  }

#contentarea-middle2 ul.primary li a:hover {
  background-color: #fefdee;
  padding-top: 3px;
  }

#contentarea-middle2 ul.secondary {
  border-bottom: 1px dashed #999;
  padding: 10px 0 10px 10px;
  margin: 0 0 15px 0;
  }

#contentarea-middle2 ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
  }

#contentarea-middle2 ul.secondary a,
#contentarea-middle2 ul.secondary a:link,
#contentarea-middle2 ul.secondary a:visited {
  padding: 0;
  text-decoration: none;
  color: black;
  }

#contentarea-middle2 ul.secondary a.active {
  border-bottom: 4px solid #999;
  }

#contentarea-middle2 ul.secondary a:hover {
  border-bottom: 4px solid #999;
  background-color: #fefdee;
  }

 /*---    Fieldsets with Legends, Common Form Item DIVs, Submit Buttons, Etc.    ---*/

#contentarea-middle2 fieldset {
  padding: 7px;
  margin: 10px 0 10px 0;
  border: 1px solid #999;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 12px;
  background-color: #f9f9f9;
  }

#contentarea-middle2 fieldset legend,
#contentarea-middle2 fieldset legend a,
#contentarea-middle2 fieldset legend a:link,
#contentarea-middle2 fieldset legend a:visited {
  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;
  margin: 0px 5px 0 5px;
  background: none;
  border-bottom: none;
  padding-right: 0;
  display: block;
  }

#contentarea-middle2 fieldset legend a:hover { color: #c60; }
#contentarea-middle2 fieldset legend a:active { color: #666; }

#contentarea-middle2 fieldset.collapsible { border: 1px solid #999; }
#contentarea-middle2 fieldset.collapsible legend a {
  padding-left: 15px;
  background: url('/images/meta_arrow3d.gif') 0 50% no-repeat;
  }

#contentarea-middle2 fieldset.collapsed { border: 1px dashed #999; }
#contentarea-middle2 fieldset.collapsed legend a {
  padding-left: 15px;
  background-image: url('/images/meta_arrow3.gif');
  }

#contentarea-middle2 .form-item {
  padding: 5px 10px;
  margin: 4px 0 4px 0;
  background-color: #fff;
  border: 1px dashed #999;
  }

#contentarea-middle2 .form-item .description {
  font-size: 10px;
  line-height: 1.25em;
  }

#contentarea-middle2 .form-item .description .tips {
  font-size: 11px;
  }

#contentarea-middle2 .form-item input,
#contentarea-middle2 .form-item textarea,
#contentarea-middle2 .form-item select {
  font: normal 11px Verdana, Arial, sans-serif; 
  color: #000; 
  background: #fefdee;
  width: 98%; 
  border: 1px solid #ccc;
  margin: 2px 0;
  }

#contentarea-middle2 .form-item input.form-radio,
#contentarea-middle2 .form-item input.form-checkbox {
  width: auto;
  margin-left: 10px;
  }

#contentarea-middle2 .form-item select {
  width: auto;
  }

#contentarea-middle2 .form-item label {
  font-weight: 900;
  font-size: 12px;
  }

#contentarea-middle2 .form-item input {
  height: 15px;
  }

#contentarea-middle2 fieldset .descriptoin {
  font-style: italic;
  }

#contentarea-middle2 input.submit,
#contentarea-middle2 input.form-submit {
  margin-top: 7px;
  margin-bottom: 10px;
  }

 /*---    Resizable Text Areas    ---*/

#contentarea-middle2 .resizable-textarea {
  width: auto;
  }

#contentarea-middle2 .resizable-textarea .grippie {
  margin-top: -3px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 5px;
  border-color: #fff;
  }

 /*---    Definition List (BUG - Need To Clear, Can't Do In AP DIVs)   ---*/

dl {
  font-family: georgia, times, serif;
  }

dt {
  margin-top: 10px;
  border-color: #999;
  border-width: 1px;
  border-style: none none dashed dashed;
  font-weight: 900;
  padding: 0 3px 3px 7px;
  }

dd {
  margin-left: 25px;
  margin-top: 2px;
  }

 /*---    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 {
  color: #666;
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 .links a:hover,
#contentarea-middle2 .links 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:hover {
  background-color: #fefdee;
  }

 /*---    Inline Containers   ---*/

#contentarea-middle2 .container-inline div {
  display: block;
  }

 /*---    Pagination Navigation   ---*/

#contentarea-middle2 #pager {
  padding: 10px;
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 12px; 
  font-weight: 400;
  background-color: #fff;
  margin-top: 35px;
  border: 1px dashed #e3e3e3;
  }

#contentarea-middle2 #pager div {
  clear: both;
  display: inline;
  text-align: center;
  padding: 3px;
  }

td.pager {
  white-space: nowrap;
  }

#contentarea-middle2 a.pager-first,
#contentarea-middle2 a.pager-next,
#contentarea-middle2 a.pager-last {
  background-image: none ;
  padding-right: 0;
  border-bottom: 0 none ;
  }

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

 /*---    Messages - Status & Error   ---*/

#contentarea-middle2 .messages {
  margin: 0 0 5px 0;
  padding: 10px 10px 13px 60px;
  }

#contentarea-middle2 .messages ul {
  margin-left: 10px;
  }

#contentarea-middle2 .status {
  background: #efa url('/images/meta_message-success.png') no-repeat 15px 8px ;
  border: 1px dashed #9c0 ;
  }

#contentarea-middle2 .error {
  background: #ff9 url('/images/meta_message-notification.png') no-repeat 15px 8px ;
  border: 1px dashed #cc0 ;
  }

 /*---    PRE Code Tags    ---*/

pre {
  background: #fff url('/images/meta_pre-header_code.gif') no-repeat 10px 0;
  width: 90%;
  padding: 50px 5px 15px 15px;
  font-size: 11px;
  font-family: "Courier New", monospace;
  line-height: 12px;
  overflow: auto;
  overflow-y: hidden; /* IE */
  color: #000;
  margin: 10px auto 15px auto;
  border-color: #eee #eee #e0e0e0 #e0e0e0;
  border-width: 1px 1px 3px 3px;
  border-style: double;
  }

pre.command {
  background: #fff url('/images/meta_pre-header_command.gif') no-repeat 10px 0;
  }
  
code {
  font-size:12px;
}

p code {
  color:#000;
  font-size: 13px;
  font-family: "Courier New", monospace;
  background-color: #ffff66;
  border-color: #eeeeee;
  border-width: 0 0 1px 1px;
  border-style: solid;
  padding:0px 3px;
  }

p code:hover {
  border-color: #cccccc;
  }

 /*---    Coderay Formatting    ---*/

.CodeRay      { background-color: #f8f8f8; border: 1px solid silver; font-family: 'Courier New', 'Terminal', monospace; color: #100; }
.CodeRay pre  { margin:0px; font-size:12px !important; }

div.CodeRay       { }
span.CodeRay      { white-space: pre; border: 0px; padding: 2px }
table.CodeRay     { border-collapse:collapse !important; width:100%; padding:2px; border:none !important; background:none !important; }
table.CodeRay td  { padding: 2px 4px; vertical-align: top }

.CodeRay .line_numbers      { display:none; }
.CodeRay .line_numbers, 
.CodeRay .no                { background-color:#def; color:gray; text-align:right; }
.CodeRay .line_numbers tt   { font-weight:bold }
.CodeRay .no                { padding: 0px 4px }
.CodeRay .code              { width:100% }

ol.CodeRay    { font-size: 10pt }
ol.CodeRay li { white-space: pre }

.CodeRay .code pre { overflow: auto }

.CodeRay .af      { color:#00C }
.CodeRay .an      { color:#007 }
.CodeRay .av      { color:#700 }
.CodeRay .aw      { color:#C00 }
.CodeRay .bi      { color:#509; font-weight:bold }
.CodeRay .c       { color:#888 }
.CodeRay .ch      { color:#04D }
.CodeRay .ch .k   { color:#04D }
.CodeRay .ch .dl  { color:#039 }
.CodeRay .cl      { color:#B06; font-weight:bold }
.CodeRay .co      { color:#ff3333; font-weight:bold }
.CodeRay .cr      { color:#0A0 }
.CodeRay .cv      { color:#369 }
.CodeRay .df      { color:#099; font-weight:bold }
.CodeRay .di      { color:#088; font-weight:bold }
.CodeRay .dl      { color:black }
.CodeRay .do      { color:#970 }
.CodeRay .ds      { color:#D42; font-weight:bold }
.CodeRay .e       { color:#666; font-weight:bold }
.CodeRay .en      { color:#800; font-weight:bold }
.CodeRay .er      { color:#F00; background-color:#FAA }
.CodeRay .ex      { color:#F00; font-weight:bold }
.CodeRay .fl      { color:#60E; font-weight:bold }
.CodeRay .fu      { color:#06B; font-weight:bold }
.CodeRay .gv      { color:#d70; font-weight:bold }
.CodeRay .hx      { color:#058; font-weight:bold }
.CodeRay .i       { color:#00D; font-weight:bold }
.CodeRay .ic      { color:#B44; font-weight:bold }
.CodeRay .il          { background:none; }
.CodeRay .il .il      { background:none; }
.CodeRay .il .il .il  { background:none; }
.CodeRay .il .idl     { font-weight: bold; color: #888 }
.CodeRay .il .dl  { color:#000 !important; }
.CodeRay .in      { color:#B2B; font-weight:bold }
.CodeRay .iv      { color:#33B }
.CodeRay .la      { color:#970; font-weight:bold }
.CodeRay .lv      { color:#963 }
.CodeRay .oc      { color:#40E; font-weight:bold }
.CodeRay .on      { color:#000; font-weight:bold }
.CodeRay .op      { }
.CodeRay .pc      { color:#038; font-weight:bold }
.CodeRay .pd      { color:#369; font-weight:bold }
.CodeRay .pp      { color:#579 }
.CodeRay .pt      { color:#339; font-weight:bold }
.CodeRay .r       { color:#cc6633; font-weight:bold }
.CodeRay .rx      { background-color:#fff0ff }
.CodeRay .rx .k   { color:#808 }
.CodeRay .rx .dl  { color:#404 }
.CodeRay .rx .mod { color:#C2C }
.CodeRay .rx .fu  { color:#404; font-weight: bold }
.CodeRay .s       { background-color:none; }
.CodeRay .s .s    { background-color:none; }
.CodeRay .s .s .s { background-color:none; }
.CodeRay .s .k    { color:#339900 !important; }
.CodeRay .s .dl   { color:#339900 !important; }
.CodeRay .sh      { background-color:#f0fff0 }
.CodeRay .sh .k   { color:#2B2 }
.CodeRay .sh .dl  { color:#161 }
.CodeRay .sy      { color:#0066cc }
.CodeRay .sy .k   { color:#A60 }
.CodeRay .sy .dl  { color:#630 }
.CodeRay .ta      { color:#070 }
.CodeRay .tf      { color:#070; font-weight:bold }
.CodeRay .ts      { color:#D70; font-weight:bold }
.CodeRay .ty      { color:#339; font-weight:bold }
.CodeRay .v       { color:#036 }
.CodeRay .xt      { color:#444 }


 /*---    BlockQuote Tag    ---*/

#contentarea-middle2 blockquote {
  background: url('/images/meta_block-quote_left.gif') no-repeat top left ;
  margin: 10px 30px 0 30px;
  font-style: italic;
  }

#contentarea-middle2 blockquote div {
  background: url('/images/meta_block-quote_right.gif') no-repeat bottom right ;
  padding: 0 37px 0 42px;
  }


 /*---    User Comment Boxes    ---*/

#contentarea-middle2 .comment-box {
  width: 100%
  }

#contentarea-middle2 .comment-box h3 {
  margin: 0 10px 0 16px;
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 20px; 
  font-weight: 200;
  color: #666;
  letter-spacing: 0px;
  line-height: 1em;
  padding: 15px 0 3px 17px;
  border-color: #ccc;
  border-width: 1px;
  border-style: none none none none;
  z-index: 65;
  text-align: left;
  }

#contentarea-middle2 .comment-box .comment-info {
  font: normal 10px Tahoma, sans-serif; 
  text-transform: uppercase;
  display: inline;
  border-color: #999;
  border-width: 1px;
  border-style: solid dashed dashed dashed;
  border-top: 2px solid #fff;
  padding: 2px 7px 5px 7px;
  margin: 0 0 0 20px;
  background: #fcfafe;
  position: relative;
  z-index: 63;
  }

#contentarea-middle2 .comment-box .comment  {
  width: 100%;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid solid solid solid;
  margin: -18px 0 0 0;
  background: #fefdee; 
  position: relative; 
  z-index: 61;
  }

#contentarea-middle2 .comment-box .comment .tl {
  background-image: url('/images/meta_comment-tl.gif');
  background-position: 0% 0%;
  background-repeat: no-repeat;
  position: relative;
  top: -1px;
  left: -1px;
  }

#contentarea-middle2 .comment-box .comment .tr {
  background-image: url('/images/meta_comment-tr.gif');
  background-position: 100% 0%;
  background-repeat: no-repeat;
  position: relative;
  left: 2px;
  }

#contentarea-middle2 .comment-box .comment .br {
  background-image: url('/images/meta_comment-br.gif');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
  }

#contentarea-middle2 .comment-box .comment .bl {
  background-image: url('/images/meta_comment-bl.gif');
  background-position: 0% 100%;
  background-repeat: no-repeat;
  position: relative;
  left: -2px;
  padding: 0;
  overflow: hidden;
  }

#contentarea-middle2 .comment-box .by-author  { background:#eaeaea !important; }

#contentarea-middle2 .comment .comment-vertspacer {
  height: 19px;
  }

#contentarea-middle2 .comment .content {
  font-size: 11px;
  line-height: 13px;
  margin: 0;
  padding: 18px 22px 22px 22px;
  min-height:34px;
  }

#contentarea-middle2 .comment .gravatar {
  float:left; 
  margin: 0 7px 2px 0;
  }

#contentarea-middle2 .comment .content p {
  padding: 5px 0 5px 0;
  text-indent: 20px;
  margin: 0 0 0 0;
  }

#contentarea-middle2 .comment .content cite {
  display: block;
  background: url('/images/meta_comment-quote.gif') no-repeat 0 0 ;
  padding: 0 0 0 40px;
  min-height: 31px;
  text-indent: 0px;
  margin: 0 0 0 0;
  }

#contentarea-middle2 .comment-links-box {
  display: none; /* Leave for when Mephisto supports inline replies */
  margin: 0 0 20px 0;
  padding: 0 22px;
  text-align: right;
  }

#contentarea-middle2 .comment-links { 
  font: normal 10px Tahoma, sans-serif; 
  text-transform: uppercase;
  border-color: #999;
  border-width: 1px;
  border-style: dashed dashed dashed dashed;
  padding: 5px 7px 5px 7px;
  background-color: #fff;
  }

#contentarea-middle2 .comment-links:hover { 
  background-color: #efa;
  }

#contentarea-middle2 .comment-links a,
#contentarea-middle2 .comment-links a:link,
#contentarea-middle2 .comment-links a:visited {
  color: #666;
  background: none;
  padding-right: 0;
  border: none;
  }

#contentarea-middle2 .comment-links a:hover,
#contentarea-middle2 .comment-links a:active {
  color: #000;
  }

#contentarea-middle2 #comment-moderation-button {
  margin: 20px 0 0 0px;
  }


 /*---    Aggregator XML Feed Icon    ---*/

#contentarea-middle2 a.feed-icon {
  display: block;
  margin: 30px 0 0 20px;
  border-bottom: none;
  }

#contentarea-middle2 a.feed-icon {
  border-bottom: none;
  }

 /*---    Block Region Coloring (4.7 NEW)    ---*/

.block-region {
  display: block;
  background-color: #fff600;
  border: 1px dashed #9c0;
  padding: 5px 5px 5px 10px;
  margin: 8px 0;
  color: #666;
  }

 /*---    A Anchors (with no visual effects)    ---*/

#contentarea-middle2 a.anchor,
#contentarea-middle2 a.anchor:link,
#contentarea-middle2 a.anchor: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;
  }



  /*    DIV #contentarea-right2  <-- Drupal Specific Overides & Enhancements
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
 /*---    General Text    ---*/

#contentarea-right2 .content {
  margin: 0 0 10px 13px;
  }

#contentarea-right2 .content h3 {
  margin: 10px 0 0 0;
  }

 /*---    More Content Links    ---*/

#contentarea-right2 .more-link {
  text-align: left;
  margin: -10px 0 12px 25px;
  }

#contentarea-right2 .more-link a,
#contentarea-right2 .more-link a:link,
#contentarea-right2 .more-link a:visited {
  color: #999;
  }

#contentarea-right2 .more-link a:hover,
#contentarea-right2 .more-link a:active {
  color: #c60;
  }

 /*---    Feed Icon    ---*/

#contentarea-right2 .feed-icon {
  margin: 0 0 0 0;
  }

#contentarea-right2 .feed-icon img {
  margin: 5px 0 10px 10px;
  }

 /*---    Lists Style & Links    ---*/

#contentarea-right2 .content {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  }

#contentarea-right2 .content ul {
  margin: 0 0 0 25px;
  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;
  }

 /*---    Login Box    ---*/

#contentarea-right2 #block-user-0 #user-login-form {
  margin: 0 0 0 10px;
  text-align: left;
  }

#contentarea-right2 #block-user-0 label { 
  font: normal 9px Tahoma, sans-serif; 
  text-transform: uppercase; 
  }

#contentarea-right2 #block-user-0 .form-item { 
  margin: 0 0 0 0;
  }

#contentarea-right2 #block-user-0 a,
#contentarea-right2 #block-user-0 a:link,
#contentarea-right2 #block-user-0 a:visited,
#contentarea-right2 #block-user-0 a:active { 
  line-height:1.4em; 
  padding-left:17px; 
  font-size: 9px; color: #222; 
  }

#contentarea-right2 #block-user-0 a:hover { 
  color: #c60;
  }

#contentarea-right2 #block-user-0 input.form-text,
#contentarea-right2 #block-user-0 input.form-password { 
  font: normal 9px monaco, courier, serif; 
  text-align: left; 
  color: #444; 
  padding: 2px; 
  background: #fff;
  border: 1px solid #ccc; 
  display: block;
  width: 85%;
  }

#contentarea-right2 #block-user-0 input.form-submit { 
  font-size: 9px; color: #222; 
  margin: 3px 0 3px 0;
  }

#contentarea-right2 #block-user-0 div.item-list ul {
  list-style-type: none;
  list-style-image: none;
  list-style: none;
  margin: 0 0 14px -5px;
  padding: 0;
  }

#contentarea-right2 #block-user-0 div.item-list ul li {
  list-style-type: none;
  list-style-image: none;
  list-style: none;
  margin: 0 0 0 0;
  }

 /*---    Archive Calendar Formatting    ---*/

#contentarea-right2 .calendar table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #eee;
  width: 100%;
  margin-bottom: 6px;
  }

#contentarea-right2 .calendar caption {
  font-size: 1.0em;
  margin-bottom: 5px;
  }

#contentarea-right2 .calendar th, 
#contentarea-right2 .calendar td {
  font-size: 0.9em;
  }

#contentarea-right2 .calendar th {
  background-color: transparent;
  background: #fff;
  text-align: center;
  border: none;
  color: #C30;
  padding: 4px 0;
  }

#contentarea-right2 .calendar tr {
  padding: 0;
  margin: 0;
  background: transparent;
  }

#contentarea-right2 .calendar th.prev {
  text-align: left;
  }

#contentarea-right2 .calendar th.next {
  text-align: right;
  }

#contentarea-right2 .calendar th a {
  display: block;
  }

#contentarea-right2 .calendar td,
#contentarea-right2 .calendar .row-week td {
  border: 1px solid #ccc;
  color: #727664;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 6px 2px;
  background: url('/images/meta_calendar_sq_bg.png') top left no-repeat;
  }

#contentarea-right2 .calendar .row-week td.day-blank {
  background-color: transparent;
  background-image: none;
  }

#contentarea-right2 .calendar td.selected,
#contentarea-right2 .calendar .row-week td.day-selected {
  background: #fff url('/images/meta_calendar_sq_selected.png') top left repeat;
  }

#contentarea-right2 .calendar td.day-normal {
  color: #798786;
  font-weight: normal;
  background: #fff;
  text-align: center;
  padding: 4px 2px;
  }

#contentarea-right2 .calendar td.header-month {
  border: none;
  }

#contentarea-right2 .calendar td.day-today {
  color: #fff;
  background: #c30 url('/images/meta_calendar_sq_today_corner.png') bottom right no-repeat;
  }
 


  /*    DIV #footer-area & #secondary-links
 +-------------------------------------------------------------------------------------------------+
                                                                                                 */
#footer-area {
  margin: 0 150px;
  text-align: center;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #5b5b5b;
  }

#footer-area a, 
#footer-area a:link, 
#footer-area a:visited { border: 0; color: #c60; }
#footer-area a:hover, 
#footer-area a:active { color: #9c6; }

#footer-area .site-name {
  font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 15px; 
  font-weight: 400;
  }

#footer-area .footer-message {
  font-style: italic;
  font-size: 10px;
  }

#secondary-links {
  text-align: center;
  }





0
\ No newline at end of file

0
@@ -11,46 +11,7 @@
0
     {{ article.body }}
0
   </div>
0
   
0
-</div>
0
-
0
-
0
-
0
-<!-- {% for article in articles %}
0
-<div class="entry entry-{{ article.id }}">
0
-  <div class="entrytitle">
0
-    <h2>{{ article | link_to_article }}</h2> 
0
-    <h3>{{ article.published_at | format_date: 'mdy', true }}</h3>
0
-  </div>
0
-  <div class="entrybody">
0
-    {% if article.excerpt %}
0
-      {{ article.excerpt }}
0
-      {% unless mode == 'single' %}
0
-      <a href="{{ article.url }}">Read the rest of this entry</a>
0
-      {% endunless %}
0
-    {% else %}
0
-      {% unless mode == 'single' %}{{ article.body }}{% endunless %}
0
-    {% endif %}
0
-    {% if mode == 'single' %}
0
-      {{ article.body }}
0
-    {% endif %}
0
-  </div>
0
-  
0
-  <div class="entrymeta">
0
-  <div class="postinfo">
0
-    <span class="postedby">Posted by {{ article.author.login }}</span>
0
-    <span class="filedto">Filed in {{ article | linked_section_list }}</span>
0
-  </div>
0
-  {% unless mode == 'single' %}
0
-    {% if article.accept_comments %}<a href="{{ article.url }}#comments" class="commentslink">{{ article.comments_count | pluralize: 'comments' }}  &#187;</a>{% endif %}
0
-  {% endunless %}
0
-  </div>
0
+  {% include 'comments' %}
0
   
0
 </div>
0
-{% endfor %}
0
 
0
-{% if mode == 'single' %}
0
-  <div class="commentsblock">
0
-    {% include 'comments' %}
0
-  </div>
0
-{% endif %}
0
- -->

0
@@ -1,29 +1,46 @@
0
+
0
 {% if article.comments_count > 0 %}
0
-	<h3 id="comments">{{ article.comments_count | pluralize: 'Response' }} to &#8220;{{ article.title }}&#8221;</h3> 
0
-	<ol class="commentlist">
0
   {% for comment in article.comments %}
0
-		<li class="{% cycle 'alt', '' %}" id="comment-{{ comment.id }}">
0
-			<cite>{{ comment.author_link }}</cite> Says:
0
-			<br />
0
-			<small class="commentmetadata"><a href="#comment-{{ comment.id }}" title="">{{ comment.created_at | format_date: 'mdy', true }} at {{ comment.created_at | format_date: 'time_only' }}</a></small>
0
-			{{ comment.body }}
0
-		</li>
0
-  {% endfor %}
0
-	</ol>
0
+	  
0
+	  <div class="comment-box">
0
+      
0
+      <h3 class="title">{{ comment.author }}</h3>
0
+      <div class="comment-info">
0
+        {% if comment.author_url != 'http://' %}
0
+          &nbsp;&nbsp;<a href="{{ comment.author_url }}" class="external-link">HOMEPAGE</a>&nbsp;&nbsp;|
0
+        {% endif %}
0
+        {{ comment.created_at | format_date: 'mdy', true }} at {{ comment.created_at | format_date: 'time_only' }}
0
+      </div>
0
+      <div class="comment {{ comment.presentation_class }}"> 
0
+        <div class="tl"><div class="tr"><div class="br"><div class="bl">
0
+          <div class="comment-vertspacer"></div>
0
+          <div class="content">
0
+            <span class="gravatar">{{ comment | gravatar: 35 }}</span>
0
+            {{ comment.body }}
0
+          </div>
0
+          <div class="comment-links-box"><span class="comment-links"></span></div>
0
+        </div></div></div></div>
0
+      </div>
0
+
0
+    </div>
0
+		
0
+	{% endfor %}
0
 {% endif %}
0
 
0
 
0
 {% if article.accept_comments %}
0
 
0
-<h3 id="respond">Leave a Reply</h3>
0
-{% commentform %}
0
-  <p>{{ form.name }}<label for="author"><small>Name (required)</small></label></p>
0
-  <p>{{ form.email }}<label for="email"><small>Mail (will not be published)</small></label></p>
0
-  <p>{{ form.url }}<label for="url"><small>Website</small></label></p>
0
-  <p><textarea name="comment[body]" id="comment" cols="100%" rows="10">{{ submitted.body }}</textarea></p>
0
-  <p><input name="submit" type="submit" id="submit" value="Submit Comment" /></p>
0
-{% endcommentform %}
0
-
0
+  <h3 id="respond">Leave a Reply</h3>
0
+  {% commentform %}
0
+    <p>{{ form.name }}<label for="author"><small>Name (required)</small></label></p>
0
+    <p>{{ form.email }}<label for="email"><small>Mail (will not be published)</small></label></p>
0
+    <p>{{ form.url }}<label for="url"><small>Website</small></label></p>
0
+    <p><textarea name="comment[body]" id="comment" cols="100%" rows="10">{{ submitted.body }}</textarea></p>
0
+    <p><input name="submit" type="submit" id="submit" value="Submit Comment" /></p>
0
+  {% endcommentform %}
0
+  
0
 {% else %}
0
-<p>Sorry, comments are closed for this article.</p>
0
+
0
+  <p>Sorry, comments are closed for this article.</p>
0
+  
0
 {% endif %}