/* 
	Theme Name: WebDesign Surabaya
	Theme URL: http://www.fame.co.id/prototype/webdesignsurabaya
	Description: WebDesignSurabaya.Com Web Template
	Author: Ken Reidy
	Author URI: http://www.kenreidy.com
	Version: 1.0
	
	This design is made only to use under domain www.webdesignsurabaya.com

	Changelog:
		v1.0 - 01.23.09
		Beta Release of WebDesignSurabaya.Com Template
*/
body{
width: 100%;
margin: 0 0;
padding: 0 0;
background-color: #151c1c;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}
p, a, ul {
font-family: Arial, Helvetica, sans-serif;
line-height:normal;
color: #ffffff;
}
img, img a{
border: none;
}

ul#horizontal-menu{
width: 700px;
float: right;
list-style: none;
padding: 15px;
margin: 0 0;
font-size: 14px;
}
ul#horizontal-menu li{
float: left;
padding: 0 20px;
margin: 0 0;
}
ul#horizontal-menu li a{
text-decoration: none;
padding: 4px;
font-weight: bold;
border: 3px solid #151c1c;
}
ul#horizontal-menu li a:hover{
color: #151c1c;
background-color: #9bb038;
padding: 4px;
font-weight: bold;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-border-radius: 5px;
border: 3px solid #ebebeb;
}
#header{
width: 100%;
height: 200px;
background: #ffffff url(images/background-header.png) top left repeat-x;
margin: 0;
padding: 0 0;
float: left;
}
#icon{
padding: 0 0;
margin: 0 0;
border: none;
top: 15px;
left: 10%;
position:absolute;
}
#tagline{
padding: 0 0;
margin: 0 0;
border: none;
top: 180px;
right: 5%;
position:absolute;
}
#logo{
padding: 0 0;
margin: 0 0;
border: none;
top: 198px;
right: 5%;
position:absolute;
}
#container{
width: 100%;
background: #151c1c url(images/background-container.png) no-repeat top center;
margin: 40px auto 0px;;
padding: 0 0;
float: left;
overflow:hidden;
}
#content{
width: 60%;
min-height: 400px;
margin: 0 3% 0 1%;
background: #74880B url(images/background-content-green.png) top left repeat-x;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-border-radius: 20px;
border: 2px solid #2a2a2a;
float: right;
padding: 5px 10px 15px 10px;
}
.entry{
}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
margin: 0 0;
padding: 10px 0px 0px 10px;
font-size: 18px;
line-height: 16px;
}
.entry p{
padding: 10px 7px;
margin: 0;
color: #151c1c;
font-size: 12px;
line-height: 16px;
clear: right;
text-align:justify;
}
.entry p:first-line{
padding-top: 0px;
margin: 0px;
}
.entry img{
padding: 0px 10px;
margin: 30px 0 -10px;
display:block;
}
.entry a{
text-decoration: none;
}
.entry a:hover{
color: #151c1c;
}
#sidebar{
width: 30%;
min-height: 400px;
margin: 0 1% 0 1%;
float: left;
}
#sidebar ul{
margin-top: 40px;
list-style:none;
}
#sidebar li{
margin: 12px 0px;
background: url(images/checklist.png) no-repeat top left;
padding: 7px 5px 15px 40px;
}

#contactus-icon{
float: left;
margin-left: 40px;
margin-top: 20px;
}
#contactus-text{
float: left;
margin-left: 3px;
margin-top: 20px;
}
#contactus-text p{
margin: 5px 0;
padding: 0 0;
font-size: 16px;
letter-spacing: 1px;
}
#footer{
clear:right;
position: relative;
width: 100%;
margin: 20px 0 0px;
padding: 0 0;
}
#footer h5, #footer h6{
font-size: 12px;
line-height: 10px;
margin: 5px 5px;
padding: 0 0;
}
#footer, #footer p, #footer h5 a, #footer h6 a{
color: #505050;
text-decoration:none;
}
#footer h5 a:hover, #footer h6 a:hover{
color: #9bb038;
text-decoration:none;
}
#footer #horizontal-bar {
width: 100%;
height: 60px;
background: url(images/background-green-footer.png) bottom left repeat-x;
}

.clear{
clear:both;
}
.alignleft{
float:left;
}
.alignright{
float: right;
}
.grey{
color: #666666;
font-weight:bold;
}
.green{
color: #9bb038;
font-weight: bold;
}
.white{
color: #ececec;
font-weight: bold;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

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