/*
Theme Name: Primera Persona BLog.
Theme URI: 
Description: Primera Persona Blog Official Theme.
Version: 1.0
Author: 
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: #ffffff url('images/background.jpg');
	color: #000000;
 	font-family: Georgia, Times, serif;
 	font-size: 14px;
	line-height: 1.2; 
	position: relative;
}

form, input { 
	color: #000000; 
 	font-family: Georgia, Times, serif;
 	font-size: 14px;
}

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

a:hover {text-decoration: none; outline: none; border-bottom: 1px dotted #b7ad95;}

a:active { text-decoration: none; outline: none; border: 0px;}

ul {list-style: none;}

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

.container {
	width: 907px;
	margin: 0px auto;
}


	/* ---------------------------*/ 
 	/* MAIN    */
	
	#header {
		width: 907px;
		height: 142px;
		background: url('images/backHeader.png') no-repeat;
	}
	
			
	/* ---------------------------*/ 
 	/* MAIN    */
	
	#main {
		background: url('images/backMain.png') repeat-y;
	}
	
		.topBack {
			background: url('images/backMainTop.png') top center no-repeat;
		}
		
		.bottomBack {
			background: url('images/backMainBottom.png') bottom center no-repeat;
		}
	
		.content {
			background: url('images/backContent.png') center repeat-y;
		}
		
			.mainCol {
				float: left;
				width: 550px;
				padding-left: 50px;
			}
			
				.post {
					margin-top: 40px;
					font-style: italic;
				}
				
					.post h2, .post h1 {
						width: 490px;
						height: 70px;
						background: url('images/titleBack.png') no-repeat;
						margin-left: -75px;
						line-height: 90px;
						padding-left: 75px;
						margin-bottom: 30px;
					}
					
						.post h2 a {
							color: #000000;
							text-decoration: none;
						}
						
						.post h2 a:hover {
							text-decoration: underline;
						}
					
					.post p {
						text-align: justify;
						width: 500px;
					}
					
					.post p:first-letter {
						font-weight: bold;
						font-size: 18px;
					}
					
						.post p img {
							float: left;
							margin-right: 20px;
							margin-bottom: 10px;
						}
						
						.post p img.size-thumbnail {
							float: none;
							margin: 20px 0px;
						}
					
					.readMore {
						text-align: right;
					}
					
						.readMore img {
							margin-right: -10px;
						}
						
						.readMore a {
							color: #000000;
						}
						
						.readMore a:hover {
							color: #ffffff;
							background: #000000;
						}
						
						p.notes {
							display: block;
							margin-top: 20px;
							width: 569px;
							background: url('images/divider.png') top no-repeat;
							padding-top: 10px;
							font-weight: bold;
							font-size: 12px;
						}
						
							p.notes:first-letter {
								font-size: 12px;
							}
						
							p.notes a {
								font-weight: normal;
								font-style: normal;
							}
							
					.prevNext {
						margin: 50px 0px 20px 0px;
						height: 50px;
						background: url('images/backPrevNext.png') top center no-repeat;
						text-align: right;
						width: 500px;
						margin-left: 30px;
					}
					
						.prevNext a {
							color: #000000;
							float: right;
							display: block;
							margin-top: 20px;
						}
						
							.prevNext a:hover {
								color: #ffffff;
								background: #000000;
							}
					
						.prevNext a:first-child {
							float: left;
						}
			
			.sideCol {
				float: right;
				width: 245px;
				margin-right: 15px;
				position: relative;
				padding-top: 150px;
				margin-top: 100px;
				text-align: center;
			}
			
				.hand {
					position: absolute;
					top: -242px;
					right: 20px;
					width: 383px;
					height: 364px;
				}
				
				.categories {
					width: 241px;
					height: 176px;
					background: url('images/backCategories.png') top center no-repeat;
					padding-left: 10px;
					margin-bottom: 20px;
				}
				
					.categories li {
						margin-left: -10px;
						line-height: 40px;
						margin-bottom: 3px;
					}
					
					.categories li:first-child {
						padding-top: 5px;
						margin-bottom: 0px;
					}
					
						.categories li a {
							text-transform: uppercase;
							text-decoration: none;
							color: #000000;
							padding: 2px 5px;
						}
						
							.categories li a:hover, .categories li a.current {
								color: #ffffff;
								background: #000000;
							}
				
				#searchForm {
					margin-top: 10px;
					margin-bottom: 20px;
				}
				
					#searchText {
						border: 4px double #000000;
						width: 145px;
					}
					
					#searchButton {
						background: #000000;
						border: 0px;
						color: #ffffff;
						text-transform: uppercase;
						padding: 5px 4px;
						font-weight: normal;
						font-size: 12px;
						cursor: pointer;
					}
					
				.sideFinal {
					margin-right: -20px;
				}
			
		
			/* Comments */
			
			.commentsContainer {
				margin: 50px 0px;
			}
			
				#comments {
					text-transform: uppercase;
				}
				
				#commentlist li {
					margin: 20px 0px;
					width: 500px;
				}
				
					.auth, .commentDate {
						font-size: 11px;
						font-weight: bold;
					}
					
					.commentDate {
						margin-bottom: 3px;
					}
					
				#postcomment {
					margin-bottom: 20px;
				}
				
				#commentform input {
					border: 1px solid #000000;
					height: 40px;
					width: 380px;
				}
				
				#commentform label img {
					margin-bottom: -15px;
				}
				
				#commentform p {
					margin-bottom: 10px;
				}
				
				#comment {
					width: 520px;
					border: 1px solid #000000;
					margin-top: 10px;
				}
				
				#submit {
					float: right;
					margin-right: 27px;
					width: auto !important;
					background: #000000;
					color: #ffffff;
					text-transform: uppercase;
					cursor: pointer;
				}
				
			/* Calendar */
			
			#wp-calendar {
				margin-left: 30px;
				margin-bottom: 20px;
			}
			
				#wp-calendar td, #wp-calendar th {
					padding: 5px;
					text-align: center;
				}
				
				#wp-calendar caption {
					text-align: center;
					font-weight: bold;
					padding-bottom: 10px;
				}
				
				#wp-calendar tfoot td {
					font-weight: bold;
					padding: 10px 0px !important;
				}
				
					#wp-calendar tfoot td a {
						color: #000000;
					}
					
			/* MailChimp */
			
			#mc_signup_form {
				margin-left: 10px;
				margin-bottom: 30px;
			}
			
			 .mc_var_label {
				display: none;
			}
			
			.mc_merge_var, .mc_signup_submit {
				display: inline;
			}
			
			#mc_mv_EMAIL {
				border: 4px double #000000;
				width: 145px;
				display: inline;
			}
			
			#mc_signup_submit {
				background: #000000;
				border: 0px;
				color: #ffffff;
				text-transform: uppercase;
				padding: 5px 4px;
				font-weight: normal;
				font-size: 12px;
				cursor: pointer;
				display: inline;
			}
						
	/* ---------------------------*/
	/* FOOTER */ 

	#footer {
		width: 907px;
		background: url('images/backFooter.png') no-repeat top center;
		text-align: center;
		font-size: 12px;
		color: #ffffff;
		padding-bottom: 150px;
	}
	
		#footer a {
			color: #ffffff;
			padding: 0px 2px;
			text-decoration: none;
		}
		
		#footer p:first-child {
			padding-top: 30px;
			margin-bottom: 30px;
		}
		
		p.footNote {
			display: block;
			width: 352px;
			height: 93px;
			margin: 0px auto;
			background: url('images/backFooterPar.png') top center no-repeat;
			font-size: 14px;
			color: #000000;
			text-align: center;
			padding: 45px 100px 0px 100px;
		}
		
		.subir {
			position: absolute;
			width: 189px;
			height: 222px;
			left: 0px;
			bottom: 30px;
		}
		
			
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

a.more-link {display: none;}

.leftAlign {float:left;}

.rightAlign {float:right;}

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

em {font-style: italic;}