/*
Theme Name:		thathero three-oh
Theme URI:		http://thathero.com
Description:	A 3-column layout with main content at left.
Version:		1.3
Author:			Jason Hart
Author URI:		http://thathero.com
*/

/* Body style and general tag definitions */
body{
    border:0px;
    margin:0px;
    padding:0px;
    background-color:#ccc;
    font-size:12px;
    font-family:"Verdana","Arial","Helvetica",sans-serif;
    background-image:url(img/body-bg.png);
    background-repeat:repeat-y;
    background-position:top left;
    }

a{
    color:#000;
    text-decoration:underline;
    }

a:hover{
    color:#333;
    }

a:active{
    color:#ff0000;
    }

.center{
    margin: 3px auto;
    text-align:center;
    }
/* Masthead layout & style */
#masthead{
    width:100%;
    height:97px;
    border:0px;
    margin:0px;
    padding:0px;
    background-image:url(img/banners/banner_bg1.jpg);
    background-repeat:no-repeat;
    }

#masthead img{
    border:0px;
    margin:0px;
    padding:0px;
    }
    
#masthead p{
    border:0px;
    margin:-35px 0px 0px 0px;
    padding:10px 0px 0px 20px;
    font-size:15px;
    font-weight:bold;
    font-style:italic;
    }

/* Top navigation layout & style */
#stripe{
    width:100%;
    height:25px;
    vertical-align:center;
    border-top:5px solid #333;
    border-bottom:2px dashed #333;
    margin:0px 0px 7px 0px;
    padding:0px;
    background-image:url(img/stripe-bg.png);
    background-position:top right;
    background-repeat:repeat-y;
    }

#topnav{
    border:0px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    font-weight:bold;
    }

#topnav li{
    display:inline;
    float:left;
    border:0px;
    margin:0px;
    padding:4px 14px;
    }

#topnav li a{
    color:#000;
    font-family:"Terminal","VT-100",monospace;
    font-size:16px;
    text-decoration:none;
    }

#topnav li a:hover{
    color:#ff0000;
    }

#stripe > #search-form{
    position:absolute;
    top:105px;
    right:10px;
    margin:0px;
    padding:0px;
    }

#stripe > #search-form > input{
    margin:0px;
    padding:0px;
    font-family:"Verdana","Arial",sans-serif;
    }

#stripe > #search-form > .search-input{
    border:1px solid #ff0000;
    background-color:none;
    color:#000;
    }

#stripe > #search-form > .search-submit{
    border-top:1px solid #efefef;
    border-left:1px solid #efefef;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    background-color:#dadada;
    }

#stripe > #search-form > .search-submit:hover{
    color:#ff0000;
    }

#stripe > #search-form > .search-submit:active{
    color:#ff0000;
    border:1px solid #ccc;
    }

/* Container table layout */
#container{
    width:97%;
    border:0px;
    margin:5px 15px;
    padding:0px;
    }

#container > tr > td{
    border:0px;
    margin:0px;
    padding:20px;
    }

#container-column1{
    width:*;
    vertical-align:top;
    }

#container-column2{
    width:270px;
    vertical-align:top;
    }

#container-column3{
    width:200px;
    vertical-align:top;
    }

/* Main content layout and style */
#featured{
	float: right;
	display: inline;
	height: 41px;
	margin: 0px 30px;
	padding: 7px 0px;
	background-image: url(img/featured-bg.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#featured > div{
	clear: none;
	height: 29px;
	overflow: hidden;
	border-top: 1px dashed #ffad00;
	border-bottom: 1px dashed #ffad00;
	margin-left: 50px;
	padding: 5px 10px 5px 30px;
}
#featured a{
	color: #000;
	font-family: "Verdana","Arial",sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#featured a:hover{
	color: #ff6600;
}

#main-content-wrap{
    width:97%;
    margin:0px;
    padding:5px;
    background-color:#333;
    background-image:url(img/div-corner-bg.gif);
    background-position:top right;
    background-repeat:no-repeat;
    }

#main-content{
    width:100%;
    border:none;
    margin:0px;
    padding:0px;
    background-color:#fff;
    background-image:url(img/maincontent-bg.gif);
    background-position:top right;
    background-repeat:no-repeat;
    }

#main-content > #post-header{
    float:left;
    border:0px;
    margin:0px;
    padding:0px;
    }

