/*  
Theme Name: arubalife
Theme URI: http://www.arubalife.net
Description: arubalife.net's own original Wordpress theme by <a href="http://www.madebyhmmck.com/">Gabriel</a>
Version: 1.0
Author: Gabriel
Author URI: http://www.madebyhmmck.com
*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, { margin: 0; padding: 0; }
fieldset, img	{ border: 0; }
address, caption, cite, code, em, strong { font-style: normal; font-weight: normal; }
caption, th 	{ text-align: left; }
q:before, q:after { content:''}

/* The below restores some sensible defaults */
strong 			{ font-weight: bold }
em 				{ font-style: italic }
* a 			{ position: relative } /* Gets links displaying over a PNG background */
a img 			{ border: none } /* Gets rid of IE's blue borders */
body 			{ 
	background-color: #EEE1C1;
	color: #837040;
	font-family: "trebuchet ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
.clear 			{ clear: both; }

/*** General ***/
a 				{ color: #DC4B45; text-decoration: none; }
a:hover			{ text-decoration: underline;}
.extLink		{ background: url(internationallink.gif) center right no-repeat; padding-right: 14px; }
.aligncenter	{ text-align: center; }
.floatleft		{ float: left; }
.floatright		{ float: right; }
.featimgleft	{
	border: 1px solid silver;
	float: left;
	margin: 0 3px 3px 0;
	padding: 3px;
}
.featimgright 	{ float: right; padding: 3px; margin-left: 3px; margin-bottom: 3px; border: 1px solid silver; }
.alboton		{ background-color: ffae00; color: white; border: 4px double white; width: 75px; text-align: center; font-weight: 900; }
.borderspace	{ border: 1px solid silver; padding: 3px; text-align: center; }
#container 		{ margin: 0 auto; width: 960px; }

/*** Header ***/
h1				{
	background: transparent url(/wp-content/uploads/2008/11/arubalife-logo.jpg) no-repeat scroll;
	display: block;
	height: 68px;
	float: left;
	margin: 0 10px;
}
h1 a			{ display: block; height: 68px; text-indent: -9999px; width: 350px; }
#search			{ float: right; margin: 40px 10px 0 0; }
ul#nav	{
	background-color: #E0CEA0;
	border: 1px solid #E0CEA0;
	color: #C9C9C9;
	margin: 10px 0px 0px;
	padding: 10px;
}
ul#nav li		{ font-size: 18px; display: inline; list-style-type: none; }
ul#nav li a		{ color: #ECE9D8; padding: 5px 15px; text-decoration: none; }
ul#nav li a:hover {
	color: #000;
	background-color: #EFEFEF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 15px;
	text-decoration: none;
}

/*** Main ***/
#intro img		{ width: 100%; }
/* Content */
#main			{ background-color: #ECE9D8; }
#content		{ float: left; margin: 10px; width: 620px; }
#content #latest {
	background-color: #DFDBC3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px 0px 0px;
	padding: 10px;
}
#content #latest h2 { font-size: 26px; margin: 0px 0px 0px; }
#content #latest h2 a { color: #DC4B45; text-decoration: none; }
#content #latest h2 a:hover { border-bottom: 1px dotted #DC4B45; }
#content ul#headlines { margin: 10px 0px; padding: 0px 0px 0px; }
#content ul#headlines li {
	border-bottom: 1px solid #DFDBC3;
	font-size: 12px;
	font-weight: normal;
	float: left;
	display: inline;
	margin: 0px 10px 10px;
	padding: 15px 0px 2px;
	width: 269px;
}
#content ul#headlines li a { color: #DC4B45; }
#content #latest .postmetadata { font-size: 10px; margin: 0px 0px 0px; }
#content .post p { font-size: 14px; margin: 0 0 15px; }
#content .post img { width: 100%; } /* End post formating */
#content #gascomments { border-top: 1px dotted #CCC; background-color: #EFEFEF; padding: 5px; margin: 10px 0; } /* Small comment below on gas page */
#content #gascomments h3 { margin: 0 0 5px; } /* Title small comment below on gas page */

