/*
Theme Name: Websurabayadotcom
Theme URI: http://www.websurabaya.com
Description: Websurabaya is a 2 columns fixed width WordPress theme developed by MagPress. This theme comes with featured content slider, Adsense loop and single page ready, Twitter ready, YouTube video embed and many more.
Author: Harun
Author URI: http://www.websurabaya.com
Tags: dark,white,two-columns,fixed-width,right-sidebar,theme-options,threaded-comments,twitter-ready,adsense-ready

	Websurabaya
	http://www.websurabaya.com

	This theme was designed and built by Harun,
	whose blog you will find at http://www.websurabaya.com/

	The CSS, XHTML and design is released under Creative Commons Attribution-Share Alike 3.0 United States License:
	http://creativecommons.org/licenses/by-sa/3.0/us/
*/



body {
	margin: 0px;
	padding: 0px;
	
}


p {
	margin: 0px;
	padding: 0px;
	line-height: 18px;
}


.cleardiv {
clear:both;
}

#searchsubmit {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#header {
	background-image: url(images/bghead_06.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height:213px;
}
#header #head {
	width:1020px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header #head #headertop {
	/*	background-image: url(images/top-header.png);
	background-repeat: repeat-x;
	background-position: left top; */
	margin: 0px;
	padding: 0px;
}

#header #head #headertop #headertop_left {
	margin: 0px;
	float: left;
	padding: 0px;
}
#header #head #headertop #headertop_left h2 {
	margin: 0px;
	padding: 0px;
}

#header #head #headertop #headertop_left a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #999999;
	text-decoration: none;
	letter-spacing: 4px;
	padding: 0px;
	margin: 0px;
}
#header #head #headertop #headertop_left a:hover {
	color: #FFFFFF;
}




#header #head #headertop #headertop_right {
	float:right;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#header #head #headertop #headertop_right ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header #head #headertop #headertop_right li {
	margin: 0px;
	float: left;
	padding: 0px;
}
#header #head #headertop #headertop_right li a {
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 4px 20px 15px 20px;
}
#header #head #headertop #headertop_right li a:hover {
	background: #000 url(images/menu-a.png) repeat-x top left;
	color: #FFFFFF;
}
#header #head #headerbottom {
	margin: 0px;
	padding: 0px;
	color: #4f4f4f;
}
#header #head #headerbottom #headerbottom_left {
	margin: 0px;
	padding: 10px 10px 3px 10px;
	float: left;

}
#header #head #headerbottom #headerbottom_right {
	margin: 0px;
	padding: 10px 10px 3px 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
#header #head #headerbottom #headerbottom_right h1 {
	margin: 0px;
	padding: 0px;
}
#header #head #headerbottom #headerbottom_right h2 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}
#header #head #headerbottom #headerbottom_right a {
	font-family: Arial, Helvetica, sans-serif;
	color: #fea801;
	text-decoration: none;
}
#header #head #headerbottom #headerbottom_right a:hover {
	color: #777777;
	text-decoration: underline;
}
#header #head #headerbottom #nav_menu {
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header #head #headerbottom #nav_menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#header #head #headerbottom #nav_menu li {
	margin: 0px;
	padding: 0px;
	float: left;
	
}
#header #head #headerbottom #nav_menu li a {
	margin: 0px;
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
#header #head #headerbottom #nav_menu li a:hover {
	color: #FFFFFF;
	background: #000 
}


#container { 
width:100%;
padding:0px;
margin:0px;
}



#container #cuber_box {
	background-image: url(images/bgcuber.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding:0px;
	clear: both;	
}


#container2 { 
	padding: 0px;
	margin: 0px;
	width: 100%;
	border-top: 1px solid #fafafa;
	background-image: url(images/head-column.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
}


#container2 h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: 23px;
font-style:italic;
color: #333;
margin: 0px;
padding: 0px;
line-height: normal;
}

#container2 ul, #container2 ul li ul {
list-style: none;
margin-left:10px;
padding:0px;
}

#container2 ul li, #container2 ul li ul li {
	font-size: 13px;
	font-style:normal;
	color: #666666;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

#container2 #main {
width:1020px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#container2 #main #content2, #container #content {
	padding: 0px;
	width:1020px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#container2 #main #content2 a {
	color: #333333;
	text-decoration: none;
}

#container2 #main #content2 a:hover {
	color: #FF9900;
	text-decoration: underline;
}


.col1 {
 }
.col2 {
	background-image: url(images/shadow-column.png);
	background-repeat: no-repeat;
	background-position: left top;

  }
.col3 {  
	background-image: url(images/shadow-column.png);
	background-repeat: no-repeat;
	background-position: left top;

}

#container2 #main #content2 #column {
	margin: 0px;
	padding: 0px;
	
}


#container2 #main #content2 #column .col1, #container2 #main #content2 #column .col2, #container2 #main #content2 #column .col3 {
	float: left;
	width: 340px;
	margin-top:20px;
}

