/*

Theme Name: bizfolio

Theme URI: demos.banhawi.com/bizfolio

Description: A professional small business/portfolio theme

Version: 1.0

Author: Banhawi

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

*/



@import url('styles/reset.css');

@import url('styles/typography.css');



/* CUSTOMIZA��O DO FRIENDFEED */
#friendfeed {
	border: 0px solid white !important; 
}

body{
     font-family: helvetica, verdana, arial, sans-serif;
     }


#container{

	background: #FEFEFE url('images/bg.jpg') repeat-x top;

	min-height: 100%;

	padding-bottom: 10px;

}

#wrapper {

	margin: 0 auto;

	width:1000px;

}

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

************************HEADER*******************************/

#header {

	width: 1000px;

	height: 97px;

	margin: 0 auto;

	position: relative;

	padding-top: 30px;

}

p.rss {

	background:#ccc url('images/rss.jpg') no-repeat left;

	padding: 4px 5px 4px 25px;

	position: absolute;

	top:0;

	right: 0;

}

p.rss a:hover {

	font-weight: normal;

}

#header h1 a,#header h1 a:hover,#header h1 a:visited,#header h1 a:active {

	color:#333;

	text-decoration:none;

	font-weight: bold;

	display: inline;

	border-right: 1px #c3c3c3 solid;

	padding-right:10px;

}

span.description { 

	font-size:14px;

	font-style:italic;

	font-weight:lighter;

	color: #6f6f6f;

	margin-left: 10px;

	vertical-align: middle;

}

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

	************************NAVIGATION***********************/

		#menu {

			background: url('images/nav.png') no-repeat top;

			width: 995px;

			padding-left: 5px;

			height: 30px;

			position: absolute;

			bottom:2px;

			overflow: hidden;

		}

		#nav, #nav ul { 

			list-style: none;

			margin: 0;

			padding: 0;

		}

		#nav {

			z-index: 100;

			position: relative;

		}

		#nav a,#nav a:hover{

			text-decoration:none;

			font-weight: normal;

			color: #fff;

		}

		#nav li {

			float: left;

			margin: 0 5px 0 0;

			padding: 0;			

		}

		#nav li#current,#nav li#current a{

			color: #fff;

		}

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

			display: block;

			font-size:13px;

			padding:6px 10px;

			color:#fff;

			text-transform: capitalize;

		}



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

**************Featured Work Slider & Gray Area Under Header*******************/



.sleft li {
	list-style-type: none;
}

#fwork {

	width: 1000px;

	margin: 0 auto 30px auto;

}

img.portfolio{

	width: 1000px;

	height: 250px;

}

#smain {

	background: #EAEAEA;

	min-height: 105px;

	width: 1000px;

	margin: 0 auto 40px auto;

}

#smain h1{

	color: #666;

	padding-top: 25px;

	padding-left: 25px;

}



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

************************Content Area*********************************/



.titulo-home{

        color: #B75F95;

        margin-bottom: 10px;

        font-size: 24px;

        letter-spacing: 1px;

        }



#content{

	width:679px;

	float:left;

	padding-right: 20px;

	border-right: 1px #EAEAEA solid;

}

#full-content {

	width: 950px;

}

	.full-entry {

		padding: 10px;

	}

#testimonials {

    padding:10px;

	margin-bottom: 30px;

    position:relative;

    font-style: italic;

    display: none;

}

    .testimonials {

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

        font-family: Georgia;

        font-size: 16px;

        padding: 20px 35px 25px 35px;

    }

    .qoute2 p.by {

        padding-right: 40px;

        color: #999;

    }

	.qoute2 {

		background: url('images/blockquote2.png') no-repeat right bottom;

		height: 20px;

		float: right;

        position:absolute;

        bottom:10px;

        right:10px;

	}

.sleft{

	float:left;

	width:325px;



}

.sright{

	display: none;

        float:right;

	width:325px;

}

img.services {

	width: 85px;

	height: 70px;

	float: right;

	margin: 0 0 5px 5px;

	border: 2px #EAEAEA solid;

}

#content .post, #content .pagepost {

	width:680px;

	position: relative;

	margin-bottom: 20px;

	border-bottom: 4px #EAEAEA solid;

	padding-bottom: 20px

}



#content .pagepost {

	border-bottom: 0;

}

