/*

Theme Name: PerfectPixel

Version: 1.2

Theme URI: http://themeforest.net/

Description: Designed by <a href="http://themeforest.net/user/system32">system32</a>.

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:0px 10px 20px 0;

	z-index:2;

	}





.content {

	padding:5px 0px 15px 0px;

	margin-bottom:50px;

	z-index:1;

	}



html, body { height:100%;}



.container_12 { min-height:100%; height:auto !important; height:100%; overflow:hidden;}



.menu {

	margin-top:20px;

	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{  }



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

	}



#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(ajax-loader.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;

		line-height:normal;

		}

						

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

}

.hover_video{

			position: absolute;

		



background:transparent url(images/video.png) no-repeat center center;

}



 .hover_image{position: absolute;



background:transparent url(images/magnify.png) no-repeat center center;

}

a img, a:hover img {

position:relative;

z-index:2;

}





ul.services			{ list-style:none; }

ul.services	li		{ margin-bottom:40px; }

ul.services	p,

ul.services	h3 		{ padding-left:120px; }



li#icon1			{ background:URL(http://wpdemo.bannersmonster.com/perfectpixel/wp-content/themes/perfectpixel/images/icon1.png) 30px 0 no-repeat; }

li#icon2			{ background:URL(http://wpdemo.bannersmonster.com/perfectpixel/wp-content/themes/perfectpixel/images/icon2.png) 30px 0 no-repeat; }

li#icon3			{ background:URL(http://wpdemo.bannersmonster.com/perfectpixel/wp-content/themes/perfectpixel/images/icon3.png) 30px 0 no-repeat; }

li#icon4			{ background:URL(http://wpdemo.bannersmonster.com/perfectpixel/wp-content/themes/perfectpixel/images/icon4.png) 30px 0 no-repeat; }