/*
Theme Name: Agog & Aghast
Theme URI: www.agogandaghast.com
Version: 1.0
Description: Custom Theme for Agog & Aghast
Author: CyberVassals
Author URI: http://cybervassals.com
*/


body {font-family:trebuchet;
      font-size:11pt;}

li {
  list-style-type: none;
}

#background {background-image:url(img/13332229_b35f3625cb_o.gif);
             width:900px;
             height:10000px;
             position:absolute;
             left:0px;
             top:0px;}

#side {background-image:url(img/13332231_0418b2f672_o.gif);
       width:53px;
       height:10000px;
       position:absolute;
       top:0px;
       left:900px;}

#title {background:url(img/13332232_c04ee1d57e_o.gif);
        width:64px;
        height:524px;
        position:absolute;
        left:3px;
        top:70px;}

#biline {background-image:url(img/13332227_bde899b425_o.gif);
         width:631px;
         height:32px;
         position:absolute;
         top:40px;
         left:190px;}

/* ---- BLOG BODY STYLES  ----*/

#blog {position:absolute;
       top:90px;
       left:300px;
       width:575px;}

#blog a {color:#663333; text-decoration:none; font-weight:bold;}
#blog a:link {color:#663333; text-decoration:none; font-weight:bold;}
#blog a:visited {color:#663333; text-decoration:none; font-weight:bold;}
#blog a:active {color:#663333; text-decoration:none; font-weight:bold;}
#blog a:hover {color:#FFFFCC; text-decoration:none; font-weight:bold;}

.title {text-transform:uppercase;
        font-weight:bold;
        margin-bottom:3px;
        color:#663333;
        font-family: times new roman;
        font-size: 14px;
        letter-spacing: 1px;
      }

.content {text-align:left;
          font-family:arial;
          font-size:10pt;
          margin-left:15px;}

.posted {font-size:8pt;
         margin-top:10px;
         margin-bottom:15px;}



/* ----- MENU STYLES ---- */

#sidebar  {position:absolute;
           top:75px;
           left:100px;
           border:0px solid black;
           width:190px;
           font-size:10pt;}

#sidebar a {color:#000000; text-decoration:none;}
#sidebar a:link {color:#000000; text-decoration:none;}
#sidebar a:active {color:#000000; text-decoration:none;}
#sidebar a:visited {color:#000000; text-decoration:none;}
#sidebar a:hover {color:#FFFFCC; text-decoration:none;}

.sidetitle {text-transform:uppercase;
            font-weight:bold;
            margin-bottom:5px;
            color:#663333;
            margin-top:20px;
            font-family: times new roman;
            font-size: 14px;
            letter-spacing: 1px;}

.side {text-transform:none;
       font-family:arial;}


/* Comment form design */

.comment-align {
 width: 75%;
 padding-left: 35px;
 padding-top: 20px;
}

.comment-container {
 border: 1px solid #2d2d2d;
 padding: 3px;
}

.comment-header {
 background-color: #EEC67A;
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-size: 20px;
}

.comment-num {
 float: right;
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-size: 26px;
 padding-bottom: 10px;
 color: #8D661F;
}

.comment-text {
 padding: 5px;
 background-color:#EEC67A;
}

.comment-list .odd-comment, 
.comment-list .even-comment {
  font-size:11px;
  margin-bottom:15px;
  text-align: left;
  overflow: hidden;

}

.comment-list {
 font-size: 11px;
 margin: 0px;
}

.comment-date {
 font-size: 11px;
 color: #2d2d2d;
 text-align: right;
 background-color: #EEC67A;
}

.comment-meta {
 font-size: 12px;
 color: #4c4058;
 padding: 5px;

}

.comment-form {
 width: 75%;
 padding-left: 35px;
 padding-top: 20px;
}

blockquote {
  background: #EED29D;
  padding: 5px;
  text-align: left;
  line-height: 150%;
  border: 2px solid #8D661F;
}

form, img {
 border: 0; 
} 

input, textarea, select { 
 background-color: #FFE1A8;
 border: 1px solid #000;
 color: #000;
 font: 1em "Lucida Sans Unicode", Arial, sans-serif;
}

.submit {
 background-color: #FFE1A8;
 color: #000; 
}

.radio {
 border: 0;
} 

<!-- START OF ACTIVEMETER CODE -->
<script type="text/javascript" language="javascript">
var __pid=22543;
var __am_invisible=1;
</script>
<script type="text/javascript" language="javascript" src="http://www.activemeter.com/counter.js"></script>
<noscript>
   <a href="http://www.activemeter.com/" target="_blank">
      <img  src="http://am1.activemeter.com/webtracker/track.html?method=track&pid=22543&java=0" alt="Hit Counter" border="0">
   </a> 
</noscript>
<!-- END OF ACTIVEMETER CODE -->