/* 
Theme Name: AFHUB v.2011
Theme URI: http://www.afhub.com
Version: 2011
Description: Custom Theme for AFHUB v.2011
Author: Peter Go 
Author URI: http://www.afhub.com
*/


body {
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	background: #2d210d url('../../../images/bgd-2011.jpg') center top;
	background-repeat: no-repeat;
	background-attachment: fixed; 
	color: #333;
	text-align: center;
	height: 100%;
	min-height: 100%;
	margin: 0;
}

a {color: #000099; text-decoration: underline; }
a:visited { color: #000066; text-decoration: underline; }
a:hover { color: #330000; text-decoration: underline; }


.white { color: #ffffff; }

.redtext { color: #ff0000; }
.bluetext { color: #0000ff; }

img {
	-moz-box-shadow: 3px 3px 4px #363636; /* Firefox */
	-webkit-box-shadow: 3px 3px 4px #363636; /* Safari/Chrome */
	box-shadow: 3px 3px 4px #363636; /* Opera and other CSS3 supporting browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
	: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
} 

a.topnavlinks  {
	color: #ffff7b;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
}
a:visited.topnavlinks  {
	color: #ffff7b;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
}
a.topnavlinks:hover  {
	color: #000000;
	text-decoration: none;
	background-color: #ffff00;
}


a.sidebar {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}
a.sidebar:hover {
	color: #80cbff;
	text-decoration: underline;
}

#sideb img {
	-moz-box-shadow: 3px 3px 4px #2d210d; /* Firefox */
	-webkit-box-shadow: 3px 3px 4px #2d210d; /* Safari/Chrome */
	box-shadow: 3px 3px 4px #2d210d; /* Opera and other CSS3 supporting browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
	: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 

}


h2 {
	font-size: 24px; 
	font-weight: bold;
}

h3 {
	font-size: 20px; 
	font-weight: bold;
}

h3#comments { margin-left: 20px; }
h3#respond { margin-left: 20px; }

h4 {
	font-size: 15px;
	font-weight: bold;
}

.meta { color: #1F6710} 
.meta a {color: #001700;}
.feedback a {color: #001700;}

#storycontent {
	margin-bottom: 5px; 
	border-bottom: 1px 
	solid #2050A0;
}


#storycontent {margin-bottom: 10px; border-bottom: 2px solid #303030;}

#storycontent img {
	max-width: 560px;
}


#commentform { margin-left: 20px; }
#commentform  #comment { width:450px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
 	background: #fff; padding: .2em; }
#commentform textarea { width:100%;}
#commentlist li {border: 2px solid #2050A0; margin-bottom: 20px; padding-left: 20px;}
#commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}


acronym, abbr { border-bottom: #333; }
blockquote { border-left: 2px solid #2F700F; border-bottom: 2px solid #2F700F; margin-left: 1.5em; padding-left: 5px;}



/* ------------------------- Classes used by the_meta() ---------------------*/


ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
  color: #fff;
  font-size: 90%;
  margin: 10px 0 0 0;
  padding: 3px;
  text-align: center;
}

.credit a, .credit a:hover {color: #fff;text-decoration: none;}
.feedback {text-align: right;clear: both;margin-right: 20px; font-size: 90%}
.meta {font-size: .95em;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline;list-style: none; margin: 0;padding: 0;}
.meta, .meta a { font-weight: normal; letter-spacing: 0;}
.post { margin: 20px 10px 20px 0; }
.entrytext {margin-left: 30px;}
.storytitle { margin-top: 3px; margin-bottom: 2px; }
.storytitle a { text-decoration: none; }
.storycontent{margin-bottom: 5px; border-bottom: 1px solid #2050A0;}
#commentform { margin-left: 20px; }
#commentform  #comment { width:450px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
 	background: #fff; padding: .2em; }
#commentform textarea { width:100%;}
#commentlist li {border: 2px solid #2050A0; margin-bottom: 20px; padding-left: 20px;}
#commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}



/* +++++++++++++++ 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 10px;
}

#commentlist li {
        border:1px solid #000000;
        margin:0 0 20px 0;
        list-style-type:none;
        padding:0px;
        background:#f5f5f5;
        
        -moz-box-shadow: 3px 3px 4px #363636; /* Firefox */
	-webkit-box-shadow: 3px 3px 4px #363636; /* Safari/Chrome */
	box-shadow: 3px 3px 4px #363636; /* Opera and other CSS3 supporting browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
	: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 


}

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

#commentlist li p {font-size:12px;
        padding:5px 10px 5px 80px;
        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: 97%;
        font-size:11px;
        color:#000;
        margin:0 0 20px 0;
        padding: 0 0 0 10px;
}

#commentlist2 li {
        border:1px solid #000000;
        margin:0 0 20px 0;
		padding:5px;
        list-style-type:none;
        padding:5px 10px 5px 63px;
        background:#f5f5f5;
        
        -moz-box-shadow: 3px 3px 4px #363636; /* Firefox */
	-webkit-box-shadow: 3px 3px 4px #363636; /* Safari/Chrome */
	box-shadow: 3px 3px 4px #363636; /* Opera and other CSS3 supporting browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
	: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
}

#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:0;
        margin-left:-58px;
		width:50px;
		height:50px;
}

#commentlist2 li ul li { 
	margin-right: -15px;
	margin-left: -50px;
	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;}


#commentbox {
	background: #eeeeee;
	border: 1px solid #000000;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #333;

}


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

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

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

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    } 

.wp-caption-text {
	font-size: 11px;
	font-style: italic;
	color: #990000;
	text-align: center;
}

/* Author Bio Image */

.entry_author_image {
	float: left;
	border: solid 1px #000000;
	width: 100px;  
}

a.footer, 
a.footer:visted,
a.footer:active {
	color: #ffff00;
	font-size: 90%;
}

a.footer:hover {
	text-decoration: underline;
	color: #ffffff;
}