/*  
Theme Name: The Crap Box
Theme URI: http://design.weaponsofmass.com
Description: Version: 1.0
Author: Weapons Of Mass Productions
Author URI: http://design.weaponsofmass.com

*/
* {
    padding: 0; 
    margin:0;
}
p {
    margin: 0.7em 0;
    line-height:1.8em;
}
dl {
    margin:1em 0;
}
dt 
{
    font-weight:bold;
}
dd 
{
    margin:0.5em;
    padding:0;
}
img 
{
    border:0;
    padding: 0 0 5px 0;
}
img.side 
{
    border:0;
    padding: 0 0 0 0;
}
img.twit 
{
    border:0;
    text-align: right;
    padding: 0 0 0 0;
}
img.bullet
{
    padding: 3px 3px 0 0;
}
img.right {
    float: right;
    margin:10px 0 0 10px;        
}
img.left {
    float: left; 
    margin:0 10px 10px 0;    
}
img.thumbnail {
    clear: both;
    margin: 0 10px 0px 0;
}
a:link img,
a:visited img,
a:hover img,
a:active img {
    border:none;
    background:none;
    padding:none;
    padding:0px 0px 5px 0px;        
}
img.wp-smiley, #wpstats, img.noborder, a img.noborder {
    background: none;
    border: 0;
    padding: 0;
}
.clear {
    clear:both;
    height:20px;
}
blockquote
{
    color:#666;
    margin: 1em;
    padding: 0 0 10px 50px;
    background: url(img/blockquote.gif) no-repeat left top;    
}
fieldset 
{
    border:0;
}
body 
{
    background: #ffffff;
    margin: 0; 
    font: 76%/1.6em tahoma, arial,  sans-serif; 
    color: #333; 
    text-align: center;
}
a 
{
    text-decoration:none;
}
a:link, a:visited {
    color: #666666;    
}
a:hover, a:active {
    color: #b7b7b7;
}
h1, h2, h4, h5, h6 
{
    font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;;
}
h3 
{
    font-family:verdana, tahoma, arial,  sans-serif; 
    color: #fff;
}

#container { 
    margin: 0 auto;
    width: 950px;     
    position: relative; 
    text-align: left;
}
#navigation {
    background: transparent; 
    margin: 20px auto 0; 
    overflow: hidden; 
    width: 760px; 
    position: relative; 
    text-align: left;
    font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
}
 html #navigation {
    height: 1%;
}
#navigation ul li {
    float: left; 
    margin: 0 5px 0 0; 
    list-style-type: none;
}
#navigation ul li a {
    border: #ccc 1px solid; 
    border-bottom:none;
    padding: 2px 12px; 
    display: block; 
    font-weight:bold;
    color:#333;        
    text-decoration: none;
    background:#dedede;
    letter-spacing:0px;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
    background: #fff;
    color: #333;    
    border: #ccc 1px solid; 
    border-bottom:none;        
}
#navigation ul li.search {
    font-size: 0.9em; 
    right: 50px; 
    position: absolute; 
    top: 0;
}
#header {
    clear: both; 
    float: left; 
    margin: 0px; 
    width: 950px;
}
#skyline {
        padding:0;
        margin:0 auto;
        width:950px;
        height:153px;
}
#sky-header {
    background:url('img/header-new.png') no-repeat;
    margin: 0 auto; 
    width: 950px; 
    height:153px; 
}
#header-navigation {
    margin: 0 auto; 
    width: 950px; 
    height:27px; 
    text-align: left;
}
#header-navigation ul li {
    float: left; 
    list-style-type: none;
    margin-top: 3px;
}
#header-navigation ul li a {
    font-size: 10px;
    margin: 0px 5px 0px 20px; 
    display: inline; 
    color:#393939;        
    text-decoration: none;
    text-transform: uppercase;
}
#header-navigation ul li a:hover {
    color: #000000;
}
#header-navigation ul li.search {
    font-size: 9px;
    float: right; 
    height: 18px;
    right: 10px; 
    position: relative; 
}
#header-navigation ul li.search input#searchsubmit {
    border: #999 1px solid; 
    font-size: 0.9em; 
    background: #ddd; 
    margin: 0 0 0 2px; 
    color: #0032a4; 
    padding: 2px;         
}
#header-banner {
    background:url('img/header/banner-bg.gif') repeat-y top;
    margin: 0 auto; 
    padding-top: 4px;
    width: 950px; 
    height:96px; 
    text-align: left;
}
#header h1 
{
    font-size:1.8em;
    margin:10px 0 0 10px;
    font-variant:small-caps;
    letter-spacing:0px;
    font-weight:normal;
}
#header h1 a {
    
    text-decoration:none;    
    border:0;
}
#header h1 a:hover,
#header h1 a:active {
    border-bottom:#963 1px solid;
}
#header #desc 
{
    margin:5px 0 0 10px;
    font-size:1em;
    font-weight:normal;
    font-family:Tahoma, Verdana, Arial, Serif;
    letter-spacing:0px;    
}
#feedarea {
    padding:10px 10px 0 0; 
    float: right;     
    text-align: right;
}
html #feedarea {
    padding-top: 10px;
}
#feedarea dl dt {
    display: inline; 
    margin-right: 5px; 
    height: 45px;
}
#feedarea dl dd {
    display: inline; 
    margin-right: 5px; 
    height: 45px;
    background:url(img/icon_feed.gif) no-repeat left center;
    padding-left:16px;
}
#headerimage {
    clear: both; 
    margin: 10px; 
}
 html #headerimage {
    margin-top: 0;
}
#content {
    margin: 0 10px 0 10px;
}
 html #content {
    height: 1%;
}
#content h4 {
    font-size: 1.1em; 
    margin: 1em 0 0 0;
}
#content h5 {
    font-size: 1em; 
    margin: 1em 0;
}
#content-main ul 
{
    margin:0 1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}
