/*
Theme Name: Nozomi.com.br
Theme URI: http://www.nozomi.com.br
Description: O tema da Gomigun
Version: 1.0
Author: Gomi poquitito, e paka poquitito.
Theme URI: http://www.vncs.net

*/

	/* GERAL */
	
	body{
		background: url('imagens/fundo.gif') repeat;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	html{
		overflow-y:scroll;
	}
	
		
	#conteudo{
		width:960px;
		margin: 0 auto;
		background: white;		
		position:relative;
		padding:10px 0;
		overflow:hidden;
	}
	
		
	.botoesHome{
		position:absolute;
	}
	
	
	h2, h3{
		font-size: 16px;
		margin: 0 0 10px 0;
	}
	
	
	
	ul{
		margin:0;
		padding:0 0 0 20px;
	}
	
	a{
		color: #666;
		text-decoration:none;
	}

	
	/* HOME */
	
	#conteudoHome{
		width:960px;
		margin: 0 auto;
		background: url('imagens/site.png') no-repeat;
		height:721px;
		position:relative;
		overflow:hidden;		
	}
	
	#blogb{
		left:562px;
		top:184px;
		width:168px;
		height:129px;
	} #portfoliob{
		left:77px;
		top:77px;
		width:158px;
		height:183px;
	} #contatob{
		left:734px;
		top:77px;
		width:166px;
		height:53px;
	}
	
	/* PORTFOLIO */
	
	#siames{
		width:666px;
		height:617px;
		left:20px;
		float:left;
		background:url('imagens/portfolio.gif') no-repeat;
		position:relative;
	}
	
	#siames #pessoalb{
		height:186px;
		left:20px;
		top:186px;
		width:168px;
	} #siames #designb{
		height:95px;
		left:507px;
		top:93px;
		width:141px;
	}
	
	#rodapePortfolio{
		width:208px;
		float:right;
		clear:right;
		height: 217px;
		top:377px;
		right:30px;
		background: url('imagens/portfoliobot.gif') no-repeat;
		position:relative;
		margin: 0 20px;
	}
	
	#rodapePortfolio #homeb{
		height:20px;
		left:20px;
		top:33px;
		width:50px;
	} #rodapePortfolio #contatob{
		height:24px;
		left:3px;
		top:56px;
		width:63px;
	} #rodapePortfolio #blogb {
		height:23px;
		left:20px;
		top:84px;
		width:33px;
	}
	
	
	
	#Portfolio{
		width:580px;
		float:left;	
		padding: 10px 20px;
		background: white;	
	}
	
	#Portfolio .desc{
		width:580px;
		float:left;	
		padding: 10px 0;
		background: white;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:18px;
		color:#888;
	}
	
	#Portfolio a img{
	border: 0;
	}
	
	#thumbs{
		width:330px;
		padding: 0 10px 0 0; 
		float:right;		
		position:relative;	
	}
	
	.thumbs{
		width:100px;
		height:100px;
		margin: 10px 10px 0 0;
		float:left;
		background: #f0f0f0;
	}
	
	#paginacao{
		width:100%;
		float:left;
		margin:10px 0;
	}	
	.thumbsv{
		width:30px;
		height:30x;	
		float:left;
		background: #fff;
	}
	#paginas{
		width:270px;
		float:left;
		text-align:center;
		height:30px;
	}
	.thumbsv img{
		vertical-align:middle;
		border:0;
		float:right;
	}
	#thumbsvdireita{
		text-align:right;
		float:right;
	}
	
	
	#rodapePortfolioDesign{
		width:340px;
		float:right;
		clear:right;
		height: 187px;
		background: url('imagens/rodapePortfolioDesign.gif') no-repeat 112px;
		position:relative;
		margin: 20px 0;
	}
	
	#rodapePortfolioDesign #contatob{
		height:33px;
		left:222px;
		top:0;
		width:100px;
	} #rodapePortfolioDesign #homeb{
		height:33px;
		left:235px;
		top:55px;
		width:75px;		
	} #rodapePortfolioDesign #blogb{
		height:30px;
		left:186px;
		top:117px;
		width:72px;
	} #rodapePortfolioDesign #voltarb{
		height:33px;
		left:213px;
		top:150px;
		width:70px;
	}
	
	#rodapePortfolioPessoal{
		width:340px;
		float:right;
		clear:right;
		height: 197px;
		background: url('imagens/rodapePortfolioPessoal.gif') no-repeat 112px;
		position:relative;
		margin: 20px 0;
	}
	
	#rodapePortfolioPessoal #contatob{
		height:30px;
		left:246px;
		top:25px;
		width:72px;
	} #rodapePortfolioPessoal #homeb{
		height:41px;
		left:105px;
		top:25px;
		width:55px;
	} #rodapePortfolioPessoal #blogb{
		height:30px;
		left:263px;
		top:72px;
		width:53px;
	} #rodapePortfolioPessoal #voltarb{
		height:30px;
		left:250px;
		top:129px;
		width:72px;
	}
	
	
	
	/* BLOG */
	
	#Blog{
		width:580px;
		float:left;	
		padding: 100px 20px 0 20px;
		background: white;		
	}
	
	#barraBlog{		
		width:340px;
		float:right;	
		background: url('imagens/fundoBarraBlog.gif') no-repeat right top;
		position:relative;						
	}
	
	#barraBlog #barra{
		padding-top:280px;
		width:320px;
		padding-right:20px;
	}	
	
	#barraBlog #blogbb{
		left:2px;
		top:46px;
		width:135px;
		height:75px;
	}
	
	#rodapeBlog{
		width:340px;
		float:right;
		clear:right;
		height: 249px;
		background: url('imagens/rodapeBlog.gif') no-repeat;
		position:relative;
		margin: 20px 0 ;
	}
	
	#rodapeBlog #portfoliob{
		height:50px;
		left:36px;
		top:1px;
		width:84px;		
	} #rodapeBlog #contatob{
		height:40px;
		left:234px;
		top:0;
		width:88px;
	} #rodapeBlog #homeb{
		height:30px;
		left:134px;
		top:3px;
		width:58px;
	}
	
	#respond{
		padding:20px 0 0 0;
		border-top:10px solid #f5f5f5;
	}
	
	#comments{
		padding:20px 0 0 0;
		font-size:12px;	
	}
	
	.even{
		background:#f6f6f6;
		padding:5px;
	}
	.odd{
		background:#f9f9f9;
		padding:5px;
	}
	
	
	.post small{
		color: #888;
		font-size:10px;
		margin: 0 0 10px 0;
	}
	
	.postmetadata{
		font-size:10px !important;
	}
	
	.post{
		padding:0 0 20px 0;
		border-bottom:4px solid #fafafa;
                line-height:18px;
	}
	
	.post+.post{
		padding: 20px 0 !important;
	}
	
	.post p{
		font-size:12px;
		margin:5px 0;
	}
	
	.post h3{
		margin: 0 !important;
		font-size:18px;
	}
	
	.commentlist{
		font-size:12px;
		color: #888;
		padding-left:0px;
		list-style-type:none;
	}
	
	#arquivo{
		font-size:12px;
	}
	
	.navigation{
		margin:10px 0;
		font-size:11px;
	}
	

	/* RODAPE */
	
	#rodape{
		width:960px;
		background: #333333;
		color: white;
		height:50px;
		font-size:12px;
		text-align:right;
		margin:0 auto;
                display:table;
	} #rodape a{
		color:white;
display:table-cell;
padding:0 10px 10px 0;
vertical-align:bottom;
	} #rodape a:hover{
		color: #ddd;
	}
	
	/* CONTATO */
	
	#contato{
		padding: 0 20px;		
	}
	
	#contato p{
		margin: 0 !important;
		padding: 0 !important;
	}
	
	#rodapeContato{
		width:300px;
		float:left;
		height: 189px;
		background: url('imagens/contatobot.gif') no-repeat;
		position:relative;
		margin: 0 0 10px 20px;
	} #rodapeContato #portfoliob{
		height:50px;
		left:117px;
		top:1px;
		width:84px;
	} #rodapeContato #blogb{
		height:37px;
		left:127px;
		top:81px;
		width:59px;
	} #rodapeContato #homeb{
		height:48px;
		left:193px;
		top:79px;
		width:52px;
	}
	#rodapeContato #flickr{
		height:48px;
		left:248px;
		top:79px;
		width:52px;
	}