#main-content .page-heading{
    margin:0px;
    padding:5px;
    color:#ff0000;
    }

#main-content .comic-header{
    font-style:italic;
    }

#main-content .comic-header > a{
    font-style:normal;
    font-size:12px;
    color:#ff0000;
    padding:0px 10px;
    }

#main-content .entry-heading{
    margin:0px;
    padding:5px 5px 2px 5px;
    }
 
#main-content .entry-heading > a{
    text-decoration:none;
    }

#main-content .posted-heading{
    margin:0px;
    padding:0px 0px 0px 10px;
    color:#999;
    }

#main-content .categories{
    margin:0px;
    padding:0px 0px 0px 20px;
    color:#999;
    }

#main-content .entry{
    margin:0px;
    padding:7px 10px 3px 10px;
    }

#main-content > .navigation{
    padding:15px;
    }

#main-content > .comments{
    margin:5px auto;
    padding:0px;
    width:95%;
    height:25px;
    text-align:center;
    color:#999;
    border-bottom:1px dashed #333;
    }

#main-content > .comments > p{
    margin:0px;
    padding:0px;
    }

#main-content > #comments{
    margin:0px;
    padding:10px;
    border-top:1px dashed #999;
    }

#main-content .nested-boxen{
    float:right;
    clear:none;
    width:200px;
    border:1px dotted #999;
    margin:7px;
    padding:5px;
    background-color:#dadada;
    }

#main-content .nested-boxen > p{
    margin:0px;
    padding:5px;
    }

#main-content h3{
    margin:0px;
    padding:3px;
    }

#main-content blockquote{
    margin:3px 15px 3px 20px;
    padding:5px;
    border-left:1px dashed #999;
    background-color:#cdd6f4;
    width:85%;
    }

#main-content ul{
    list-style-image:url('img/li-bullet.gif');
    }

#main-content a:hover{
    color:#0000ff;
    }

#main-content .image{
    border:0px;
    text-align:center;
    text-indent:0px;
    width:99%;
    }

#main-content .image img{
    border:0px;
    }
 
#main-content .image p{
    font-size:smaller;
    font-style:italic;
    margin-top:2px;
    }

#main-content > .random-related{
    float:right;
    width:33%;
    border:0px;
    margin:7px;
    padding:0px;
    }

#main-content > .random-related img{
    border:0px;
    margin:0px;
    padding:1px;
    }

#main-content > .random-related > div{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    margin:0px;
    padding:5px;
    background-color:#efefef;
    background-image:url('img/maincontent-related-bg.gif');
    background-repeat:no-repeat;
    }

#main-content > .random-related > div > p{
    margin:0px;
    padding:3px;
    }

#main-content table.data{
    border: 0px;
    margin: 10px;
}
#main-content table.data th{
    border: 1px solid #ccc;
    padding: 5px;
}
#main-content table.data td{
    border: 1px solid #ccc;
    padding: 5px;
    vertical-align: top;
}
#main-content table.data .highlight{
    background-color: #8bed9c;
}

#main-content dt{
    font-weight: bold;
    margin: 5px 0px;
}
#main-content dd{
    margin-bottom: 7px;
}


/* Read This content layout and style */
#read-this-wrap{
    width:95%;
    margin:0px;
    padding:5px;
    background-color:#113fbe;
    background-image:url(img/div-corner-bg.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
    }

#read-this{
    width:100%;
    border:none;
    margin:0px;
    padding:0px;
    background-color:#90a7e6;
    background-image:url(img/readthis-bg.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
    }

#read-this > .reader-publisher-module{
    margin:0px;
    padding:5px;
    }

#read-this > .reader-publisher-module > ul{
    list-style-type:none;
    margin:0px;
    padding:3px;
    }

#read-this > .reader-publisher-module > ul > li{
    padding-bottom:5px;
    }

#read-this > .reader-publisher-module > ul > li > .s{
    padding-left:7px;
    }

/* Style for In Dependence chapter list */
#read-this > ul{
    list-style-type:none;
    margin:0px;
    padding:7px;
    }

#read-this > ul > li{
    padding-bottom:3px;
    }

/* Multimedia content layout and style */
#multimedia-wrap{
    width:95%;
    margin:0px;
    padding:5px;
    background-color:#ff1300;
    background-image:url(img/div-corner-bg.gif);
    background-position:top right;
    background-repeat:no-repeat;
    }

