/*
Theme Name:AFG
Theme URI:http://skysoftconsulting.com/
Description:AFG 2010 Redesign
Version:1.0
Author:Yosia Urip
Author URI:http://skysoftconsulting.com.com/
Tags:black
*/

/* Begin Typography & Colors */
body{font-size:62.5%;/* Resets 1em to 10px */font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;color:#fff;text-align:center; margin:0;padding:0;background:#191919 url(images/bg.jpg) top repeat-x;text-align:center;}
#main{height:1080px;width:960px;margin:0 auto;padding:0;text-align:left;}
#top{height:180px;width:960px;text-align:center;}
#top h1{display:none;}
#top .description{display:none;}
#mid{}
#btm{height:280px;width:960px;text-align:center;clear:both;}
#btm p{padding:50px}
.box{padding:20px;}

#content{font-size:1.2em;}
.widecolumn .entry p{font-size:1.05em;}
.narrowcolumn .entry,.widecolumn .entry{line-height:1.4em;}
.widecolumn{line-height:1.6em;}
.narrowcolumn .postmetadata{text-align:center;}
.thread-alt{background-color:#292929;}
.thread-even{background-color:#191919;}
.depth-1{border:1px solid #333;}
.even,.alt{border-left:1px solid #333;}

small{font-family:Verdana;font-size:0.9em;line-height:1.5em;}
h1,h2,h3{font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;font-weight:normal;text-transform:uppercase;}
h1{font-size:4em;text-align:center;}
h2{font-size:1.6em;}
h2.pagetitle{font-size:1.6em;}
#sidebar h2{font-family:'Lucida Grande',Verdana,Sans-Serif;font-size:1.2em;}
h3{font-size:1.3em;}
h1,h1 a,h1 a:hover,h1 a:visited{text-decoration:none;color:#fff;}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited{color:#fff;}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite{text-decoration:none;}
.entry p a:visited{color:#fc3;}
.sticky{background:#f7f7f7;padding:0 10px 10px;}
.sticky h2{padding-top:10px;}
.commentlist li,#commentform input,#commentform textarea{font:0.9em 'Lucida Grande',Verdana,Arial,Sans-Serif;}
.commentlist li ul li{font-size:1em;}
.commentlist li{font-weight:bold;}
.commentlist li .avatar{float:right;border:1px solid #eee;padding:2px;background:#fff;}
.commentlist cite,.commentlist cite a{font-weight:bold;font-style:normal;font-size:1.1em;}
.commentlist p{font-weight:normal;line-height:1.5em;text-transform:none;}
#commentform p{font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;}
.commentmetadata{font-weight:normal;}
#sidebar{font:1em 'Lucida Grande',Verdana,Arial,Sans-Serif;}
small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike{color:#FFC;}
code{font:1.1em 'Courier New',Courier,Fixed;}
acronym,abbr,span.caps
{font-size:0.9em;letter-spacing:.07em;}
a,h2 a:hover,h3 a:hover{color:#fc3;text-decoration:none;}
a:hover{color:#ccc;}
#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt;}
#wp-calendar a{text-decoration:none;}
#wp-calendar caption{font:bold 1.3em 'Lucida Grande',Verdana,Arial,Sans-Serif;text-align:center;}
#wp-calendar th{font-style:normal;text-transform:capitalize;}
/* Begin Structure */
.narrowcolumn{float:left;padding:0 40px 0 50px;margin:0;width:620px;}
.widecolumn{padding:0;margin:0;width:620px;}

.post{margin:0 0 40px;text-align:justify;}
.post hr{display:block;}
.widecolumn .post{margin:0;}
.narrowcolumn .postmetadata{padding-top:5px;}
.widecolumn .postmetadata{margin:30px 0;}
.widecolumn .smallattachment{text-align:center;float:left;width:128px;margin:5px 5px 5px 0px;}
.widecolumn .attachment{text-align:center;margin:5px 0px;}
.postmetadata{clear:both;}
.clear{clear:both;}
/*	Begin Headers */
h1{padding-top:20px;margin:0;}
h2{margin:10px 0 0;}
h2.pagetitle{margin-top:20px;text-align:center;clear:both;}
#sidebar h2{margin:5px 0 5px;;padding:0;}
h3{padding:0;margin:20px 0 0;}
h3.comments{padding:0;margin:20px auto 20px ;}
/* Begin Images */
p img{padding:0;max-width:100%;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center",being much more futureproof (and valid) */
img.centered{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;}
/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer,which merely default to normal bullets. */
html>body .entry ul{margin-left:0px;padding:0 0 0 30px;list-style:none;padding-left:10px;text-indent:-10px;}
html>body .entry li{margin:7px 0 8px 10px;}
.entry ul li:before,#sidebar ul ul li:before{content:"\00BB \0020";}
.entry ol{padding:0 0 0 35px;margin:0;}
.entry ol li{margin:0;padding:0;}
.postmetadata ul,.postmetadata li{display:inline;list-style-type:none;list-style-image:none;}
#sidebar ul,#sidebar ul ol{margin:0;padding:0;}
#sidebar ul li{list-style-type:none;list-style-image:none;margin-bottom:15px;}
#sidebar ul p,#sidebar ul select{margin:5px 0 8px;}
#sidebar ul ul,#sidebar ul ol{margin:5px 0 0 10px;}
#sidebar ul ul ul,#sidebar ul ol{margin:0 0 0 10px;}
ol li,#sidebar ul ol li{list-style:decimal outside;}
#sidebar ul ul li,#sidebar ul ol li{margin:3px 0 0;padding:0;}
/* Begin Form Elements */
#searchform{margin:10px auto;padding:5px 3px;text-align:center;width:200px;}
#searchform #s{width:150px;height:26px;float:left;}
#sidebar #searchsubmit{padding:0;}
.entry form{ /* This is mainly for password protected posts,makes them look better. */
	text-align:center;}
select{width:130px;}
#commentform input{width:170px;padding:2px;margin:5px 5px 1px 0;}
#commentform{margin:5px 10px 0 0;}
#commentform textarea{width:100%;padding:2px;}
#respond:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#commentform #submit{margin:0 0 5px auto;float:right;}
/* Begin Comments*/
.alt{margin:0;padding:10px;}
.commentlist{padding:0;text-align:justify;}
.commentlist li{margin:15px 0 10px;padding:5px 5px 10px 10px;list-style:none;}
.commentlist li ul li{margin-right:-5px;margin-left:10px;}
.commentlist p{margin:10px 5px 10px 0;}
.children{ padding:0;}
#commentform p{margin:5px 0;}
.nocomments{text-align:center;margin:0;padding:0;}
.commentmetadata{margin:0;display:block;}
/* Begin Sidebar */

#sidebar{margin-left:710px;width:200px;min-height:600px;padding-right:50px;}
#sidebar form{margin:0;padding:0;}
/* Begin Calendar */
#wp-calendar{empty-cells:show;margin:10px auto 0;width:155px;}
#wp-calendar #next a{padding-right:10px;text-align:right;}
#wp-calendar #prev a{padding-left:10px;text-align:left;}
#wp-calendar a{display:block;}
#wp-calendar caption{text-align:center;width:100%;}
#wp-calendar td{padding:3px 0;text-align:center;}
#wp-calendar td.pad:hover{ /* Doesn't work in IE */background-color:#fff; }
/* Begin Various Tags & Classes */
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{border-bottom:1px dashed #999;}
blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #333;}
blockquote cite{margin:5px 0 0;display:block;}
.center{text-align:center;}
.hidden{display:none;}	
.screen-reader-text{position:absolute;left:-1000em;}
hr{display:none;}
a img{border:none;}
.navigation{display:block;text-align:center;margin-top:10px;margin-bottom:40px;}
/* Captions */
.aligncenter,
div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;-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;}

input[type=submit],input[type=button],input[type=text]{background:#222;color:#ccc;font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #333;}

#post-1 h2{display:none;}

textarea{background:#191919;color:#ccc;border:1px solid #333;font-family:"Courier New", Courier, monospace;}