/*  
Theme Name: Sane Grey
Theme URI: http://www.yourwebpage.ca/
Description: A well-balanced and clean design in shades of grey.
Version: 1.0
Author: Your Web Page
Author URI: http://www.yourwebpage.ca/
*/
body, div, h1, h2, h3, h4, h5, h6, blockquote, p, form, span, table{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
color: #a5bd9b;
}
a:link, a:visited, a:hover, a:active{
outline: none;
overflow: hidden;
}
.clear {
margin: 0;
padding: 0;
float: none;
clear: both;
height: 0;
}
body{
background: #1d2121 url(images/bg.gif) top repeat fixed;
}
/* Header */
#header{
margin: 18px auto 0 auto;
width: 810px;
height: 92px;
}
#header h1{
margin:0;
padding:0;
width: 810px;
height: 92px;
font-size: 36px;
position: relative;
overflow: hidden;
z-index:1;
float: left;
}
#header h1 span{
display: block;
position: absolute;
left:0;
top:0;
z-index:2;
width: 810px;
height: 92px;
margin:0;
padding:0;
background:url(images/logo.gif) top left no-repeat;
}
h2, h2 a:link, h2 a:visited, caption, a:link, a:visited {
background-color: inherit;
font-weight: normal;
text-decoration: none;
color: #84bf3a;
}
h2 a:hover, a:hover {
color: #FFF;
}
#wrapper{
margin: 0 auto;
width: 810px;
}
#container{
width: 810px;
float: left;
background: url(images/container.gif) repeat-y;
}
/* Posts */
#content{
width: 442px;
float: left;
}
.post{
margin:  0;
padding: 0 0 0 9px;
width: 422px;
}
.entry{
background: url(images/entryMiddle.gif) repeat-y;
line-height: 18px;
}
.entryTop{
background: url(images/entryTop.gif) top no-repeat;
width: 422px;
height: 11px;
}
.entry h2 {
background: url(images/h2.gif) repeat;
margin: 0 0 5px 14px;
padding: 5px 0;
width: 397px;
border-top: #262c2c 1px solid;
border-bottom: #262c2c 1px solid;
font-size: 18px;
display: block;
clear: both;
}
p.datCat{
font-size: 11px;
background-color: #1C2222;
color: #84BF3A;
}
.entry p{
margin: 0 11px 10px 14px;
}
.entry p img {
margin: 0 0 5px 0;
border: none;
}
.entry p img, .entry .left{
float: left;
padding-right: 10px;
}
.right{
float: right;
padding-left: 5px;
}
.entry ul, .entry ol {
margin:0;
padding: 0 0 10px 14px;
list-style-position: inside;
}
.entry ul {
list-style-type: square;
}
.entry blockquote{
background: url(images/h2.gif) repeat;
margin: 0 22px 10px 28px;
padding: 5px 0 0 0;
border-top: #262c2c 1px solid;
border-bottom: #262c2c 1px solid;
}
p.postmetadata{
margin: 0;
background: url(images/entryBottom.gif) bottom no-repeat;
width: 422px;
height: 20px;
}
p.postmetadata span.s1 {
color: #84bf3a;
margin-left: 19px;
font-size: 11px;
line-height: 20px;
height: 20px;
width: 370px;
float: left;
text-align: center;
overflow: hidden;
}
p.postmetadata span.s2 {
width: 20px;
height: 20px;
overflow: hidden;
float: left;
}
.postMetaBottom{
background:url(images/pMetaBottom.gif);
margin: 0 0 10px 0;
width: 422px;
height: 11px;
}
/* Navigation */
.navigation{
margin: 0 0 0 14px;
padding: 0 0 10px 0;
float: left;
color: #84bf3a;
}
.navigation a:link, .navigation a:visited, .navigation a:hover {
font-weight: bold;
}
/* Comments */
.comments-template{
margin: 20px 0 0;
padding: 0 0 0 13px;
}
.comments-template h3 {
margin: 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px solid #2F3236;
width: 397px;
color: #84BF3A;
}
.comments-template ol{
margin: 0;
padding: 0 0 15px;
list-style: none;
}
.comments-template ol li{
margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px solid #2F3236;
width: 397px;
}
.comments-template h2, .comments-template h3{
font-size: 16px;
}
.commentmetadata{
font-size: 12px;
}
.comments-template p.nocomments{
padding: 0;
}
.comments-template textarea, .comments-template input, .entry input{
font-size: 12px;
border: 1px #2F3236 solid;
padding: 5px;
overflow: auto;
width: 200px;
background: #1D2121;
color: #84BF3A;
}
.entry input{
margin: 0 0 0 10px;
padding: 0;
background: #333A3A;
color: #84BF3A;
width: 125px;

}
.entry form br {
display: none;
}
.comments-template textarea {
width: 397px;
}
.comments-template p {
padding-top: 10px;
}
#submit{
margin: 0 0 10px 0;
padding: 4px 10px;
font-weight: bold;
font-size: 14px;
}
label{
background: inherit;
color: #84BF3A;
}
/* Bars */
.bar ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.bar li{
margin: 0;
}
.bar li a:link, .bar li a:visited{
display: block;
padding: 4px 0 4px 24px;
border-bottom: 1px solid #333A3A;
width: 181px;
background: #262C2C url(images/bullet-g.gif) left no-repeat;
color: #84BF3A;
text-decoration: none;
}
.bar li a:hover{
border-bottom: 1px solid #333A3A;
background-color: #333A3A;
background: #333A3A url(images/bullet-w.gif) left no-repeat;
color: #FFF;
}
.bar .widget {
margin-bottom: 10px;
}
#tag_cloud{
text-align: center;
}
#tag_cloud a{
margin: 10px;
}
#tag_cloud .widgetBottom, #calendar .widgetBottom {
border-top:  #333a3a 1px solid;
margin-top: 5px;
}
/* Side Bar*/
#sidebar{
width: 229px;
float: left;
}
#sidebarContent{
width: 205px;
margin: 0 0 10px 12px;
}
.widget{
background: #262c2c url(images/widgetTop.gif) top left no-repeat;
width: 205px;
}
.widget h2, table#wp-calendar caption{
padding: 10px 0;
width: 205px;
background-color: transparent;
font-weight: bold;
font-size: 14px;
text-align: center;
overflow: hidden;
color: #84bf3a;
border-bottom: #333a3a 1px solid;
}
.widgetBottom{
background: url(images/widgetBottom.gif) bottom left no-repeat;
width: 205px;
height: 11px;
}
/* Sidebar Calendar */
#calendar h2{
display: none;
}
table#wp-calendar{
width: 100%;
}
table#wp-calendar td, table#wp-calendar th {
text-align: center; padding: 3px;
background: inherit;
color: #84bf3a;
}
table#wp-calendar #today, table#wp-calendar #today a {
border-top: #333A3A 1px solid;
border-bottom: #333A3A 1px solid;
color: #84bf3a;
font-weight: bold;
}
table#wp-calendar a{
font-weight: bold;
text-decoration: underline;
}
/* Search */
#search {
padding: 9px 0 0 0;
background: url(images/search.gif) no-repeat;
width: 205px;
height:35px;
border-bottom: #333A3A 1px solid;
}
#search fieldset {
border: none;
}
#search legend {
display: none;
}
#s {
float: left;
width: 135px;
height: 22px;
margin: 0 4px 0 9px;
padding: 1px 10px 0 10px;
background: url(images/spacer.gif) repeat;
font-size: 16px;
color: #A5BD9B;
border: none;
text-align: left;
line-height: 20px;
}
#searchsubmit {
border: none;
width: 27px;
height: 24px;
background: inherit;
background: url(images/spacer.gif) repeat;
color: #333A3A;
display: inline;
cursor: help;
}
/* Advertising Bar */
#adbar{
width: 139px;
float: left;
}
#adbar .widget {
width: 120px;
background: none;
color: inherit;
}
#adbar img{
padding: 0;
margin: 0;
}
#adbarContent{
margin: 0 auto;
width: 120px;
}
#adbar #search {
display:none;
}
/* Footer */
#footerTop{
background: url(images/footerTop.gif) top no-repeat;
width: 810px;
height: 22px;
float: left;
}
#footer {
background-color: #262C2C;
width: 790px;
float: left;
padding: 0 0 0 20px;
}
#footer .widget{
background: none;
margin: 14px 10px 0 0;
padding-bottom: 10px;
width: 250px;
float: left;
}
#footer .widgetBottom {
background: none;
}
#footer li a:link, #footer li a:visited{
width: 226px;
}
#footer .widget li a:hover{
background: #262C2C url(images/bullet-w.gif) left no-repeat;
}
#footer .widget h2, #footer table#wp-calendar caption{
width: 250px;
text-align: left;
}
#footerBottom{
background: url(images/footerBottom.gif) top no-repeat;
width: 810px;
height: 10px;
float: left;
}
#credits {
padding: 20px 0;
}

