/*
Theme Name: Clean Simple White
Description: A very clean and simple theme for Your WordPress site.
Version: 1.1
Author: Mazznoer
Author URI: http://mazznoer.web.id/
Tags: white, light, two-columns, right-sidebar, theme-options, fixed-width, sticky-post

This theme is released under GPL: http://www.gnu.org/licenses/gpl.html

*/

/* ----------------
	Reset
----------------------------------- */

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;}
table {margin-bottom:5px;}
table td {padding: 5px;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, th, var, h1, h2, h3 {font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption, th {text-align:left;}
q:before, q:after {content:'';}
a img {border: none;}

/* ---------------
	Basic Elements
---------------------------------- */

body {
background: #99cb99;
color: #444;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

a:link, a:visited {color: #336633; font-weight:bold; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active{color: #336633; font-weight:bold; text-decoration: none;}

h1, h2, h3, h4 {}
h1 {font-size: 1.8em; color: #336633; line-height: 35px;}
h1 a:hover, h2 a:hover {color: #666; text-decoration: none;}
h2 {font-size: 1.75em; letter-spacing: -1px; line-height: 30px; border-left-style: solid;
	border-left-color: #387C2C;
	border-left-width: 4px;
	margin-bottom: 0.2em;
	padding: 5px 0 5px 10px;}
h3 {font-size: 1.25em;line-height: 25px; border-left-style: solid;
	border-left-color: #e87d1e;
	border-left-width: 3px;
	margin-bottom: 0.2em;
	margin-top:5px;
	padding: 5px 0 5px 10px;
	font-weight:bold}
h4 {font-size: 1.2em; padding: 8px 0 5px 0;}

ol {margin-left: 10px;}

#main-content ul , #main-content ol {margin: 10px 0 10px 20px;}
#main-content li li {margin-left: 25px;}
#main-content p {margin: 10px 0;}

#sidebar ul {margin-left: 10px;}
#sidebar ul li  { list-style:none; background-image:url(/wp-content/uploads/arrow_linklist.gif);
background-position:0 0.4em;
background-repeat:no-repeat;
padding:0 0 10px 8px;}
#sidebar ul li a:link, #sidebar ul li a:visited,
#sidebar ul li a:hover, #footer ul li a:hover {color: #336633; text-decoration: none;}

ul.caretlist li {
background-image:url(/wp-content/uploads/arrow_linklist.gif);
background-position:0 0.4em;
background-repeat:no-repeat;
padding:0 0 10px 8px;
margin-left: 10px;
}


/* ---------------
	Generic Classes
---------------------------------- */

.clear {clear: both;}
.center {text-align: center;}
.hidden {display: none;}
.justify {text-align: justify;}
.intro { font-size:1.25em; text-align:justify; padding-bottom: 5px;}

.post-spt {border-top: 1px dashed #ccc; margin-bottom: 15px;}
.post-meta {display: none;}
.post-meta2 {
font-size:.9em; margin-left:10px;}
#post-meta-news {background-color: #eee; margin: 10px 0; padding: 2px 10px;}
.post-tag {margin: 10px 0;}

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

.alignleft {float: left;}

.alignright {float: right;}

/* ----------------
	Basic Layout
---------------------------------- */

#wrapper {}

#container {
background: #fff;
margin: 1px auto;
text-align: left;
width: 1000px;
border: 1px solid #87b352;
}

#header {display:inline;}

#header img {padding:10px 0 5px 20px;}

/* ----------------
	Top Nav
---------------------------------- */
#top-nav {float:right; margin: 10px 20px 0 200px; position: relative;}


#top-nav ul li { float:left; padding: 5px 8px;}
#top-nav a {color:#336633; font-weight:bold;}

#top-nav ul li ul {display: none;}
#top-nav ul li:hover ul {
background: #eee;
border: 1px solid #999;
display:block;
position: absolute;
z-index: 2000;
margin: 5px 0 0 5px;
}
#top-nav li ul li {
display:block;
border-bottom: 1px solid #999;
padding: 5px 8px;
border-right: 0;
border-top: 0;
float: none;
margin-bottom: 0;
}
#top-nav li ul li a:link, #top-nav li ul li a:visited {
font-weight: bold;
font-size:.95em;
text-transform:none;
line-height: 10px;
margin: 5px;
min-width: 135px;
}


/* ----------------
	End Top Nav
---------------------------------- */


#head-contact{
	font-size:1.05em;
	color: #666;
	float: right;
	text-align:right;
	font-weight:bold;
	padding: 0 10px 0 0;
	margin-top: -50px;
	line-height: 15px; border-right-style: solid;
	border-right-color: #e87d1e;
	border-right-width: 3px;
	margin-right:10px;
}



/* ----------------
	Main Nav
---------------------------------- */

#main-nav {
float:left;
margin-top: 10px;
background-color: #e87d1e;
line-height:30px;
width:1000px;
z-index:3000;
}

#main-nav ul {
display: inline;
text-transform: uppercase; 
}

#main-nav ul li {
float: left;
text-align:center;
}

#main-nav ul li a {
color: #FFF;
font-size:1em;
font-weight: bold;
display:block;
width:175px;
}
#main-nav ul li a:hover {text-decoration:underline; color:#336633; background-color:#87b352;}

#main-nav ul li ul {display:none;}

#main-nav ul li:hover ul {
background: #87b352;
border: 1px solid #666;
display: block;
position: absolute;
z-index: 2000;
}

#main-nav li ul li {
border-bottom: 1px solid #666;
border-right: 0;
border-top: 0;
float: none;
display: block;
}
#main-nav ul li ul li a:link, #main-nav ul li ul li a:visited {
font-weight: bold;
border-left:thick #e87d1e;
text-align:left;
text-transform:none;
line-height: 20px;
margin: 4px;
min-width: 132px;
}

/* ----------------
	End Main Nav
---------------------------------- */

#banner {
display:block;
width: 1000px;
}

#slideshowtoggler {
margin-bottom:1px;
z-index: 5000;
}

#breadcrumb {
margin-left: 10px;
padding-top: 10px;
font-size:.85em;
}

#breadcrumb ul {
list-style:none;
}

#breadcrumb ul li{
color:#999;
display:inline;
}

#main-content {
border: 1px solid #ccc;
float: left;
margin-left: 10px;
margin-top: 10px;
padding: 10px;
width: 665px;
display:inline;
min-height:250px;
}

#main-content-wide{
border: 1px solid #ccc;
float: left;
margin: 10px;
padding: 20px;
width: 925px;
display:inline;
}

#promo{
	display:inline-block; margin-left:15px;
}

#widget-home1{
	padding: 10px;
	background-image:url(/wp-content/uploads/promo-background.png);
	background-repeat:no-repeat;
	background-color: #fff;
	width:270px;
	margin: 5px 10px 5px 10px;
	display:inline-block;
	float:left;
	position:relative;
	min-height:175px;
}

#widget-home1 h4{color:#e87d1e;}

#logos{
	display:inline-block;
	padding: 5px ;
	text-align:center;
}

#logos img{
	padding: 0 5px;
}

#intro {
	text-align:justify;
	margin: 15px 0;
	font-size:1.1em;
	line-height:1.5em;
}

#intro-grey {
	text-align:justify;
	background-color: #87b352;
	margin: 15px 0;
	padding: 5px;
	font-size:1.1em;
	line-height:1.5em;
	color: #fff;
}

#content-block {
	padding:5px 10px 10px 190px;
	border: 1px #999 dotted;
	min-height:100px;
	width:450px;
	display:inline-block;
	margin-bottom:25px;
	text-align:justify;
}

#content-block img{
float:left;
margin-top: 5px;
margin-left:-175px;
padding: 5px 5px 10px 10px;
text-align:center;
} 



#sidebar {
float: right;
padding: 10px 10px 10px 5px;
width: 275px;
}

#side-bar-images {float: right;
padding: 10px 10px 10px 5px;
width: 285px;
position: absolute;
margin: 200px -200px 0 0;}

#social {padding-right:5px;}
#footer {margin-top: 5px; background-color:#87b352; color:#FFF; padding:5px;}


#services-summary{
margin: 0 5px; width:150px; float:right; border: 1px #eee solid; display:inline; background-color:#eee; padding:5px; 
}
#services-summary h4{text-align:center;}

#resources{
margin:5px 10px; width:275px; border: 1px #eee solid; display:inline; padding:8px; float:right;}

#resources h4 {text-align:center;}

/* ----------------
	Page Nav and More Link
---------------------------------- */

.older a:link, .older a:visited {float: left;}
.newer a:link, .newer a:visited {float: right;}
.page-nav {margin-top: 10px;}

a.more-link:link, a.more-link:visited {
float: right;
margin-bottom: 10px;
}

/* ----------------
	Miscelaneous
---------------------------------- */

blockquote {
font-size:.9em;
margin: 15px 0 15px 60px;
padding-left: 15px;
}

ul.checklist{list-style:none;}
ul.checklist li{
list-style:none; margin: auto;display:block; text-align:justify;
text-decoration:none;padding:0 0 0 40px; margin:8px 0 8px 0;background:url(/wp-content/uploads/left_nav_arrow.gif) no-repeat left; 
background-position:0px 0px;
}

ul.checklist li a:hover{ text-decoration:underline;}


/*-------------- Search and Textarea---------*/

#search{padding: 0 10px 5px 730px; margin-top:10px;}
#search.search-box {border: 1px solid #ccc; padding:5px; text-align:center;}
input#searchsubmit, input#submit {background: #eee; border: 1px solid #999; color: #555; padding: 6px 7px;}
input, textarea {background: #f5f5f5; border: 1px solid #bbb; color: #999; margin: 0px 0; padding: 7px 8px;}
input#paypal  {background: #FFFFFF; border: 0px; padding: 0 0 0 30px;}
textarea#comment {width: 525px;}


/* ----------------
	Widgets
---------------------------------- */

.widget {margin-bottom: 15px;}
.widget-services { background-color: #EEE; margin-bottom: 25px; border:#999 1px solid; padding:5px;}
.widget-special { background-color: #FFF; margin-bottom: 25px; border:#999 1px solid; padding:5px; text-align:center;}

#box { width:600px; border: 1px #eee solid; padding:10px; margin-bottom:15px; min-height:150px;}
#box img { padding:8px;}

a.follow:link, a.follow:visited {
display: block;
background: #eee;
font-weight: bold;
margin-top: 15px;
padding: 5px 10px;
text-align: center;
}

/* ----------------
	Images and Captions
---------------------------------- */

img.centered {display: block; margin: 10px auto;}
img.alignright {padding: 3px; margin: 0 0 2px 3px; display: inline;}
img.alignleft {padding: 3px; margin: 0 3px 2px 0; display: inline;}

.wp-caption {padding-top: 4px; display:inline; float:right; margin: 5px;}
.wp-caption img {margin: 0; padding: 5px;}
.wp-caption p.wp-caption-text {margin: 0; font-size:0.85em; text-align:right;}