/* 

Theme Name: Diogo Costa
Theme URL: http://www.diogocosta.com.br/
Description: Exclusivo Theme para meu site pessoal
Author: Diogo Costa
Author URI: http://www.diogocosta.com.br
Version: 2.0

*/

	/* Import
	------------------------------------------------ */

	@import url("reset.css");
	
	@font-face {
		font-family: 'FontinRegular';
		src: url('js/fontin-regular-webfont.eot');
		src: local('☺'), url('js/fontin-regular-webfont.woff') format('woff'), url('js/fontin-regular-webfont.ttf') format('truetype'), url('js/fontin-regular-webfont.svg#webfontMgoYTpLv') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	
	/* Básico 
	------------------------------------------------ */
	
	body {
		font: 83.5% Lucida Grande, Lucida Sans Unicode;
	}
	
	.clear{
		clear: both;
	}
	
	form {
	padding: 0;
	margin: 0;
	display: inline;
	}
	input, textarea, select {
		margin: 3px 0px;
	}
	a, a:visited {
		cursor: pointer;
		text-decoration: none;
	}
	a:hover {
	}
	a img {
		border: none;
	}
	p {
		margin-top: 0px;
	}
	.wrap {
		width: 990px;
		margin: 0 auto;
	}

	/* Header
	------------------------------------------------ */
	
	#header {
		width: 100%;
		height: 100px;
		background-color: #333;
		border-top: 3px solid #555;
		padding-top: 7px;
	}
	
		#header .logo {
			width: 265px;
			height: 90px;
			float: left;
			border-bottom: #FFCC00 solid 5px;
			margin-top: 10px;
		}
		
			#header .logo h1 a{
				color: #fff;
				font: normal 45px 'FontinRegular', Georgia, "Times New Roman", serif;
			}
			
			#header .logo .subtitle {
				font: normal 16px 'FontinRegular', Georgia, "Times New Roman", serif;
				color: #ababab;
			}
			
		#header .menu {
			float: right;
		}
		
			#header .menu ul {
				padding-top: 40px;
			}
		
			#header .menu li {
				text-align: right;
				padding: 0 10px 9px 35px;
				background: url(images/lin.jpg) right no-repeat;
				float: left;
			}
			
				#header .menu li:hover {
					background: url(images/bg_li.png) repeat-x;
				}
				
				#header .menu li.active {
					background: url(images/bg_li.png) repeat-x;
				}
		
			#header .menu li h3 {
				font: normal 25px 'FontinRegular', Georgia, "Times New Roman", serif;
				color: #fff;
			}
			
			#header .menu li .subtitle {
				font: italic 14px Georgia, "Times New Roman", Times, serif;
				color: #666;
				margin-top: 3px;
			}
			
			
		/* Featured
		------------------------------------------------ */
		
		#featured {
			margin-top: 50px;
			height: 420px;
		}
		
			#featured .image {
				position: absolute;
				z-index: 0;
			}
			
			#featured .bar {
				position: absolute;
				z-index: 100;
				background: url(images/bar_feat.png) no-repeat;
				text-align: center;
				width: 990px;
				height: 124px;
				padding-top: 25px;
				top: 445px;
			}
			
				#featured .bar h1 {
					font: normal 45px 'FontinRegular', Georgia, "Times New Roman", serif;
				}
				
				#featured .bar h2 {
					font: normal 25px 'FontinRegular', Georgia, "Times New Roman", serif;
				}
				
		/* Work
		------------------------------------------------ */
		
			#work {
				
			}
			
			#work .mess {
				background: #f1f1f1;
				border: #e1e1e1 solid 1px;
				padding: 15px 30px;
				text-align: center;
				line-height: 30px;
				color: #333;
				margin: 20px 0 30px 0;
				font: normal 20px 'FontinRegular', Georgia, "Times New Roman", serif;
			}
			
			
				#work .box {
					width: 175px;
					height: 174px;
					border: #ccc solid 1px;
					float: left;
					margin: 10px 10px;
					overflow: hidden;
				}
				
					#work .box p.img {
						position: relative;
						z-index: 0;
					}
					
					#work .box p.iver {
						width: 155px;
						height: 154px;
						position: absolute;
						z-index: 100;
						margin-top: -174px;
						color: #fff;
						background-image: url(images/black_bg.png);
						padding: 10px;
						display: pointer;
					}
					
						#work .box p.iver .gran {
							font: normal 20px 'FontinRegular', Georgia, "Times New Roman", serif;
							text-shadow: 1px 1px 1px #000;
							color: #FFCC00;
						}
						
						#work .box p.iver a{
							color: #fff;
							text-decoration: none;
						}
						
				#worker {
					margin-bottom: 30px;
				}
					
					#worker .back a{
						font: italic 16px 'FontinRegular', Georgia, "Times New Roman", serif;
						color: #000;
						float: right;
						margin: 130px 0 0 0;
					}
					
					#worker .head_nav {
						padding-bottom: 5px;
						border-bottom: #ccc solid 1px;
						margin-bottom: 20px;
					}
					
						#worker .head_nav h3 a{
							font: 20px 'FontinRegular', Georgia, "Times New Roman", serif;
							color: #000;
							float: left;
						}
						
						#worker .head_nav .next {
							float: right;
							color: #999;
							padding-top: 4px;
						}
						
						#worker .head_nav .next a{
							font: 16px 'FontinRegular', Georgia, "Times New Roman", serif;
							color: #999;
						}
						
	/* Contact
	------------------------------------------------ */
	
	#contact {
		width: 580px;
		height: 477px;
		background-color: #FFCC00;
	}	
	
		#contact h2 {
			font: 30px 'FontinRegular', Georgia, "Times New Roman", serif;
		}
		
		#contact p {
			padding: 5px 0;
		}
		
		#contact .inp {
			padding: 7px;
			font: italic 14px lucida sans, lucida grande, helvetica, arial, sans-serif;
			color: #999;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			border: none;
		}
		
		#contact .are {
			padding: 5px;
			font: italic 14px lucida sans, lucida grande, helvetica, arial, sans-serif;
			color: #333;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			border: none;
			width: 350px;
			margin-bottom: -10px;
			
		}
		
		#contact label {
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			padding: 3px 10px 4px 10px;
			clear: both;
			background-color: #C09B01;
			line-height: 30px;
			border: #826901 solid 1px;
			margin-right: 60px;
		}
		
			#contact label:hover {
				background-color: #FFCC00;
			}
		
		#contact .bot {
			padding: 7px 10px;
			font: 12px lucida sans, lucida grande, helvetica, arial, sans-serif;
			color: #999;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			border: none;
			background-color: #000;
			color: #fff;
			-webkit-box-shadow: 1px 1px 2px #7F6601;
			-moz-box-shadow: 1px 1px 2px #7F6601;
			position: absolute;
			margin: -50px 0 0 370px;
			cursor: pointer;
		}
		
		#contact .bot:focus{
			background-color: #FFCC00;
		}
		
		#contact input:focus, #contact are:focus {
			color: #000;
		}
		
		
		#contact .wpcf7-not-valid-tip-no-ajax {
			color: #CC0000;
			font: 11px 'FontinRegular', Georgia, "Times New Roman", serif;
			
		}
		
		#cleft {
			float: left;
			font: italic lucida sans, lucida grande, helvetica, arial, sans-serif;
			line-height: 20px;
			color: #444;
		}
		
			#cleft .head, #cright .head {
				font: italic 30px Georgia, "Times New Roman", Times, serif;
				color: #333;
			}
		
		
		#cright {
			float: right;
		}
		
		.head {
			font:150px Georgia, "Times New Roman", Times, serif;
			color: #333;
			float: left;
		}
		
		.shead {
			font:50px Georgia, "Times New Roman", Times, serif;
			color: #333;
			float: right;
			margin-top: 65px;
		}
		
			
			ul#skil {
				background: #000 url(images/set.gif) right center no-repeat;
				color: #fff;
				margin: 0;
				padding: 10px 20px;
				border-right: 20px solid #000;			
			}
			 
			 
			ul#skil li {
			display: inline;
			position: relative;
			}
			 
			ul#skil h2, ul#skil h3 {
			font-size: 20px;
			font-weight: normal;
			display: inline;
			}
			 
			 
			ul#skil li a {
			color: #fff;
			text-decoration: none;
			}
			 
			ul#skil li a:hover {
			text-decoration: underline;
			}
			 
			ul#skil li.mega a {
			
			}
			 
			ul#skil li.mega a:hover {
			text-decoration: underline;
			}
			 
			ul#skil div {
			display: none;
			}
			 
			ul#skil li.mega div {
				border: 1px solid #000;
				position: absolute;
				top: 62px;
				left: -20px;
				background: #e1e1e1;
				color: #930;
				padding: 0 8px 5px 8px;
				font-size: 20px 30px;
			}
			 
			ul#skil li.hovering div {
			display: block;
			}
			
			ul#skil div p a{
				color: #000;
				font-size: 20px;
			}
			
				ul#skil div p {
					border-bottom: #ccc solid 1px;
					padding: 20px;
				}
		
		#list {
			width: 230px;
			min-height: 586px;
			margin-top: 20px;
			float: left;
			background: url(images/work_bg.jpg) right center no-repeat;
		}
		
			#list li {
				background: url(images/lin_bg.png) left bottom no-repeat;
				padding: 10px 0;
				display: block;
			}
			
				#list li a {
					color: #999;
					display: block;
				}
				
					#list li a:hover {
						padding-left: 5px;
						color: #000;
						font-weight: bold;
					}
					
					#list li a.active {
						padding-left: 5px;
						color: #000;
						font-weight: bold;
					}
					
					
		#proje {
			float: right;
		}
		
			#proje .image {
				margin-top: 20px;
			}
			
			#proje .text {
				margin: 20px 0 20px 0;
				line-height: 20px;
				color: #333;
				float: left;
			}
			
				#proje .text h3 {
					font-size: 30px;
				}
			
			#proje .link {
				float: right;
				margin: 20px 0 20px 0;
			}
			
			#proje .tags {
				clear: both;
				background-color: #f1f1f1;
				padding: 10px;
				border: #e1e1e1 solid 1px;
				font-family: Georgia, "Times New Roman", Times, serif;
				margin-bottom: 20px;
				width: 700px;
			}
			
				#proje .tags h3 {
					font-size: 30px;
					margin-bottom: 10px;
				}
				
			#sleft {
				width: 550px;
				text-align: justify;
				line-height: 20px;
				float: left;
			}
			
				#sleft h4 {
					font: normal 30px 'FontinRegular', Georgia, "Times New Roman", serif;
					color: #666;
					margin: 20px 0;
				}
				
					#sleft p{
						margin: 10px 0;
					}
					
				#sleft li {
					background: url(images/02.png) no-repeat;
					padding-left: 25px;
					margin: 10px 0;
					color: #666;
					font: italic 13px Georgia, "Times New Roman", Times, serif;
					
				}
				
				#sright {
					width: 380px;
					padding-left: 20px;
					min-height: 586px;
					float: right;
					background: url(images/bg_rt.jpg) center left no-repeat;
				}
						
								
		/* -- Home -- */
		
		#lin {
			width: 990px;
			clear: both;
			border-top: #ccc solid 1px;
			border-bottom: #ccc solid 1px;
			height: 3px;
			margin: 0 auto;
		}
		
		#tblog {
			padding: 20px 0;
		}
		
			#tblog .typolt {
				font: italic 30px Georgia, "Times New Roman", Times, serif;
				float: left;
				padding-top: 8px;
			}
			
			#tblog .blogbox {
				background: #333 url(images/blogbox_lt.gif) left repeat-y;
				padding: 10px 10px 10px 25px;
				width: 630px;
				float: left;
				font: italic 20px Georgia, "Times New Roman", Times, serif;
				color: #fff;
				margin: 0 10px;
			}
			
				#tblog .blogbox .date {
					font: italic 13px Georgia, "Times New Roman", Times, serif;
					color: #FFCC00;
				}
				
			#tblog .typort a{
				color: #333;
				border-top: #333 solid 1px;
				border-bottom: #333 solid 1px;
				padding: 5px 20px;
			}
			
			#tblog .typort {
				margin-top: 20px;
				float: left;
			}
			
			#tblog .rssicon {
				float: right;
				margin: 12px 10px 0 0;
			}
			
		#share {
			width: 500px;
			padding: 20px 0;
			float: left;
		}
		
			#share .sharebox {
				background-color: #f0f0f0;
				border: #d1d1d1 solid 1px;
				padding: 15px;
				float: right;
			}
				#share .sharebox img {
					margin: 0 5px;
				}
				
				#share h2 {
					font-size: 25px;
					float: left;
					padding-top: 15px;
				}
				
				
		#labs {
			width: 380px;
			background-color: #FFECA9;
			border: #000 solid 1px;
			float: right;
			padding: 10px 20px;
			margin-top: 20px;
			height: 47px;
			position: relative;
		}
		
			#labs h2 {
				font-size: 30px;
			}
		
			#labs .icon {
				position: absolute;
				z-index: 100;
				margin: -33px 0 0 -35px;
			}
			
			#labs .icongo {
				position: absolute;
				z-index: 150;
				margin: -60px 0 0 385px;
			}
			
			
		#footer {
			border-top: 2px #ccc solid;
			padding: 20px;
			background-color: #333;
		}	
		
			#footer .menu_foot {
				border-left: #555 solid 1px;
				float: left;
				padding: 10px;
				margin-left: 20px;
			}
			
			#footer .logofoot {
				float: left;
			}
			
			#footer .menu_foot ul {
			}
			
				#footer .menu_foot li {
					display: inline;
					text-transform: uppercase;
					color: #555;
				}
				
					#footer .menu_foot li a{
						color: #555;
						padding: 0 5px;
					}
					
			#footer .status {
				float: right;
				margin-top: -8px;
			}

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

	.coda-slider-wrapper {}
	.coda-slider {height: 190px; margin-top: 20px; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 220px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 300px; text-align: center; padding-top: 10px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 340px; }
	.coda-slider-wrapper.arrows .coda-slider { }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { width: 38px; height: 230px; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper {}
	
	/* Preloader */
	.coda-slider p.loading {text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { display: none;}

	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left { float: left; background: url(images/left_bt.jpg) center no-repeat; }
	.coda-nav-right { float: left; background: url(images/right_bt.jpg) center no-repeat; }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	
/* Contato */	


#contact {
	padding: 10px;
}

	#contact .bm {
		margin: 10px 0;
	}

	#contact h1 {
		font: 50px Helvetica, Arial, sans-serif;
	}
	
	#content .cc {
	}
	
