/*  
Theme Name: Paperless Opinion
Theme URI: http://www.galih.net
Description: galih.net blogs theme
Version: 3.0
Author: blog_designer
Author URI: http://www.galih.net
Tags: galih.net, paperless opinion, wordpress theme

Version 1.0 on 23 May 2008
Version 2.0 on 26 May 2008 
Version 3.0 on 08 June 2008

Update 3.0 : 
- Penambahan Typography
- Slide Banner
- Browser & OS @Comments
- penambahan widgets dari 3 -> 4

Target 4.0:
- Custom Header
- More Typography
- Template Options @ wp-admin
- dll, sapa tau ada ide lagi

Thanks to:
- ALLAH SWT
- Parents
-Little Angel 

*/

/* ~ CSS Tabs ~ */
.shuffletop {display:block;overflow:visible;height:auto;width:auto;clear:none;}
.shufflebot {display:none;border:0;margin:0;padding:0;}
.tabs-div{width:100%;display:inline;float:left;font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;}
.tabs-div a{font-size:12px;font-weight:bold;color:#555;}
.tabs-div a:hover{text-decoration:none;}
.tab-holder{padding-bottom:0;}
.tabs-div .tab_hover {border-top:1px solid #67afe6;border-left:1px solid #67afe6;border-right:1px solid #67afe6;border-bottom:1px solid #f0f4f7;background:#f0f4f7;-moz-border-radius-topleft:6px;-khtml-border-top-left-radius:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-topright:8px;-khtml-border-top-right-radius:8px;-webkit-border-top-right-radius:8px;border-top-right-radius:8px;border-bottom:0;padding:6px 12px 6px 12px;color:#555;display:inline;float:left;margin:0 5px 0 0;}
.tabs-div .tab {border-bottom:0;padding:7px 13px 7px 13px;color:#555;display:inline;float:left;margin:0 5px 0 0;}
.tabs-div .tab:hover {border:1px solid #67afe6;background:#f0f4f7;-moz-border-radius-topleft:6px;-khtml-border-top-left-radius:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-topright:8px;-khtml-border-top-right-radius:8px;-webkit-border-top-right-radius:8px;border-top-right-radius:8px;border-bottom:0;padding:6px 12px 6px 12px;color:#555;display:inline;float:left;margin:0 5px 0 0;}

/* ~ Trackbacks ~ */
.trackbacks{padding:3px 0 3px 0;display:block;margin-bottom:5px;list-style-type:none;list-style-position:outside;color:#006699;font-size:12px;}
.trackbacks a{font-size:12px;font-weight:normal;color:#555;text-decoration:underline;}

/* ~ Gravatar  ~ */
.gravatar-comment{float:left;margin:0 7px 7px 0;padding:3px;background:#FFF;border:1px solid #E1E1E1;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.gravatar-single img{padding:2px;margin:0;}
.gravatar{float:right;margin:0 0 0 10px;background:#FFF;border:1px solid #CCC;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.gravatar img{padding:2px;margin:0;}
.info-single .gravatar{float:left;margin:0 7px 0 0;}

/* ~ Comments  ~ */ /* ~ Comment Form  ~ */
 #commentform #author{background:url(img/icons/user.gif) no-repeat 6px 6px;padding:6px 6px 6px 25px;}
 #commentform #email{background:url(img/icons/email.gif) no-repeat 6px 6px;padding:6px 6px 6px 25px;}
 #commentform #url{background:url(img/icons/link.gif) no-repeat 6px 6px;padding:6px 6px 6px 25px;}
 #commentform label{height:20px;font-size:11px;vertical-align:middle;padding:2px 2px 10px 2px;display:inline;}
 #commentform .red{color:#c90606;margin:0;font-size:14px;font-family:Geneva,Arial,Helvetica,sans-serif;}
 #commentform input{width:210px;padding:5px;border:1px solid #67afe6;margin:5px 5px 1px 0;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
 #commentform input:focus{border:1px solid #191919;}
 #commentform textarea{width:99%;padding:2px;border:1px solid #67afe6;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
 #commentform textarea:focus{border:1px solid #191919;}
 #commentform #submit{margin:0;float:right;color:#FFF;padding:4px !important;font-size:14px !important;border:1px solid #0364ae;background:#0364ae;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-weight:bold;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:155px;}
 #commentform #submit:hover{background:#333;border:1px solid #191919;color:#FFF;}
 #commentform p{margin:5px 0;}

/* ~ Comment List  ~ */
.commentlist{padding:0;text-align:justify;}
.commentlist li{margin:5px 0 10px 0;padding:7px;font-size:12px;background:#9EE0FC;list-style:none;border:1px solid #ddd;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.commentlist li.alt{background:#9EE0FC;border:1px solid #E1E1E1;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
ol.commentlist li span.moderate{background:#EEE;border:1px solid #e59d9d;}
.commentlist p{margin:10px 5px 10px 0;}
.author_comment {border:2px solid #dce5eb !important;background:#FFAA55 !important;}
.author_comment .comment-text {border:1px solid #dce5eb !important;}
.comment-auth{font-size:14px;font-weight:bold;padding-top:5px;}

/* ~ Comment Text  ~ */
.comment-text{background:#FFF;padding:0 10px 0 10px;text-align:justify;margin:10px 0 0 0;font-size:12px;color:#4a4a4a;line-height:20px;border:1px solid #E1E1E1;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.comment-text .wp-smiley{padding:0;border:0;margin:0;}

/* ~ Comment Misc  ~ */
.nocomments{text-align:center;margin:0;padding:0;}
.comment-num{float:right;font-size:20px;font-family:Geneva,Arial,Helvetica,sans-serif;margin:10px;}
.nocomments{border:1px dashed #FFCC99;background:#FFFFCC;margin:5px 0 5px 0;padding:5px;font-size:12px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.login{border:1px dashed #FFCC99;background:#FFFFCC;margin:5px 0 5px 0;padding:5px;font-size:12px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.logged{border:1px solid #67afe6;background:#ecf3f8;margin:5px 0 5px 0;padding:5px;color:#666;font-size:12px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.post-reply{display:block;font-weight:bold;padding:5px 0 0 0;text-align:right;}
.leave-comment{float:right;line-height:26px;}
.leave-comment a{text-decoration:none;color:#555;font-size:11px;}

/* ~ Info Boxes  ~ */
.info-single{padding:0 0 10px 0;margin:0 0 10px 0;font-size:13px;line-height:30px;height:67px;color:#555;font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;border-bottom:1px dashed #CCC;}
.skip{float:right;margin:0;padding-bottom:10px;line-height:0;}
.skip a{font-weight:normal;}
.info-single a{font-size:12px;}
.info-single a:hover{text-decoration:underline;}
.info-comment{padding:0;margin:0;font-size:12px;display:block;line-height:22px;color:#555;font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;}
.info-comment a{font-size:14px;}
.info-comment a:hover{text-decoration:underline;}
.info{padding:5px 0 0 0;line-height:25px;margin:0 0 10px 0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;}
.info img{border:0;padding:0;}

p.warning, p.donload, p.informasi, p.catetan{
	margin: 10px 0 0;
	padding: 10px 10px 10px 36px;
}

p.warning{
	border-top: 2px solid #f0baa2;
	border-bottom: 2px solid #f0baa2;
	padding: 10px 10px 10px 36px;
	background: #ffd9c8 url(images/warning.png) no-repeat 12px 16px;
}

p.donload{
	border-top: 2px solid #d4ebaf;
	border-bottom: 2px solid #d4ebaf;
	background: #edfcd5 url(images/donload.png) no-repeat 10px 16px;
}

p.informasi{
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	background: #f9f9f9 url(images/informasi.png) no-repeat 12px 16px;
}

p.catetan{
	border-top: 2px solid #efe3ae;
	border-bottom: 2px solid #efe3ae;
	background: #fef6d2 url(images/catetan.png) no-repeat 14px 16px;
}

#header{
	float: left;
	width: 860px;
	height: 279px;
	background: url(images/bg-header.png) no-repeat;
}

#header h1{
	float: left;
	width: 202px;
	height: 119px;
	margin: 139px 0 0 20px;
	display: inline;
	overflow: hidden;
}


#menu{
	float: left;
	width: 442px;
	margin: 184px 0 0 20px;
	display: inline;
}

#menu ul{
	list-style-type: none;
	margin: 0 0 0;
	padding: 0;
}

#menu ul li{
	float: left;
	margin: 14px 20px 0 0;
	display: inline;
	position: relative;
}

#menu ul li a{
	display: block;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 0 18px;
	background: url(images/x.gif) no-repeat 0 4px;
	color: #dd3f14;
}

#search{
	float: left;
	margin: 184px 0 0;
}

#search form#searchform{
	float: left;
	width: 156px;
	margin: 7px 0 0;
}

#search form#searchform input{
	font: 11px arial, helvetica, sans-serif;
}

#search form#searchform .keyword{
	float: left;
	height: 30px;
}

#search form#searchform .keyword input#s{
	float: left;
	margin: 6px 0 0 10px;
	border: 0;
	display: inline;
	background-color: transparent;
}

#search form#searchform .go{
	float: right;
}

blockquote, body, caption, dd, dl, form, h1, h2, h3, h4, h5, h6, input, p, pre, textarea, table, td, th{
	margin: 0;
	padding: 0;
}

body, form, h1, h3, h4, h5, h6, input, textarea, table{
	font: 12px arial, helvetica, verdana, sans-serif;
	color: #000;
}

 h2{
 font: 12px arial, helvetica, verdana, sans-serif;
	color: #FFA54A;
}

body{
	text-align: center;
	background: #757575 url(images/wp.gif) top repeat;
}

a{
	text-decoration: none;
	color: #0681b5;
}

a:hover{
	text-decoration: underline;
}

a img{
	border: 0;

}

blockquote{
	margin: 10px 0 0;
	background: #f9f9f9;
}

blockquote p{
	padding: 20px;
}

blockquote blockquote{
	margin: 0 20px;
	background: #fff;
}

img.alignleft{
	margin: 5px 10px 2px 0;
}

img.alignright{
	margin: 5px 0 2px 10px;
}

img.alignleft, img.alignright{
	padding: 4px;
	border: 1px solid #f2f1e9;
	display: inline;
}

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

p img{
	max-width: 100%;
}

p{
	padding: 10px 0;
}

small{
	font-size: 11px;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

.clear{
	clear: both;
	margin: 0;
	padding: 0;
}

.dottop, .dotbottom{
	width: 100%;
	background: url(images/dot.gif) right top no-repeat;
}

.dottop div, .dotbottom div{
	background: url(images/dot.gif) no-repeat;
}

.dottop, .dottop div, .dotbottom, .dotbottom div{
	height: 1px;
	font-size: 1px;
}

#wrapper{
	margin: 0 auto;
	width: 860px;
	text-align: left;
}

.container{
	float: left;
	width: 860px;
	background: #fff;
}

.rctop, .rctop div, .rcbottom, .rcbottom div{
	width: 100%;
	height: 10px;
	font-size: 1px;
}

.rctop{background: url(images/corners.gif) right top no-repeat;}
.rctop div{background: url(images/corners.gif) 0 -10px no-repeat;}
.rcbottom{background: url(images/corners.gif) right -20px no-repeat;}
.rcbottom div{background: url(images/corners.gif) 0 -30px no-repeat;}

.gallery{
	float: left;
	width: 840px;
	margin: 10px 0 0 10px;
	padding: 0 0 10px;
	border-top: 1px solid #f2f1e9;
	border-bottom: 1px solid #f2f1e9;
	display: inline;
}

.thumb{
	float: left;
	margin: 10px 0 0 10px;
	width: 156px;
	height: 156px;
	display: inline;
	position: relative;
}

.thumb-caption{
	width: 156px;
	height: 29px;
	overflow: hidden;
	background: #000;
	color: #ccc;
	position: absolute;
	top: 156px;
	left: 0;
	margin: -29px 0 0;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

.thumb-caption a{
	display: block;
	padding: 7px 10px 7px;
	color: #fff;
}

.thumb .dottop, .thumb .dotbottom{
	position: absolute;
	top: 0;
	left: 0;

}

.thumb .dotbottom{
	top: 155px;
}

.content{
	float: left;
	margin: 10px 10px 0;
	width: 500px;
	display: inline;
	overflow: hidden;
}

.post, .page{
	padding: 14px 0 0;
}

.entry-head{
	border-bottom: 1px solid #f2f1e9;
}

.entry-head h2, .entry-meta{
	margin: 0 0 0 10px;
}

.entry-head h2{
	font: bold 24px "trebuchet ms", georgia, serif;
	text-transform: uppercase;
}

.entry-head h2 a{
	color: #FF8000;
}

.page .entry-head{
	float: none;
	background-image: none;
}

.page .entry-head h2{
	margin: 0 0 0 10px;
}

.entry-meta{

	padding: 1px 0 0;
	font-size: 11px;
	color: #777;
}

span.entry-date{
	padding: 0 0 0 12px;
	background: url(images/entrymeta-calendar.gif) no-repeat 0 3px;
}

span.author{
	padding: 0 0 0 13px;
	background: url(images/entrymeta-pencil.gif) no-repeat 0 3px;
}

span.comments-link{
	padding: 0 0 0 14px;
	background: url(images/entrymeta-comment.gif) no-repeat 0 3px;
}

.entry-foot{
	padding: 4px 10px 3px;
	border-top: 1px solid #f2f1e9;
	border-bottom: 1px solid #f2f1e9;
	line-height: 22px;
	background: #fdfdfd;
}

.entry-content{
	padding: 0 10px;
	line-height: 22px;
}

.entry-content p a{
	border-bottom: 1px solid #ddd;
	background: #8B8B8B;
	color: #fff;
}

.entry-content p a:hover{
	text-decoration: none;
	border: 0;
}

.entry-content h2{font-size: 24px; font-weight: bold; line-height: 28px;}
.entry-content h3{font-size: 18px; font-weight: bold; line-height: 24px;}
.entry-content h4{font-size: 14px; font-weight: bold; line-height: 20px;}
.entry-content h5{font-size: 11px; line-height: 16px;}
.entry-content h6{font-size: 10px; line-height: 14px;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
	padding: 10px 0 10px;
}

.ads-468x60 img{
	margin: 20px 0 0 20px;
}


.navigation{
	float: left;
	width: 500px;
	margin: 17px 0 7px;
	display: inline;
}

.navigation span.nav-previous{
	margin: 0 0 0 10px;
	padding: 0 0 0 16px;
	background: url(images/bg-older-posts.gif) no-repeat 0 3px;
}

.navigation span.nav-next{
	margin: 0 10px 0;
	padding: 0 16px 0;
	background: url(images/bg-newer-posts.gif) no-repeat right 3px;
}


#footer{
	float: left;
	width: 860px;
	padding: 10px 0 10px;;
	text-align: center;
	color: #c5c3b5;
}

#footer a{
	color: #aba894;
}

#footer p{
	padding: 10px 20px;
}


#featured  { height:230px;margin:0;padding:0;background:#fff; }
.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: 310px;	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: 310px;height:190px;overflow:hidden;float:left; }
div.scroller div.content { width: 10000px; }
.section {color:#000;}

.sidebar{
	float: left;
	margin: 10px 0 0;
	width: 330px;
}

.sidebar ul#primary, .sidebar ul#quaternary{width: 330px;}
.sidebar ul#secondary, .sidebar ul#tertiary{float: right; width: 160px;}
.sidebar ul#tertiary{float: left;}

.sidebar ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sidebar ul li{
	margin: 10px 0 0;
}

.sidebar ul li h3{
	padding: 8px 10px 6px 28px;
	font: bold 12px georgia, serif;
	text-transform: uppercase;
	background: url(images/sidebarheading-star.gif) 10px 11px no-repeat;
	color: #555;
	border-bottom: 1px solid #f2f1e9;
}

.sidebar ul ul{
	float: none;
	line-height: 22px;
}

.sidebar ul ul li{
	margin: 0;
	padding: 4px 10px 3px 28px;
	border-bottom: 1px solid #f2f1e9;
	background: url(images/x.gif) no-repeat 10px 10px;
}

.sidebar ul ul ul li{
	padding: 0 0 0 10px;
	border: 0;
	background-image: none;
}



.sidebar ul li#ads-300x250{
	width: 330px;
	height: 200px;
	overflow: hidden;
	background: #f2f1e9;
}

.sidebar ul li#ads-300x250 .rctop, .sidebar ul li#ads-300x250 .rctop div, .sidebar ul li#ads-300x250 .rcbottom, .sidebar ul li#ads-300x250 .rcbottom div{
	background-image: url(images/corners-alt.gif);
}

.sidebar ul li#ads-300x250 ul{
	padding: 0 10px;
}

