/*
Theme Name: PerfectPixel
Theme URI: http://themeforest.net/
Description: Designed by <a href="http://themeforest.net/user/system32">system32</a>.
Version: 1.1
Author: <a href="http://themeforest.net/user/system32">system32</a>
Author URI: http://themeforest.net/user/system32
Tags: space, fixed width, two columns, widgets
*/



/*-------------------------------------------------------------------------

General	

-------------------------------------------------------------------------*/

html,	 	body, 
div, 		span, 
small, 		object, 
iframe, 	h1, h2, h3, h4, h5, h6, 
pre, 		a, 
abbr, 		blockquote, 
acronym, 	address, 
code, 		del, 
dfn, 		dl, dt, dd, 
em, 		img, 
q, 			ol, ul, li, 
fieldset, 	form, 
label, 		legend, 
caption, 	tbody, tfoot, thead, 
b, 			p 
	{
	border : 0;
	font-family : inherit;
	}


/*-------------------------------------------------------------------------

layout & menu

-------------------------------------------------------------------------*/


#sidebar {
	padding:15px 10px 20px 0;
	z-index:2;
	}


.content {
	padding:50px 0px 15px 0px;
	margin-bottom:50px;
	z-index:1;
	}


.menu {
	margin-top:40px;
	margin-bottom:20px;
	line-height:1%;	
	}

#sidebar .widgets { padding-top:20px;}
#sidebar .widgets ul { margin:0 0 20px 0;}
#sidebar .widgets ul ul { margin:0 0 0 0;}
#sidebar .widgets ul li { padding:3px 0; }
#sidebar .widgets ul li a{ color:#666; }

#sidebar .widgets li.current_page_item a, .subnav li.current-cat a{
			font-weight:bold;
			text-decoration:none;
			}

#sidebar .widgets li a:hover{
			text-decoration:underline;
			}
										
#sidebar .widgets li ul							 	{ padding-left:10px; 		border-left:1px solid #ddd;}
#sidebar .widgets li ul ul 							{ padding-left:15px;}
#sidebar .widgets li ul ul ul 						{ padding-left:20px;}
#sidebar .widgets li ul ul ul ul 					{ padding-left:25px;}



/*-------------------------------------------------------------------------

Comments	

-------------------------------------------------------------------------*/



ol.commentlist {
	margin;0 !important;
	padding:0 !important;
	}

ol.commentlist li 	{
	margin-left:0px !important;
	}

.commentlist li, 
#commentform input, 
#commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li ul li {
	font-size: 1em;
	}

.commentlist li {
	background: #FFFFFF;
	border: 1px solid #dddddd;
	font-weight: bold;
	padding: 8px;
	}

.commentlist li .avatar {
	background: #fff;
	border: 1px solid #eee;
	float: right;
	padding: 2px;
	}

.commentlist cite, 
.commentlist cite a 	{
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#commentform input {
	margin: 5px 5px 1px 0;
	padding: 2px;
	width: 170px;
	}

#commentform {
	margin: 5px 10px 0 0;
	}

#commentform textarea {
	padding: 2px;
	width: 95%;
	}


#respond:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

#commentform #submit {
	margin: 0 0 5px auto;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	margin:0;
	text-align: justify;
	}

.commentlist li {
	list-style: none;
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	}

.commentlist li ul li {
	margin-left: 10px;
	margin-right: -5px;
	}