#multimedia{
    width:100%;
    border:none;
    margin:0px;
    padding:0px;
    background-color:#ff9b93;
    background-image:url(img/multimedia-bg.gif);
    background-position:top right;
    background-repeat:no-repeat;
    }

#multimedia > #youtube-wrap{
    margin:0px;
    padding:3px;
    }

#multimedia > .label{
    margin:0px;
    padding:5px 0px 2px 5px;
    }

#multimedia > ul{
    margin:0px;
    padding:0px 10px 5px 10px;
    list-style-type:none;
    }

#multimedia > ul > li{
    padding-bottom:5px;
    }

#multimedia > #flickr-pics{
    width:99%;
    margin:0px auto;
    padding:0px;
    text-align:center;
    }

#multimedia > #flickr-pics img{
    border:0px;
    margin:0px;
    padding:2px;
    }
    
/* Et-cetera content layout and style */
#socialize-wrap{
    width:95%;
    margin:0px;
    padding:5px;
    background-color:#00d024;
    background-image:url(img/div-corner-bg.gif);
    background-position:bottom left;
    background-repeat:no-repeat;
    }

#socialize{
    width:100%;
    border:none;
    margin:0px;
    padding:0px;
    background-color:#8bed9c;
    background-image:url(img/etcetera-bg.gif);
    background-position:bottom left;
    background-repeat:no-repeat;
    }

#socialize > ul{
    list-style-type:none;
    margin:0px;
    padding:10px;
    }

#socialize > ul > li{
    margin:0px;
    padding:2px 0px;
    }

#socialize img{
    border: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
    }

#socialize #wp-login-wrapper{
    padding-left: 20px;
}

/* Bookmarks content layout and style */
#bookmarks-wrap{
    width:95%;
    margin:0px;
    padding:5px;
    background-color:#ffad00;
    background-image:url(img/div-corner-bg.gif);
    background-position:top left;
    background-repeat:no-repeat;
    }

#bookmarks{
    width:100%;
    border:none;
    margin:0px;
    padding:0px;
    background-color:#ffdd93;
    background-image:url(img/bookmarks-bg.gif);
    background-position:top left;
    background-repeat:no-repeat;
    }

#bookmarks > ul{
    position:relative;
    z-index:0;
    list-style-type:none;
    margin-top:-10px;
    padding:0px;
    }

#bookmarks > ul > li{
    color:#ffdd93;
    }

#bookmarks > ul > li > ul{
    color:#000;
    list-style-type:circle;
    margin:0px;
    padding:0px 0px 0px 25px;
    }

#bookmarks > ul > li > ul > li{
    margin:0px;
    padding:0px 0px 3px 0px;
    }

#bookmarks > img{
    position:relative;
    z-index:1;
    border:0px;
    margin:0px;
    padding:10px 0px 0px 10px;
    }

/* Miscellaneous images and such */
#et-cetera{
    width:95%;
    margin:0px;
    padding:10px 0px;
    text-align:center;
    }

#et-cetera img{
    border:0px;
    margin:0px;
    padding:3px;
    }
 
/* Footer layout and style */
#footer{
    width:100%;
    height:23px;
    border-top:2px dashed #333;
    border-bottom:5px solid #333;
    margin:0px;
    padding:0px;
    background-image:url(img/stripe-bg.png);
    background-position:top right;
    background-repeat:repeat-y;
    }

#footer p{
    margin:0px;
    padding:2px 5px 5px 20px;
    font-family:"Terminal","VT-100",monospace;
    font-size:16px;
    }

#footer a{
    color:#000;
    text-decoration:none;
    }

#footer a:hover{
    color:#ff0000;
    }

/* Standard WordPress image styles */
.wp-caption-text{
	font-style:italic;
	margin-top:0px;
    }
img.aligncenter{
    display: block;
	margin:0px auto;
	}
img.alignright {
    padding: 5px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft{
    padding: 5px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.aligncenter{
    display:block;
	margin:0px auto;
	}
.alignright{
    float: right;
	padding:5px;
	}
.alignleft{
    float: left;
	padding:5px;
	}
a img.alignright{
    float:right;
    margin:0 0 1em 1em;
    }
a img.alignleft{
    float:left;
    margin:0 1em 1em 0
    }
a img.aligncenter{
    display:block;
    margin-left:auto;
    margin-right:auto
    }