/*  
Theme Name: Rio Alma
Theme URI: http://rioalma.com/
Description: For http://rioalma.com/
Version: 1.0
Author: Sophia Lucero
Author URI: http://stellify.net/
*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
html {
	font-size: 62.5%;
	background: #f8bd69 url(images/lightbg.jpg);
}
body, input, textarea, button, select, option, pre {
	font-family: Georgia, Century, "Century Schoolbook", "Times New Roman", Times, serif;
	color: #490f00;
}
body {
	font-size: 1.3em;
	line-height: 1.8em;
	background: url(images/topbg.png) repeat-x;
}
img, div, a, ul, p { behavior: url(http://rioalma.com/wp-content/themes/rioalma/iepngfix.htc); }
a {
	text-decoration: none;
	outline: 0;
	color: #a83700;
}
a:hover, a:active, #posts .post .content a:hover {
	color: #952800;
}
a img, input, textarea, button, select, option {
	border: none;
}
input, textarea {
	padding: 5px 2px;
	background: #ffcd86;
	margin: 0 0 5px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
#header ul li, #sidebar ul li, #footer ul li {
	list-style: none; 
	zoom: 1;
}
#header, #sidebar, #commentsection, #submit, #searchsubmit {
	color: #ffcd86;
}
#header a, #sidebar a, #commentsection a, .home .pagetitle a:hover {
	color: #ffa92d;
}
#header a:hover, #sidebar a:hover, #commentsection a:hover, .home .pagetitle a {
	color: #f07700;
}
#header, #main, #posts, #sidebar, .sidebar, #footer {
	overflow: hidden;
}
#header, #main, #posts, #sidebar {
	float: left;
	display: inline;
}
#wrap {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
}
#header {
	width: 200px;
	margin: 0 40px 0 0;
	background: #641800 url(images/light.jpg);
	text-align: center;
	padding: 8px 0;
}
	#header #headerimg, #header .menu {
		margin: 0 auto;
		border: 2px solid #4a0f00;
		border-width: 2px 0;
		width: 180px;
	}
	#header #headerimg {
		padding: 40px 0 0;
		border-width: 2px 2px 0 2px;
	}
		#header #headerimg a {
			width: 160px;
			height: 160px;
			margin: 0 auto;
			display: block;
			text-indent: -9999em;
			background: url(images/rio-alma.png) 50% 50% no-repeat;
		}
	#header .menu {
		border-width: 0 2px 2px 2px;
		font-size: 1.8em;
		padding: 0 0 100px;
		background: url(images/divider.png) 50% 92% no-repeat;
	}
		#header .menu li {
			border-top: 1px solid #8e1e00;
			border-bottom: 1px solid #3e1205;
			width: 140px;
			margin: 0 auto;
			padding: 20px 0;
		}
		#header .menu li.first {
			border-top: none;
		}
		#header .menu li.last {
			border-bottom: none;
		}
		#header .menu li a {
			display: block;
			line-height: 60px;
			text-indent: -9999px;
			color: #d96416;
			background: url(images/menu.png) 0 0 no-repeat;
			margin: 0 auto;
			overflow: hidden;
			zoom: 1;
		}
		.en #header .menu li a.home { background-position: -69px 0; width: 69px; height: 20px; }
		.en #header .menu li a.home:hover { background-position: 1px 0; }
		.en #header .menu li a.biography { background-position: -114px -20px; width: 114px; height: 25px; }
		.en #header .menu li a:hover.biography { background-position: 1px -20px; }
		.en #header .menu li a.works { background-position: -69px -45px; width: 69px; height: 20px; }
		.en #header .menu li a:hover.works { background-position: 1px -45px; }
		.en #header .menu li a.writeups { background-position: -111px -153px; width: 110px; height: 24px; }
		.en #header .menu li a:hover.writeups { background-position: 1px -153px; }	
		.en #header .menu li a.news { background-position: -63px -65px; width: 62px; height: 20px; }
		.en #header .menu li a:hover.news { background-position: 1px -65px; }
		.en #header .menu li a.gallery { background-position: -80px -85px; width: 80px; height: 26px; }
		.en #header .menu li a:hover.gallery { background-position: 1px -85px; }
		.en #header .menu li a.contact { background-position: -89px -110px; width: 89px; height: 21px; }
		.en #header .menu li a:hover.contact { background-position: 1px -110px; }
		.en #header .menu li a.subscribe { background-position: -110px -132px; width: 109px; height: 21px; }
		.en #header .menu li a:hover.subscribe { background-position: 1px -132px; }	
		.tl #header .menu li a { background: url(images/menu-tl.png) 0 0 no-repeat; }
		.tl #header .menu li a.home { background-position: -87px 0; width: 87px; height: 25px; }
		.tl #header .menu li a.home:hover { background-position: 1px 0; }
		.tl #header .menu li a.biography { background-position: -139px -25px; width: 140px; height: 25px; }
		.tl #header .menu li a:hover.biography { background-position: 1px -25px; }
		.tl #header .menu li a.works { background-position: -111px -50px; width: 111px; height: 25px; }
		.tl #header .menu li a:hover.works { background-position: 1px -50px; }
		.tl #header .menu li a.writeups { background-position: -132px -172px; width: 132px; height: 24px; }
		.tl #header .menu li a:hover.writeups { background-position: 1px -172px; }
		.tl #header .menu li a.news { background-position: -117px -75px; width: 117px; height: 25px; }
		.tl #header .menu li a:hover.news { background-position: 1px -75px; }
		.tl #header .menu li a.gallery { background-position: -93px -100px; width: 93px; height: 26px; }
		.tl #header .menu li a:hover.gallery { background-position: 1px -100px; }
		.tl #header .menu li a.contact { background-position: -175px -126px; width: 176px; height: 26px; }
		.tl #header .menu li a:hover.contact { background-position: 1px -126px; }
		.tl #header .menu li a.subscribe { background-position: -115px -152px; width: 115px; height: 20px; }
		.tl #header .menu li a:hover.subscribe { background-position: 1px -152px; }	
		.tl #header .menu li a.contact { position: relative; left: -17px; } /*because image is too long*/
		/*\*/ * html .tl #header .menu li a.contact { left: 0; } /* */
