/* 
Theme Name: AFI - SP Theme
Theme URI: http://www.actionfigureinsider.com
Version: 1.0
Description: Custom Theme for AFI's Super Power Blog
Author: Peter Go / Jason Geyer
Author URI: http://www.actionfigureinsider.com
*/
body {
	margin:0;
	padding:0;
	font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif;
	font-size: 12px;
	text-align:left;
	color:#003;
	line-height:1.3em;
}

#background_holder {
	background-color: #000;
	background:url(images/background.jpg) no-repeat center #000;
	background-attachment: fixed;
	background-position: center top;
}

#body_holder {width:976px;position:relative;margin:auto;}


a {
	color: #036;
	text-decoration:none;
}
a:visited {
	color: #069;
}
a:hover {
	color: #FC0;
	text-decoration:underline;
}
input, textarea 
{
	background: #cbdeec;
	border: #97aac5 1px solid;
}
#rap 
{
	background:#fff url('img/rap.jpg') center repeat-y;
	width:845px;
	margin:0 auto;
	padding:0px 8px;
	text-align:left;
	font-family: Trebuchet MS,Georgia, Arial, serif;
	font-size: 0.9em;
}

#main 
{
	margin:0 auto;
	padding:0;
	background:#ffffff url('img/content_bg.gif') repeat;
	width:815px;
}
#content {
	width:600px;
	float:left;
	padding:8px;
	margin:0;
	overflow:hidden;
	display:inline;

}

#sidebar {
	width:160px;
} 


a img {
	border: none;
}
acronym, abbr {
	border-bottom: 1px dotted #0c6bf0;
}
acronym, abbr, span.caps {
	cursor: help;
	letter-spacing: .07em;
}
code {
	font-size: 1em;
	font-style: italic;
}
blockquote {
	margin: 15px 30px 0 45px;
	padding: 0 0 0 45px;
	background: url('img/blockquote.gif') no-repeat left top;
	font-style:italic;
}

cite {
	font-size: 0.9em;
	font-style: normal;
}
h3 {
	margin: 0;
	padding: 0;
	font-size:1.3em;
}
p {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.5em;
}
h1, h2, h3, h4 {
	font-family: Georgia, "Lucida Sans Unicode", lucida, Verdana, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
}

#header {
	background: url('http://www.actionfigureinsider.com/images/header_superpowers.png') no-repeat bottom; 	
	height: 130px;
	margin: 0 auto;
	width:978px;
	padding:0;
	border:#fc9 0px solid;
}

#header h1 
{
	margin: 0;	
	font-size: 1.6em;	
	padding:10px 20px 0 0;
	text-align:right;	
}
#header h1 a 
{
	color:#A6CDEB;
	text-decoration:none;
}
#header h1 a:hover 
{
	color:#000000;
}
#header #desc
{
	font-weight:normal;
	font-style:italic;
	font-size:1em;
	color:#039;
	text-align:right;
	margin:0;
	padding:0 20px 0 0;
}
#sidebar h2 {
	margin: 10px 0 0 0;
	padding:3px;
	font-size: 12px;
	color: #036;
	text-align:center;
	background:url('images/sidenav_top.jpg') no-repeat center;
	height:18px;
	font-weight:bold;
	font-family:Verdana, Arial, Sans-Serif;
}
#sidebar ul {
	list-style-type: none;
	text-align:left;
	padding: 3px;
	margin: 0;
	font-size: 12px;	
	padding-bottom: 3px;
	border:#ccc 1px solid;
	border-top:#ccc 1px solid;
}

.graybg {
	background-color: #eeeeee;
}

#sidebar ul li {
	margin: 0 0 0 0;
	padding: 0;	
}
#sidebar li a {
	text-decoration: none;
	border:none;
}
#sidebar li a:link {
	color: #036;
}
#sidebar li a:visited {
	color: #036;
}
#sidebar li a:hover, #sidebar li a:active {
	color: #FC0;
}

#content ul {
	margin-left: 0;
	padding-left: 45px;
	list-style-type: none;
}
#content ul li {
	background: url('img/bullet.gif') no-repeat 0 7px;
	padding-left: 1.5em;
}
.post 
{
	margin: 4px 0 25px 0;
}
.post-info 
{
	font-size:0.85em;
	font-family: Verdana, Arial, Sans-Serif;
	text-align: right;
	margin:0;
	padding:0;
	color:#036;
}
.post-info a
{
	color:#036;
}
.post-info a:hover 
{
	color:#036;
}
.post-content {
	padding:5px 0;
	margin:0 10px 0 10px;
	border-top:#3db1fb 1px solid;
	font-family: Georgia, Verdana, Arial, serif;
	font-size:12px;
	text-align: left;
}
.post-title {
	font-family: Verdana, Arial, Sans-Serif;
	font-size:18px;
	text-align: center;
	margin:8px 0 8px 0;
	font-weight:bold;
}
.post-title a:link, .post-title a:visited, .post-title a:hover, .post-title a:active
{
	text-decoration:none;
	color:#06F;
}
.post-date {
	color: #003;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	margin: 2px 0 2px 8px;
	}

