metaskills / metatheme fork watch download tarball
public
Description: Meta Theme for Mephisto
Homepage: http://www.metaskills.net/meta-theme-for-mephisto
Clone URL: git://github.com/metaskills/metatheme.git
Search Repo:
metatheme / Commit History feed

06/02/08

Update right content to show recent posts.
metaskills (author)
Mon Jun 02 18:22:05 -0700 2008
commit  88f6c0caecc836f0c3820f72095bf9b23d4a4781
tree    7816ac1c8c03ba01575c2af1e9e648844c7dc74f
parent  bdc1f2326da0af26a735e79e2fd623c2b8b75c1a

03/26/08

Drying up first asset and placing on article/page list partial.
metaskills (author)
Wed Mar 26 17:03:37 -0700 2008
commit  bdc1f2326da0af26a735e79e2fd623c2b8b75c1a
tree    2f37e3ae7ebc79103c0901f6007dc710ab2f2427
parent  211c8af5219d84e3ef56c6e951dc3e03be3d198c 
Adding an attached image div on articles/pages
metaskills (author)
Wed Mar 26 16:38:47 -0700 2008
commit  211c8af5219d84e3ef56c6e951dc3e03be3d198c
tree    e5a2086b21f65c3fa8737702b5670fa9d7360b32
parent  9eca9f2a0e2f0465cde93f4a223283135d1faa25

03/21/08

Update reddit blogosphere links
metaskills (author)
Fri Mar 21 15:55:20 -0700 2008
commit  9eca9f2a0e2f0465cde93f4a223283135d1faa25
tree    c68cb72db1b9011be76f8dff7277dafc5d73cdd9
parent  8d55a58bb90f2243db5b6e92ea400ea566163fe3 
Adding reddit to blogosphere links
metaskills (author)
Fri Mar 21 15:30:59 -0700 2008
commit  8d55a58bb90f2243db5b6e92ea400ea566163fe3
tree    38120a80c60aae20d7166600ac60df7eddd3d1f3
parent  a10ee2aa561738b298e726894e201e216ecd9bea 
Fixing dev. subdomain type
metaskills (author)
Fri Mar 21 06:23:21 -0700 2008
commit  a10ee2aa561738b298e726894e201e216ecd9bea
tree    5714855fbfbcc4b558d4f6e3835370a1ca192c28
parent  73f712533d9e7e28d02e7490a590dfefed3dacea

03/20/08

Add preview button to theme.
metaskills (author)
Thu Mar 20 15:17:08 -0700 2008
commit  73f712533d9e7e28d02e7490a590dfefed3dacea
tree    2111672ac8ae95e6fe95c8357643d98fc64136f4
parent  192ab1f480e875ae429237a6227a120a7a6d8f59

03/19/08

Removing last TODO's and commenting out my CSS for users to opt into
metaskills (author)
Wed Mar 19 20:32:34 -0700 2008
commit  192ab1f480e875ae429237a6227a120a7a6d8f59
tree    842ffc68f643d453cbdc74382281ae577fce96ca
parent  3ec2d29851e9fab9e8f0c0f8c34ca402a236379d 
Adding right content to layout
metaskills (author)
Wed Mar 19 20:30:35 -0700 2008
commit  3ec2d29851e9fab9e8f0c0f8c34ca402a236379d
tree    1fee297b92f0ebc1e81c883c744cd601e657d3d8
parent  e188b94f814520077b2373efb9423944699db075 
Add custom liquid partial for right content.
metaskills (author)
Wed Mar 19 19:29:57 -0700 2008
commit  e188b94f814520077b2373efb9423944699db075
tree    ae3f1a9e8831693969375fb8378a0c9ef236536c
parent  de783fa61ad71d24f79d3c9436cbc0b89e237bcd 
Adding table CSS classes and styling the comment form.
metaskills (author)
Wed Mar 19 19:23:56 -0700 2008
commit  de783fa61ad71d24f79d3c9436cbc0b89e237bcd
tree    489d3cf524d75befd2bc2d905b2115af2be2c963
parent  27ba97d66189b360f992e371ab07d45d919b7b91 
Update preview image.
metaskills (author)
Wed Mar 19 18:43:19 -0700 2008
commit  27ba97d66189b360f992e371ab07d45d919b7b91
tree    37b3686e2f11ae6fdf2ec347cbb5ff00bc09b2b3
parent  e0e4ca55714db5c96f3785687cf0e2f5ad6d5f3e 
Baby steps toward completion. Bit of CSS here, bit of copy there.
metaskills (author)
Wed Mar 19 18:39:00 -0700 2008
commit  e0e4ca55714db5c96f3785687cf0e2f5ad6d5f3e
tree    44d7ee5e234f3d6d1cd8889ab516b06a9d013534
parent  3e9145926bdf085c56a9b79a1534909a54f00c2e 
Adding an image to error page.
metaskills (author)
Wed Mar 19 14:02:12 -0700 2008
commit  3e9145926bdf085c56a9b79a1534909a54f00c2e
tree    dbe70109ab95d49d0912c83c27aa7e78f723f5a0
parent  8e509309c9f5784f8bdb3fd39f1cf73b2f504f3c 
Adding an image to error page.
metaskills (author)
Wed Mar 19 14:01:57 -0700 2008
commit  8e509309c9f5784f8bdb3fd39f1cf73b2f504f3c
tree    60ed9ccedad883343e7e47ece137a781b22ff772
parent  240d004d6da496bf75382d20895aacfc7a5ff244 
Adding blogosphere links to article lists and pages.
metaskills (author)
Wed Mar 19 13:41:25 -0700 2008
commit  240d004d6da496bf75382d20895aacfc7a5ff244
tree    cbf73aeb6729d6a5d287b81be4623595d2a07629
parent  ecbc6b5c300b5b9d2fa215487040c7d9d2feb3ac