#main {
	width: 690px;
}
#lang {
	width: 690px;
	text-align: right;
	line-height: 11px;
	margin: 15px 0;
	font-size: 0.85em;
	font-style: italic;
}
	#lang, #lang a { color: #da9244;}
	#lang a:hover { color: #c6580e; }
	#lang .language_item {
		padding: 0 0 0 5px;
		font-style: normal;
	}
	#lang .language_item img {
		vertical-align: middle;
	}
	#lang .current_language_item {
		font-weight: bold;
	}
#banner {
	text-align: center;
	background: #641800 url(images/light.jpg);
	padding: 8px 0 0;
	margin: 0 0 40px;
	position: relative;
	width: 690px;
	height: 212px;
	overflow: hidden;
}
#banner div {
	width: 674px;
	height: 200px;
	border: 2px solid #4a0f00;
	margin: 0 auto;
	background: url(images/virgilio-s-almario.jpg) 0 0 no-repeat;
	position: relative;
}
#banner div h1 {
	position: absolute;
	top: 120px;
	right: 10px;
	width: 350px;
	height: 70px;
	text-align: center;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 90%;
	color: #ffe9bb;
}
#banner div h1 em {
	display: block;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	color: #ffca59;
}
#banner img {
}
#posts {
	width: 450px;
	margin: 0 40px 0 0;
}
	.pagetitle {
		margin: 10px 0 40px;
		padding: 0 0 40px;
		text-align: center;
		font-size: 1.6em;
		font-style: italic;
		font-weight: bold;
		color: #c6580e;
		background: url(images/post.png) 50% bottom no-repeat;
	}
	.home .pagetitle {
		background: #641800 url(images/light.jpg);
		padding: 8px 10px;
		margin: 0 0 40px;
	}
	.home .pagetitle a {
		display: block;
		padding: 10px;
		border: 2px solid #4a0f00;
	}	
	#posts p, #posts blockquote, #posts table {
		margin: 20px 0;
	}
	#posts ul, #posts ol {
		margin: 20px;
		line-height: 1.8;
	}
	#posts ul li, #posts ol li {
		margin: 5px 0;
	}
	#posts .blurb {
		font-size: 1.3em;
		line-height: 1.5;
		margin: 0 0 40px;
	}
	.pagetitle, #posts .post {
		padding: 0 0 40px;
		margin: 0 0 40px;
		background: url(images/post.png) 50% bottom no-repeat;
	}
	.single #posts .post {
		margin-bottom: 60px;
	}
		#posts .post h2 a, #posts .post .content a, #posts .post h2 a:visited, #posts .post .content a:visited {
			color: #240700;
		}
		#posts h2, #posts .post .meta {
			margin: 0 0 10px;
		}
		#posts .post .meta {
			font-style: italic;
		}		
		#posts .post h2 {
			font-size: 2.4em;
			font-style: normal;
			line-height: 1.2;
		}
		#posts .post .content {
			font-size: 1.2em;
			margin: 40px 0 0;
		}
			#posts .post .content h3 {
				font-size: 1.6em;
				line-height: 1.2em;
				font-variant: small-caps;
				margin-top: 40px;
			}
			#posts .post .content h3 a {
				font-weight: normal;
			}
			#posts .post .content h3, #posts .post .content em, #posts .post .content strong {
				color: #6a2d00;
			}
			#posts .post .content a {
				font-weight: bold;
				border-bottom: 1px solid #6a2d00;
			}
			#posts .post .content a:hover {
				border: none;
			}
			#posts .post .content blockquote {
				padding: 1% 20px;
				border-top: 1px solid #c6580e;
				border-bottom: 1px solid #c6580e;
				border-width: 2px 0;
				font-size: 0.95em;
				margin: 20px;
			}
	#posts .navigation {
		margin: -20px 0 60px;
		overflow: hidden;
		padding: 10px 0;
		font-style: italic;
		font-weight: bold;
		font-size: 1.2em;		
	}
	#posts .navigation div {
		width: 45%;
		float: left;
	}
	#posts .navigation .alignright {
		float: right;
	}