#content-main ul.asides 
{
    margin:0;
    padding:2em;
    border-bottom:#ddd 1px dashed;
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding-left:2em;
}
#content-main {
    float: left; 
    width: 600px; 
}
 html #section-index #content-main {
    margin-right: 10px;
}
#content .post 
{
    clear:both;
    overflow: hidden;
    background: #fff;
    margin: 0px 0px 10px 0px;
    padding: 5px 14px 5px 14px;
}
#relatedpost {
    padding: 5px 10px 10px 10px;
    background: #fff;
}
#relatedpost li{
    padding: 0px 0px 0px 10px;
    list-style-type: none;
}
#content h2
{
    font-size: 1.6em;  
    font-weight:normal;  
        float: left;
}
#content .posttitle
{
    font-size: 1.4em;
    width: 550px;
}
h2, h2 a:link, h2 a:visited {
    color: #333;
    }
h2, h2 a, h2 a:hover {
    color: #66554b;
    }
#content h3 
{ 
    font-size: 1.2em; 
    font-weight: normal;   
    line-height:1.4em; 
    letter-spacing:0px;
}
#content h3.article 
{ 
    font-size: 18px; 
    font-weight: normal;
    line-height:1.2em;    
    letter-spacing:0px;
}
#content .entry 
{
    clear:both;
    margin:1em 0;
    padding-bottom: 15px;
    width: 550px;

}
#content .facebook
{
    border-color: #666666;
    border-top: 1px solid;
    padding-top: 12px;
    width: 550px;
}

#content .entry li 
{
    margin:0 0 0.3em 0;
    padding:0;
    line-height:1.6em;
}
#content .post-info , #content .postmetadata
{
    clear:both;
    float: right;
    font-size:0.9em;
    color:#7f7f7f;
    margin:0;
    padding:0;    
}
#content .postmetadata-right
{
    clear:both;
    float: right;
    font-size:0.9em;
    color:#7f7f7f;
    margin:0;
    padding:0;    
}
#content .post-info
{
    float: right;
    padding-bottom: 10px;
} 
#content h2.pagetitle 
{
    padding-bottom:10px;    
    float: left;
}
#content h2.archivetitle a
{
    padding-bottom:10px;
    color: #333;    
}
.postnav {
    display: block;
    margin: 10px 0 60px;
    
}
.alignleft 
{
    float:left;
    text-align:left;    
}
.alignright
{
    float:right;
    text-align:right;    
}
/* Sidebar */

#bluebox {
   width:320px;
   overflow:auto;
   line-height:160%;
   text-align:center;
   background: #b58958; 
   margin: 10px 0 10px 0;
   padding: 10px 10px 10px 0px;
}

