/*
    Theme Name: 0.1
    Description: i Buoni Amici
    Version: 0.1
    Author: 6cub
*/

body,td,th { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #656565;
}
body { 
	background-color:#fff;
	margin: 0px;
}

/* h estilos */

h1, h2, h3, h4 { 
	margin:0;
}

h1 {
	font-size:28px;
	font-weight:normal;
	color:#000;
	display:inline;
}
h2 {
	font-size:16px;
	font-weight:normal;
	color:#000;
}

h1 a, h2 a {
	color:#000;
	text-decoration:none;
}
h1 a:hover, h2 a:hover {
	color:#000;
	background-color:#fcffcc;
}




/* header estilos */

#headerHolder {
	background:url(images/headerBack.gif) repeat-x;
}
#header {
	width:820px;
	height:154px;
	margin:0 auto;
	background:url(images/logo.gif) top right no-repeat;
	position:relative;
}

#navigation {
	position:absolute;
	bottom:0;
	left:0;
	width:589px;
	height:48px;
}
#tabs {
	width:589px;
	height:48px;
	margin:0;
	padding:0;
	position:relative;
	background:url(images/navigation.gif);
}
#tabs li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#tabs li, #tabs a {
	height:48px;
	display:block;
}
#tab01 {
	text-indent:-100em;
	overflow:hidden;
	left:0;
	width:99px;
}
#tab02 {
	text-indent:-100em;
	overflow:hidden;
	left:99px;
	width:99px;
}
#tab03 {
	text-indent:-100em;
	overflow:hidden;
	left:197px;
	width:99px;
}
#tab04 {
	text-indent:-100em;
	overflow:hidden;
	left:296px;
	width:135px;
}
#tab05 {
	text-indent:-100em;
	overflow:hidden;
	left:431px;
	width:159px;
}
#tab06 {
	text-indent:-100em;
	overflow:hidden;
	left:590px;
	width:171px;
}
#tab01 a:hover {
	background:transparent url(images/navigation.gif) 0 -48px no-repeat;
}
#tab02 a:hover {
	background:transparent url(images/navigation.gif) -99px -48px no-repeat;
}
#tab03 a:hover {
	background:transparent url(images/navigation.gif) -197px -48px no-repeat;
}
#tab04 a:hover {
	background:transparent url(images/navigation.gif) -296px -48px no-repeat;
}
#tab05 a:hover {
	background:transparent url(images/navigation.gif) -431px -48px no-repeat;
}
.tab01on {
	background:transparent url(images/navigation.gif) 0 -48px no-repeat;
}
.tab02on {
	background:transparent url(images/navigation.gif) -99px -48px no-repeat;
}
.tab03on {
	background:transparent url(images/navigation.gif) -197px -48px no-repeat;
}
.tab04on {
	background:transparent url(images/navigation.gif) -296px -48px no-repeat;
}
.tab05on {
	background:transparent url(images/navigation.gif) -431px -48px no-repeat;
}

/* imagen de cabecera */

#introImg {
	width:819px;
	height:184px;
	margin:20px auto 0;
}

/*Anuncio panetone*/
#panetoneIMG {
	width:819px;
	margin:20px auto 0;
}

/* Post estilos */

.postHolder {
	width:819px;
	margin:20px auto 0;
	text-align:right;
}
.postHeader {
	height:7px;
	max-height:7px;
	background:url(images/postHeader.gif) no-repeat;
}
.postTitle {
	background:url(images/postHeaderBack.gif) repeat-y;
	padding:20px 20px;
	text-align:left;
}
.postContenido {
	background:url(images/postBack.gif) repeat-y #ffffe1;
	color:#242424;
	line-height:24px;
	padding:6px 20px 24px;
	text-align:left;
}
.postFooter {
	height:16px;
	background:url(images/postFooter.gif) no-repeat;
}
.upperComments {
	text-align:right;
	display:block;
	float:right;
	width:200px;
	font-size:11px;
	color:#5a5a5a;
	line-height:18px;
}
.date {
	float:RIGHT;
	padding:3px 6px;
	margin-right:10px;
	border:1px dotted #CCCCCC;
	/*border-color:#ffffcc #ffffcc #ffffcc;*/
	background:#ffffe1;
	font-size:10px;
}
.dateNumber {
	font-weight:bold;
	font-size:12px;
}

