/*
Theme Name: Primera Persona
Theme URI: 
Description: Primera Persona Wordpress Theme
Version: 1.0
Author: Design and concept by Anna Maria Lopez Lopez http://www.anna-OM-line.com
Tags: 

Enjoy the theme!

*/

/* STANDARD CSS FILE - BADSHARK COMMUNICATIONS */

/* ---------------------------- */
/* STANDARD HTML TAG RESET  (Thanks to Eric Meyer, Blueprint, 960gs) */
/* ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body {
	background: url(images/background.jpg) repeat #ffffff;
	color: #030606;
 	font-family: Georgia, Arial, Helvetica, sans-serif;
 	font-size: 12px;
	line-height: 1.5; 
}

form, input { 
	color: #030606; 
 	font-family: Georgia, Arial, Helvetica, sans-serif;
 	font-size: 12px;
}

h1 {font-size:24px;} 
h2 {font-size:24px;} 
h3 {font-size:18px;} 
 
a:link, a:visited {color: #978260; text-decoration: underline; outline: none;} 

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

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

ul {list-style: none;}


/* ----------------------------*/ 
/* PAGE ELEMENTS     */ 
/* ----------------------------*/ 

.container {
	width: 1010px;
	margin: 0px;
}
	
	
	/* ---------------------------*/ 
 	/* MAIN    */
	
	#header {
		
	}
		#menu {
			position: absolute;
			left: 0px;
			top: -18px;
			width: 393px;
			height: 800px;
			background: url(images/menuBack.png) no-repeat;
			z-index: 20;
		}
		
			.logo {
				position: absolute;
				top: 110px;
				left: 50px;
				width: 260px;
				height: 70px;
			}
			
			.readvolution {
				position: absolute;
				width: 341px;
				height: 147px;
				top: 537px;
				left: 0px;
			}
		
			.nav {
				margin-top: 200px;
			}
			
					.nav li a {
						display: block;
						width: 385px;
						text-indent: -9999em;
						position: relative;
					}
					
						a.menu1 {
							background: url(images/menu1.png) no-repeat;
							height: 58px;
						}
						
						a.menu2 {
							background: url(images/menu2.png) no-repeat;
							height: 49px;
						}
						
						a.menu3 {
							background: url(images/menu3.png) no-repeat;
							height: 53px;
						}
						
						a.menu4 {
							background: url(images/menu4.png) no-repeat;
							height: 53px;
						}
						
						a.menu5 {
							background: url(images/menu5.png) no-repeat;
							height: 48px;
						}
						
						a.menu6 {
							background: url(images/menu6.png) no-repeat;
							height: 57px;
						}
						
						.nav li a span {
							display: block;
							position: absolute;
							width: 82px;
							height: 53px;
							left: 30px;
							top: 10px;
							background: url(images/hover.png) no-repeat;
							display: none;
						}
						
						.nav li a:hover span, .nav li a.current span {
							display: block;
						}
						
						.nav li a.menu6 span {
							display: block;
							position: absolute;
							width: 75px;
							height: 68px;
							left: 180px;
							top: 0px;
							background: url(images/blogHover.png) no-repeat;
							display: none;
						}
						
						.nav li a:hover span {
							display: block;
						}
						

	/* ---------------------------*/ 
 	/* MAIN    */
	
	#main {
		margin-left: 330px;
	}
	
		.post {
			background: #ffffff;
			width: 544px;
			padding-left: 100px;
			padding-right: 40px;
			padding-top: 20px;
			margin-top: 60px;
			margin-bottom: 200px;
			position: relative;
			z-index: 10;
		}
		
			.post .imageBlock {
				display: block;
				text-align: center;
			}
			
			.contact .post {
				padding-left: 70px;
				width: 574px;
			}
		
			.post h1, .post h2 {
				width: 514px;
				height: 56px;
				padding-right: 50px;
				background: url(images/backTitle.png) no-repeat;
				margin: 20px 0px;
				text-align: right;
				line-height: 3.2;
				font-style: italic;
				color: #b6a486;
			}
			
			.post p {
				margin: 10px 0px;
			}
			
				.archive .post h1, .archive .post h2 {
				width: auto;
				height: auto;
				line-height: 1;
				padding-right: 0px;	
				background: url(images/separator.png) no-repeat bottom right;
				padding-bottom: 15px;
				}
				
					.archive .post h1 span, .archive .post h2 span {
						background: #000000;
						padding: 2px;
					}
		
			span.topBack {
				position: absolute;
				display: block;
				width: 684px;
				height: 28px;
				top: -26px;
				left: 0px;
			}
			
			span.bottomBack {
				position: absolute;
				display: block;
				width: 684px;
				height: 138px;
				bottom: -138px;
				left: 0px;
			}
			
			.links a {
				display: inline-block;
				width: 194px;
				height: 31px;
				padding-top: 35px;
				background: url(images/backLink.png) no-repeat;
				margin: 30px 20px 0px 55px;
				text-align: center;
			}
			
			.links.single a {
				margin-left: 150px;
			}
			
		.pagination {
			text-align: center;
			height: 20px;
			background: #000000;
			margin-top: -50px;
			margin-bottom: 40px;
			text-transform: uppercase;
			position: relative;
		}
		
			.pagination a {
				color: #ffffff;
			}
			
		.top {
			display: block;
			position: absolute;
			width: 183px;
			height: 209px;
			left: -330px;
			top: 0px;
		}
			
		/* Contact and Form */
		
		.contact form {
			width: 600px;
			height: 386px;
			background: url(images/contact.png) no-repeat;
			position: relative;
			padding-left: 40px;
			padding-top: 94px;
		}
		
		.contact form input[type=submit] {
			width: 108px;
			height: 36px;
			background: url(images/enviar.jpg) no-repeat;
			border: none;
			font-size: 0;
			line-height: 0;
			text-indent: -9999em;
			position: absolute;
			top: 397px;
			left: 154px;
			cursor: pointer;
		}
		
		.contact form .message {
			width: 218px;
			height: 151px;
			border: 1px solid #000000;
			font-size: 14px;
			display: block;
			font-family: Georgia, Arial, Helvetica, sans-serif;
		}
		
		.contact form .name {
			width: 219px;
			height: 30px;
			border: 1px solid #000000;
			font-size: 14px;
			display: block;
			margin-top: -5px;
		}
		
		.contact form .email {
			width: 220px;
			height: 30px;
			border: 1px solid #000000;
			font-size: 14px;
			display: block;
			margin-top: -5px;
		}
		
		.contact form .capim {
			position: absolute;
			top: 363px;
			left: 60px;
			display: block;
		}
		
		.contact form .capch {
			width: 105px;
			height: 34px;
			border: 1px solid #000000;
			font-size: 14px;
			display: block;
			margin-left: 114px;
			margin-top: -9px;
		}
		
		span.wpcf7-not-valid-tip-no-ajax {
			display: none;
		}
		
		.wpcf7-response-output.wpcf7-validation-errors {
			position: absolute;
			height: 20px;
			width: 550px;
			bottom: -50px;
			left: 0px;
			z-index: 30;
		}
		
		.wpcf7-response-output.wpcf7-mail-sent-ok {
			position: absolute;
			height: 264px;
			width: 500px;
			top: 50px;
			left: 20px;
			z-index: 30;
			text-align: center;
			border: none;
		}
		
		.wpcf7-response-output.wpcf7-mail-sent-ok img {
			border-top: 200px solid #ffffff;
			border-right: 90px solid #ffffff;
			border-bottom: 80px solid #ffffff;
			border-left: 80px solid #ffffff;
			margin-top: -100px;
			margin-left: -40px;
		}
		
	/* ---------------------------*/
	/* FOOTER */ 

	#footer {
		margin-top: -30px;
		margin-left: 330px;
		height: 155px;
		width: 687px;
		text-align: center;
		background: url(images/backFooter.png) no-repeat;
		padding-top: 40px;
		font-size: 11px;
	}
	
		#footer a {
			text-decoration: none;
			color: #030606;
		}
		
		#footer a:hover {
			text-decoration: underline;
		}
			
			
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.leftAlign {float:left;}

.rightAlign {float:right;}

.clear {clear: both; height: 0px;}

em {font-style: italic;}

.red {color: #ff0000;}