/*  

Theme Name: okupati

Theme URI: http://www.okupati.com/

Description: okupati

Version: 1.0

Author: okupati

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

*/



/*************************************

 +Containers

 *************************************/

body{

	background:#ffff;

	border-top:10px solid #333;

	color:#555;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:62.5%;

	line-height:1.5;

	margin:0;

	padding:0;

	text-align:center;

}



p{

	/*text-indent: 5em;*/

	text-align: justify;

}



blockquote{

	color: #666666;

	background-color: #E7EDCF;

	border: 1px solid #A8A8A8;

	margin: 10px;

	padding: 10px;

}



.code {

	font-family: Courier, 'Courier New', sans-serif; font-size: 14px; color: #006600;

	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;

	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

	word-wrap:break-word; width:500px; overflow:auto; padding:5px;

        text-align: left;

}



/* Begin Images */



p img {



	padding: 0;



	max-width: 100%;



	}

	

#imgres {

	padding: 0.2em;

	height: 5em;

	width: 9em;

	border: 0.1em solid #A8A8A8;

	margin-top: 0.1em;

	margin-right: 0.1em;

	margin-bottom: 0.1em;

	margin-left: 0.1em;

}	





/*	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 {



        padding: 4px; 



	display: block;



	margin-left: auto;



	margin-right: auto;



        border: 1px solid #CCCCCC;



	}



	



img.alignright {



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



        border: 1px solid #CCCCCC;



	}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



    border: 1px solid #CCCCCC;



	}







.alignright {



	float: right;



	}



	



.alignleft {



	float: left



	}



/* End Images */

#wrap{

	margin:0 auto;

	text-align:left;

	width:88em;	

}

#content{

	font-size:1.2em;

	float:left;

	padding:1em;

	width:44em;

}

#sidebar{

	font-size:1.1em;

	float:right;

	padding-top:2em;

	width:28em;	

}



#sideleft 

{

	float: left;

	width: 12em;

/*	border: 1px solid #333333;*/

	text-align: left;	

}



#sidemiddle 

{

	float: left;

	width: 11em;

/*	border: 1px solid #333333;*/

	margin-left: 1em; 

	text-align: center;

}



#sideright

{

	float: right;

	width: 11em;

	text-align: right;

/*	border: 1px solid #333333;*/

/*	margin-left: 1em; */

/*	padding-right: 1em;*/

}



#header{

	padding:3em 1em;

/*        float:left;  */

}



#reklam1{

	padding:3em 1em;

        float:right;

}



#reklam1 img{

   text-decoration: none;

   border: none;

}



#reklam1 a:hover{

    text-decoration: none;

	/*color:#CC0000;*/

}



#footer{

	background:#333;

	border-top:1px solid #777;

	color:#888;

	clear:both;

	font-size:0.9em;

	padding:0.5em;

}

/*************************************

 +Hn and p

 *************************************/

h1, h2, h3{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight:normal;

	letter-spacing: -1px;

	margin:0;

}

#header h1{

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size:3em;

	margin:0;

	margin-right:1em;

}

#header a{

	text-decoration: none;	/*color:#E87830;*/

}

#header a:hover{

    text-decoration: none;

	/*color:#CC0000;*/

}

#header p{

	color:#58BBEB;

	font-size:1.1em;

	margin:0;

	margin-top:-0.5em;

}



.logo h1 a{

	text-decoration: none;	/*color:#E87830;*/

	color: #003399;

}

.logo h1 a:hover{

    text-decoration: none;

	/*color:#CC0000;*/

}



.entrytitle h2{

	font-size:2em;

}

.entrytitle h2 a

{

	color:#FF00FF;

}

.entrytitle h2 a:hover{

	color:#58BBEB;

}

.entrytitle h3{

	font-size:1.5em;

	color:#999;

}



#sidebar h3{

	color:#555;

	font-size:1.5em;

	margin:1em 0;

}



#sidebar h2{

	color:#00D900;

	font-size:1.5em;

	margin:0.5em 0;

}

/*************************************

 +Entry

 *************************************/

.entry{

	margin-bottom:1em;

}



.entrymeta{

	font-size:0.9em;

}

.postedby{

	background:#fff url(./images/user.gif) no-repeat;

	padding:3px;

	padding-left:20px;

}

.filedto{

	background:#fff url(./images/post.gif) no-repeat;

	padding:3px;

	padding-left:20px;

}

.commentslink{

	background:#fff url(./images/packaged.gif) no-repeat;

	padding:3px;

	padding-left:20px;

}



.zirve ol li{

font-family: Georgia, "Times New Roman", Times, serif;

font-size:1.5em;

}



.zirve ol li a{

	color:#B4C24B;

}



.zirve ol li a:hover{

	color:#58BBEB;

}



/*************************************

 +Sidebar

 *************************************/

#sidebar ul{

	list-style-type:none;

	margin:0;

	padding:0;

}

#sidebar ul li{

	/*border-bottom:1px dotted #ddd;*/

	margin-bottom:0.3em;

	padding:0.3em;

}

/*************************************

 +Comments

 *************************************/

.commentsblock{

	margin:0.5em;

	padding:1em;



}

.commentsblock textarea{

	width:35em;

}

.commentsblock input, .commentsblock textarea{

	border:1px solid #d1d1d1;

}

.commentsblock textarea:focus{

	background:#eee;

	border:1px solid #a1a1a1;

}

.commentsblock textarea:focus, .commentsblock input:focus{

	background:#eee;

	border:1px solid #a1a1a1;

}

.commentauthor{

	display:block;

	font-size:1.5em;

}

ol.commentlist{

	color:#777;

	font-size:1em;

	list-style-type:none;

	margin:0;

	margin-top:1.5em;

	padding:0;

}

.commentlist li{

	margin-bottom:0.5em;

	padding:0.5em 1em;

}

.alt{

	background:#f3f5e9;

	border:1px dotted #d1d1d1;

	padding:0.5em;

}

h3#comments{

font-size:1.6em;

}



.comment{

	font-weight: bold;

}



/*************************************

 +Misc

 *************************************/

a{

	color:#9900FF;

	text-decoration:none;

}

a:hover{

	color:#00D900;
        text-decoration: underline;
 
}