/*
Theme Name: Pousada da Oficina
Description: Bichinho é estado de espírito...
Version: 0.1
Author: Blue Box
Author URI: http://bluebox.inf.br/
*/


/* 
------------- Geral ------------------------*/
body {
	font-size: 12px;
	color: #000000;
	background: #af8838;
	font-family: Arial, Helvetica, sans-serif;}
	
body a {color:#003399;
		text-decoration:underline;
		font-weight:bold; }

body a:hover { 
	text-decoration: none; 
	color:#003399; 
	font-weight:bold;}
	
body p {font-size:12px;}

body input,textarea { background-color:#FFFFFF; border:1px solid #660000; color: #4E4E4E;}

/* 
------------- Pagina ------------------------*/
#pagina {
	margin: auto;	
	width: 940px;}

	#pagina:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden; }

	#pagina .left { float:left; }

	#pagina .right { float:right; }

/* 
------------- Topo ------------------------*/
#topo {
	width: 940px;
	background: url('imagens/topo.jpg') #af8838;
	background-color: #FFFFFF;
	padding-top:10px;
	float:left;}
	
	#topo .logo{ 
	padding-bottom:11px; 
	padding-left:71px;}
	
	#topo div {
	margin-bottom:-30px; 
	margin-left:680px; 
	position: relative; 
	padding-top:10px;}
	
	#topo div a { color:#000000;}
	
	#topo img { vertical-align:middle;}

	#topo:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden; }
		
/* 
------------- Menu ------------------------*/
#menu {
	width: 940px;
	background: url(imagens/bgmenu.jpg);
	padding-bottom:19px;
	float:left; }

	.access {padding-left:50px;}
	
	.access img { float:left;}
	
	#menu ul li{float:left;}
	
	#menu ul li a{
		float:left;
		display:inline;
		width:159px;
		height:61px;
		background-image:url('imagens/bgmenu-botoes.jpg');} 
		
	/* Aspira Soldier */
	#menu ul li a.inicio{background-position:0 0}
	#menu ul li a.inicio:hover{background-position:0 -61px}
	
	/* Elite Soldier */
	#menu ul li a.pousada{background-position:-173px 0}
	#menu ul li a.pousada:hover{background-position:-173px -61px}
	
	/* Sniper Soldier */
	#menu ul li a.cidade{background-position:-325px 0}
	#menu ul li a.cidade:hover{background-position:-325px -61px}
	
	/* Gas Soldier */
	#menu ul li a.contato{background-position:-490px 0}
	#menu ul li a.contato:hover{background-position:-490px -61px}
	
	#menu ul li a.mapa{background-position:-645px 0}
	#menu ul li a.mapa:hover{background-position:-645px -61px}

/* 
------------- Conteudo ------------------------*/
#conteudo { 
	width:940px;
	background:url(imagens/conteudobg.jpg);}

	#conteudo:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden; }
		
/* 
------------- Coluna ------------------------*/
#coluna {
	float: left;
	width: 530px;	
	padding-top:10px;
	margin-right:10px;
	margin-left:10px; }

#coluna .bichinho {width: 400px;}
	
	#coluna .confirma { background:#e9e4c6; color:#000000; border:0px; width:150px;}
	
	#coluna span { cursor: pointer;}

#coluna-home {
	float: left;
	margin-left:7px;
	padding-top:15px;
	font-size:15px;
	width: 760px;}
	
#coluna-home p { font-size:14px;}
	
#coluna-home #galeria {
	margin-top:15px;
	margin-top:20px;
	margin-bottom:40px;}

#paginas { margin-top:15px; }

#coluna .nav-previous { float: left; margin-left:3px; font-weight:bold; margin-top:10px;}

#coluna .nav-next { float: right; margin-right:3px; font-weight:bold; margin-top:10px;}

#coluna h1, #sidebar h1 {
	font-size: 16px;
	color: #660000;
	display:block; }

	#coluna h1 a, #sidebar h1 a {
		font-weight: bold;
		color: #660000;
		font-size: 16px;
		text-decoration: none; }

		#coluna h1 a:hover, #sidebar h1 a:hover {
			font-weight: bold;
			text-decoration:underline; }
			
	#coluna h2, #coluna h2 a { color:#660000; font-size: 16px; }

#coluna h3, #coluna h3 a  {
	font-size: 16px;
	color:#660000;
	display:block; }

#coluna h4 {
	font-size:11px;
	margin-top:5px;
	color:#53b0d3;
	display:block;}

	#coluna h4 a {
		text-decoration:none;
		color:#53b0d3;}

		#coluna h4 a:hover { text-decoration: underline; }

#coluna h6 {
	font-size:13px;
	color:#8b6c44;}

