/*  
Theme Name: oheredia
Theme URI: http://www.octavioheredia.com
Description: oheredia theme by Octavio Heredia for WP 2.3
Version: 1.1
Author: Octavio Heredia
Author URI: http://www.octavioheredia.com/

*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form {
	margin: 0;
	padding: 0;
}

body {
	font: 76%/150% 'Lucida Grande','Lucida Sans', Helvetica, Verdana, Arial, sans-serif;	
	background-color: #38424D;
}

/*-----     layout     -----*/
#container {margin: 25px auto; width: 839px; padding: 0; text-align: left;}
#page {float: left; width: 100%; margin: 0 0 10px; background: #fff; color: #666;}
#header {float: left; width: 100%; background:url(/img/header_bk.gif) no-repeat top left;}
.wrapper { float: left; width: 100%; margin: 10px 10px 0; display: inline;}
.content {float: left; width: 57%;}
.sidebar{
	float: left;
	width: 160px;
	margin: 0 0 0 10px;
	display: inline;
}
.sidebar-wide{
	float: left;
	width: 320px;
	margin: 0 0 0 10px;
	display: inline;
}
#footer{
	clear: both;
	padding: 5px 20px;
}
#footer .lFooter {float: left; width: 60%;  text-align:left;}
#footer .rFooter {float: right; width: 38%; text-align:center; background: url(/img/rss_icon.png) no-repeat 230px 16px;}

/*-----     header     -----*/
#header .title {float: left; width: 30%; margin: 0; padding:10px 0 0 20px;}
#header .message {float: right; width: 60%; text-align:right;  padding:0 20px 0 0;}

/*-----     navigation     -----*/
#header .navigation {
	clear: both;
	text-transform:uppercase;
	margin: 0 20px;
	padding: 1em 0 0 0;
	border-bottom: 2px solid #6F9b64;
}

#header .navigation ul {
	margin: 0;
	padding: 10px 0;
	list-style: none;
}

#header .navigation ul li {
	display: inline;
	margin: 0 0 0 10px;
}

#header .navigation ul li a {
	padding: 0 0 0 13px;
	font-weight: bold;
	color:#666;
	text-decoration: none;
}

#header .navigation ul li a:hover {
	color:#6F9b64;
}

/*-----     links/LVHA     -----*/
a:link {color: #000; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:active {color: #000; text-decoration: none;}

a img {border: 0;}

/*-----     headers     -----*/
.post h2 {padding: 15px 0 0; letter-spacing:-1px; font-weight: normal; font-size: 1.7em; line-height:1.2em; text-transform:uppercase;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	border: 0;
	padding: 15px 0 0;
	font-weight: bold;
}
.entry h1 {font-size: 30px; font-weight: normal; line-height: 36px;}
.entry h2 {font-size: 18px;}
.entry h3 {font-size: 16px;}
.entry h4 {font-size: 14px;}
.entry h5 {font-size: 12px;}
.entry h6 {font-size: 11px;}

/*-----     blog     -----*/
.post {padding: 10px;}
.postdate {font-weight: bold; color: #6F9b64; padding-right: 5px; border-right:1px solid #CFCFCF;}

.entry {line-height: 22px;}
.postinfo {margin: 2em 0 0 0; padding:0px 2px; border-top:1px dotted #666;}
.browse {font-size: 11px; font-weight: bold; line-height: 18px; text-transform: lowercase; text-align:center;}
.browse a {font-weight: bold;}

/*-----     sidebar     -----*/
.sidebar h2, .sidebar-wide h2 {
	font-size: 1.0em; 
	text-transform: uppercase; 
	background: #fff;
	padding: 3px;
	margin: 10px 0;
	color: #666;
	border-bottom: 2px solid #666;
}
.sidebar ul,.sidebar-wide ul {margin: 0 3px; padding: 0; list-style: none;}
.sidebar ul li,.sidebar-wide ul li {padding: 0 10px;}

.sidebox {margin:0; padding:0 0 1.5em 0; background: #EDF0E9;}
.sidebox p {padding:0 10px;}
ul.flickrList {text-align:center;}

.sidebox ul.archiveblock li {letter-spacing:-1px;}

/*-----     comments     -----*/
.comments-template {padding: 15px 0 0;}
.comments-template h2, .comments-template h3{
	font-size: 14px;
	font-weight: bold;
}
.comments-template ol {margin: 0; padding: 0 0 20px; list-style: none;}
.comments-template ol li {clear:both; padding: 3px 0; margin-bottom:5px;}
.comments-template ol li.alt {background:#E9F0F0;}
.commentmetadata {float:left; width: 100px; padding:1em 0 0 5px; text-transform: uppercase; border-right:1px solid #666;}
.commenttext {float:right; width: 340px; padding:1em 0 0 5px;}
.commenttext p {padding:0;}

.respond {border-top: 1px dotted #666; padding:10px 0; clear:both;}

/*-----     SECTION: form stuff     -----*/
#commentform {background:#C7DBE2; padding:10px;}
#commentform input {color: #494949; border: 1px solid #38424D; background: #fff; }
#commentform #submit {color: #38424D;}
#commentform textarea {color: #494949; border: 1px solid #38424D; background: #fff;}

/*-----     SECTION: world cup tables     -----*/
table.worldcup {border:1px solid #ccc;}
table.worldcup caption {text-align:left; color:#770E12;}
table.worldcup th {text-align:center; background-color:#38424D; font-size:90%; color:#fff; margin:0; padding:0;}
table.worldcup td {text-align:center; margin:0; padding:2px; border-bottom:1px solid #ccc;}
table.worldcup td[scope] {text-align:left; margin:0; padding:0;}
table.worldcup tr.qualify {background-color:#dfdfdf;}
table.worldcup tr.playoff {background-color:#efefef;}
table.worldcup tfoot tr td {font-size:80%; text-align:left;}

/*-----     miscellaneous     -----*/
address, dl, p {padding: 1em 0 0;}
blockquote {margin: 1em 0;}
blockquote p {padding: 15px; }
strong {font-weight:bold;}
em {font-style:italic;}
strike {text-decoration:line-through;}
code {color:#042345; font-family:Georgia;}
dt {font-weight: bold;}
dd {padding: 0 0 0 15px;}
hr{
	clear: both;
	margin: 15px 15px 5px 15px;
	border: 0;
	height: 1px;
	text-align: left;
	background: #000;
	color: #000;
}

.clear {clear:both; }
.sub {font-size:85%;}
.ctr {text-align:center;}
.blogImage { background-color: #fff; border: 1px solid #ccc; margin: 5px 0 5px 0; padding: 5px; margin:5px 0 5px -10px; }
.blogImageThumb {background-color: #fff; border: 1px solid #ccc; margin: 5px 0 5px 0; padding: 3px;}
.imageBorder {background-color: #fff; border: 1px solid #ccc; margin: 5px 0 5px 0; padding: 3px;}
.imgLeft {position:relative; float:left; margin:.4em 8px 5px 0; }
.imgRight {position:relative; float:right; margin: 0 0 5px 8px;}