/*   
Theme Name: Portfolio Alex Pereira Costa
Theme URI: www.alexpereiracosta.com.br
Description: Tema do porftolio
Version: 1.0
Author: Alex Pereira Costa
Author URI: www.alexpereiracosta.com.br
*/

/* CSS principal */

/* Reset browser defaults */
@import url("css/reset.css");
/* Defaults */
@import url("css/wp.css");
/* Web forms */
@import url("css/forms.css");
/* Plugins jQuery */
@import url("css/plugins.css");
/* Páginas internas */
@import url("css/internas.css");
/* Formatação do Blog */
@import url("css/blog.css");



body {
	background:#fff;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
a{
	color:#f60;
	text-decoration:none;
}
p{
	color:#333;
	font-size:13px;
	line-height:22px;
}
em{
	color:#333;
	font-style:italic;
}
strong{
	font-weight:bolder;
}
h1, h2, h3, h4{
	font-family:Arial, Helvetica, sans-serif;
}
/* web site navigation */
ul#navigation{
	float:left;
	margin-top:43px;
}
	ul#navigation li{
		display:block;
		margin-bottom:10px;
	}
		ul#navigation li a{
			background:#fff;
			color:#f60;
			font-family:Arial, Helvetica, sans-serif;
			font-size:30px;
			font-weight:bolder;
			padding:0 5px;
			text-transform:uppercase;
		}
			ul#navigation li a:hover, .current_page_item a{
				color:#A7D10C !important;
			}
/* layout */

	#header{
		border-top:10px solid #e8e8e8;
		height:90px;
	}
		#branding,#middle-banner,#content{
			margin:auto;
			width:970px;
		}
			span.logo{
				float:left;
				font-size:40px;
				font-weight:bolder;
				margin-top:18px;
				text-transform:uppercase;
			}
				span.logo a{
					background:url(images/logo.png) no-repeat;
					color:#A7D10C;
					display:block;
					padding:5px 0 5px 90px;
				}
			#social-buttons{
				float:right;
			}
				ul#social-media{
					float:right;
					margin-top:35px;
					width:210px;
				}
					ul#social-media li, ul#social-media li a{
						display:block;
						float:left;
					}
						ul#social-media li a{
							background: url(images/social-media-icons.png) no-repeat;
							display:block;
							float:left;
							height:32px;
							text-indent:-200000px;
							margin-right:10px;
							width:32px;
						}

						.twt{
							background-position:0px !important;
						}
						.in{
							background-position:-33px 0 !important;
						}
						.fb{
							background-position:-68px 0 !important;
						}
						.dl{
							background-position:-101px 0 !important;
						}
						.fk{
							background-position:-135px 0 !important;
						}
	#main{
		
	}
		#banner{
			background:#e8e8e8 url(images/bg-banner.jpg) center center no-repeat scroll;
			border-bottom:1px solid #ccc;
			border-top:1px solid #ccc;
			height:360px;
		}
			#balls{
				background:url(images/arabesque.png) center center no-repeat scroll;
				left:50%;
				height:420px;
				margin-left:-525px;
				position:absolute;
				top:130px;
				width:1050px;
				z-index:1
			}
			#middle-banner{
				left:50%;
				margin-left:-485px;
				position:absolute;
				top:100px;
				width:970px;
				z-index:2
			}
		#content{
			height:170px;
			margin-top:20px;
			position:relative;
			z-index:2;
		}
			#hightlight{
				float:left;
				width:750px;
			}
				#hightlight h1{
					color:#f60;
					font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
					font-size:20px;
					margin:15px 0;
				}
				.color{
					color:#f60;
				}
				#hightlight p{
					font-size:14px;
					line-height:25px
				}
			#links{
				border-left:1px dashed #ccc;
				float:right;
				height:110px;
				margin-top:25px;
				padding-left:15px;
				width:185px;
			}
				#links h2{
					color:#999;
					font:14px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
					margin:10px 0;
					padding:5px 10px;
				}
				#links a{ 
					display:block;
					float:left;
					height:67px;
					margin:0 8px;
					text-indent:-8000px;
					width:75px;
				}
				.jq{
					background: url(images/site-usando-framework-jquery.png) no-repeat;
				}
				.wp{
					background: url(images/wordpress-usado-como-cms.png) no-repeat;
				}
	#footer{
		border-top:1px dashed #ccc;
		margin:auto;
		padding:10px 0;
		position:relative;
		width:970px;
	}
		address{
			font-size:10px;
		}
			#w3c-validation{
				display:block;
				float:right;
			}
				#w3c-validation a{
					display:block;
					float:left;
					height:15px;
					margin:0 8px;
					text-indent:-8000px;
					width:80px;
				}
				.xhtml{
					background: url(images/xhtml.gif) no-repeat;
				}
				.css{
					background: url(images/css.gif) no-repeat;
				}