/* Blog */
#main #content #blog #post { border-bottom: 1px solid #CCC; margin: 0 0 10px; padding: 0 0 10px; }
#main #content #blog #post h2 { float: left; font-size: 1.6em; margin: 0; padding: 0; }
#main #content #blog #post p { font-size: 1em; line-height: 150%; margin: 10px 0; }
#main #content #blog #post span { font-size: 0.9em; }
#main #content #blog #post span#topic { font-style: italic; margin: 5px 0 0; }

/* Single */
#main #content #single h2 { font-size: 1.6em; margin: 0; padding: 0; }
#main #content #single p { font-size: 1em; line-height: 150%; margin: 10px 0; }
#main #content #single span { font-size: 0.9em; }
#main #content #single img { border: 1px solid #CCC; padding: 5px; max-width: 99%; }

/* Archive */
#main #content #archive h2 { font-size: 1.6em; margin: 0; padding: 0; text-transform: uppercase; }
#main #content #archive h3 { font-size: 1.3em; margin: 15px 0 0; padding: 0; }
#main #content #archive span { font-size: 0.9em; margin: 0; padding: 0; }

/* Search */
#main #content #archive ul#search { float: left; margin: 10px 0; padding: 0; }
#main #content #archive ul#search li { list-style-position: inside; list-style-type: none; margin: 5px 0; padding: 0; }
#main #content #archive ul#search li a { font-size: 1.3em; }

/* Comment */
h3.respond { border-top: 1px dotted #000; display: block; font-size: 1.2em; font-weight: bold; padding: 5px 0; }



#author, #email, #url, #comment { background-color: #FFF; border: 1px solid #CCC; font-size: 16px; padding: 5px; width: 610px; }
/* End comment formatting */
/* Shortcut */
#shortcut		{ float: right; text-align: right; }
#shortcut li	{ list-style-type: none; display: inline; font-size: 10px; }
/* Activity Suggestion */
.suggestion 	{ float: right; background-color: #F4F4F4; border: orange 2px groove; padding: 5px; margin: 0 0 5px 20px; width: 225px; }
.suggestion li	{ list-style-type: none; }
.suggestion h4	{ font-size: 1.2em; }

/* Posts */
.postdata		{ border: 1px solid #CBB98B; border-left: 5px solid #CBB98B; background-color: #e6d7af; padding: 5px; }
.postdata p		{ padding: 0; margin: 0; font-size: 11px; }
.commentmetadata{ border-bottom: 2px solid #DFDBC3; }
h3.commenta		{ padding: 0; margin: 0; text-transform: capitalize; }
.post			{ margin: 10px 0; }

/* Sidebar */
#sidebar		{ float: left; margin: 10px; width: 300px; }
#sidebar ul li 	{ list-style-type: none; }
#sidebar ul {
	background-color: #EEE1C1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 10px;
	padding: 10px;
}
#sidebar ul li	{ border-bottom: 1px dotted #DFDBC3; list-style-type: none; margin: 0 0 5px; }
#sidebar #gasoline ul {
	background-color: #EEE1C1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 10px;
	padding: 10px;
}
#sidebar #gasoline ul li	{ border-bottom: 1px dotted #DFDBC3; list-style-type: none; margin: 0 0 5px; }
#sidebar .widget	{ list-style-type: none; }
#sidebar .widget, h2.widgettitle { font-weight: normal; margin: 0px; }
#sidebar h3		{ font-weight: normal; margin: 10px 0 0px; }
#sidebar h5		{ font-weight: normal; margin: 15px 0 0px; }
#sidebar p		{
	background-color: #EEE1C1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 12px;
	margin: 0 0 10px;
	padding: 10px;
}
#sidebar img.ad { float: left; margin: 0 5px 0 0;}
#sidebar p.ads a  { border-bottom: 1px dotted #9F8C59; }
#sidebar p.ads a:hover { color: #000; border-bottom: 1px solid #000; }

#sidebar .gas	{ background: #FFF; border: 1px solid #CCC; color: #000; display: block; margin: 0px 0px 5px; padding: 0px 0px 0px; }
#sidebar .gas h4 { background-color: #EFEFEF; font-size: 12px; font-weight: normal; display: block; margin: 0; padding: 5px;}
#sidebar .gas h6 { font-size: 50px; font-weight: bold; margin: 10px 0px; padding: 0px; text-align: center; }

/*** Footer ***/
#footer			{ font-size: 0.9em; margin: 10px; text-align: center; }