/*  
Theme Name: compact
Theme URI: http://www.whuzzah.com
Description: Compact version of themegears gallery layout
Version: 1.0
Author: xaer8
Author URI: http://www.whuzzah.com
*/


/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; list-style:none; outline:none; text-decoration:none;}
body { background:#271e14 repeat; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff;}

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h1{font:30px bold Georgia,Times, serif; margin-bottom: 10px;}
h2,h3 { font:18px Georgia,Times, serif;}
h3 { padding:20px 0 20px 0;}
h4 {font:16px Georgia,Times, serif; padding:0 0 5px 0; color:#9fc253; font-weight:bold;}
a:hover { color:#72b6cf;}
a { color:#9fc253; font-weight:bold;}

/*+++++++ MISC +++++++*/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
a img { border: none; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
.clear { clear:both; }
.space { clear:both; height:20px; width:576px;}
img { border:none; }
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 }
html>body #content ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body #content li { margin: 7px 0 8px 10px; }
#content ul li:before { content: "\00BB \0020"; }
#content ol { padding:0; margin:0;}

/*+++++++ MAIN +++++++*/
#wrapper { width:996px; margin:20px auto 20px; }
#main { width:996px; margin:auto; }

/*+++++++ HEADER +++++++*/
#header { width:996px; height:72px; margin-bottom:10px; }
#logo { width:500px; float:left; height:72px;}
#logo h1 { text-indent:-9999px; }
#logo h1 a { display:block; background:url(images/logo.gif) no-repeat; height:72px;}
.topsearch { float:right; width: 254px; height: 30px; background: url(images/sbox.png) no-repeat; margin:10px 5px 0 0; }
.topsearch #s { float: left; margin: 6px 0 0 6px; border: 0; width: 210px; background: none; color:#333; }
.topsearch #go { float: right; width:28px; height:30px;  }

/*+++++++ NAV +++++++*/
#nav { width:996px; background:url(images/navbkg.png) repeat-x; height:40px; margin-bottom:10px; }
#nav ul { font:18px Georgia, Times, serif; }
#nav ul li {display:inline; height:40px; line-height:40px; float:right; }
#nav ul li.current_page_item a { color:#9fc253; }
#nav ul li.current_page_item a:hover{ color:#9fc253; }
#nav ul li a { color:#72b6cf; padding:0 20px 0 0;}
#nav ul li a:hover{ color:#dadada; }
#nav ul li.date { float:left; }

/*+++++++ CONTENT +++++++*/
#content { float:left; width:576px; padding-right:0px; line-height:160%;}
#content img {margin:0 10px 5px 0;}
#sidebar { float:right; width:400px; }
.boxes {background:url(images/line.png) bottom repeat-x; padding-bottom:10px; padding-top:10px; clear:both;}
.ads {margin-right:1px;}
.ads img {border:2px solid #101010;}
.ads2 {margin-right:2px;}
.ads2 img {border:2px solid #101010;}
.rss {background:url(images/rss.gif) left no-repeat; padding-left:35px;}
.subscribetext{color:#666;border:1px solid #9FC253;background:#9FC253; width:150px;padding:2px;}
.subscribebutton {background-color:#72B6CF; border:none; font-size:11px; color:#000; font-weight:bold; padding:3px;}
#lsidebar { width:400px; float:left;}


#content p { padding-bottom:10px;}
#content h2 { font:24px Georgia, Times, serif; text-transform:capitalize; padding-bottom:10px; }
#content h2 a { color:#fff;}
#content p.info {font-size:10px; text-transform:uppercase; color:#66cccc; padding-bottom:10px;}
/*#content p.postmetadata { width:576px; background:url(images/postmeta.png) repeat-x; height:26px; line-height:26px; text-transform:uppercase; font-size:10px; color:#66cccc; padding:0px; z-index:100;}*/

#content p.postmetadata a { color:#66cccc; font-weight:normal; height:26px; line-height:26px;}



#content .thumb {float: left; background-color: transparent; background-image: url(images/list-thumb-bg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0% 0%; width: 266px; height: 200px; padding-top: 10px; padding-right: 5px; padding-bottom: 0pt; padding-left: 9px; margin-top: 10px; margin-right: 5px; margin-bottom: 0pt; margin-left: 0pt; position: relative;}

#texthead{ width:246px; background-position: top left; display:block; background-color:#333333; margin-bottom:10px;}
.catimage{padding: 5px 0px 0px 5px;height: 15px;}
.catimage a{ position:relative; top:-7px;}
.ralign a{ position:relative; right:-220px; top: -25px;}
.catimage a img{ position:relative; top:6px;}

#content .fully { float: left; background-color: transparent; background-image: url(images/list-full-bg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0% 0%; width: 550px; height: 320px; padding-top: 10px; padding-right: 5px; padding-bottom: 0pt; padding-left: 12px; margin-top: 0px; margin-right: 5px; margin-bottom: 0pt; margin-left: 0pt; position: relative;display: block;}

#textheadfull{ width:524px; background-position: top left; display:block; background-color:#333333; margin-bottom:0px;}
.catimagefull{padding: 5px 0px 0px 5px;height: 15px;}
.catimagefull a{ position:relative; top:-3px;}
.ralignfull a{ position:relative; right:-500px; top: -22px;}
.catimagefull a img{ position:relative; top:-8px; left: -5px;}

#content .details { background-color: transparent; background-image: url(images/list-details-bg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0% 0%; width: 550px; height: 200px; padding-top: 10px; padding-right: 5px; padding-bottom: 0pt; padding-left: 12px; clear: both; display: block; }


#catimagedet{padding: 5px 0px 0px 4px; margin: 5px 0 5px 0;width: 520px; height: 160px;display:block; border-bottom:2px solid #333333; border-top:2px solid #333333;}
/*#catimagedet a{ position:relative; top:-3px;}*/
#catimagedet a img{ position:relative; top:3px; left: -5px;}
.informasi {position: relative; top:-152px; left: 250px; width:245px; height: 126px; border:2px solid #333; padding: 10px 10px 10px 10px;}

#inform{display:block; height: 25px; width:550px; background-color:#000; margin-top:12px; position:relative; left:-12px;}
.dateleft {padding: 0 0 10px 12px;}
#postcat{float:right; padding-right: 15px;}


#content p.tags { width:576px; background:url(images/line.png) repeat-x; height:26px; line-height:26px; text-transform:uppercase; font-size:10px; color:#ff6600; padding:0px;}

/*+++++++ NEXT PREVIOUS +++++++*/
.navigation { width:576px; height:20px; margin-bottom:20px; }
.navigation span.older { background:url(images/older.png) no-repeat left; padding-left:20px; }
.navigation span.newer { background:url(images/newer.png) no-repeat right; padding-right:20px; }

/*+++++++ SIDEBAR +++++++*/
#sidebar h2 { padding-bottom:10px; color:#9fc253;}
#sidebar ul{ margin:10px auto 20px;}
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; background:url(images/bullet.png) no-repeat 0 3px; padding-left:18px; padding-bottom:5px;}
#sidebar p { padding-bottom:10px; line-height:140%;}
#sidebar a:hover { color:#9fc253;}
#sidebar a { color:#72b6cf; font-weight:normal;}

/*+++++++ COMMENT +++++++*/
.count {padding: 5px;font-size:18px;}
.authcomment {background-color: #333 !important; width: 530px; padding:5px;} 
.comen { width:576px; margin-bottom:10px;}
.cleft { float:left;}
.cright { float:left; width:460px; }
.comen .cright .ucomen{ font:11px Georgia, Times, serif; color:#72b6cf;}
.comen .cright .ucomen a { color:#72b6cf;}
#commentform textarea { width: 390px; padding: 2px; }
#commentform label { display:block; float:left; width:100px; color:#9fc253; font:bold 15px Georgia, Times, serif; text-align:right; padding-right:10px;}
#commentform #author { background:url(images/author.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #email { background:url(images/email.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #url { background:url(images/url.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #comment { background:#eeeeee; border:3px solid #878d59;}
#commentform #submit { width:106px; height:34px; padding:10px 0 20px 110px; }


/*+++++++ FOOTER +++++++*/
#footer { width:996px; background:url(images/fooline.png) repeat-x; height:26px; color:#ff6600; font:12px Georgia,Times, serif;}
#footer p { line-height:26px; padding-top:5px;}

/*+++++++ GALLERY +++++++*/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

/*adpost*/
#content .adpost { float: left; background-color: transparent; background-image: url(images/adpost.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0% 0%; width: 550px; height: 75px; padding-top: 12px; padding-right: 5px; padding-bottom: 0pt; padding-left: 38px; margin-top: 0px; margin-right: 5px; margin-bottom: 0pt; margin-left: 0pt; position: relative;display: block;}

/*+++++++ THUMBNAILS +++++++*/
pre{display:block;font:100% "Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;	margin:.5em 0;overflow:auto;width:800px;
}

img{border:none;}
ul,li{margin:0;padding:0;}
li{list-style:none;float:left;display:inline;margin-right:10px;}

/*  */
#screenshot{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}

/*  */
.icons {display:inline;float: left;border: none;margin: 5px 10px 5px 0px;}
		
.navpane { float:left; width:576px; padding-right:0px; line-height:160%;}

.compact {float:left;padding-right: 15px;}

.full {float:left;padding-right: 15px;}

.detail {float:left;padding-right: 15px;}

#option{}
#option ul li{}
#option ul li ul{}
#option ul li ul li{display:block; background:url(images/bullet.png) no-repeat 0 3px; padding-left:18px; padding-bottom:5px;}

/*JQUERY SLIDING TAB*/

a:focus {outline: none;}

#panel {background: #382e22;height: 30px;width: 530px;display: none;padding: 10px 10px 10px 10px;}

.slide {float:right;margin: 0px 24px 0px 0px;padding: 0;border-top: solid 4px #000000;background: url(images/btn-slide.gif) no-repeat right top;}

.btn-slide {float:right;background: url(images/white-arrow.gif) no-repeat right -50px;text-align: center;width: 144px;height: 31px;padding: 7px 10px 0 0;margin: 0 auto;display: block;font: bold 120%/100% Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;}

.active {background-position: right 12px;}

/*JQUERY TABS*/

#tabs {font-size: 90%;margin: 0 0;}

#tabs ul {float: right;background: #271e14;width: 400px;padding-top: 4px;position:relative;top:20px;}

#tabs li {margin-left: 0px;list-style: none;}

* html #tabs li {display: inline; /* ie6 double float margin bug */}

#tabs li,
#tabs li a {float: left;}

#tabs ul li a {text-decoration: none;padding: 8px;color: #fff;background-color:#666666;font-weight: bold;font-size:12px;}

#tabs ul li.active {background: #382e22 url(images/nav-right.gif) no-repeat right top;}

#tabs ul li.active a {background: url(images/nav-left.gif) no-repeat left top;color: #9fc253;}

#tabs div {background: #382e22;padding: 10px;min-height: 115px;}

#tabs div h4 {letter-spacing: 1px;}

#tabs div p {line-height: 150%; font: 12px Arial, Helvetica, sans-serif;}

.tabscontainer{float:left; width:380px;}

.tabscontainer img{padding: 0px;}

.tabscontainer li ol li a {background-color: transparent; background-image: url(images/bullet.png);background-repeat: no-repeat;background-attachment: scroll;background-position: 0pt 3px;padding-left: 18px;padding-bottom: 5px;}