/*
Theme Name: MrCostaRicasProperty
Theme URI: http://mrcostarica.com/
Description: Mr. Costa Rica's Property.  Created by 2ndVizion
Version: 1.0
Author: Michael Schuster
Author URI: http://blog.2ndvizion.com
Tags: mrcostarica


*/



/* Begin Typography & Colors */
* {font-family: arial; font-size: 10pt; color: #eeeeee;padding:0; margin:0;}
body {background-color:black; background-image: url(images/bg_wood_black.jpg); background-repeat: repeat-x; }
h2 {font-size: 1.2em}
a:hover { color: #efefef; }
.external { background: url(images/extltgrn.png) no-repeat right top; padding-right: 14px;}
.success {color: #000000;width: auto;padding: 5px;background-color: #d7d7f4;border: 1px solid #000000;}
.error {color: red;width: auto;padding: 5px;background-color: #ffd5d5;border: 1px solid red;}
#wrapper {width: 916px; margin: 5px auto;}
textarea { color: #000000; width: 400px; }
input { color: #000000; }
a img { border:none; }
#header_wrapper {width: 916px; height: 430px;}
#header {position: absolute; width: 916px; height: 114px; z-index: 20;}
#header img {border: none; float: left; margin-left: 8px;}
.headerbadge{ position: absolute; z-index: 100;top: 100px; left: 770px;}
#header_rotate {width: 915px; height: 298px;background: url(images/916x298_field_fullsize.png);position:absolute; top: 124px;}
#weather {width: 277px; height: 147px; position: absolute; z-index: 30; background: url(images/weather_bg.png); top: 120px; left: 18px; color: #000000; text-align: center;}
#weather h2 {color:#333333; margin-bottom: -5px;}
#weather b { color: #000000;}
#gallery1 img {margin: 9px 8px 9px 8px;}
#gallery1  ul{float: left;width: 900px;}
#gallery1 li {list-style: none;}
#content_wrapper {width: 916px; margin-bottom: 13px;}
#content { width: 741px; float: right; margin:0; padding: 0;}
#main_content { width: 503px; float: left;}
#main_content p { margin-bottom: 8px; }
#main_content .post{ border: 1px solid #333333; padding: 10px; margin-bottom: 15px; background-image: url(images/bodybgmap.png);background-position: 50% 5%;background-repeat: repeat-y; background-color: #1c1c1c;}
#main_content .post h2 { margin-bottom: 7px; }
#main_content .post h4 { margin-top: 10px; margin-bottom: 4px; }
#main_content .post ul { margin-left: 7px; list-style-type:none; }
#main_content .post li { background: url(images/limap.png) no-repeat 0 50%; padding-left: 20px; margin-bottom: 8px;}
#main_content .post blockquote { background-color: #386d38; padding: 4px; border: 1px solid #cdcdcd; }
#main_content .postmetadata { background-color: #015a01; border: 1px solid #efefef; color: #000000; padding: 7px; }
#main_content .postmetadata small { font-size: 9pt; }
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
p.wp-caption-text {
font-size: 8pt;
color: #efefef;
padding: 2px 0 2px 0;
}
/* End Images */
#secondary_content { width: 225px; float: right; margin-top: -10px; margin-left: 4px; }
#main_nav { width: 161px; float: left; }

.sidebarbox { width: 225px; margin-bottom: 7px; }
.sidebarbox h3 { text-align: center; margin-top: 12px; font-size: 22px; }
.sidebarbox p {padding: 6px; } 
.sidebarbox ul { list-style-type: none; margin-left: 10px;}
.sidebarbox li { list-style-type: none; }

.sidebarboxtop { width: 225px; height: 39px; background: url(images/sidebarboxtop.png); }
.sidebarboxbody { max-width: 215px; border-left: 1px solid #333333; border-right: 1px solid #222222; height: auto; background-color: #015a01; padding: 0 4px;}
.sidebarboxbody  a { font-size: 9pt; text-decoration: none; }
.sidebarboxbody a:hover { color: #7e7e7e; }
.sidebarboxbottom { width: 225px; height: 14px; background: url(images/sidebarboxbottom.png); }
.sidebarbox input { margin-left: 18px; color: #333333; margin-bottom: 7px;}
#email_response {display:none;}
.ltgrnbox { width: 443px; margin: 0; padding: 0; float: left; margin-left: 12px;}
.ltgrnbox h3 { text-align: center; margin-top: 12px; font-size: 22px; }
.ltgrnbox h4 { text-align: right; margin-right: 10px; font-size: 20px; }
.ltgrnbox p {padding: 0 8px 0 8px; } 
.ltgrnboxtop { width: 443px; height: 15px; background: url(images/ltgrnboxtop.png); }
.ltgrnboxbody { width: 443px; background-repeat: repeat-y; background: url(images/ltgrnboxfield.png); }
.ltgrnboxbottom { width: 443px; height: 37px; background: url(images/ltgrnboxbottom.png); }
#footer { width: 916px; height: 91px; text-align: center; background: url(images/footerbg.png); margin-top: 10px; font-size: 10pt; }