/*
Theme Name: Black_Theme
Theme URI: http://budi.akmi-baturaja.ac.id/
Version: 01_BetaVersion
Author: b0nk3y
Author URI: http://budi.akmi-baturaja.ac.id/
*/

/*/////////////////////////////////////////
//////////// LAYOUT STRUCTURE /////////////
/////////////////////////////////////////*/
#cont { background: url(images/bg2.jpg) no-repeat top; width:920px; padding:0; margin-left:auto; overflow:auto; margin-top: 0; margin-right: auto; margin-bottom: 0;  }
#container   { background: #000 url(images/ancillary.jpg) no-repeat left top; width:894px; padding:0; margin-left:auto; overflow:auto; margin-top: 0; margin-right: auto; margin-bottom: 0; }	
#content { width:482px; float:left; padding:10px 6px 10px 6px; background:#000 }
#header { margin:0; padding:0; margin-top:100px; }
.google { padding-right:10px; padding-top:40px;}

/*/////////////////////////////////////////
///////////////// SIDEBAR ////////////////
/////////////////////////////////////////*/
#sidebar  { margin:0; padding:0 0 20px 0; width:400px; float:right; }
#sidebar-me { padding:5px 15px 10px 15px; }
#sidebar-me a { color:#ddd; display:inline; background:#662704; padding:2px; }
#sidebar-me a:hover { color:#ddd;display:inline;background:#151515;padding:2px; }

#sidenote { margin:0; padding:10px; color:#555;}
#sidenote h2.delicious-banner { display:none; }
#sidenote h4 { }

#sidenote li a { color:#999;text-decoration:none;border-bottom:1px dotted #111; }
#sidenote li a:hover { color: #942f25;border-bottom:1px solid #111;  }
#sidenote img { border:1px solid #222; } 
#sidenote img:hover { border:1px solid #777; }

#sidenote .delicious  {padding-top:0; width:160px; margin:0; float:right;}
#sidenote .flickr  { width:200px; margin:0; float:left; padding-top:0;}
#sidenote .flickr img  { width:35px; height:35px; display:block; float:left; margin-top: 2px; margin-right: 1px; margin-bottom: 2px; margin-left: 1px; }

#sidenote .lain {width:200px; margin:0; float:left; padding-top:10px;}

#sidenote .iklan {width:200px; margin:0; float:left; padding-top:10px;}
#sidenote .iklan ul, li  {margin:0; padding-right:2px; padding-bottom:2px; padding-top:2px;}
#sidenote .iklan li {padding:0; margin-right:2px;  float:left; }

#sidenote .blogroll {width:160px; margin-right:0px; margin-top:10px; float:right;}
#sidenote .blogroll h2 { display:none; font:bolder 10px arial;color:#999; text-transform:uppercase; margin:0; padding:10px 0; }
#sidenote .blogroll li {list-style-type:none; text-decoration:none;}
#sidenote .blogroll li a { color: #999; border-bottom:0px solid #111; padding-right:5px; padding-left:5px; text-decoration:none; }
#sidenote .blogroll li a:hover { background:#151515; color: #ddd; border-bottom:1px solid #111; padding-right:5px; padding-left:5px;  }