.tbContactform .antispam {
	 display:  none;
	 visibility: hidden;
}

.tbContactform label {
	 width:  95px;
	 display:  inline-block;
	 vertical-align: top;
	 clear: both;
	 text-align: left;
}


.tbContactform input.text,
.tbContactform textarea {
	 width:  250px;
	 padding: 10px;
	 border: #000 solid 1px;
	 background-color: #FFCC00;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
}

.tbContactform textarea {
	 height:  115px;
}

.tbContactform input.submit
{
	display: block;
	margin-left: -100px;
	width:  auto;
	border: #FFCC00 solid 1px;
	background-color: #FFCC00;
	padding: 5px 10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	position: absolute;
}

.tbContactform .tbErrors p
{
	color: #FF0000;
}

/* Bubble pop-up */

        .popup {
                position: absolute;
                display: none;
                z-index: 50;
                border-collapse: collapse;
        }

        .popup td.corner {
                height: 15px;
                width: 19px;
        }

        .popup td#topleft { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-1.png); }
        .popup td.top { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-2.png); }
        .popup td#topright { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-3.png); }
        .popup td.left { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-4.png); }
        .popup td.right { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-5.png); }
        .popup td#bottomleft { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-6.png); }
        .popup td.bottom { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-8.png); }

        .popup table.popup-contents {
                font-size: 12px;
                line-height: 1.2em;
                background-color: #fff;
                color: #666;
                font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
                }

        table.popup-contents th {
                text-align: right;
                text-transform: lowercase;
                }

        table.popup-contents td {
                text-align: left;
                }

        tr#release-notes th {
                text-align: left;
                text-indent: -9999px;
                background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
                height: 17px;
                }

        tr#release-notes td a {
                color: #333;
        }