#texto {
	width:530px;
	padding-bottom:5px;}
	
	#texto-pag {
		margin-bottom:10px;
		width:300px; 
		margin-left:auto; 
		margin-right:auto;}
		
		.form-contato input { width:200px; color:#000000;}
		
		.form-contato textarea { width:230px; color:#000000; height:90px;}
		
		#submit { width:60px;}
		
		#box-toggle span { font-weight:bold;}
		
		
	#texto:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden; }

	#texto .more-link { font-weight:bold; }

	#texto .post {
		width:530px;
		margin-top:10px;
		margin-right:10px; }
		
	#texto input,textarea { margin-bottom:10px; }

/* 
-------------------------------- Sidebar ---------------------------------*/
#sidebar {
	float: left;
	color: #000000;
	padding-top:20px;
	margin-bottom:10px;
	margin-left:20px;
padding-left:10px;
	width:190px; }
	


#sidebar a { text-decoration: none;}
	
#sidebar a:hover { text-decoration: none;}
	

	#sidebar h2 {
		font-size: 13px;
		color:#003300;
		margin-bottom:13px;
		text-decoration: none;}

	#sidebar ul li{
		margin-left:15px;}
		
	#sidebar li a {
		font-size:13px;
		color: #4E4E4E;
		font-weight:bold; }
		
	#sidebar li a:hover { 
	color: #660000; }


/* 
---------------------------------- Comentarios -------------------------------------------*/
#comments {
	padding: 0 15px 20px;	
	width:490px;	
	margin-top:10px; }
	
	#comments a{ text-decoration: none; color:#003300;}
	
	#comments a:hover { text-decoration:underline;color:#003300;}

	#comments h3 {
		font-size:16px;
		display:block;
		margin-bottom:10px; }

	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em; }

	#comments form { padding-top: 20px; }

		#comments form p { margin-bottom: 5px; }

		#comments form input, textarea {
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px;
			color: #4E4E4E;
			background-position: 4px 4px;
			background-repeat: no-repeat; }

		#comments form input {
			width: 260px;
			border: 1px solid #660000; }

		#comments form textarea {
			width: 350px;
			border: 1px solid #660000;
			color: #4E4E4E;
			padding: 4px 4px; }

		#comments form button {
			font-size: 0.9em;
			border: 1px solid #660000; /* submit*/
			background-color: #FFFFFF;
			font-family: Verdana;
			height: 23px; }

.commentdetails { margin-top: 25px; }

.commentauthor {
	margin-bottom: 5px;
	font-weight: bold; }

.commentdate {
	font-size: 0.8em;
	color: #909090;
	margin-bottom: 5px; }
	
.required { color: #eff5ef; }

#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0; }

	#comments ol li {
		padding: 10px;
		margin-bottom: 10px; }
		
		#comments ol li p {
		margin-left: 10px; }

		#comments ol li .avatar { float: right; }

		#comments ol li .comment-author { font-style:normal; }

			#comments ol li .comment-author .fn {
				font-weight: bold;
				font-style:normal;
				font-size: 1.2em; }

		#comments ol li .comment-meta {
			font-size: 0.9em;
			color: #999999; }

		#comments ol li .reply {
			font-size: 0.9em;
			font-weight: bold;
			padding-bottom: 10px; }

#comments .children { list-style-type: none; }

#comments .navigation {
	padding: 10px 0 20px;
	font-size: 0.9em; }

	#comments .navigation a {
		padding: 3px 8px;
		color: #999999;
		border: 1px solid #bfc4bf;  }

		#comments .navigation a:hover {
			text-decoration: none;
			color: #999999;
			border: 1px solid #bfc4bf;  }

/* 
-------------Rodape ------------------------*/
#footer {
	width: 940px;
	margin:auto;
	height:109px;
	font-size:12px;
	color:#FFFFFF;
	background:url('imagens/footer.jpg');
	 }

	#footer a { color:#FFFFFF; text-decoration: none; }
	
	#footer a:hover { text-decoration:underline;}
	
	#footer .endreco {
		text-align: center;
		width:880px;
		line-height: 2em;
		padding-bottom:5px;
		padding-top:7px;}
		
		#footer .endreco ul { text-align: center; margin-left:20px;}
		
	
	#footer .endreco ul li {display:inline;} 
		
	#footer .copyright { 
		font-size:12px;
		width:860px;
                text-align: center;
		padding-top:24px;}

#footer .copyright span, #footer .copyright div { text-align: center;}


#footer .copyright div {margin-left:40px;}

#bluebox { font-size:12px; float:right; margin-right:70px; color:#FFFFFF; margin-top:5px;}	

#bluebox a {color:#FFFFFF;}	

	#footer .left { margin-left:30px; }
	

/* Reset css
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration:none;
	list-style-type:none;
	vertical-align: baseline; }

/* Quadros ainda precisam de "cellspacing =" 0 "na marcação. */
table {
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td { text-align: center; }

table, td, th { vertical-align: middle; }

/* Remover possível aspas ( ") de <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* Remover borda das imagens */
a img { border: none; }