ul.children {
	margin-right: 5px;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

.children {
	padding: 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	margin: 0;
	padding: 0;
	text-align: center;
	}

.commentmetadata {
	display: block;
	margin: 0;
	}


/*-------------------------------------------------------------------------

Testimonial Block	

-------------------------------------------------------------------------*/

.client {
	text-align:left !important;
	color:#fff;
	}

.bottomblog {
	border-top:1px solid #ccc;
	padding:3px 0;
	margin:10px 0;
	overflow:hidden;
	height:100%;
	border-bottom:1px solid #ccc;
	}


/*-------------------------------------------------------------------------

Search Box

-------------------------------------------------------------------------*/

.search-box { 
		height: 40px; 
		padding: 5px 0 0 0px; 
		width: auto; 
		margin:10px 30px 10px 0px; 
		float:right; 
		}

	* html .search-box { 
		margin-top: 10px; 
		}

	*:first-child+html .search-box { 
		margin-top: 10px; !important; 
		}
	
	input.search-field { 
		background:#f0f0f0; 
		border:1px inset #fff;
		width:170px; 
		height:20px; 
		float:left; 
		margin:0px; 
		font:normal 11px verdana, arial, sans-serif;
		padding: 2px 0px 0px 8px; 
		}

	input.search-go  { 
		float:left; 
		height:24px; 
		width:24px; 
		border:0; 
		margin:0 0 0 5px; 
		padding:0; 
		background:url(images/search-on.gif) no-repeat top left; 
		cursor: pointer; 
		}

	input.search-go:hover { 
		background:url(images/search-hover.gif) no-repeat bottom left; 
		}





/*------------------------------------------------------------------------

Contact form

-------------------------------------------------------------------------*/

#contactform {
	width:500px;
	-moz-border-radius:5px;
	margin-left:auto;
	margin-right:auto;
	}

#contactform form {
	font:normal 11px/18px Verdana,Tahoma;
	margin:0 0;
	padding:0;
	margin-top:20px;
	width:100%;
	}

#contactform fieldset {
	padding:10px 0;
	margin:0 0 15px 0;
	background:#fff;
	border:1px solid #ddd;
	-moz-border-radius:5px
	}


#contactform fieldset legend {
	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	border:0px solid #ddd;
	}

#contactform fieldset legend span {
	font:normal 10px/18px Arial,Verdana,Tahoma;
	text-transform:uppercase;
	display:block;
	}

#contactform form label {
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
	}

#contactform input.inpt, #contactform textarea, #contactform select {
	width:260px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #ddd;
	}

#contactform form br {
	clear:left;
	}

#contactform input.required {
	background:#f5f5f5 url('images/required.gif') center right no-repeat;
	}

#contactform .select select:focus {
	border-color: #9b9b9b;
	}

#contactform form input.btn 	{
	background:none;
	border:none;
	}

#contactform form.c1 input:hover,textarea:hover	{
	border:1px solid #d8d8d8;
	}

#note {
	width:90%;
	margin:0 auto; 
	}


/*-------------------------------------------------------------------------

Notice Boxes

-------------------------------------------------------------------------*/

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				padding:10px;
				font-size:10px;
				color:#000;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
			}



div#sliderload {    /* image container */
	height:312px;
	width:auto; 
	}

div#sliderload.sliderpanel {    /* loading anim gif */
	background: url(../images/loading.gif) no-repeat center center;
	}




/*-------------------------------------------------------------------------

Blog Posts

-------------------------------------------------------------------------*/
	

.entry	{
		padding:20px 0;
		clear:both;
		}

		
		.entry .post-info	{
							margin:8px 0;
							}
		
			.entry ul, .entry ol	{
									margin:0;
									padding:10px 0 20px 0;
									}		


div.excerpt {
	height:100%;
	}		

	.excerpt h2	{
		margin-bottom:10px;
		}
						
	.excerpt h2 a	{
		background:none;
		}

	.postimg {
		margin-bottom:20px;
		}


/*-------------------------------------------------------------------------

WP Pagination

-------------------------------------------------------------------------*/


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 8px 10px !important; 
	margin: 2px;
}
.wp-pagenavi a:visited {
	padding: 8px 10px !important; 
	margin: 2px;
}
.wp-pagenavi a:active {
	padding: 8px 10px !important; 
	margin: 2px;
}
.wp-pagenavi span.pages {
	padding: 8px 10px !important; 

}
.wp-pagenavi span.current {
	padding: 8px 10px !important; 
	margin: 2px;
}
.wp-pagenavi span.extend {
	padding: 8px 10px !important; 
	margin: 2px;	
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000;
	color: #000;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000;
	color: #000;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #cccccc;
	color: #cccccc;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000;
	color: #000;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #cccccc;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #cccccc;
	color: #cccccc;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #cccccc;
	color: #cccccc;
	background-color: #FFFFFF;
}