/*/////////////////////////////////////////
///////////////// CATEGORIES ////////////////
/////////////////////////////////////////*/
.cat  { height:190px; background:url(images/mt.jpg) no-repeat right bottom; padding-top: 10px; padding-left:10px; padding-bottom: 10px; margin-right: 10px; }
.cat  ul { margin:4px 0; }	
.cat  ul li { list-style:none;padding:4px 0px; display:inline; }
.cat  ul li a:link, .cat ul li a:visited { color:#999;float:left;text-transform:uppercase; width:38%;padding:2px;font-size:10px; margin:0px 3px; }
.cat  ul li a:hover { color:#fff; background:#662704 url(images/cat-sign.gif) no-repeat 95% 50%; }

/*/////////////////////////////////////////
///////////////// FEATURED ////////////////
/////////////////////////////////////////*/
#featured  { height:230px; margin:0;padding:0; background:#080808;}
.controls { padding:4px 2px 1px 2px; }
.controls a { background:#181818;border:1px solid #181818;display:block;float: left; height: 25px;width: 25px;margin-left:2px;margin-right:8px;padding: 2px; }
.controls b { background-color: #fff;display:block;height: 25px;overflow:hidden;text-indent: -999em;width: 25px; }
.controls a.on { border: 1px solid #999; }
.controls a:focus { outline:none;border-color:#999; }		
.boxIn { clear: both;border: 1px solid #efefef;padding: 0 10px 10px; }
.pi { padding: 5px 0;width:400px; }
.mi { color:#999;background: url(images/mask.png) no-repeat;padding: 4px;font:10px  "Lucida Grande", arial;margin: 135px 10px 10px;width: 172px; }

.mi a { color: #999;text-decoration:none; } 
.mi a:hover { color:#ddd; }

div.scroller { /* modify width and height of scrolling section if necessary */ width: 400px; height:190px; overflow: hidden;}
div.scroller div.section {/* modify width and height of each section as needed (should match the size of the scroller window)	*/
width: 400px;height:190px;overflow:hidden;float:left; }
div.scroller div.content { width: 10000px; }
.section {color:#fff;}


/*/////////////////////////////////////////
///////////////// RECENT ////////////////
/////////////////////////////////////////*/
#BOX  { height:270px; width:380px; padding:5px; float:left;}
#BOX a.hightlighted, #BOX a.hightlighted_down { background:#151515;font:10px arial; text-transform:uppercase; padding:4px; padding-left:6px; padding-right:6px; text-decoration:none; color:#999; }
#BOX a.hightlighted:hover  { background:#333; }
#BOX a.hightlighted_down { background:#662704; color:#ddd; }

#recent { margin:0; padding:0; }
#recent h2  { margin:0;  text-transform:uppercase; color:#333 }
#recent UL { padding: 5px 0;margin: 0; list-style-type: none; }
#recent li a { color:#666;text-decoration:none; }
#recent li a:hover { color: #942f25; }

#sidecomments  { margin:5px 0;padding:0;width:380px; }
#sidecomments  UL, li { padding: 0px;margin: 0; list-style: none; }
#sidecomments li a { color:#666;text-decoration:none; }
#sidecomments li a:hover { color: #942f25; }

#monthly  { padding:0;margin:0; }
#monthly ul, li  { padding: 3px 0; list-style: none;  }
#monthly li a { color:#666;text-decoration:none; }
#monthly li a:hover { color: #942f25; }

 
/*/////////////////////////////////////////
///////////////// OVERAL ////////////////
/////////////////////////////////////////*/
body { font:11px/18px  "Lucida Grande", "Segoe UI", Arial, Verdana; color:#a6a6a6; background:#222 url(images/mainbg.gif); }
a  { color:#666;text-decoration:none;outline:0; }
a:hover  { color:#eee; }
::-moz-selection { background:#662704;color:#eee; } /* FF */
::selection { background:#b02a00;color:#eee; }  /* safari */
 ul { list-style:none; margin:0; padding:0; }
 ol { list-style:decimal-leading-zero; }
 ul.dates, ul.counts { list-style-type:none;margin:3px 0; }
ul.dates li, ul.counts li { list-style-type:none; margin:0;padding:3px 0 3px 10px;background:url(images/li.gif) no-repeat center left; }
ul.dates .date {color:#333;padding:0 5px 0 0;text-transform:uppercase;font:9px arial; }
ul.counts .count { float:right;color:#858585; }
ul.dates a, ul.counts a  { color:#BFBFBF;text-decoration:none; }
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count { color:#ddd; }
.clear { clear:both; }
.left  { float:left; margin-right:8px; }
.right  { float:right;margin-left:8px; padding-right:10px; padding-top:10px; }
.pagetitle { margin:0; padding:6px 5px 20px 20px; font:bold 10px arial,verdana;color:#ccc;text-transform:uppercase;background:url(images/exclamation.png) no-repeat 0 15%; }
h3 { margin:0; padding:0;font:bold 11px Arial; text-transform:uppercase; color:#eee; }
h4 { padding-bottom:3px; padding-top:3px; padding-left:10px; margin-top:3px; margin-bottom:3px; 
font:bold 12px Arial; text-transform:uppercase; color:#FAF79F; background: url(images/h4.jpg) no-repeat left top; letter-spacing:1px;}
code { font: 11px arial, "Courier New"; color:#666; padding:12px 10px;display:block; }
code::-moz-selection { background: #333; }
code::selection { background: #333; }
blockquote { color:#666; padding-top:5px; padding-bottom:5px; background: url(images/close-quote.png) no-repeat right bottom; font-weight:bold;  }
blockquote p { padding-left: 10px; text-indent: -18px; }
blockquote p:first-letter { background: url(images/open-quote.png) no-repeat left top; padding-left: 18px; padding-top: 8px; }
blockquote p ~ p:first-letter { font-size:12px; background: none; }
.pullquote { padding: 6px; float: right; width: 180px; margin:5px 0 10px 10px; border-top:1px solid #222; border-bottom:1px solid #222; text-align: center; font-family: verdana, Arial, Helvetica, sans-serif;color:#aaa;font-size:11px; }

/*/////////////////////////////////////////
///////////////// FLASH ANIMATION DIV ////////////////
/////////////////////////////////////////*/

#flash  {margin:0;padding:0; width:820px; }

/*/////////////////////////////////////////

//////////// SLIDER /////////////
/////////////////////////////////////////*/
#a   { width:975px;height:200px;margin:0;padding:0;background:#111 url(images/extras-bg.jpg) no-repeat; border-bottom:1px solid #333;border-right:1px solid #333; }
#a ul { margin:0;padding:0; }
#b   { height:160px;margin:0;padding:0;background:#252525;border-top:1px solid #303030;border-bottom:1px solid #2f2f2f; }
#b ul { margin:0;padding:0; }

#handler  { width:975px;margin:0;padding:0; height:20px; }
#handle ul { margin:0;padding:0; }

ul#menu  { clear:both;float:right;margin:70px 10px 0 5px;padding:0; }
ul#menu li#close a { background:transparent url(images/handler.png) no-repeat left bottom; text-indent:-999em;width:50px; height:20px; display:block; padding:0; margin:0; }

#openB  { float:right; margin:5px 20px 0 0;font-size:90%; }
#closeB  { float:right; margin:5px 20px 0 0;font-size:90%; }

.expand a { text-indent:-999em;background:transparent url(images/handler.png) no-repeat left top;display: block;float:right;width: 36px;height: 20px;padding:0;margin:0 140px 0 0; }

                     
/*/////////////////////////////////////////
//////////// TOP NAVIGATION, MENU /////////////
/////////////////////////////////////////*/	
.menu  { margin:0;padding:0;height:32px;background:#040404 url(images/menu.png);font-size:11px;}
.menu ul { margin:0;padding:0;margin-left:20px;list-style:none;  }
.menu li  { margin:0;padding-top:3px;float:right; }
.menu  li a { color:#ddd;text-decoration:none;padding-left:0px;display:block;margin-right:12px;padding:4px 10px 3px 8px;border-bottom:0px; }
.menu ul li a:hover{ color:#eee;background:#333; }
.menu ul li a.active{ color:#fff;padding-left:18px; }


/*/////////////////////////////////////////
///////////////// RELATED POSTS ////////////////
/////////////////////////////////////////*/
.relposts  { margin:0; padding:0; color:#333;}
.relposts h2  { margin:0; font:bold 11px Arial; text-transform:uppercase; color:#9d8a77; }
.relposts li { padding-top: 2px; padding-right: 0px; padding-bottom: 2px; margin-left: 5px; padding-left:10px}
.relposts li a { color:#666; text-decoration:none; border-bottom:1px dotted #222; }
.relposts li a:hover { color:#ccc; border-bottom:1px solid #942f25; }                                                                 
                                                                                               
                                                                                               
/*/////////////////////////////////////////
///////////////// POSTS & CONTENTS ////////////////
/////////////////////////////////////////*/
#content .post { margin:0; margin-bottom:15px; padding: 5px 6px 20px 4px; background:url(images/divider.png) repeat-x bottom; }
#content .post:hover { background:#151515 url(images/back_on.png) repeat-x top; }
#content .post h2  { font:16px "Lucida Grande", Geneva, Arial, verdana; letter-spacing:-1px; margin-bottom:2px; padding-left:5px; padding-top:2px; padding-bottom:4px; background:url(images/h2.png)no-repeat left top;}
#content .post h2 a { color:#bf4d08; text-decoration:none; margin:0; padding:0; display:inline; }
#content .post h2 a:hover { color:#fff; border-bottom:1px solid #bf4d08; }

#content .post small { font-size:80%; font-family:arial; text-transform:uppercase; letter-spacing:normal; display:block; }			
#content .post small a { color:#eee;text-decoration:none;}
#content .post small a:hover { color:#999; }
#content .post-comments { background: url(images/icon-comment.gif) no-repeat 0 50%; padding-left: 13px; margin:0; }
#content .entry ul { margin:10px; padding:5px; }
#content .entry ul li { list-style-image: url(images/icon_miniarrow.gif); list-style-position: outside; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; margin-left: 10px; }		
#content .entry ol { list-style:decimal-leading-zero; }
#content .entry ol li { list-style-image: url(images/icon_miniarrow.gif); list-style-position: outside; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; margin-left: 10px; }		
#content .entry a  { /* modify a color of body content module */

text-decoration:none; color:#555; }
#content .entry a:hover { color:#ddd;;text-decoration:none; }
#content .entry img { border:1px solid #222; margin-right:10px; margin-top:5px; } /* body images styles - with 1px border hover effect */
#content .entry img:hover { border:1px solid #777; margin-right:10px; margin-top:5px background:#333; }
#content .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; margin-right:5px;} /* Smiley */


/*/////////////////////////////////////////
///////////////// COMMENTS ////////////////
/////////////////////////////////////////*/
h3#comments, h3#respond { font-weight:normal; font:bold 10px arial, verdana; text-transform:uppercase; color:#bbb;padding:4px 0 4px 25px; background-position:left; background-repeat:no-repeat; }
h3#comments { background-image:url(images/addcomment.png); }
h3#respond  { background-image:url(images/addcomment.png); }	
h3#trackback { background: url(images/pingback.png) no-repeat;font:bold 10px arial, verdana;text-transform:uppercase; color:#bbb;padding:3px 0 4px 25px; }
h5 { margin:0;padding:0; font:bold 12px arial; }
h5 a { color:#bdbd8d; }

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { font-style:normal; color:#ccc; }
ol.commentlist small { color:#666; }
ol.commentlist li { border-bottom:1px dotted #222; padding:10px; }
ol.commentlist li { background:url(images/comment.png) top left no-repeat;}
ol.commentlist li#linkpage ul li { padding:4px 0px; float:left; }
.alt { background:#1d1d1d; }
.pingback  { margin-bottom:20px; } 
ol.commentlist li span.moderate { background:url(images/notice.png) no-repeat; padding:3px 0px 3px 20px; color:#c4df9b;text-decoration:blink; }
	
#commentform input#author,
#commentform input#email,
#commentform input#url { font-family: "Lucida grande", geneva, arial; background:#f1efd3 url(images/icon_form.gif) no-repeat; border:1px solid #333; padding:4px 4px 4px 30px; width:200px; }

#commentform input#author { background-position:3px -3px; }
#commentform input#email { background-position:3px -33px; }
#commentform input#url { background-position:3px -63px; }
#commentform #comment { width:97%; font: 14px "Lucida Grande", geneva, arial; letter-spacing:-1px;background:#eee url(images/icon_form_bg.gif); border:1px; padding:6px;}

/*/////////////////////////////////////////
///////////////// HEADER & RSS FLAG ////////////////
/////////////////////////////////////////*/
#randomshit  {width:400px; height:28px;background:url(images/randomshit.png) no-repeat;}
#randomshit a {color:#eee;}
#randomshit a:hover {color:#fc0;}

 
/*/////////////////////////////////////////
///////////////// SIM TAGS ////////////////
/////////////////////////////////////////*/
#simtag   { width:200px; margin:0px; padding:10px 0 35px 0; background:transparent url(images/tagclouds.gif) no-repeat right bottom; height: 80px;}
#simtag a: {text-decoration:none; font-weight:normal;}
#simtag a:link, a:visited { text-decoration:none; color:#666; font-weight:normal;}
#simtag a:hover { color:#a0410d; border-bottom:1px solid #a0410d;}

/*/////////////////////////////////////////
///////////////// TWITTER ////////////////
/////////////////////////////////////////*/
#twitter  { font-weight:bold; margin:0 auto;padding:30px 30px 0px 30px;background:transparent url(images/twitter.gif) no-repeat; }
#twitter a { text-decoration:none; color:#333; }
#twitter a:hover { color:#943021;  }
#twitter ul { margin:0;padding:0;list-type:none; }
#twitter li { padding:8px 0; }

/*/////////////////////////////////////////
///////////////// FOOTER ////////////////
/////////////////////////////////////////*/
#footer { width:920px; height: 80px; margin-left:auto; overflow:auto; margin-right: auto; background: url(images/bg2.jpg) no-repeat;}
#sbm { clear:both; padding:10px 0 0 25px; font-size:11px; color:#ffffff}
#sbm a { color: #F61A04; text-decoration:none; border-bottom:1px dotted #111; }
#sbm a:hover { color: #000000; border-bottom:1px solid #111; }
#sbm img { display:none; }



/*/////////////////////////////////////////
///////////////// FEED COUNTS ////////////////
/////////////////////////////////////////*/
.feedcountdiv { float:right; width:350px; height:54px; display:block; }
.feedcountdiv a { background:url(images/feed.jpg) no-repeat; display:block; width:30px; height:34px; position:relative; padding:0; margin:0; }
.feedcountdiv a:visited { background:url(images/feed.jpg) no-repeat; display:block; width:30px; height:34px; position:relative; padding:0; margin:0; }
.feedcountdiv a:hover { background:url(images/feedover.jpg) no-repeat; display:block; width:30px; height:34px; position:relative; padding:0; margin:0; }
.subscribers { float:left; margin:0; color:#f99a39; font:bold 17px Arial, Helvetica, sans-serif; }