.col_entry {
	margin: 10px 10px 10px 20px;
}


#container #content #post {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 700px;
}
#container #content #post #display {
	margin: 10px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #333333;
}
#container #content #post #display .products h3 {
	margin: 0px;
	padding: 0px;
}

#container #content #post #display ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#container #content #post #display li.products {
	margin: 10px;
	padding: 0px;
	width: 200px;
	border: 1px solid #999999;
	float: left;
}
#container #content #post #display .products a {
	color: #000000;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#container #content #post #display .products a:hover {
	color: #999900;
}

#container #content #post #entry{
	margin: 0px;
	padding: 10px;
	width: auto;
}



.post_title {
	font-family: Arial, Helvetica, sans-serif;
	background: #000 url(images/title-post.png) repeat-x left top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 660px;
}
.post_title h2 {
	margin: 0px;
	padding: 0px;
}
.post_title a {
	color: #fafafa;
	text-decoration: none;
}
.post_title a:hover {
	color: #fefefe;
}
.meta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #fafafa;
}

.alignleft {
	margin: 0px;
	padding: 0px;
	float: left;
	
	overflow: hidden;
	text-align: left;
	height: auto;
}

.alignleft a { 
color: #FFFFFF;
	margin: 0px;
	height: auto;
	width: auto;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-decoration: none;
	display: block;
	background-color: #000000;
}

.alignleft a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #993300;
}



img.alignleft {
	float: left;
	border: 5px solid #E6E6E6;
	padding: 0px;
	margin-top: 5px;
	margin-right: 7px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.post_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: none;
	color: #000;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px dashed #dedede;
	margin-top: 0px;
        line-height: 24px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: justify;
	height: auto;
	width: 660px;
	background: #fbfbfb;
}
.post_content p {
line-height: 22px; }

.comment_link {
	margin: 0px;
	padding: 0px;
	float: right;
}
.post_content a {
	color: #050a4d;
	text-decoration: none;
}

.post_content a:hover {
	color: #333333;
}



#sidebar a {
	color: #666666;
	text-decoration: none;
}

#sidebar a:hover {
	color: #FF9900;
}

#container #content #sidebar {
	margin: 0px;
	float: right;
	width: 310px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}
#container #content #sidebar #sidebox2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #content #sidebar #sidebox2 h3 {
	margin: 0px;
	display: block;
	border: #fdfdfd;
	background-color: #000000;
	color: #FFFFFF;
	height: 20px;
	padding: 10px;
	background: #000 url(images/title-post.png) repeat-x top left;
}

#container #content #sidebar #sidebox2 ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #content #sidebar #sidebox2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #999999;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#container #content #sidebar #sidebox2 li ul {
	
	margin: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	/*border-bottom-width: thin;
	border-bottom-style: double;
	border-bottom-color: #999999; */
}

#container #content #sidebar #sidebox2 ul ul {
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}


#container #content #sidebar #sidebox2 ul li {
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#container #content #sidebar #sidebox2 li li a, #container #content #sidebar #sidebox2 ul ul a {
	display: block;
	margin: 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
#container #content #sidebar #sidebox2 li li a:hover, #container #content #sidebar #sidebox2 ul ul a:hover {
	color: #FFFFFF;
	background-color: #FF9900;
	font-weight: bold;
}


#container #content #sidebar #side_box {
	background-color: #E0E0E0;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#footer {
	text-align: center;
	margin: 0px;
	width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background: #000;
}
#footer .copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#footer .copyright a {
	color: #CCCCCC;
	text-decoration: none;
}
#footer .copyright a:hover {
	color: #99CC66;
}

.widget_tag_cloud  {
	background-color: #515151;
}
.widget_tag_cloud a {
	color: #CCCCCC;
	text-decoration: none;
}

.widget_tag_cloud a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;

}

#post-navigator {
	padding: 0px;
	clear: both;
	height: auto;
	width: 100%;
	display: block;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	font-size: 11px;
	font-family: "Futura Md BT", tahoma, verdana;
}

.alignright {
	text-align: right;
	float: right;
}

.alignright a {
	color: #FFFFFF;
	margin: 0px;
	height: auto;
	width: auto;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-decoration: none;
	display: block;
	background-color: #000000;
}

.alignright a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #993300;
}

.wp-pagenavi {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	text-align: center;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
	height: auto;
}

.pages {
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	width: auto;
	position: relative;
	height: auto;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #000000;
}
.current {
	color: #FFFFFF;
	width: auto;
	position: relative;
	height: auto;
	margin: 0px;
	background-color: #993300;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.wp-pagenavi a {
	color: #FFFFFF;
	text-decoration: none;
	height: auto;
	width: auto;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	background-color: #000000;
	display: inline;
}
.wp-pagenavi a:hover {
	color: #FFFFFF;
	background-color: #993300;

}



.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

img {
border: none;
}