/*
Theme Name: Paijo
Author: pithoe.com
Author URI: http://www.pithoe.com/
*/

* {
	margin: 0; padding: 0;
}
body {
	text-align: left;
	font: 12px Arial;
	color: #636363;
	background: url(images/background-body2.gif) repeat-x 0 0;
}

a {
	color: #9d5904;
        text-decoration: none;
}
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: 940px;
	margin: auto auto;
	text-align: left;

}
/** END wrapper **/

/* header */
#header {
width: 950px;
margin: auto;
height: 67px;

}
	

#header .pages {
list-style-type: none;
float: right;
margin-top: 5px;
height: 0px;
}
		
#header .pages li {
float: left;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
}


#header .pages li a {
color: #ffffff;
text-decoration: none;
display: block;
padding: 0px 10px 0px 20px;
}

#header .pages li a:hover {
color: #f9cc0f;
text-decoration: none;
}
	
#header h1 {
clear: both;
float: left;
font-size: 0;
padding: 0px 0 0px 7px;

}

#header h1 a {
display: block;
margin-top: 0px;
width: 400px; height: 40px;
background: url(images/logo.png) no-repeat 0 0;
text-indent: -9999px;
outline: none;

}


#featured{ 
	width: 400px; 
	padding-right: 215px; 
	position: relative; 
	height: 250px; 
	background: #222;
	}
	
#featured ul.ui-tabs-nav{ 
	position: absolute; 
	top: 0px; 
	left: 400px; 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	width: 215px; 
	background: #333;
	color: #fff;
}

#featured ul.ui-tabs-nav li{ 
	margin: 0px;
	padding: 0px 0px 1px 0px; 
	font-size: 12px; 
	color: #666; 
	background: none;
	}
	
#featured ul.ui-tabs-nav li img{ 
	float: left; 
	margin: 2px 5px; 
	background: #fff; 
	padding: 2px; 
	border: 1px solid #eee;
	}
	
#featured ul.ui-tabs-nav li span{ 
	font-size: 12px;
	line-height: 16px; 
	}
	
#featured li.ui-tabs-nav-item a{ 
	display: block; 
	height: 72px; 
	padding: 10px 10px 0px 7px;
	color:#fff;  
	background:#444; 
	}
	
#featured li.ui-tabs-nav-item a:hover{ 
	background: #555; 
	color: #fff;
	}
	
#featured li.ui-tabs-selected{ 
/*	background:url('images/selected-item.gif') top left no-repeat;  */	
	padding: 0px 0px 1px 0px; 
	}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: #333; 
	}
	
#featured .ui-tabs-panel{ 
	width: 400px; 
	height: 248px; 
	background: #000; 
	margin: 0px;
	padding: 0px;
	position: relative;
	}
	
#featured .ui-tabs-panel .info{ 
	position: absolute; width: 390px; 
	top: 180px; 
	left: 0px; 
	height: 67px; 
	background: #111; 
	opacity: .75;
	filter: alpha(opacity=75);

	padding: 3px 5px 0px 5px;
	margin: 0px;	
	}
	
#featured .info h2{ 
	font-size: 18px; 
	color: #fff; 
	padding: 5px; 
	overflow: hidden; 
}

#featured .info p{ 
	margin: 0px 5px; 
	font-size: 12px; 
	line-height: 15px; 
	color: #f0f0f0;
	padding: 0px;	
	}
	
#featured .info a{ 
	text-decoration: none; 
	color: #fff; 
	}
	
#featured .info a:hover{ 
	text-decoration: underline; 
	}
	
#featured .ui-tabs-hide{ 
	display: none; 
	}



/** BEGIN content **/

#content {

	width: 625px;

	float: left;

	padding: 27px 0 10px;

}

#content .feature{
border: 4px solid #dddddd;
margin-left: 2px;
margin-bottom: 10px;
}

	#content .post {

		width: 279px;

		float: left;

		padding: 10px 15px 15px 10px;

		border: 3px solid #dddddd;

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

		margin-bottom: 2px; margin-left: 2px;

	}


		#content .post h3 {

			margin-bottom: 10px;

			font-size: 12px;

		}

			#content .post h3 a {

				color: #000000;

				text-decoration: none;

			}









		#content .post img {

			width: 90px; height: 90px;

			padding: 4px;

			border: 1px solid #cccccc;

			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 .uneven {

		float: left;

		clear: both;

	}

	







#content .single {

padding: 0px 10px 10px 5px;



	}





		#content .single h2 {
			
		}





               #content .single p {

			margin-bottom: 10px;

			text-transform: none;

		}



#content .single .info {
line-height: 1.5em;
margin-bottom: 10px;
padding-top: 5px;
border-bottom: 1px solid #f1f1f1;
}



#content .single .info p{
color: #e5601a;
}

#content .single .info p a {
color: #000000;
}





                #content .single .line {

			border-top: 1px dotted #cccccc;

                        margin-bottom: 15px;

		}

	        #content .single .info a {

                color: #4c99eb;

		}



		#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;

		}