03/18/08

Next to last doc/readme changes.
metaskills (author)
Tue Mar 18 20:00:38 -0700 2008
commit  ecbc6b5c300b5b9d2fa215487040c7d9d2feb3ac
tree    56e5b60027d1e62fd99607b5fc3e29a94009d1e2
parent  526e9832b242a535ede4094ecf3155044d4c88c0 
Design search/error page.
metaskills (author)
Tue Mar 18 19:53:32 -0700 2008
commit  526e9832b242a535ede4094ecf3155044d4c88c0
tree    3765f11b5eb39e1c3eedd4cde0ae17618b73b1c2
parent  98e091136af7bcd8213d858f1414c2d20aff0322 
Make right page navigation show what page you are on.
metaskills (author)
Tue Mar 18 19:34:41 -0700 2008
commit  98e091136af7bcd8213d858f1414c2d20aff0322
tree    3881796b5d81d6d4f667e91c59ba04efbf8f5307
parent  1bd9ed268f0e6ff3e4f1611c6e1aa8165b636614 
Removing old PHP/Drupal ref files. Cleaning TODO a bit more.
metaskills (author)
Tue Mar 18 19:08:05 -0700 2008
commit  1bd9ed268f0e6ff3e4f1611c6e1aa8165b636614
tree    a5c7e4b310cc7ebff54136d653901d77165328c6
parent  1dfac102065c926d861f2e6926c8aff74d86c119 
Fixing some CSS headers.
metaskills (author)
Tue Mar 18 19:03:47 -0700 2008
commit  1dfac102065c926d861f2e6926c8aff74d86c119
tree    9448bb10a9d9f1bbf626444618679abef8212bc9
parent  2e439b70917180dfeeef4f31e3a7c83bb736693f 
Remove IE7 bug fixes... not needed anymore.
metaskills (author)
Tue Mar 18 19:01:26 -0700 2008
commit  2e439b70917180dfeeef4f31e3a7c83bb736693f
tree    cd8ede3b5794661e4461f5e0d647bfde93b19f46
parent  6d0b6736f8ca1c53ca19a8032c740cfb11560809 
Add some more TODO items. Fix target blank bug for IE7.
metaskills (author)
Tue Mar 18 18:59:18 -0700 2008
commit  6d0b6736f8ca1c53ca19a8032c740cfb11560809
tree    11f361d31ded9fe1800ab58d939e132c213f74fd
parent  9675fa1f3b93bdcd30369ca1faf06eafe3523960 
Section navigation on right only if it is not home and a blog section.
metaskills (author)
Tue Mar 18 18:45:41 -0700 2008
commit  9675fa1f3b93bdcd30369ca1faf06eafe3523960
tree    44661f6b2970a8d583d0b1fa2928902a97e64e2e
parent  d7ad26fead55358cef4242489290c8d185d596ac 
Major cleanup of old Drupal inline admin CSS.
metaskills (author)
Tue Mar 18 18:32:22 -0700 2008
commit  d7ad26fead55358cef4242489290c8d185d596ac
tree    a03009b1f27b1cd22abff73b6e634bcf08486846
parent  a3a84ab7e93cced49f45f85162ca62e0e84db095 
Adding links to tags in listings.
# Please enter the commit message for 
your changes.
# (Comment lines starting with '#' will not be included)
# 
On branch master
# Changes to be committed:
#   (use "git reset HEAD 
<file>..." to unstage)
#
#  modified:   TODO.txt
#  modified:   
layouts/layout.liquid
#  modified:   stylesheets/meta_pagestyles.css
#  
modified:   templates/_list.liquid
#
diff --git a/TODO.txt b/TODO.txt
index f2133d8..ce4f198 100755
--- a/TODO.txt
+++ b/TODO.txt
@@ -4,11 +4,13 
@@ Mephisto Migration Notes
   * Double check remove me notes for Lightbox 
