/*  
Theme Name: Berri Ocaso Theme
Theme URI: http://www.berriart.com/berri-ocaso-theme-wp/
Description: Theme de dos columnas en español y preparado para usar widgets. Creado por <a href="http://www.berriart.com/" title="berriart">berriArt</a>.
Version: 1.0
Author: Alberto Varela Sánchez
Author URI: http://www.berriart.com/
*/

body {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.5em; 
	background: url(images/back-color.jpg) repeat-x #ffffff;
	margin: 0em;
}

h1 {
	margin-top:0;
}

#header {
	background: url(images/top.jpg) no-repeat;
	height:202px;
	margin-right:auto;
	margin-left:auto;
}

a:link, a:visited {
	text-decoration:none;
	border-bottom: 1px solid;
	color: #DBA800;
}

a:hover, a:active {
	text-decoration:none;
	border-top: 1px solid;
	border-bottom: 1px solid;
	color: #DBA800;
}

#header h1 a {
	color:#ffffff;
	margin-bottom:10px;
}

.description {
	color:#482201;
	font-weight:bold;
}

img#star {
	position:absolute;
	z-index:5;
	top:90px;
	right:150px;
}

#top {
	position:relative;
	z-index:5;
	top:70px;
	left:50px;
}

#menu {
	position:absolute;
	z-index:5;
	top:40px;
	left:550px;
}

#menu ul {
	padding:0px;
	margin:0px;
}

#menu ul li {
	display:inline;
	list-style-image: none;
	list-style-type: none;
	padding:0px;
	margin:0px;
	margin-right:5px;
	font-size:16px;
}

.page_item a:visited, .page_item a:link {
	color:#f47c0e;
	border-bottom: 0px;
	border-top: 0px;
}

.page_item a:hover, .page_item a:active {
	color:#ffffff;
	border-bottom: 0px;
	border-top: 5px solid #ffffff;
}

.current_page_item a:visited, .current_page_item a:link {
	text-decoration:none;
	border-bottom: 0px;
	border-top: 5px solid #ffffff;
}

#search {
	position:absolute;
	z-index:5;
	top:162px;
	padding-left:30px;
}

#search p {
	margin:0px;
	padding:0px;
}

#s {	background: #ffffff url(images/search.gif) no-repeat scroll 2% 50%;
	font-size:18px;
	border: 1px solid #FFFFFF;
	width:300px;
	font-weight:bold;
	padding-left:28px;
	color:#482201;

}

#searchsubmit {
	font-size:18px;
	width:100px;
	text-align:center;
	border: 1px solid #FFFFFF;
	background:#482201;
	padding:0;
	margin:0;
	color:#ffffff;
	font-weight:bold;
}

#main {
	background: url(images/main.jpg) repeat-y;
	margin-right:auto;
	margin-left:auto;
}

#main-2 {
	background: url(images/main-2.jpg) no-repeat;
}

#content {
	margin:0pt 10px;
	margin-left:25px;
	padding:0pt;
	clear:none;
	float:left;
	min-height: 900px;
	height: auto !important;
	height: 900px;
}

.date p {
	background: url(images/post-date.png) no-repeat scroll 0%;
	color:#444444;;
	float:left;
	font-size:12px;
	height:53px;
	margin:0pt 10px 0pt 0pt;
	overflow:hidden;
	padding:3px;
	text-align:center;
	width:43px;
}

.date span.mes {
	padding:0;
	line-height:0.8;
}

.date span.dia {
	font-size:20px;
	font-weight:bold;
}

.date p span.año {
	color:#eeeeee;
	font-family:Tahoma,Arial,sans-serif;
	font-size:12px;
	margin:0pt;
	padding:0pt;
	font-weight:bold;
}

.dpost {
	margin-top:10px;
}

.post h1 {
	color:#482201;
	font-family:"Times New Roman",Times,serif;
	font-size:32px;
	padding-top:5px;
	margin-bottom:7px;
	margin-bottom:5px;
}

.post h2 {
	padding-top:5px;
	margin-bottom:7px;
}

.post h2 a:visited, .post h2 a:link {
	font-family: "Times New Roman", Times, serif; 
	text-decoration:none;
	border-top: 0px;
	border-bottom: 0px;
	color:#482201;
	font-size:32px;
}

.post h2 a:hover, .post h2 a:active {
	 font-family: "Times New Roman", Times, serif; 
	text-decoration:none;
	border-top: 0px;
	border-bottom: 0px;
	color:#666666;
	font-size:32px;
}

.post img {
	border:0px;
	margin:3px;
}

.post small {
	color:#666666;
}

.postmetadata {
	text-align:right;
	font-size:20px;
	margin-top:0px;
	border-top:1px dotted #666666;
	padding-top:3px;
}

.postmetadata a:visited, .postmetadata a:link {
	text-decoration:none;
	border-top: 0px;
	border-bottom: 0px;
}

.postmetadata a:hover, .postmetadata a:active {
	text-decoration:none;
	border-top: 0px;
	border-bottom: 0px;
	color:#666666;
}

.postmetadatasingle {
	text-align:right;
	font-size:12px;
	margin-top:0px;
	border-top:1px dotted #666666;
	padding-top:3px;
}

.comm p {
	color:#482201;
}

#commentform p input[type=text] {
	border:solid 1px #482201;
	font-size:18px;
	padding:3px;
	width:260px;
}

#commentform p input[type=submit] {
	border:solid 1px #482201;
	font-size:18px;
	padding:3px;
	background: #482201;
	color:#FFFFFF;
}

#commentform p textarea {
	border:solid 1px #482201;
	font-size:18px;
	padding:3px;
	width:450px;
	height:250px;
}

#sidebar {
	float:left;
	clear:none;
}

#sidebar ul {
	margin-left:10px;
	margin-top:10px;
	margin-right:0pt;
	margin-bottom:0pt;
	padding:0;
}

#sidebar ul li{
	margin:0pt;
	padding:0;
	list-style-image: none;
	list-style-type: none;
	text-align:center;
}

#sidebar ul li img{
	border:0px;
}

#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:hover, #sidebar ul li a:active{
	border:0px;
	text-decoration:none;
	
}

#sidebar ul li h2{
	margin-left:0px;
	margin-top:10px;
	margin-right:0pt;
	margin-bottom:5px;
	padding-bottom:3px;
	font-size:14px;
	text-align:right;
	border-bottom: solid 1px #666666;
	color:#666666;
}

#sidebar ul li ul {
	margin:0pt;
}

#sidebar ul li ul li {
	margin:0pt;
	border-bottom:1px dotted #DDDDDD;
	text-align:left;

}

#sidebar ul li ul li a:link,#sidebar ul li ul li a:visited{
	border-bottom:0px;
	border-top:0px;

}

#sidebar ul li ul li a:hover,#sidebar ul li ul li a:active{
	border-bottom:0px;
	border-top:0px;
	color:#666666;
}

.thepage {
	margin-top:15px;
}

#footer {
	background: url(images/footer.jpg) no-repeat;
	height:51px;
	margin-right:auto;
	margin-left:auto;
	clear:both;
}

#footer p {
	margin:0;
	margin-right:auto;
	margin-left:auto;
	padding-top:7px;
	text-align:center;
	color:#ffffff;
	font-size:10px;
}

#footer p a:visited, #footer p a:link {
	color:#dddddd;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 1px solid #dddddd;
}

#footer p a:hover, #footer p a:active {
	color:#dddddd;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.alignleft {
	text-align:left;
}

.alignright {
	text-align:right;
}