.sidebar ul li#ads-300x250 ul li{
	padding: 0;
	width: 310px;
	height: 180px;
	background: #fff url(images/bg-ads-300x250.gif) no-repeat;
	border: 0;
}

.sidebar ul li#ads-300x250 ul li img{
	margin: 5px 0 0 5px;
}

.sidebar ul li#search{
	float: none;
	margin: 10px 0 0;
}

.sidebar ul li#search form#searchform{
	width: 100%;
}

.sidebar ul li.widget_rss h3{
	padding: 8px 10px 6px 10px;
	background-image: none;
}

.sidebar ul li.widget_rss h3 img{
	width: 9px;
	height: 9px;
}

.sidebar ul li.widget_tag_cloud h3{
	margin: 0 0 10px;
}

.sidebar ul li.widget_tag_cloud a{
	padding: 0 0 0 10px;
}

#wp-calendar{
	width: 100%;
	border-bottom: 1px solid #f2f1e9;
	padding: 0 0 10px;
}

#wp-calendar caption{
	padding: 10px;
}

#wp-calendar th, #wp-calendar td{
	padding: 5px;
	text-align: center;
	background: #f2f1e9;
}

#wp-calendar td{
	background: #fff;
}

#wp-calendar td, table#wp-calendar th{
	padding: 3px 0;
}

#comments, #respond{
	margin: 15px 0 0;
}

#comments h3{
	padding: 0 10px 7px 10px;
	border-bottom: 1px solid #f2f1e9;
	font: 18px "trebuchet ms", georgia, serif;
	text-transform: uppercase;
	color: #dd3f14;
}

#comments h3#comments-count{
	padding: 0 10px 7px 39px;
	background: url(images/commentstemplate-comment.gif) no-repeat 10px 5px;
}

#comments ol.commentlist{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#comments ol.commentlist li{
	padding: 4px 10px 3px;
	border-bottom: 1px solid #f2f1e9;
	line-height: 22px;
}

#comments ol.commentlist li.highlighted{
	background: #f9f9f9;
}

#comments .required{color: #a00;}
#comments textarea{width: 75%;}
#comments p.nocomments, #respond form{padding: 0 10px;}
#comments p#login-req{padding: 20px 10px 10px;}
p.comment_license{line-height: 22px;}