CSS mixed into meta_pagestyles.css
   * Make sure PNG fix for IE6 still 
works
   * Write external link JS in prototype
-  * Make sure to remove 
'ken' CSS.
   * Get old metatheme info and bundle into one page.
-  * Look 
at old template and make "terms" into "tags"
-
-
+  * 
Add tags for old posts.
+  * Scrub page style CSS of Drupal crap.
+  
+Last Steps:
+  * Make sure to comment out 'my' CSS.
+  
 
 
 
diff --git 
a/layouts/layout.liquid b/layouts/layout.liquid
index e1a8b09..892ee37 
100644
--- a/layouts/layout.liquid
+++ b/layouts/layout.liquid
@@ -136,6 
+136,7 @@
             {% endif %}
           {% endfor %}
         
</ul>
+        <!--TODO Make a custom liquid partial for my right 
content. -->
         <!-- <div class="iecenter noa" 
style="text-align:center;">
           <a 
href="http://alumni.pragmaticstudio.com/users/128" 
rel="external"><img 
src="/files/alumni_stamp.png" alt="The Pragmatic Studio 
Alumni Member" /></a><br /><br />
           
<a href="http://pragmaticstudio.com/therailsedge/" 
rel="external"><img src="/files/rails-edge.png" 
alt="The Rails Edge Conf." /></a><br />
diff 
--git a/stylesheets/meta_pagestyles.css b/stylesheets/meta_pagestyles.css
index e4369d7..c93466b 100755
--- a/stylesheets/meta_pagestyles.css
+++ 
b/stylesheets/meta_pagestyles.css
@@ -1 +1 @@
-
  /* 
 
+-------------------------------------------------------------------------
------------------------+
     \  |        |          / ___|| | __(_) | | 
___   _ __   ___| |_    
    |\/ |   _ \  __|   _` | \___ \| |/ /| | | |/ 
__| | '_ \ / _ \ __|  |  Meta Theme for Mephisto
    |   |   __/  |    (   
|  ___) |   < | | | |\__ \_| | | |  __/ |_   |  0.8.0 Drax Edition
   
_|  _| \___| \__| \__,_| |____/|_|\_\|_|_|_||___/_)_| |_|\___|\__|  |  
-------------------------
   C o d i n g  t h i n g s  o n  t o p  o f  o 
t h e r  t h i n g s!  |  By: Ken Collins
 
+-------------------------------------------------------------------------
------------------------+
                                                 
                                                */

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

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

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





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

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

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

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

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





\ No newline at end of file
diff --git a/templates/_list.liquid 
b/templates/_list.liquid
index 4ce3463..78b75e0 100644
--- 
a/templates/_list.liquid
+++ b/templates/_list.liquid
@@ -21,7 +21,10 @@
  
   <!-- TODO: Good place for blogosphere links. -->
   </div>
 
  <div class="terms">
-    ( Tags: {{ article.tags }} ) 
<!-- TODO: Maybe put sections too -->
+    
<strong>Tags:</strong> 
+    {% for tag in article.tags %}
+   
   <a href="{{ site.home_section.url }}tags/{{ tag }}">{{ 
tag }}</a>{% unless forloop.last %}, {% endunless %}
+    {% endfor 
%}
   </div>
   
 </div>
metaskills (author)
Tue Mar 18 14:01:05 -0700 2008
commit  a3a84ab7e93cced49f45f85162ca62e0e84db095
tree    8d7082a9adc7cdd73385c58a1921b568b4eccf95
parent  c07482a6e9ccc1a3e81a6673b00120584679cb68 
Fixed listings for pages. Anchors for comments. Fixed page view.
metaskills (author)
Tue Mar 18 13:26:14 -0700 2008
commit  c07482a6e9ccc1a3e81a6673b00120584679cb68
tree    001e5cafb80077eaa363a8cc01078c71dc854d92
parent  95a9efa7f24916d17f0596ca702e11fa191378ad 
Changing ken.css to my.css. Also added mephisto logo at bottom.
metaskills (author)
Tue Mar 18 12:08:10 -0700 2008
commit  95a9efa7f24916d17f0596ca702e11fa191378ad
tree    0b83a522ba20d43e2c187998902a3fc8cbbf0002
parent  8f7abdf3de46dcc5c7c445025d1795595a807e9c

03/17/08

Adding formatted comment boxes with gravatar and author support.
metaskills (author)
Mon Mar 17 21:13:09 -0700 2008
commit  8f7abdf3de46dcc5c7