.post-footer {
	color: #036;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:10px;
	text-align: right;
	margin: 0px 0 8px 0px;
}

.white-bg {
	background: #ffffff;
}


#footer {
	margin:0 auto;
	padding: 7px 0;
	clear: both;
	font-size: 0.8em;
	color: #999;
	text-align:center;
}

#footer a {
	border:none;
	color:#0461e0;
}

b.comment {
	font-size:1em;
	font-weight: bold;
	color: #039;
}

.comment a:link    {
	color: #069;
} 
.comment a:hover   {
	color: #069;
}
.comment a:visited   {
	color: #069;
}


#topnav 
{
	font-size: 1.1em;
	word-spacing: 10px;
	letter-spacing: 1.1px;
	margin:0 auto;	
	text-align: center;	
	font-family:Arial, Sans-Serif;
	padding:0;
	font-weight:bold;
}

b.redbull {
	font-size:.8em;
	font-family: Verdana, sans-serif;		
	font-weight: bold;
	color: #ff0000;
}

.blackbg { background-color: #000000; }

#topnav a:link, #topnav a:visited
{
	text-decoration:none;	
	color:#ffd133;
}
#topnav a:hover, #topnav a:active
{
	color:#FFFFFF;	
}




#footnav 
{
	list-style:none;
	font-size:1.2em;
	margin:0 0 10px 0;	
	word-spacing: 10px;
	text-align:center;	
	font-family:Verdana, Arial, Sans-Serif;
	font-weight:bold;
	display:inline;
}
}

#footnav a:link
{
	text-decoration:none;
	color:#036;
}
#footnav a:hover
{
	color:#ffcc00;	
}





.crap {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: white;
}

.crap a:link {color: white; font-weight: bold;
	text-decoration: none }
.crap a:visited {color: white; font-weight: bold;
	 text-decoration: none}

.crap a:active {color: yellow; font-weight: bold;
	 text-decoration: none} 
.crap a:hover {color: yellow; font-weight: bold;
	 text-decoration: none}
	 
.style14 {
	
	font-size: 5px;
	color: #000000;
	
	
}
	 



/* +++++++++++++++ The comment section +++++++++++++++++ */


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {

        border: 1px solid #808080;
}

#commentform textarea {
        width:100%;
}

#commentlist {
        width: 97%;
        font-size:11px;
        color:#000;
        margin:0 0 20px 0;
        padding: 0 0 0 0;
}

#commentlist li {
        border:1px solid #000000;
        margin:0 0 20px 0;
        list-style-type:none;
        padding:0px;
        background:#cbdeec;

}

#commentlist ul {margin:0; padding:0;}

#commentlist li p {
	font-size:12px;
        padding:5px 10px 5px 10px;
        margin:0;

}

#commentlist a {
        text-decoration:underline;
        font-weight:bold;
}

#commentlist li div.meta {padding:0; margin:0; text-align:center;}

#commentlist li .avatar {
        float:left;
        padding:0;
        margin:5px;

}


#commentlist2 {
        width: 100%;
        font-size:11px;
        color:#000;
        margin:0 0 20px 0;
        padding: 0 0 0 0;
}

#commentlist2 li {
        border:1px solid #000000;
        margin:0 0 20px 0;
	padding:5px;
        list-style-type:none;
        padding:5px 10px 5px 10px;
        background:#cbdeec;
}

#commentlist2 ul {margin:0; padding:0;}

#commentlist2 li p {
	font-size:12px;
        margin:0;
}

#commentlist2 a {
        text-decoration:underline;
        font-weight:bold;
}

#commentlist2 li div.meta {padding:0; margin:0; text-align:center;}

#commentlist2 li .avatar {
        float:left;
        padding: 5px;
	width:50px;
	height:50px;
}

#commentlist2 li ul li { 
	margin-right: -15px;
	margin-bottom: -10px;
}

.children { padding: 0; }

.authorcomm {float:left;
            margin:0;
            padding:0;
            width:70px;
            text-align:center;
            line-height:12px;
            font-size:10px;
}

.authorcomm a {text-decoration:none; font-weight:bold;}

.reply {text-align:right; padding:5px;}
.navigation {width:100%; height:20px;}
.cancel-comment-reply{text-align:right; float:none; font-size:12px;}
.comment-meta  a {font-size:8px; float:right; margin-top:-18px; color:#757575;}
.fn {font-size:15px; font-weight:bold;}
.says {display:none;}
#comments {font-size:16px;}
#respond h3 {font-size:16px;}



img.centered, .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }