/*

Theme Name: kampreto

Author: pithoe.com

Author URI: http://www.pithoe.com/

*/



* {

	margin: 0; padding: 0;

}

body {

	text-align: left;

	font: 12px Verdana;

	color: #000000;

	background: #e6e6e6 url(images/background.gif) repeat-x 0 0;

}

a {

	color: #5ca12f;

}

a:hover {

	text-decoration: none;

	color: #ff0000;

}

img {

	border: 0;

}



.break {

	font-size: 0;

	width: 0; height: 0;

	clear: both;

}

.alignleft {

	float: left;

	margin: 4px 10px 5px 0;

}

.alignright {

	float: right;

	margin: 4px 0 5px 10px;

}

.aligncenter {

	text-align: center;

}

.hidden {

	display: none;

}



/** BEGIN wrapper **/

#wrapper {

	width: 970px;

	margin: auto auto;

	text-align: left;

}

/** END wrapper **/







/** BEGIN header **/

#header {

height: 170px;

}





#header .isi {

width: 974px;

margin: 0px auto 0px auto;

}



#header .isi .atas {

height: 30px;

}



#header .isi .atas .searchheader{

float: right;

height: 20px;

padding-top: 5px;

padding-left: 10px;

width: 170px;

background: url(images/search.png) no-repeat;

}



#header .isi .atas .searchheader .search input {

			border: 0;

		}



#header .isi .atas .pages {

padding-top: 10px;

list-style-type: none;

float: left;

height: 15px;

}

		

#header .isi .atas .pages li {

float: left;

font-size: 0.9em;



}



#header .isi .atas .pages li a {

text-decoration: none;

display: block;

padding: 0px 20px 0px 0px;

color: #ffffff;

}



#header .isi .atas .pages li a:hover {

text-decoration: underline;

}





#header .isi .bawah {

height: 90px;

}

#header .isi .bawah h1 {

clear: both;

float: left;

font-size: 0;

padding: 0px 0 0px;

}



#header .isi .bawah h1 a {

display: block;

margin-top: 15px;

width: 320px; height: 70px;

padding: 0px 0 0 0px;

text-indent: -9999px;

outline: none;

background: url(images/logo.png) no-repeat 0 0;

}



#header .isi .headerads {

padding-top: 15px;

float: right;

height: 40px;

}









#header .isi .navbar {



float: left;

height: 50px;



background:  url(images/navbar.gif) no-repeat 0 0;



}





/* SubNavbar */

#subnav {

	margin-top: 5px;

	}



	



#subnav ul {



	float: left;

	list-style: none;

	margin: 0px;

	

	}



	



#subnav li {



	float: left;

        height: 38px;

        border-left: 1px solid #e6e6e6;

	list-style: none;



	margin: 0px;



	padding: 0px;



	}



#subnav li:hover {



	float: left;



	list-style: none;



	margin: 0px;



	padding: 0px;

        height: 38px;

        background: #f0f0f0;



	}	



#subnav li a, #subnav li a:link, #subnav li a:visited {

font-size: 11px;

        

	color: #1b1b1b;

	display: block;

        margin: 0px;

	padding: 9px 15px 9px 15px;

	text-decoration: none;

        font-weight: bold;

        text-transform: uppercase;

	}







#subnav li a:hover, #subnav li a:active {



	color: #5ca12f;



	display: block;



        margin: 0px;



	padding: 9px 15px 9px 15px;

        

	}



	



#subnav li li a, #subnav li li a:link, #subnav li li a:visited {

        height: 20px;

	background: #FFFFFF;

	width: 170px;



	color: #666666;



	float: none;



	margin-top: 10px;



	padding: 5px 10px 5px 5px;



	border-bottom: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;



	



	}



	



#subnav li li a:hover, #subnav li li a:active {

        margin-top: 10px;

        height: 20px;

	background: #999999;



	color: #FFFFFF;



	padding: 10px 10px 5px 5px;	



	}



	



#subnav li ul {



	z-index: 9999;

	position: absolute;

	left: -999em;

	 height: 38px;

	width: 160px;

	padding: 0px;



	}







#subnav li li { 



	}







#subnav li ul a { 



	width: 160px;



	}







#subnav li ul a:hover, #subnav li ul a:active { 

background: #f0f0f0;

color: #5ca12f;

	}







#subnav li ul ul {



	margin: -25px 0 0 191px;



	}







#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul {



	left: -999em;



	}







#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover1 ul {



	left: auto;



	}







#subnav li:hover, #subnav li.sfhover { 



	position: static;



	}





/** END header **/







/** BEGIN content **/

#content {

	width: 630px;

	float: left;

	padding: 20px 0 10px;

}





/** BEGIN featured **/



#featured {	

	width:630px;

	height:280px;

	overflow: hidden;	

	margin-bottom:10px;

	border:#bbbbbb solid 1px;

background: #ffffff;

}



#featured .content {

	padding: 20px 10px 10px 15px;

	margin-bottom: 10px;

	border-bottom:none;

	

}

#featured .content img {

	float: left;

	margin-right:10px;

	width:250px; 

	height:200px;

	border:#d3d3d3 1px solid;

	padding:5px;

}

#featured .content .title{

	height:60px;

	}

#featured .content .title h2 {

	font-size:1.4em;

	font-weight:bold;

	margin-bottom: 0px;

	font:Verdana;

}

#featured .content .title h2 a {

	text-decoration: none;

}



#featured .content .title .details {

	padding-top: 5px;

	font-size: 0.9em;

	text-transform:capitalize;

	margin-bottom: 0;

	

}

#featured .content .title .details a {

	text-decoration: none;

	color:#bd5532;

	font-weight:bold;

	font-style:italic;

}



#featured .content p {

	line-height: 1.4em;

	margin-bottom: 10px;

}



#featured .content .author {	

	float:left;

	margin-bottom:10px;	

}



#featured .content span {

	font-style:italic;

	color:#808080;

}





/** END featured **/



	#content .post {

		width: 288px;

		float: right;

		padding: 10px 10px 15px;

		border: 1px solid #bbbbbb;

		background: #Ffffff;

		margin-bottom: 10px;

	}

		#content .post h3 {

			margin-bottom: 10px;

			font-size: 1.2em;

		}

			#content .post h3 a {

				color: #5ca12f;

				text-decoration: none;

			}

                #content .post h3 a:hover {

				text-decoration: underline;

			}



		#content .post img {

			width: 90px; height: 90px;

			padding: 4px;

			

			float: left;

			margin: 0 10px 15px 0;

		}

		#content .post p {

			line-height: 1.4em;

			font-size: 0.9em;

		}

		#content .post .category {

			clear: both;

			font-weight: bold;

			float: left;

			font-size: 0.9em;

			padding-top: 10px;

		}

		#content .post .comments {

			font-weight: bold;

			float: right;

			font-size: 0.9em;

			padding-top: 10px;

		}



                #content .post .readmore {

			text-indent: -9999px;

			width: 99px; height: 25px;

			outline: none;

			background: url(images/readmore.gif) no-repeat 0 0;

			margin: 10px 0 5px 183px;

			display: block;

		}









	#content .uneven {

		float: left;

		clear: both;

	}

	#content .postnav {

		clear: both;

		padding: 10px 0;

	}

		#content .postnav ul {

			list-style-type: none;

			padding: 10px;

		}

			#content .postnav ul li {

				float: left;

				color: #B5B4BC;

				padding: 4px;

			}

			#content .postnav ul li a {

				color: #636363;

				text-decoration: none;

				display: block;

				padding: 2px 6px;

				border: 1px solid #E2E2E2;

			}

			#content .postnav ul li a:hover {

				border-color: #ffffff;

			}

			#wp_page_numbers ul {

				border-top: 0 !important;

			}

			#wp_page_numbers .page_info {

				padding: 3px 6px !important;

				margin-right: 2px;

				border: 1px solid #e0e0e0 !important;

				margin-top: 4px;

			}

			#wp_page_numbers .active_page a {

				background-color: #ffffff !important;

				border: 0 !important;

			}

/** END content **/



/** BEGIN sidebar **/

#sidebar {

	width: 330px;

	float: right;

	padding: 20px 0 10px;

}

	#sidebar ul {

		list-style-type: none;

		margin-bottom: 15px;

	}

		#sidebar ul li {

			line-height: 1.4em;

			padding: 2px 0;

		}

		#sidebar ul li a {

			color: #000000;

			text-decoration: none;

		}

		#sidebar ul li a:hover {

			color: #5ca12f;

			text-decoration: underline;

		}

	#sidebar .box {

		border: 1px solid #bbbbbb;

		background-color: #ffffff;

		margin-bottom: 10px;

	}

		#sidebar .box h2 {

			background: url(images/sidehead.gif) repeat-x;

			padding: 12px 10px;

			font-size: 0.9em;

			text-transform: uppercase;

		}

		#sidebar .box .sponsors {

			text-align: center;

			padding-top: 15px;

                        padding-bottom: 15px;

		}

			

		#sidebar .box .popular {

			list-style-type: none;

			padding: 14px;

		}

			#sidebar .box .popular li {

				line-height: 1.4em;

				padding: 4px 0;

			}

			#sidebar .box .popular li a {

				font-weight: bold;

				color: #1e1e1e;

				text-decoration: underline;

			}

                        #sidebar .box .popular li a:hover {

				font-weight: bold;

				color: #5ca12f;

				text-decoration: underline;

			}

			#sidebar .box .popular li p {

				padding: 4px 0;

			}

		

		#sidebar .box .video {

			padding: 15px 17px;

		}

		#sidebar .box .tags {

			padding: 15px;

		}

			#sidebar .box .tags a {

				color: #000000;

				text-decoration: none;

			}

			#sidebar .box .tags a:hover {

				color: #5ca12f;

				text-decoration: underline;

			}

	

#sidebar .flickr { 

width:310px; 

padding-top: 10px;

margin:0 auto; 

height:200px; 

}



#sidebar .flickr a img { 

float:left; 

margin:5px 0 0 5px; 

border:4px solid #555; 

width:88px; 

height:73px!important; 

}



#sidebar .flickr a:hover img { 

border:4px solid #222; 

}



/** END sidebar **/



/** BEGIN footer **/

#footer {

	clear: both;

	background: #111111 url(images/footer.gif) repeat-x;

	padding-top: 14px;

	height: 25px;

	font-size: 10px;

}

	#footer .wrapper {

		width: 970px;

		margin: auto auto;

		text-align: left;

	}

	#footer p {

float: left;

		color: #ffffff;

	}

	#footer a {

		color: #ffffff;

	}

	





#footer .subscribe{

float: right;





}



#footer .subscribe a {

padding-left: 10px;

color: #ffffff;

text-decoration: none;

}



#footer .subscribe a:hover {

text-decoration: underline;

}



/** END footer **/



/** BEGIN miscellaneous **/

#content .single {

	background: #ffffff url(images/single.gif) repeat-x 0 0;

	padding: 12px;

	border: 1px solid #bbbbbb;

	margin-bottom: 10px;

}

	#content .single h2 {

		font-size: 0.9em;

		text-transform: uppercase;

		margin-bottom: 20px;

	}

	#content .single p {

		line-height: 1.5em;

		margin-bottom: 10px;

	}

	#content .single ul, #content .single ol {

		list-style-position: inside;

		margin-bottom: 10px;

	}

	#content .single li {

		line-height: 1.5em;

		padding: 2px 0;

	}

	#content .single blockquote {

		padding: 10px 10px 5px;

		margin-bottom: 10px;

		background-color: #eeeeee;

		border-width: 1px 0;

		border-style: solid;

		border-color: #e0e0e0;

	}

	#content .single h3, #content .single h4, #content .single h5, #content .single h6 {

		font-size: 1.2em;

		margin-bottom: 5px;

	}