.upperComments a {
	color:#696969;
	text-decoration:none;
	border-bottom:1px dotted #696969;
}
.upperComments a:hover {
	color:#000;
	background-color:#fcffcc;
}
.pagination {
	padding:10px 0;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}


/* comentarios */

#mainComment {
	margin:0 auto;
	width:820px;
	padding:20px 0;
}

.commentlist {
	margin:0;
	padding:0;
}
.commentlist li {
	margin:10px 0;
	padding:0 0 20px;
	border-bottom:1px dotted #bfb5aa;
	list-style:none;
}
.commentlist a {
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #bfb5aa;
}	
.commentlist a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #bfb5aa;
}	
.button {
	margin:6px 0;
	color:#fff;
	background-color:#990000;
	border:3px solid;
	border-color:#993300;
}



	
/* featured work section */

#featured {
	background:url(images/platos.gif) top left no-repeat;
	width:820px;
	margin:26px auto 0;
	padding:0;
}
#featured2 {
	width:820px;
	margin:26px auto 0;
	padding:0;
}
#featuredTitle {
	background:url(images/stripeGrey.gif) bottom center no-repeat;
	padding:6px 0;
	text-align:right;
	margin-bottom:10px;
}
#featuredTitle2 {
	/*background:url(images/stripeGrey.gif) bottom center no-repeat;*/
	padding:6px 0;
	text-align:right;
	margin-bottom:10px;
}
#featured01 {
	float:left;
	margin-right:40px;
	width:247px;
}
#featured02 {
	float:left;
	width:247px;
}
#featured03 {
	float:right;
	width:247px;
}
.featured01 {
	float:left;
	margin-right:40px;
	width:247px;
}
.featured02 {
	float:left;
	width:247px;
}
.featured03 {
	float:right;
	width:247px;
}
.featuredImg {
	border:2px solid #f2f2f2;
	margin-bottom:10px;
}
.featured {
	background:url(images/featuredBack.gif) repeat-y;
	line-height:20px;
}
.featured2 {
	line-height:20px;
}
.featured a {
	color:#96320E;
	border-bottom:1px dotted #96320E;
	text-decoration:none;
}
.featured a:hover {
	color:#4e8a00;
	text-decoration:none;
	background-color:#fcffcc;
	color:#000;
	border-bottom:0px;
}

/*-------- Platos -------*/
.plato {
	float:left;
	margin-right:40px;
	width:200px;
}

#platosHolder {
	width:820px;
	margin:30px auto 0;
	background:url(../images/header_portfolio.gif) top left no-repeat;
	padding-top:30px;
}

.portTable td {
	padding:10px;
	width:25%;
}
.internalText {
	padding:20px 0;
	font-size:12px;
	line-height:20px;
}
.dropdown {
	margin:6px 0;
	padding:1px;
	font-size:16px;
}
.internalTextBigger {
	padding:20px 0;
	font-size:16px;
	line-height:20px;
}








/* categorias y servicios   
#servicesOuter {
	background:url(images/servicesBack.gif) repeat-x #e5e5e5;  */


#servicesOuter {
	background: #FCFFCC;
}
#services {
	background:#FCFFCC;
	width:820px;
	margin:32px auto 0;
	padding:20px 0;
}
#servicesTitle {
	background:url(images/stripeWhiteGrey.gif) bottom center no-repeat;
	padding:6px 0;
	text-align:right;
	margin-bottom:10px;
	padding-right:290px;
}
#services01 {
	float:left;
	margin-right:36px;
	width:247px;
}
#services02 {
	float:left;
	width:247px;
}


/* Pie de página */

#footerHolder {
	background:url(images/footerBack.gif) repeat-x #fff064;
	margin:0;
}
#footer {
	width:820px;
	margin:0 auto;
	/*background:url(images/footerTab.gif) left top no-repeat;*/
	padding:20px 0;
}
#footerTitle {
	background:url(images/stripeWhite.gif) bottom center no-repeat;
	padding:24px 0;
	text-align:right;
	margin-bottom:10px;
}
#footer01 {
	float:left;
	margin-right:36px;
	width:247px;
}
#footer02 {
	/*float:left;*/
	width:819px;
	line-height:18px;
	color:#333333;
	text-align:center;
}
#footer02 a {
	text-decoration:none;
	color:#333333;
}
#footer02 a:hover {
	border-bottom:0px;
	text-decoration:none;
	color:#000;
	background-color:#E5E5E5;
}