#content .post h2,#content .post h2 a:hover, #content .post h2 a:visited, #content .post h2 a,h2.pf a,h2.pf a:hover {

	font-size: 21px;

	margin-bottom: 10px;

	font-weight : normal;

	text-decoration : none;

}

#content .post ul, #content .post ol,#content .pagepost ul,#content .pagepost ol {

	margin-left : 25px;

}

#content .entry {

	width: 640px;

	margin-left: 40px;

}

#content .c {

	padding: 0 5px;

}

#content .sentry {

	width: 680px;

	margin: 0;

	padding: 0 10px;

}

#content .date {

	width: 20px;

	position: absolute;

	top:0;

	left: 0;
}

p.meta,p.meta a {

	font-size: 11px;

	margin-left: 5px;

	margin-top: -8px;

	color: #999;

}

#content span.day{

        font-size: 18px;

	font-weight: bold;

        font-family: georgia, helvetica;

        padding: 4px 3px 0 3px;
}

#content span.month{
        
        padding: 2px 3px 2px 3px;
	
        font-size: 14px;

}

	#content .entry img{

		max-width: 622px;

		border: 4px #d7d7d7 solid;

		margin: 10px 0;

	}

	#content .sentry img{

		max-width: 662px;

		border: 6px #999 solid;

                padding: 5px;

		margin: 10px 0;

	}

	#content .entry img.alignleft,#content .sentry img.alignleft {

		float: left;

		margin: 10px 10px 10px 0;

	}

	#content .entry img.alignright,#content .sentry img.alignleft {

		float: right;

		margin: 10px 0 10px 10px;

	}

small {

	padding-left : 5px;

	font-size : 11px;

	font-style : italic;

	color : #666;

}

blockquote {

	background: url('images/blockquote.png') no-repeat top left;

	padding: 25px 10px 10px 40px;

	margin:10px;

	color : #555;

	clear: both;

	font-family: Georgia;

    font-style:italic;

    font-size:14px;

}

code {

	font : 14px 'Courier New', Courier, Fixed;

	display : block;overflow : auto;

	text-align : left;

	margin : 10px 0 10px 0;

	padding : 5px 10px 5px 10px;

	background : #eee;

	border-top : 1px solid #ccc;

	border-bottom : 1px solid #ccc;

}

.navigation {display : block;font-size : 14px;font-weight : bold}

	.navigation a{color: #666}

	.alignleft {float : left;text-align : left;}

	.alignright {float : right;text-align : right;}

.widget_services h2 {

	font-size: 17px;

}

h3.rs {

	background: none;

	padding-left: 0;

	font-size: 11px;

	font-weight: normal;

	color: #999;

	text-transform: uppercase;

}	

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

************************Portfolio Page**********************************/



ul.projects {

	list-style-type: none;

	margin: 20px 20px 20px 40px;

	padding: 0;

	display: block;

	clear: both;

	padding-bottom: 20px;

}

ul.projects li {

	list-style-type: none;

	float: left;

	margin: 0;

	padding: 0;

	line-height: 26px;

	text-align: center;

}

ul.projects li a {

	color: #fff;

	margin-right: 10px;

	font-size: 12px;

	padding: 5px 10px;

}

ul.projects li a:hover {

	color: #333;

	font-weight: normal;

}

img.design {

	border: 10px #eee solid;

	width: 980px;

	height: 250px;

	margin: 10px 0 40px 0;

}

img.design:hover {

	border-color: #ccc;

}



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

************************Sidebar**********************************/



#sidebar {

	float:right;

	width:259px;

	padding: 0 20px;

}

#sidebar h3.rs {

	background: url('images/rs.png') no-repeat left;

	padding-left: 16px;

	font-size: 12px;

	font-weight: normal;

	color: #666;

	text-transform: uppercase;

}

#sidebar .post {

	margin-top: 20px;

	height: 130px;

	overflow: hidden;

}

#sidebar .post h3,#sidebar .post h3 a,#sidebar .post h3 a:hover,#sidebar .post h3 a:visited {

	margin-bottom: 10px;

	font-weight: normal;

}

#sidebar .entry {

	width: 220px;

	margin-bottom: 20px;

	float: right;

	text-align: justify;

}

#sidebar .date {

	width: 25px;

	margin: 3px 10px 0 0;

	float: left;

	color: #999;

}

#sidebar span.day{

	font-size: 16px;

	line-height: 17px;

	font-weight: bold;

	padding-left: 2px;

}