#comments {

	background: #ffffff url(images/comment.gif) repeat-x 0 0;

	padding: 12px;

	border: 1px solid #bbbbbb;

	margin-bottom: 10px;

}

	#comments a {

		text-decoration: none;

	}

	#comments h2 {

		font-size: 0.9em;

		text-transform: uppercase;

		margin-bottom: 20px;

		clear: both;

	}

	#comments p {

		margin-bottom: 10px;

		line-height: 1.6em;

	}

	#comments form {

		

	}

	#comments form p {

		margin-bottom: 5px;

	}

		#comments form input {

			margin-right: 5px;

		}

		#comments form input, textarea {

			border: 1px solid #cccccc;

			font-size: 0.9em;

			font-family: Verdana;

			padding: 4px;

			background-position: 4px 4px;

			background-repeat: no-repeat;

		}

		#comments form input {

			width: 240px;

			border: 1px solid #cccccc;

		}

		#comments form textarea {

			width: 350px;

			padding: 4px 4px !important;

			border: 1px solid #cccccc;

		}

		#comments form button {

			border: 1px solid #a0a0a0;

			font-size: 1em;

			font-family: Verdana;

			padding: 2px 6px;

		}

	.commentdetails {

		margin-top: 25px;

	}

	.commentauthor {

		margin-bottom: 5px !important;

		font-weight: bold;

	}

	.commentdate {

		font-size: 0.8em;

		margin-bottom: 5px;

		color: #909090;

	}

	.required {

		color: #ff0000;

	}

h2.title {

	font-size: 1em !important;

	text-transform: uppercase;

	padding-bottom: 20px;

}

.notfound {

	padding: 40px;

}

	.notfound h2 {

		font-size: 18px;

		font-weight: normal;

		margin-bottom: 10px;

	}



/** END miscellaneous **/



/** BEGIN wordpress 2.7 comments **/

#comments ol {

	list-style-type: none;

	clear: both;

	padding: 0;

	margin: 0;

}

	#comments .buffer {

		padding: 10px;

	}

	#comments ol li {

		margin-bottom: 10px;

	}

	#comments ol li ul li {

		border: 1px solid #e0e0e0;

		padding: 10px;

	}

	#comments ol li .avatar {

		float: right;

	}

	#comments ol li .comment-author {

		

	}

		#comments ol li .comment-author .fn {

			font-weight: bold;

			font-size: 1.2em;

		}

	#comments ol li .comment-meta {

		font-size: 0.9em;

		color: #999999;

		margin: 5px 0 10px;

	}

	#comments ol li .reply {

		font-size: 0.9em;

		font-weight: bold;

		padding-bottom: 10px;

	}

	#comments .children {

		list-style-type: none;

	}

#comments .navigation {

	padding: 0 0 40px;

	font-size: 0.9em;

}

	#comments .navigation a {

		color: #999999;

		padding: 3px 8px;

		border: 1px solid #cccccc;

	}

	#comments .navigation a:hover {

		color: #000000;

		border-color: #000000;

		text-decoration: none;

	}

#comments .says {

	display: none;

}





/* bookmark */







#post_social_bookmark {



	display: block;



	font-size: 12px;



	margin: 0px;



	padding: 0px 0px;



	text-align: justify;



	color: #666666;



}



#post_social_bookmark img {



	float: left;



	width: 35px;



	height: 35px;



	border: 0;



	display: inline;



}



#post_social_bookmark a {



	float: left;



	display: inline;



	margin: 2px;



	padding: 5px;



}



#post_social_bookmark a:hover {



	background-color:#ffffff;



}



#block1{



font-size: 10px;



float:left;



width:515px;



height:51px;



background:#e5e8d6;



border:1px  dotted #CCCCCC;



margin-left: 10px;



margin-bottom: 10px;



margin-top: 0px;



padding-top:2px;



padding-left:11px;



padding-right:16px;



}

/** END wordpress 2.7 comments **/