/*	Index of styles for ... by Marciobarrios ~ marciobarrios.com
--------------------------------------------------------------------------
	- General (titles, generic links, preformatting, some classes)
	- Layout
		- Header
		- Content
		- Footer
	- Forms
*/


/*	General
--------------------------------------------------------------------------*/

:link,:visited{text-decoration:none}

ul,ol{list-style:none}

table {border-collapse:collapse}

h1,h2,h3,h4,h5,h6,pre,code,input,select,textarea{font-size:1em}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}

fieldset,img,a img,:link img,:visited img{border:0}

a{
	text-decoration:none;
	outline:none;
}

body{
	font: 1em/1.4em "Lucida Grande", Corbel, Helvetica, Arial, sans-serif;
	color:#666;
	text-align:center;
	background-color:#E5F1F4;
	color:#3F4648;
}

h1{
	color:white;
	font:3em Palatino, Georgia, serif; 
}

h2{
	color:black;
	font-size:2em;
	margin:.7em 0 .5em;
}

h3{
	font-size:1.3em;
	color:black;
	margin-bottom:.2em;
}

p{
	margin-bottom:1em;
}

a:link,
a:visited{
	color:#7c0405;
	border-bottom:1px solid #7c0405;
	padding:1px;
}

a:hover,
a:active{
	background-color:#7c0405;
	color:white;
}

/*	Layout
--------------------------------------------------------------------------*/
#wrapper{
	width:780px;
	margin:0 auto;
	text-align:left;
}

	/*	Header
	----------------------------------------------------------------------*/
	#header{
		color:#A59E8F;
		padding-bottom:26px;
		background:#433C2A url(../img/bg_header.jpg) repeat-x bottom;
	}
	
		#header div{
			width:780px;
			margin:0 auto;
			text-align:left;
			background:url(../img/header.jpg);
			text-indent:-9999px;
			height:375px;
		}
		
			#header div *{
				display:none;
			}
			
		h2 > small{
			font-size:.8em;
			color:#999;
		}
		
	
	
	/*	Content
	----------------------------------------------------------------------*/
	#content{
		width:760px;
		margin:0 auto;
		text-align:left;
		margin-top:1em;
	}
	
	#content > p{
		font:italic 1.4em/1.3em Palatino, Georgia, serif;
		border-bottom: 3px double #ccc;
		padding-bottom:1em;
		color:#3D4E6D;
	}
	
	#content ul{
		margin-bottom:2em;
	}
	
	#content ul li{
		border-top:1px solid #ccc;
		margin-top:1em;
		padding-top:1em;
	}
	
	#content ul li:first-child{
		border:0;
		margin:0;
		padding:0;
	}
	
	#content p.success{
		background-color:#FFFFBB;
		border:1px solid #ccc;
		margin:20px 0;
		padding:10px;
		font: 1.2em/1.5em "Lucida Grande", Corbel, Helvetica, Arial, sans-serif;
	}

	#content p.error{
		color:#ab1212;	
		margin:20px 0;
		padding:10px;
		border:1px solid #ccc;
		background-color:#ffb;
		font: 1.2em/1.5em "Lucida Grande", Corbel, Helvetica, Arial, sans-serif;
	}

	#content ul.error{
		margin:20px 0;
		color:#ab1212;
		list-style:square;
		font-size:1.2em;
		padding:10px;
		padding-left:30px;
		background-color:#ffb;
		border:1px solid #ccc;
	}

		#content ul.error li{
			border:none;
			padding:0;
			margin-bottom:3px;
		}
		
	/*	Felicita
	----------------------------------------------------------------------*/
		
	#felicita{
		background-color:#eee;
		border-top:3px solid #ddd;
		border-bottom:1px solid #eee;
		padding-bottom:.7em;
	}
	
		#felicita div{
			width:760px;
			margin:0 auto;
			text-align:left;
		}
		
		form input[type="text"],textarea{
			width:39em;
			font:1.2em "Lucida Grande", Corbel, Helvetica, Arial, sans-serif;
			padding:3px;
			border:1px solid #666;
		}
		
		textarea{
			width:auto;
		}
		
		form input[type="submit"]{
			font-size:1.2em;
			width:10em;
			cursor:pointer;
		}
		
		form label{
			display:block;
		}
	
	
	/*	Footer
	----------------------------------------------------------------------*/
	#footer{
		background-color:#ccc;
		padding-top:.7em;
	}	
	
		#footer > div{
			width:760px;
			margin:0 auto;
			text-align:left;	
		}
		
			#footer p{
				margin-bottom:0;
			}