/* Post Widgets */
.post .widget {
background: none;
}
.post .widget h2 {
background: url(images/h2.gif) repeat;
margin: 0 0 5px 14px;
padding: 5px 0;
width: 397px;
border-top: #262c2c 1px solid;
border-bottom: #262c2c 1px solid;
font-size: 18px;
display: block;
clear: both;
text-align: left;
}
.post .widget h2 img{
margin: 2px 10px 0 0;
float: right;
}
.post .widget ul{
margin: 0 0 0 5px;
padding: 0;
list-style-type: none;
width: 397px;
}
.post .widget  li{
margin: 0;
}
.post .widget li a:link, .post .widget li a:visited{
display: block;
padding: 4px 0 4px 24px;
width: 380px;
background: inherit;
background: url(images/bullet-g.gif) left no-repeat;
color: #84BF3A;
text-decoration: none;
}
.post .widget li a:hover{
background: inherit;
background: url(images/bullet-w.gif) left no-repeat;
color: #FFF;
}
/* RSS LINKS */
#rssp img, #rssc img {
border: none;
}
#rssc, #rssp {
margin: 0 0 10px 0;
height: 79px;
width: 79px;
}

#rssp {
float: left;
}
#rssc {
float: right;
}
/* Sidebar Ads */
.sidebar_ads {
background-color: #333A3A;
color: inherit;
width: 120px;
font-size: 14px;
margin: 0 0 10px 0;
}
.sidebar_ads_top {
background: url(images/sb_adTop.gif) top no-repeat;
height: 40px;
}
.sidebar_ads_content {
padding: 0 5px;
}

.sidebar_ads_content a {
color: #84BF3A;
font-weight: bold;
text-decoration: underline;
}
.sidebar_ads_bottom {
background: url(images/sb_adBot.gif) bottom no-repeat;
height: 40px;
}
/* Footer Ads */
.footer_ads {
background: url(images/foot_ad_mid.gif) repeat-y;
width: 250px;
font-size: 14px;
margin: 0 0 10px 0;
}
.footer_ads_top {
background: url(images/foot_ad_top.gif) top no-repeat;
height: 50px;
}
.footer_ads_content {
padding: 0 7px;
}

.footer_ads_content a {
color: #84BF3A;
font-weight: bold;
text-decoration: underline;
}
.footer_ads_bottom {
background: url(images/foot_ad_bot.gif) bottom no-repeat;
height: 50px;
}