/* listas */

.shortList {
	margin:0;
	padding:0;
}
.shortList li {
	margin-bottom:1px;
	padding:0;
	list-style:none;
}
.shortList a {
	display:block;
	width:90%;
	padding:6px 0 6px 30px;
	background:url(images/bullet.gif) no-repeat 10px 50%;
	color:#656565;
}
html>body .shortList a {
	width:auto;
}
.shortList a:hover {
	background:url(images/bulletOn.gif) no-repeat 12px 50% #fcffcc;
	color:#000;
}

.shortListCopy {
	margin:0;
	padding:0;
}
.shortListCopy li {
	margin-bottom:1px;
	padding:0;
	list-style:none;
}
.shortListCopy a {
	display:block;
	width:90%;
	padding:6px 0 6px 30px;
	background:url(images/bullet.gif) no-repeat 10px 50%;
	color:#656565;
	border-bottom:1px dotted #D8D8D8;
}
html>body .shortListCopy a {
	width:auto;
}
.shortListCopy a:hover {
	background:url(images/bulletOn.gif) no-repeat 12px 50% #fcffcc;
	color:#000;
}




#footer01 .shortList a {
	display:block;
	width:90%;
	padding:6px 0 6px 30px;
	background:url(images/bullet.gif) no-repeat 10px 50%;
	color:#fff;
}
html>body #footer01 .shortList a {
	width:auto;
}
#footer01 .shortList a:hover {
	background:url(images/bulletOn.gif) no-repeat 12px 50% #fcffcc;
	color:#000;
}


/* about page stuff */

#aboutHolder {
	width:820px;
	margin:30px auto 0;
	background:url(/images/header_about.gif) top left no-repeat;
	padding-top:30px;
}


/* contact page stuff */

#contactHolder {
	width:820px;
	margin:30px auto 0;
	background:url(../../../images/header_contact.gif) top left no-repeat;
	padding-top:30px;
}


/* archives stuff */

#comentarios {
	width:820px;
	margin:30px auto 0;
	background:url(images/comentarios.gif) top left no-repeat;
	padding-top:30px;
}
#platos {
	width:820px;
	margin:30px auto 0;
	background:url(images/platosh.gif) top left no-repeat;
	padding-top:30px;
}
#panetonne {
	width:820px;
	margin:30px auto 0;
	background:url(images/panetonne.gif) top left no-repeat;
	padding-top:30px;
}
#reservas {
	width:820px;
	margin:30px auto 0;
	background:url(images/reservas.gif) top left no-repeat;
	padding-top:30px;
}
/* varios */

.note {
	font-size:10px;
}
.greyLine {
	background:url(images/stripeGrey.gif) bottom center no-repeat;
}
.right {
	float:right;
}
.black {
	color:#000;
}
form {
	margin:0;
	padding:0;
}
.copy {
	padding:10px;
	line-height:18px;
}
.copy a {
	color:#656565;
	border-bottom:1px dotted #656565;
	text-decoration:none;
}
.copy a:hover {
	color:#000;
	border-bottom:1px solid #000;
	text-decoration:none;
}
.bigger {
	font-size:14px;
}
.column01 {
	width:550px;
	float:left;
	margin-right:10px;
}
.column02 {
	float:right;
	width:250px;
}
.column01 a, .callout a {
	color:#96320E;
	border-bottom:1px dotted #96320E;
	text-decoration:none;
}
.column01 a:hover, .callout a:hover {
	color:#4e8a00;
	text-decoration:none;
	background-color:#fcffcc;
	color:#000;
	border-bottom:0px;
}
.callout {
	padding:10px;
	background-color:#FFFFCC;
	border:1px solid #ebe9c4;
}

#home {width:819px; margin:26px auto 0; padding:0;}
#home #header {width:819px; height:36px; background:url(images/postHeaderBack.gif) no-repeat;}
#home #content {width:819px; height:500px; background:url(images/postBack.gif) repeat-y;}
#home #content #company {width:429px; padding-left:30px; float:left;}
#home #content #company img {float:right; padding:0px 0px 10px 15px;}
#home #content #contact {width:315px; padding-left:45px; float:left;}
#home #foot {width:819px; height:16px; background:url(images/postFooter.gif) no-repeat;}