/** END content **/


/** BEGIN sidebar **/
#sidebar {
	width: 310px;
	float: right;
	padding: 10px 0px 0 1px;
        margin-top: 20px
}




/* Search Form*/



#searchdiv {

	margin: 0px;

	padding: 0px;

	}

	

#searchform {

	margin-bottom: 10px;

	padding: 0px 0px 0px 0px;

	}

	

#searchbox {

	background: #e6e6e6;

	width: 265px;

	color: #000000;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	padding: 3px;

	margin: 0px 0px 0px 0px;

	border: 1px solid #999999;

	}

	

#searchbutton {

	background: #999999;

	color: #CCCCCC;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	padding: 2px;

	margin: 0px;

	border: 1px solid #0E1016;

	}





#sidebar .flickr { 
width:286px; 
margin:0 auto; 
height:200px; 
}

#sidebar .flickr a img { 
float:left; 
margin:5px 0 0 5px; 
border:4px solid #555; 
width:80px; 
height:73px!important; 
}

#sidebar .flickr a:hover img { 
border:4px solid #222; 
}


#sidebar .boxy {
		margin-bottom: 10px;
	}
		#sidebar .boxy h2 {
			
			font-weight: bold;
			font-size: 0.9em;
			font-family: Verdana;
			color: #000000;
			text-transform: uppercase;
			padding: 7px 5px 7px 10px;
                        background-color: #f1f1f1;
                        border: 1px solid #dddddd;
		}
		#sidebar .boxy ul {
			padding: 0px 0px 0px 0px;
			list-style-type: none;
		}

			#sidebar .boxy ul li {
				line-height: 1.4em;
                                background-color: #ffffff;
                        padding: 4px 0 4px 20px;
			
                                border-bottom: 1px solid #c7c5c5;

                                
			}






#sidebar .boxx {
		margin-bottom: 10px;
	}
		#sidebar .boxx h2 {
			
			font-weight: bold;
			font-size: 0.9em;
			font-family: Verdana;
			color: #000000;
			text-transform: uppercase;
			padding: 7px 5px 7px 10px;
                        background-color: #f1f1f1;
                        border: 1px solid #dddddd;
		}
		#sidebar .boxx ul {
			padding: 0px 0px 0px 0px;
			list-style-type: none;
		}

			#sidebar .boxx ul li {
				line-height: 1.4em;
                                background-color: #ffffff;
                                border-bottom: 1px solid #c7c5c5; 
                        padding: 4px 0 4px 10px;
			

                                
			}

                        #sidebar .boxx ul li:hover {
			background-color: #e3e2e2;
			}

			#sidebar .boxx ul li a {
				color: #636363;
				text-decoration: none;
			}
			#sidebar .boxx ul li a:hover {
				color: #9d5904;
				
			}








	#sidebar .box {
		margin-bottom: 10px;
	}
		#sidebar .box h2 {
			background-color: #f1f1f1;
			font-weight: bold;
			font-size: 0.9em;
			font-family: Verdana;
			color: #000000;
			text-transform: uppercase;
			padding: 7px 5px 7px 10px;
                        border: 1px solid #dddddd;
                    
		}
		#sidebar .box ul {
			padding: 0px 0px 0px 0px;
			list-style-type: none;
		}

			#sidebar .box ul li {
				line-height: 1.4em;
                                background-color: #f2f2f2;
                                border-bottom: 1px solid #c7c5c5;
                        padding: 4px 0 4px 20px;
			background: url(images/categories.gif) no-repeat 0 5px;
                        border-left: 1px solid #c7c5c5;
                        border-right: 1px solid #c7c5c5;  
			}

                        #sidebar .box ul li:hover {
			background-color: #e3e2e2;
			}

			#sidebar .box ul li a {
				color: #636363;
				text-decoration: none;
			}
			#sidebar .box ul li a:hover {
				color: #9d5904;
				
			}
	#sidebar .ads {
		padding: 10px 3px;
		border: 1px solid #EAEAEA;
	}
		#sidebar .ads img {
			margin: 6px;
		}
	
	#sidebar .popular {
		padding: 5px 10px;
		border: 1px solid #EAEAEA;
		list-style-type: none;
	}
		#sidebar .popular li {
			padding: 5px 0;
			line-height: 1.4em;
		}
		#sidebar .popular li a {
			font-weight: bold;
			color: #9d5904 !important;
			text-decoration: underline !important;
		}
		#sidebar .popular li p {
			padding-top: 5px;
		}
	#sidebar .flickr {
		padding: 5px 10px;
		border: 1px solid #EAEAEA;
	}
		#sidebar .flickr img {
			margin: 5px 8px;
		}
	#sidebar .video {
		padding: 5px 0 5px 3px;
		border: 1px solid #EAEAEA;
	}
	#sidebar .tags {
		padding: 5px 10px;
		border: 1px solid #EAEAEA;
	}
		#sidebar .tags a {
			color: #636363;
			text-decoration: none;
		}
		#sidebar .tags a:hover {
			color: #9d5904;
			text-decoration: underline;
		}
	#sidebar .l {
		width: 145px;
		float: left;
	}
	#sidebar .r {
		width: 145px;
		float: right;
	}


