/*
Theme Name: Sahabat Al-Aqsha
Theme URI: http://sahabatalaqsha.com/
Description: Sahabat Al-Aqsha theme
Version: 1.0
Author: Achmad.S & M.Ridha
Author URI: http://revjebelicks.deviantart.com/
Tags: green, black, fixed width, two columns, widgets

	Sahabat Al-Aqsha v1.0
	http://sahabatalaqsha.com/

	This theme was designed and built by Achmad.S & M.Ridha
	whose blog you will find at http://revjebelicks.deviantart.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* { margin:0px; padding:0px;}
body { background-image:url(images/bg.jpg); background-repeat:no-repeat; background-position:top center; font-family:"Myriad Pro", Tahoma, Verdana; font-size:12px; color:#fff; background-color:#000000;}


h1 {  font-weight:bold; font-size:36px; color:#fff;}
h2 {  font-size:20px; color:#fff;}
h3 {  font-size:18px; color:#00a4ef; margin:0 0 10px 0;}
h3 a {  font-size:18px; color:#00a4ef; text-decoration:none;}
h3 a:hover {  font-size:18px; color:#99cc00; text-decoration:none;}
h4 {  font-size:40px; font-weight:lighter; text-transform:uppercase; color:#99cc00; margin:0 0 10px 0;}
h5 {  font-size:30px; font-weight:lighter; color:#99cc00; margin:0 0 10px 0;}
h6 {  font-size:20px; font-weight:lighter; color:#000000; margin:0 0 10px 0;}
h7 a {  font-size:13px; color:#00a4ef; text-decoration:none;}
h7 a:hover {  font-size:13px; color:#99cc00; text-decoration:none;}
h8 {  font-size:20px; font-weight:lighter; color:#000000; margin:0 0 10px 0;}
h8 a {  font-size:20px; color:#00a4ef; font-weight:bold; text-decoration:none;}
h8 a:hover {  font-size:20px; color:#99cc00; font-weight:bold; text-decoration:none;}

#wrapper { width:100%;}
#page { width:1024px; margin:0px auto; position:relative; background-color:#FFFFFF;}




#header { float:left; width:1024px;}
#header .logo { float:left; margin:0 0 10px 82px;}
#header .nav-cat { float:left; width:1024px; height:38px; background-color:#000000; font-size:14px; text-transform:uppercase;}
#header .nav-cat ul { margin:0px; padding:0 0 0 45px;}
#header .nav-cat a { color:#fff; text-decoration:none; margin:0 5px 0 0;}
#header .nav-cat a:hover { color:#fff; text-decoration:underline;} 
#header .nav-cat li { list-style-type:none; float:left; text-indent:5px; margin:10px 0 0 0;}
#header .shade-nav { float:left; width:1024px; height:23px; }



#intro { float:left; width:1024px; margin:0 0 63px 0;}
#intro .intro-post { float:left; width:401px; margin:0 10px 0 50px;}
#intro .intro-post-ind { padding:46px 0 0 0;}
#intro .intro-post-ind h1 { margin:0 0 15px 0;}
#intro .intro-post-ind p {  font-size:14px; color:#fff; margin:0 0 14px 0;}
#intro .vid { float:right; width:450px; margin:80px 40px 0 0;}



#content { float:left; width:919px; margin:0 50px 0 50px; background-color:#FFFFFF;}
#content-page { float:left; width:919px; background-color:#FFFFFF;}
#content-page .content-page-ind { padding:25px;}
#content-page .content-page-ind p {  font-size:13px; color:#333333; margin:0 0 10px 0;}
#content-page .content-page-ind p a { color:#0099FF; text-decoration:none;}
#content-page .post-body { float:left; width:869px; border:none; border-bottom:1px dashed #85817d; }
#content-page .post-body p {  font-size:13px; color:#333333; margin:0 0 10px 0;}
#content-page .post-body p a { color:#0099FF; text-decoration:none;}
#content-page .post-body div a img {border:3px solid #fff; margin:3px 10px 10px 0;}
#content-page .post-body div.wp-caption {margin:3px 10px 10px 10px;  font-size:10px; font-weight:lighter; }
#content-page .post-body div.wp-caption a img.imgpost {border:3px solid #FFF;  margin:3px 10px 10px 0;}
#content-page .post-comment { float:left; width:869px; margin:10px 0 10px 0;}
#content-page .nav-post { float:left; width:869px; margin:0 0 24px 0; font-size:13px; color:#333333; font-weight:bold; font-family:"Myriad Pro", "Arial", Helvetica, sans-serif}
#content-page .nav-post a {  font-size:13px; color:#00a4ef; text-decoration:none;}
#content-page .nav-post a:hover {  font-size:13px; color:#99cc00; text-decoration:none;}
#content-page .nav-post-left { float:left; width:300px;}
#content-page .nav-post-right { float:right; width:300px; text-align:right;} 

#nav { float:left; width:924px; height:91px; }
#nav ul { margin:0px; padding:0px;}
#nav a {}
#nav a:hover {}
#nav li { float:left; list-style-type:none; cursor:pointer; text-align:center; padding:36px 0 0 0;}
#nav li img a { border:0px;}
#nav li.home{ float:left; width:121px; height:91px; background-image:url(images/home.png); background-repeat:no-repeat;}
#nav li.home:hover { float:left; width:121px; height:91px; background-image:url(images/home-hover.png); background-repeat:no-repeat;}
#nav li.taaruf{ float:left; width:160px; height:91px; background-image:url(images/taaruf.png); background-repeat:no-repeat;}
#nav li.taaruf:hover { float:left; width:160px; height:91px; background-image:url(images/taaruf-hover.png); background-repeat:no-repeat;}
#nav li.aktifitas{ float:left; width:150px; height:91px; background-image:url(images/aktifitas.png); background-repeat:no-repeat;}
#nav li.aktifitas:hover { float:left; width:150px; height:91px; background-image:url(images/aktifitas-hover.png); background-repeat:no-repeat;}
#nav li.projects{ float:left; width:146px; height:91px; background-image:url(images/projects.png); background-repeat:no-repeat;}
#nav li.projects:hover { float:left; width:146px; height:91px; background-image:url(images/projects-hover.png); background-repeat:no-repeat;}
#nav li.donasi{ float:left; width:130px; height:91px; background-image:url(images/donasi.png); background-repeat:no-repeat;}
#nav li.donasi:hover { float:left; width:130px; height:91px; background-image:url(images/donasi-hover.png); background-repeat:no-repeat;}
#nav li.kontak{ float:left; width:212px; height:91px; background-image:url(images/kontakkami.png); background-repeat:no-repeat;}
#nav li.kontak:hover { float:left; width:212px; height:91px; background-image:url(images/kontakkami-hover.png); background-repeat:no-repeat;}


#fcg { float:left; width:880px; margin:23px 22px 40px 22px;}
#fcg .fcg-title { float:left; width:880px;  font-size:20px; color:#fff; text-transform:uppercase; margin:0 0 18px 0;}
#fcg .fcg-frame { float:left; width:880px; background-color:#fff;}
#fcg .fcg-frame-ind { padding:9px;} 
#fcg .fcg-flat { position:absolute; width:182px; height:100px; background-image:url(images/fcg-flat.png); margin:38px 0 0 700px;}


#content-body { float:left; width:624px; margin:20px 0 0 0;}
#content-body .content-body-ind { padding:0 16px 0 23px;}
#content-body .post-item { float:left; width:266px; height:320px;  margin:0 26px 26px 0;}
#content-body .post-item-body { float:left; width:266px; height:280px; background-color:#000000;}
#content-body .post-item-body-ind { padding:19px;}
#content-body .post-item-body-ind p { font-size:13px; margin:0 0 8px 0;}
#content-body .post-item-body-ind p.selengkapnya a{ font-size:15px; color:#073D4A; text-decoration:none; } 
#content-body .post-item-body-ind p.selengkapnya a:hover{ font-size:15px; color:#00a4ef; text-decoration:none; } 
#content-body .post-item-body-ind img { margin:0 0 29px 0;}
#content-body .post-item-body-ind hr { border:0px; border-bottom:1px dashed #333333; margin:0 0 10px 0;}
#content-body .post-item-posted { position:absolute; width:184px; height:22px; background-color:#073d4a; margin:22px 0 0 63px;}
#content-body .post-item-posted-ind { padding:5px 8px 0 8px;}
#content-body .post-item-posted-ind a { color:#b9fd00; text-decoration:none;}
#content-body .post-item-comment {  width:110px; height:22px; background-color:#99cc00; float:right;}
#content-body .post-item-comment-ind { padding:5px; text-align:center;}
#content-body .post-item-comment-ind a {  color:#fff; text-decoration:none;}
#content-body .post-item-comment-ind img { float:left; margin:0 8px 0 5px;}


ol.commentlist { margin:0 0 30px 0;   padding:0 0 0 20px; }
ol.commentlist li { list-style-type:decimal; width:420px; background-color:#c6c2bc; padding:10px; margin:0 40px 20px 0; position:relative; }
ol.commentlist li img { width:30px; height:30px; margin:0 8px 40px 0; border:2px solid #fff; float:left;}
ol.commentlist li a { color:#00A4EF; text-decoration:none; font-size:10px; font-weight:bold;}
ol.commentlist li cite a { color:#fff; text-decoration:none;}
ol.commentlist li p { font-size:13px;}

input.txtfield { width:210px; height:30px; background-color:#fff; border:0px; margin:0 0 10px 0; padding:0 5px 0 5px;}
textarea.commentbody { width:450px; height:120px; background-color:#fff; border:0px; margin:0 0 10px 0; padding:5px 5px 0 5px;} 
#respond { margin:0 0 20px 0;}
 
#sidebar { float:right; width:295px; margin:20px 0 0 0;}
#sidebar .widget { float:left; width:273px; margin:0 0 23px 0;}
#sidebar .widget ul { margin:0px; padding:0px;}
#sidebar .widget ul li { list-style-type:none;}
#sidebar .widget ul li img.banner { margin:0 0 30px 12px;}
#sidebar .widget ul li h2 { list-style-type:none; background-color:#073d4a; padding:0 26px 0 26px;  font-size:14px; color:#FFF; line-height:30px; margin:0 0 15px 0;}
#sidebar .widget ul li ul { margin:0 0 0 10px; padding:0 0 0 20px;  font-size:12px; color:#0070c5;}
#sidebar .widget ul li ul a { color:#0070c5; text-decoration:none;} 
#sidebar .widget ul li ul a:hover { color:#999999; text-decoration:none;}
#sidebar .widget ul li ul li { list-style-image:url(images/arrow.png); margin:0 0 5px 0;}


#footer { float:left; width:1024px; margin:0 0 90px 0;}
#footer .ind-footer { padding:16px 0 0 0;}
#footer .ind-footer p {  font-size:12px; text-align:center;}



.textwidget a img { margin:0 0 0 10px; }
.textwidget {  font-size:12px;color:#0070c5; text-decoration:none;}