#sidebar {
    float: left; 
    width: 320px;
    font-size:0.9em;

}
#sidebar ul
{
    list-style:none;
    margin:0;
    padding:0;
}
#sidebar li 
{
    margin-bottom:10px;
    padding-bottom:0px;
}
#sidebar ul ul
{
    list-style:none;
    margin:0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
}
#sidebar ul ul ul
{
    list-style:none;
    background: #fff;
}
#sidebar p
{
    background: #fff;
    margin:10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
}
#sidebar li.sidebox {
    background: #e6e6e6;
}
li#sidelinks ul
{
    margin:0 0 10px 0;
    padding:0;
}
#sidebar li.sidebox p img {
    margin:0;
    padding:3px;
    border:#ccc 1px solid;
    background:none;
}
.makingwaves { color: #fff; font-weight: bold; margin: 0; padding: 6px 40px; background: url(img/makingwaves-icon.gif) no-repeat #222222; }
.twitter { color: #fff; font-weight: bold; margin: 0; padding: 6px 40px; background: url(img/twitter-icon.gif) no-repeat #222222; }
.twitter-bottom { color: #fff; margin: 0; align: right; padding: 6px 40px; background:#00baff; }
.hottopic { color: #fff; font-weight: bold; margin: 0; padding: 6px 40px; background: url(img/hot-topic-icon.gif) no-repeat #222222; }
.rss { color: #fff; font-weight: bold; margin: 0; padding: 6px 40px; background: url(img/rss-icon.gif) no-repeat #222222; }

.newsletter {
    background: #FFFFFF url(images/newsletter.gif) top no-repeat;
    float: left;
    width: 300px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #DDDDDD;
}

#footer {
    clear: both;     
    background: #4b4b4b;
    margin: 0 auto; 
    width: 950px;     
    text-align: left;
}
 html #footer {
    height: 1%;
}
#footer p {
    float: left; 
    width: 40%;
    font-size: 0.9em; 
    margin: 10px 20px 10px 20px;
    line-height: 1.2em;
    color: #fff;
}
#footer p a {
    color:#999;
}
#footer p a:hover {
    color:#fff;
}
#footer p.right {
    float: right; 
    width: 50%;
    margin-right: 20px;  
    text-align: right;
    font-size: 0.9em; 
    color:#999;
}
#comments, #respond{
    margin: 0;
    padding:1em 0 0 0;
}
#commentform 
{
    margin:10px 0;    
    padding:10px;
    background:#f9fcfc;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
}
.commentnum 
{
    font-size:1.5em;
    font-weight:bold;    
    margin:0 5px 0 0;
}
.nocomments 
{
    text-align:center;
    color:#999;
    font-size:0.9em;
}
#container .commentlist {
    margin: 1em 0;
    padding: 0;        
    border-top: #ddd 1px solid;
}
#container .commentlist li 
{
    list-style:none;
    margin: 0;
    padding: 0.5em 0.5em 2em;    
    background:#fff url(img/shadow_top.gif) repeat-x top;
    border-bottom: #ddd 1px solid;
}
#container .commentlist li.alt 
{
    background:#ffffff;    
}
#container .commentlist li.authorcomment, #container .commentlist li.bypostauthor 
{
    border:#fc9 1px solid;      
}

#container .commentlist li .cmtinfo 
{
    font-size:1em;            
}
#container .commentlist li cite 
{
    font-style:normal;
    font-weight:bold;
}
#container .commentlist li .cmtinfo em 
{
    float:right;
    margin:0;
    padding:0;
    font-style:normal;
    font-size:0.9em;
    color:#999;
}
#container .commentlist .avatar
{
    float:right;    
}
#container .commentlist .commentmetadata
{
    font-size:0.9em;
}
#content .commentsfeed 
{
    background:url(img/icon_feed.gif) no-repeat left center;
    padding-left:16px;
}
#content .trackback 
{
    background:url(img/link.gif) no-repeat left center;
    padding-left:20px;
}
input.textbox, textarea, input[type="text"]
{
    border:#ccc 1px solid;
    background:#fff url(img/shadow_top.gif) repeat-x top;
    font:1em Verdana, Arial, Serif;
    padding:4px;
    width:200px;
}
#s
{
    width:150px;
}
textarea{
    width: 90%;
    padding:10px;
    line-height:2em;
    height: 20em;
}
input.textbox:focus, textarea:focus, input[type="text"]:focus
{
    background:#fff url(img/shadow_top.gif) repeat-x top;
    border:#999 1px solid;
}
#submit 
{
    padding:3px 5px;
}
.post h4 
{
    font-size:1em;
    font-weight:normal;
    font-family:Verdana, Tahoma, Arial, Serif;
}
.post h3 
{
    font-size:1.2em;
    font-weight:strong;
    color:#333;
    font-family:Verdana, Tahoma, Arial, Serif;
}
.post h3.article 
{
    font-size:14px;
    padding-top:15px; 
    padding-bottom:0px;
    font-weight:strong;  
    color:#333;
    font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
    font-style:normal;
    float:right;
    font-weight:normal;
    color:#999;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}

img.left, img.alignleft, div.alignleft
{
    float:left;
    margin:1em 1em 1em 0;
}
img.right, img.alignright, div.alignright
{
    float:right;
    margin:0 0 1em 1em;
}
img.aligncenter, div.aligncenter
{
    text-align:center;
    margin:0 auto;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}