.rssfeed{
padding:0px;
margin:0px;
height:16px;
background:url(images/rss.gif) no-repeat left;
}

.twitter{
padding:0px;
margin:0px;
height:16px;
background:url(images/twitter.gif) no-repeat left;
}

.facebook{
padding:0px;
margin:0px;
height:16px;
background:url(images/facebook.gif) no-repeat left;
}



/** END sidebar **/
/* comment */
#main_content .comment_list {
float: left;

display: inline;

padding: 15px 15px 0 5px;
}

.comment_list h4 {
float: left;
padding: 0 14px 0 0px;
margin: 0px 0px 5px 10px;
text-transform: uppercase;
color: #333333;
font-size: 11px;
letter-spacing: 1px;

}

.comment_list .comment_box {
float: left;
width: 590px;

padding: 10px 0px 10px 0px;
display: inline;

}

.comment_box .comment_avatar {
float: left;
width: 60px;
display: inline;
margin-left: 10px;
}

.comment_box img {
width: 50px;
height: 50px;
padding: 3px;
background-color: #f1f1f1;
border: 1px solid #ccc;
}

.comment_box .comment_content {
float: right;
width: 500px;
display: inline;
line-height: 1.5;
padding-top: 15px;
border-bottom: 1px dotted #dddddd;
}

.comment_content a {
color: #000000;
text-decoration: none;	
}

.comment_content a:hover, .comment_content a:active, .comment_content a:focus {
text-decoration: underline;
}

.comment_content .comment_title {
float: left;
width: 550px;
display: inline;
font-weight: bold;
}

/* comment form */
#main_content .comment_form {
float: left;
width: 545px;
display: inline;

margin: 3px 5px 10px 10px;
padding: 15px 15px 15px 15px;
}
.comment_form a {
	color: #cc0000;
	text-decoration: none;
}
.comment_form a:hover, .comment_form a:active, .comment_form a:focus {
	text-decoration: underline;
}
.comment_form p {
	float: left;
	width: 545px;
	display: inline;
	margin: 0 0 0 10px;
	padding: 0px;
}
.comment_form .comment_item_full {
	float: left;
	width: 545px;
	display: inline;
	margin: 0 0 0 10px;
	padding: 5px 0px;
}
.comment_form .comment_item {
	float: left;
	width: 545px;
	display: inline;
	margin: 0px;
	padding: 5px 0px 10px 0px;
	overflow: hidden;
}
.comment_form .comment_control {
	float: left;
	width: 545px;
	display: inline;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
.comment_item .comment_item_title {
	float: left;
	display: inline;
	width: 70px;
	padding: 3px 0px 0px 0px;
	font-weight: bold;
}
.comment_item .comment_item_title2, .comment_item_full .comment_item_title2 {
	float: left;
	display: inline;
	width: 545px;
	padding: 3px 0px 3px 0px;
	font-weight: bold;
}
.comment_item .text_area_style {
	background: none;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 0px 2px;
	width: 182px;
	height: 18px;
	outline: none;
	color:#666666;
	font-size:12px;
}
.comment_item .text_area_style2, .comment_item_full .text_area_style2 {
	background: none;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 0px 2px;
	width: 535px;
	height: 120px;
	outline: 0;
	color:#666666;
	font-size:12px;
}
.comment_control .submit_btn {
	width:120px;
	height:30px;
	float: left;
	border:none;
	background: #222222; 
	cursor:pointer;
	position:relative;
	display: inline;
	margin: 0px 10px 0px 15px;
	color: #ffffff;
	font-size: 10px;
	text-transform: uppercase;
}
.comment_control .reset_btn {
	width:120px;
	height:30px;
	float: left;
	border:none;
	background: #222222; 
	cursor:pointer;
	position:relative;
	display: inline;
	margin: 0px 10px 0px 15px;
	color: #ffffff;
	font-size: 10px;
	text-transform: uppercase;
}



#footer{
align: bottom;
height: 40px;
background: url(images/background-body2.gif) repeat-x 0 0;
color: #ffffff;
padding: 10px 0 0 0;
}

#footer p {
text-decoration: none;
color: #ffffff;
text-align: center;
}

#footer a {
text-decoration: none;
color: #fc6802;
text-align: center;
}

#block{
float:left;
width:580px;
height:21px;
background:#EEEEEE;
border:1px solid #CCCCCC;
margin-left: 5px;
margin-bottom: 5px;
padding-top:8px;
padding-left:11px;
padding-right:16px;
}


/* 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:#eeeeee;

}

#pagenavigation{
margin: 15px 0 10px 10px;
}