/* 	#posts .news .navigation, #posts .articles .navigation {
		background: #641800 url(images/light.jpg);
		padding: 8px 10px;
		border: none;
		margin-bottom: 60px;
	}
	#posts .news .navigation a, #posts .articles .navigation a {
		display: block;
		padding: 10px;
		border: 2px solid #4a0f00;
	} */
#sidebar {
	width: 200px;
	font-size: 0.85em;
}
	#sidebar li {
		background: #641800 url(images/light.jpg);
		padding: 8px 0;
		margin: 0 0 20px;
	}
	#sidebar li li, #sidebar li ul ul {
		margin: 0;
		padding: 0;
		border: none;
		background: none;
	}
	#sidebar li h2, #sidebar li ul, #sidebar #quotes .quotes, #sidebar #searchform {
		border: 2px solid #4a0f00;
		width: 160px;
		margin: 0 auto;
		padding: 10px;
	}
	#sidebar li h2 {
		border-width: 2px 2px 0 2px;
		font-style: italic;
		font-weight: bold;
		font-size: 1.4em;
		color: #c6580e;
	}
	#sidebar li ul, #sidebar #quotes .quotes, #sidebar #searchform {
		border-width: 0 2px 2px 2px;
	}
	#sidebar #quotes .quotes {
		height: 220px;
	}
		#sidebar #quotes .quotes .quote {
			padding: 10px;
		}
		/*\*/
		* html #sidebar #quotes .quote {

		}
		/**/
		#sidebar #quotes .quotes .quote q {
			font-size: 1.6em;
			font-style: italic;
			color: #da9244;
		}
		#sidebar #quotes .quotes .quote cite {
			font-size: 1.4em;
			display: block;
			text-align: right;
		}
		/*\*/
		* html #sidebar #quotes .quotes .quote {
			width: 160px;
		}
		/**/		
	#sidebar li ul {
	}
	#sidebar li ul li {
		border-top: 1px solid #8e1e00;
		border-bottom: 1px solid #3e1205;
		line-height: 1.3;
		padding: 10px 0;
	}
	#sidebar li ul li:first-child {
		border-top: none;
	}
	#sidebar li ul li:last-child {
		border-bottom: none;
	}
#footer {
	clear: both;
	padding: 80px 0 40px;
	text-align: center;
}
	#footer ul li {
		display: inline;
		padding-right: 10px;
		margin-right: 10px;
		border-right: 1px dotted #c6580e;
	}
	#footer ul li {
		border-right: 1px solid #c6580e;
	}
	#footer ul li.last {
		border: none;
		margin: 0;
		padding: 0;
	}
	#footer ul li a {
		color: #952800;
	}
/* forms */
	#s {
		width: 155px;
		float: right;
	}
	#submit, #searchsubmit {
		width: 50px;
		background: #c6580e;
		padding: 2px 0;
	}
/* comments */
#commentsection {
	clear: both;
	background: #641800 url(images/light.jpg);
	padding: 8px 10px;
}
	#commentsection .wrap {
		border: 2px solid #4a0f00;
		padding: 10px 10px 0;
		display: block;
		margin: 0 auto;
	}
	#commentsection h3, #commentsection label {
		font-style: italic;
		font-weight: bold;
	}
	#commentsection h3 {
		color: #c6580e;
		padding: 0 0 20px 0;
		text-align: center;
	}
		h3#comments {
			border-bottom: 1px solid #3e1205;
			margin: 10px 0 0;
		}
	#commentsection .commentlist {
		margin: 0 0 20px;
		border-bottom: 1px solid #8e1e00;
		list-style: none;
	}
		#commentsection .commentlist li {
			border-top: 1px solid #8e1e00;
			border-bottom: 1px solid #3e1205;
			line-height: 1.4;
			padding: 10px 0;
		}
/* 		#commentsection .commentlist li:first-child {
			border-top: none;
		}
		#commentsection .commentlist li:last-child {
			border-bottom: none;
		} */
		#commentsection .commentlist li .author {
			font-size: 1.4em;
		}
		#commentsection .commentlist li .meta {
			font-size: 0.85em;
			font-style: italic;
		}
	#commentform {
		border-width: 0 2px 2px 2px;
	}
	#commentform p {
		margin: 0 0 20px;
	}
		#author, #email, #url, #comment {
			display: block;
			width: 400px;
			margin: 5px 0 20px;
		}
		#submit {
			display: block;
			width: 150px;
			margin: 0 0 20px;
		}
/* wp classes */
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
img.alignleft {
	float: left;
}
img.alignright {
	float: right;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
.page .gallery a, .page .gallery a img {
	border: none !important;
}
.page .gallery img {
	
}
.clear {
	clear: both;
}