/*
	Theme Name: SimpleWhite
	Theme URL: http://www.dynamicwp.net/category/free-themes
	Description: SimpleWhite Theme with theme options page. Fixed-width, widget ready, two colums, left sidebar support hierarchical categories. Compatible with Wordpress 2.8 and higher.
	Author: DynamicWP Team
	Author URI: http://www.dynamicwp.net
	Version: 1.0.0
	Tags: white, black, two-columns, fixed-width, theme-options, threaded-comments
*/

 
html, body , div, img, a, h1, h2, h3, h4, h5, h6, ul, li, blockquote, p{ border:0; margin:0; padding:0;  }

body { background-color: #f6f6f6; font:14px Geneva,Trebuchet MS,Lucida,Arial,sans-serif; line-height: 20px; }
td{ font-size: 14px; line-height: 19px;}
a { color: #177208; }
a:hover{color: #3d962e;}
a {outline: none;}
p{margin: 14px 0;}
h1, h2, h3, h4, h5, h6{ margin: 10px 0;}
h1 {  letter-spacing:-1px; font:2.3em Arial, Helvetica, sans-serif; }
h2 {  letter-spacing:-1px; font: bold 1.8em arial, helvetica, sans-serif; }
h3 { font:1.4em arial, helvetica, sans-serif; }
h4{font-size: 1.2em; font-family: arial, helvetica, sans-serif;}
h5{font-size: .9em}
h6{font-size: .7em}
blockquote { margin:22px 40px 22px 20px; padding:0 0 0 20px; border-left: 3px #DFDFDF solid; font-style:italic; }
ul{padding-left: 40px; margin: 14px 0;}
small { font-size:0.85em; }
sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed #000; }

/* Links */
 a, a:visited { text-decoration:none; }

/* Forms */
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:1em helvetica, arial, sans-serif; }
textarea { line-height: 14px; }
label { cursor:pointer; }
caption, th, td { font-weight:normal; text-align:left;}
th{ background:#464646; color:#FFFFFF; text-transform:uppercase; border:1px solid #464646;}
tr{ border:1px solid #464646;}
table{ margin:5px; border: 0 none; border-collapse:collapse; padding: 0; border:1px solid #464646;}
table td { background:#F3F3F3 none repeat scroll 0 0;}
table td, table th { border:1px solid #464646; padding:6px 9px; text-align:left; }
fieldset{	border: none;}

/* Global Classes */
.clear { clear:both; }
.single-thumb { border: 7px solid #DFDFDF; float: left; display: inline; margin: 0px 15px 5px 0px; }

/* Layout */

#head-div{ margin:0; padding: 0; min-height: 50px; background: #000; }
.twitter-rss{ float: right;}
.twitter-rss .twitter{margin-left: 5px;}

.wrapp{ width:960px; height:100%; margin:0 auto; position: relative;}

/* page list*/

.menulist{ padding: 6px 0; margin: 0; list-style-type: none; }
.menulist li{	float: left; margin-right: 2px; }
.menulist li a{ color: #FFF; padding: 8px 10px; display: block; }
.menulist li a:hover, .menulist .current_page_item a{ background: #222; color: #FFF; }

/* logo */

#logo h1{ font-size: 4em; font-weight: bold; margin: 0px 0 0 5px; text-transform:capitalize;}
#logo a{ color: #000; border-bottom:20px solid; border-left:10px solid; padding-bottom:1px; }
#logo-desc{ color: #fff; font-size: .8em; font-style: italic; margin: 0 0 0 19px; background-color:#000000;}

/* jsearch */
.jsearch{ position: absolute; right: 1px; top: 25px; padding: 1px; border: 1px solid #aaa; border-bottom:5px solid; border-left:2px solid;}
.fr{ position: absolute; right: 5px; bottom: 15px; }
#topSearch {	width: 178px; height: 32px; margin: 0;	padding: 0; }
#topSearch p.fields{	margin: 0;	padding: 0; }
#topSearch p.fields input {	color: #000; font-size: 14px; font-weight: bold; width: 160px;  overflow: hidden; border: none; margin: 0 2px 0 0; }
#topSearch p.fields button { background: url(images/arrows.png) no-repeat 0 center;	width: 21px; height: 21px;	border: none; cursor:pointer;position: absolute; top:1px; right: 2px; }

/* Navi Styles */
.jqueryslidemenu ul.superfish{	float: right;padding-left: 10px;}
.topmenu { background: url(images/strip.png) repeat-x center; float:left; width:948px; min-height:45px; padding: 0 0px; margin-top: 0px; margin-left:10px; border-bottom:2px solid;}
.topmenu ul{ padding: 0; margin:0; list-style-type: none; background-color:#f6f6f6 ;}

/* container style */
.container{	background:none;}


/* leftbody */
.left{ width: 275px; padding: 10px 10px 0 10px;	float:left; }
.left ul{ padding: 0; margin: 0; list-style-type: none; }
.left a{ color: #000; border-bottom: 1px dashed transparent;}
.left a:hover{ color: #000; border-bottom:1px dashed #000;}
.left .widgettitle a:hover{color: #DDD;}
.sidebar-thumb{width: 40px; height: 40px;}

/*main body */
.mainbody{ padding: 10px; width: 645px; float: right; background: none; }
.post{overflow: hidden;}
.postwrapper{ padding: 10px; background: url(images/sudut.png) no-repeat 99% bottom; margin-bottom: 10px; border:1px solid; color:#000; border-bottom:5px solid; border-left:2px solid; }
.postwrapper .post-title{ border:none; background:none;}
.postwrapper .post-info{border:none;}
.postwrapper .post-title a{color:#000;}
.topofcontent{ padding-bottom: 10px; border-bottom: 1px #CCCCCC solid; }
.post-title{border-bottom: 3px solid; border-top:10px solid;}
.post-title h2{ font-size: 2em;	padding: 0;	margin: 0; }
.post-title a{ color: #000; font-weight:bold;  }
.post-image{ width: 290px; margin: 0 auto; }
.post-image img{	padding: 5px; background: #DFDFDF; }
.author{ background:url(images/user.png) no-repeat 0 0; padding-left:15px;  }
.time{background:url(images/calendar.png) no-repeat 0 0; padding-left:15px;  }
.coment{background:url(images/comment.png) no-repeat 0 2px; padding-left:15px; }
.post-image-thumbnail{width:275px; height:120px ;}
.post-info{	font-size: 0.8em; color: #000; background:none; border-bottom: 1px solid #000; margin-bottom:5px; }
.post-info a{padding-left:0px;background:none;}
.category{ float: left; padding-left:20px; background:url(images/plus.png)no-repeat left center; }
.read-more{ position: absolute;	bottom: 10px; right: 10px; }
.read-more, .more-link{	float: right; margin: 5px 0 0 0; font-size: 11px; padding:2px 6px;	background:#000 url(images/segitiga.png) no-repeat right bottom; color:#FFFFFF; }
.read-more:hover, .more-link:hover{ text-decoration: underline; color:#dfdfdf;}
.more-link{ margin-top: 20px; }

/* block */
.block{	width: 295px; padding: 10px 10px 30px 10px;	background:none; margin: 0 0 10px 0; border: none;	position: relative;}
.odd-block{	float: left;}
.even-block{ float: right; }

/*content */
.aligncenter{ display: block; margin: 10px auto; }
.alignleft {	float: left; margin: 5px 10px 5px 0; }
.alignnone{	margin: 5px 10px 5px 0;}
.alignright { float: right; margin: 5px 0 5px 10px; }

/*navigation */
.navigation .alignright a, .navigation .alignleft a{ padding: 3px 7px; margin: 0; color: #FFF; background: #000; border: 1px solid #AAA; }
.navigation .alignright a:hover, .navigation .alignleft a:hover{ color: #000;	background: #FFF; }

/*module*/
.widget{ background:none; padding: 0 10px 10px 10px; margin: 0 0 10px 0; border:1px solid;border-bottom:5px solid; border-left:2px solid; }
.widgettitle{ font-size: 1.25em; display: block; padding: 10px;	background: #000; margin: 0 -10px 10px -10px; color:#FFFFFF; }
.widgettitle a{color: #DFDFDF;}
.widget li{ padding: 2px 0 2px 15px;	background: transparent url(images/arrow.png) no-repeat 0 10px; }
.widget li a{ padding: 2px 0; }

#wp-calendar{ margin: 0 auto;}

/*tab start*/

#tabs {	height:auto !important;	padding:4px; border:1px solid #000; background:none; display: block; overflow:hidden;list-style-type:none; margin-bottom: 10px;border-bottom:5px solid; border-left:2px solid;}
#tabs #pop img { padding: 2px; border: 1px solid #eee; float: left; margin: 0 10px 10px 0; }
#tabs #feat img { padding: 2px; border: 1px solid #eee; float: left;	margin: 0 10px 10px 0;	background-color:#DDD; }
div.inside {background-color:#DDD;  }
ul.gttTabs {	width: 100%; padding: 0; list-style-type:none;}
ul.gttTabs li {	float: left; display:inline; line-height: 34px;	 color: #fff; 	font-weight: bold; margin:0px 5px 0px 0px !important; cursor: pointer; list-style-type:none; }
ul.gttTabs li.last { margin: 0 !important; }
ul.gttTabs li a { line-height: 31px; color: #000; display: block; float: left; padding: 0 18px; font-size:0.8em;	font-family:Arial, Helvetica, sans-serif;  }
ul.gttTabs li a , .left ul.gttTabs li a:hover{border: none;}
ul.gttTabs li.last a{ padding: 0 18px; }
ul.gttTabs li a.selected, ul.gttTabs li a:hover { text-decoration:none; color: #000 !important; background-color:#DDD; }
#tagcloud {	padding:10px; }
#sub img { float: right; 	margin: 0 0 8px 8px; }
.inside li { border-bottom:1px solid #000; padding:8px; min-height:40px; }
.inside li img.avatar, .inside li img.thumbnail {	border: 1px solid #ddd;	padding: 3px; background-color: #ffffff; float: left; margin: 0 8px 0 0; list-style-type:none; }

/*tabs ends*/

/*  Footer Styles */
.footer { clear:both; width:960px; background: url(images/strip.png) repeat-x 0 center;; overflow:hidden; padding: 6px 0; border-top:10px solid; border-bottom:3px solid; margin:10px 0; }
.footer p { color:#000; margin:0px; float:left; padding-right: 3px; background-color:#f6f6f6;}
.footer p a { color:#666; }
.footer p a:hover { border-bottom:1px dashed #000; }
.footer-box { width: 250px; float: left; padding: 20px; margin-left: 15px; border: 1px solid #333539; background-color: #292A2E; color: #FFFFFF; }
.footer-box ul { margin: 0px; padding: 0px; }
.footer-box ul li { margin: 0px; padding: 0px; display: block; float: left; width: 100%; }
.footer-box a:link, .footer-box a:hover, .footer-box a:visited { color: #D5D5D5; display: block; padding: 5px 10px; width: 100%; }

/* the comments style*/
ol.thecomments { list-style:none; 	margin:0px; padding:0px; }
ol.thecomments li { 	position: relative;  }
ol.thecomments li li{ 	padding-left: 30px; }
.comment {  }
ol.thecomments li.comment .comment-author img {	position:absolute; right:20px; top:32px; padding: 1px; border:5px #d8d8d8 solid; }
ol.thecomments li.comment .reply {	position:absolute; left:0; bottom:0; display:block; }
ol.thecomments li.comment .reply a {	background:#000 url(images/segitiga2.png) no-repeat 0 0;	padding: 2px 15px; color:#fff; display: block; font-size: 0.8em; }
ol.thecomments li.comment .reply a:hover { background:#d1d1d1 url(images/segitiga2.png) no-repeat 0 0; border-color: #c1c1c1; color:#fff; }
ol.thecomments li cite {	font-weight:bold; }
ol.thecomments li .comment-meta { display:block; font-size: 0.7em; }
ol.thecomments ul.children{list-style-type: none;}
ol.thecomments ul.children li{list-style-type: none; }
li.comment ul.children { list-style:none; margin:0;	padding:0; }
ol.thecomments li.comment ul.children li {	border-left: 1px solid #CACACA;background: transparent url(images/li-left.png) no-repeat scroll 0 20px;}
.commentnavigation {	margin:20px 20px; display:block; line-height:40px; }
.commentnavigation a { color:#fff; background:#2f4458; padding:7px 20px;	font-size:.75em; text-decoration:none; font-weight:bold; }
.commentnavigation a:hover {	background:#333; }
li.comment #respond {	padding-top:1px;}
li.comment .callfade, .says {	display:none;}
.comment-body{min-height: 80px; padding: 30px 150px 30px 30px;margin-bottom: 10px; position: relative;background:#f9f9f9;border-color:#DDDDDD #DDDDDD #000000 #000000;border-style:solid;border-width:1px 1px 5px 2px;}
#respond { position: relative;}
#commentform { display:block; margin: 20px 0px;	padding: 20px;	background: #f9f9f9; border: 1px solid #ddd;  }
li.comment #commentform {	margin:20px 0px;  background:#f1f1f1; }
.comment-form input { display:block; margin:0px; border: 1px solid #d1d1d1; background: #fff;	padding: 7px 5px; width:30%; font-size: 0.9em; color: #525861; width: 95%;}
.comment-form input#submit{ width: 32%; }
.comment-form textarea { display:block; margin-top:5px; padding: 7px 5px; background:#fff; border:1px solid #d1d1d1; width:98%; 	height:150px; font-size: 0.9em;	color: #525861; }
.comment-form label { font-size: 11px;	font-weight:bold; color:#555; }
.comment-form span {	font-size: 10px; font-style:italic; color:#777; }
.comment-form span strong {	color:#555; }
.comment-form span a {	color:#326a9a; }
.comment-form span a:hover { color:#000; }
#comment_post_ID, #comment_parent, #_wp_unfiltered_html_comment { display:none; }
#commentform .inputerror { border: 1px dashed #aaa; }
.comment-form button {	width: 130px; height: 40px;	text-indent: -9999px; border: none;	cursor: pointer; }
.comment-form button#submit { margin-top: 10px; }
.comment-form button:hover { background-position: 0 -40px; }
.commentator-data{float: left; width: 32%; margin: 0 10px 10px 0;}
.commentator-data-last{margin-right: 0;}

/*----------------------------dropdown navigation -------------------------------*/
div.jqueryslidemenu{font: bold 12px Verdana;z-index: 1000;padding-top: 14px;}
.jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;z-index: 1000;}
/*Top level list items*/
.jqueryslidemenu ul li{position: relative;display: inline;float: left;z-index: 1000;}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{display: block; /*background of tabs (default state)*/padding: 10px;border-right: 0px solid #778;color: #2d2b2b;text-decoration: none;z-index: 1000;}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;z-index: 1000;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{z-index: 1000;}
.jqueryslidemenu ul li li a:link, .jqueryslidemenu ul li li a:visited{z-index: 1000;color: #FFF;}
.jqueryslidemenu ul li a:hover{color: #fff;background: #000; /*tab link background during hover state*/z-index: 1000;}
/*1st sub level menu*/
.jqueryslidemenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;z-index: 1000;}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{display: list-item;min-height: 33px;z-index: 1000;}
.jqueryslidemenu ul li ul li li:first-child{margin-top: 0;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;z-index: 1000;}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{background-color: #000;padding: 7px 0 0 10px;min-height: 26px;font: normal 13px Verdana;width: 140px; /*width of sub menus*/margin: 0;border-top-width: 0;z-index: 1000;}
.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/background: #eff9ff;color: black;z-index: 1000;}

.downarrowclass{position: absolute;top: 23px;right: 7px;}

.rightarrowclass{position: absolute;top: 12px;right: 5px;}

/* ---------------------------------------------------------------- 
 *  contact page
 * ---------------------------------------------------------------- 
*/

#contact label{display: block; padding: 5px 0;}
#contact input, #contact textarea{border: dashed 1px #999; margin-bottom: 10px; padding: 8px; width: 300px;}
#contact textarea{width: 500px;}
#contact input.submit{cursor: pointer; min-height: 34px; margin-top: 10px; width: 142px; font-size: 14px; font-weight: bold; background: #DFDFDF;}

#content .errormsg, #content .successmsg{background: #FFF6BF; padding: 10px; margin: 5px 0; border: 1px dashed #FFD324;}

/*-------------flickr widget ---------*/
.flickr_badge_image{float: left;}
.flickr_badge_image img {padding: 2px; border: 1px solid #333; margin-left: 2px;}