#sidebar span.month{

	font-size: 12px;

	padding-left: 2px;

	line-height: 13px;

}

#sidebar ul,#sidebar li {

	list-style-type : none;

	margin: 0;

	padding: 0;

}

#sidebar ul ul {

	list-style-type: none;

	margin-left: 10px;

}

#sidebar ul.posts ul {

	margin-left: 0;

}

#sidebar ul ul ul {

	margin: 0 0 0 5px;

}

#sidebar ul ul ul ul{

	margin: 0 0 0 5px;

}

#sidebar ul li{

	line-height : 24px;

	margin-bottom: 20px;

}

#sidebar ul ul li{

	list-style-type: square;

	margin: 0 0 0 10px;

}

#sidebar ul.posts ul li{

	list-style-type: none;

	margin: 0;

}

#sidebar ul ul ul li {

	margin: 0 0 0 5px;

}

#sidebar h2 {

	background: #efefef;

	color : #B75F95;

        font-size: 20px;

	text-align : left;

	padding: 10px 10px 5px 5px;

	margin-bottom: 5px;

        letter-spacing: 1px;

}

#sidebar li.widget_contact_widget {

	color: #fff;

	padding: 10px;

}

#sidebar li.widget_contact_widget h2 {

	background: transparent;

	padding: 0;

	margin: 0 0 10px 0;

	font-size: 14px;

	font-weight: bold;

	font-family: Arial;

}



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

*******************COMMENTS******************************/



h3#comments,h3#respond {

	font-size: 24px;

	margin: 0 0 20px 0;

}

h3#respond{

	padding-top:10px;

}

ol.commentlist {

	list-style-type : none;

	margin: 0;

	padding: 0;

	font-size: 12px;

}

.commentlist li {

	list-style-type: none;

	width: 92%;

	border: 1px #DFDFDF solid;

	margin:0 0 25px 0;

	padding: 25px 25px;

        background-color: #f5f5f5;

}

.commentlist li li {

	width: 90%;

        background-color: #fff;

}

.avatar {

	float:right;
        border: 2px solid #DFDFDF;
        padding: 1px;
        background-color: #fff;

}

.comment-author {

	font-size: 18px;

	font-style: normal;

	line-height: 24px;

	padding-bottom: 10px;

	border-bottom: 1px #d2d2d2 solid;

	display: block;

        height: 40px;

}

.commentmetadata,.commentmetadata a{

	font-size: 11px;

	text-align: right;

	color: #999;

        margin-bottom: 10px;

}

.reply {

	margin-bottom: 10px;

}

#commentform {

	/*height: 250px;*/

	border: 1px #eaeaea solid;

	padding: 25px;

	position: relative;

}

#commentform label{

	padding-right: 5px;

}

p.txt {

        display: block;

        height: 150px;	

        /*position: absolute;

	right: 25px;

	top:25px;*/

}

#commentform textarea {

	width : 400px;

	padding : 5px;

	font-size : 12px;

	background: #f5f5f5;

	border : 1px solid #B75F95;

	border-top-color : #B75F95;

	border-left-color : #B75F95;

	margin:5px 0px;

	height: 115px;

	/*float: right;*/

}

input#author,input#email,input#url {

	width : 200px;

	padding : 5px;

	font-size : 12px;

	background: #f5f5f5;

	border : 1px solid #B75F95;

	border-top-color : #B75F95;

	border-left-color : #B75F95;

	margin:5px 0px;

}

input#author:hover,input#email:hover,input#url:hover,#commentform textarea:hover {

	background: #F8EDF4;

}

input#submit{

        background : #d3d3d3;

	color:#737373;

	/*margin-top: 20px;*/

	padding:5px;

	border:0px;

        width: auto;

        margin-left: 115px;

} 

input#submit:hover{

	color:#fff;

} 



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

************************Footer**********************************/

.clearfooter {

	height: 30px;

	clear: both;

}

#footer {

	border-top: 4px #EAEAEA solid;

	width: 1000px;

	padding: 20px 0 0 0;

	margin: 0 auto;

	clear:both;

	background: #f8f8f8;

}

#footer-content {

	width : 960px;

	margin: 0 auto;

	padding: 0 20px;

}

#footer h2 {

	font-size: 18px;

	margin-bottom:5px;

}

#footer-content .left {

	width : 480px;

	float : left;

}

	#footer-content .lleft {

		width : 220px;

		float : left;

		margin-right: 20px;

	}

	#footer-content .lright {

		width : 220px;

		float : right;

		margin-right: 20px;

	}

#footer-content .right {

	width : 470px;

	float : right;

}

	#footer-content .rleft {

		width : 220px;

		float : left;

		margin-right: 20px;

	}

	#footer-content .rright {

		width : 220px;

		float : right;

	}

#footer ul,#footer li {

	list-style-type: none;

	padding: 0;

	margin: 0;

}

#footer li a,#footer li a:visited {

	color: #666;

	line-height: 26px;

}

#footer li a:hover {

	text-decoration: none;

}

span.copyrights {

	padding: 10px 0;

	display : block;

	width : 1000px;

	clear : both;

	margin : 0 auto;

	text-align: right;

}



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

*******************Header Search Form******************************/



#header .search input {

	position: absolute;

	right: 0;

	top:50px;

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

	width: 288px;

	height: 19px;

	padding: 5px 45px 2px 15px;

	border: 0;

	font-size: 12px;

	color: #ccc;

}

#header .search input#searchsubmit {

	width: 0;

	border: 0;

	height: 0;

	margin: 0;

	padding: 0;

}



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

*******************Search Form******************************/



#searchform input {

	background:#fff;

	border: 1px #ccc solid;

	width: 185px;

	font-size: 14px;

	color: #666;

	padding: 5px;

}

input#searchsubmit {

	background: #333;

	width: 50px;

	color: #fff;

	border: 0px;

	margin: 0 0 0 5px;

	padding: 5px;

}



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

*******************404 Page******************************/



#content .left404{

	width: 340px;

	float: left;

}

#content .right404{

	width: 330px;

	float: right;

}	

#content #searchform {

	margin: 20px 0;

}



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

*******************Defaults******************************/



h1{

	font-size: 36px;

}

h2{

	font-size: 27px;
        margin-bottom: 10px;
        text-align: left;

}

h3{

	font-size: 17px;

}

h4{

	font-size: 14px;

}

h5{

	font-size: 12px;

}

h6{

	font-size: 10px;

}

hr {

	display : none;

}

a {

	text-decoration: none;

}

a:hover {

	color: #333;

	font-weight: bold;

}

a img{

	border:0px;

}

.caps {

    font-size:10px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.important {

    font-weight:bold;

}

.clear {

	width: 0;

	height: 20px;

	display : block;

	clear : both;

}

/*Table Styling*/

table {

	margin-bottom: 10px;

}

table,th,tr,td {

	border: 1px #ccc solid;

	padding: 5px;

}

caption {

	font-size: 14px;

	font-weight: bold;

	padding-bottom: 5px;

}

th {

	background: #eee;

}

tr:hover {

	background: #eee;

}

td:hover {

	background: #ccc;

}

/*Gallery Styling*/

.gallery {

	margin: auto;

}

.gallery-item {

	float: left;

	margin-top: 10px;

	text-align: center;

	display: block;

	margin: 0;

}

.gallery img {

	border: 0;

	margin: 0;

	padding: 0;

}

.gallery-caption {

	margin-left: 0;

}



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

*******************Contact Form******************************/

.contact {

	padding: 10px;

}

.notification_error

{

margin: 10px 0;

border: 1px solid #A25965;

height: auto;

width: 90%;

padding: 4px;

background: #F8F0F1;

text-align: left;

}



.notification_ok

{

height: auto;

width: 94%

padding: 10px;

text-align: center;

font-size: 14px;

}

.button

{

border: 1px solid #999999; 

border-top-color: #CCCCCC; 

border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

}



/* Label */

label  { width: 100px; margin: 5px; float: left; text-align: right; }



/* Input, Textarea */

input, textarea

{

margin: 5px;

background: #EFEFEF;

border : 1px solid #d3d3d3;

border-top-color : #999;

border-left-color : #999;

color: #333333; 

padding: 5px;

width: 250px;

}

input:hover, textarea:hover {

	background: #fff;

}

textarea {

	width: 400px;

}

.contact input#submit {

	background : #d3d3d3;

	color:#737373;

	margin-top: 20px;

	padding:5px;

	border:0px;

	width: auto;

} 

.contact input#submit:hover {

	color: #fff;

}

/* BR */



.contact br { clear: left; }