/*  
Theme Name: Agregado
Theme URI: http://www.smashingmagazine.com/2008/09/08/agregado-a-free-wordpress-theme/
Description: A lifestream theme for Wordpress
Version: 1.2
Author: Darren Hoyt & Matt Dawson
Author URI: http://www.smashingmagazine.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

If you remix and re-release similar versions of Agregado, 
please include links/credit to the original authors

/* ---------- @ HTML Elements -----------*/

* {margin:0;padding:0;}
body, html {color:#f7f4ef; background:#2ca2d9 url(images/bg_top.jpg) repeat-x;}
body, select, textarea, input {font: 100% Arial, Helvetica, sans-serif;}
p {	margin: 0px 20px 20px 20px; line-height:125%; color:#012d42; letter-spacing:0.01em}
a, a:visited, a:active {color:#87bcd2; text-decoration: none;}
a:hover {color:#FFF;}
a img, fieldset {border:none}
*:focus {outline:none}
		
/* ---------- @ New styles -----------*/


.pageWrapper {
	margin-left: auto;
	margin-right: auto;
	clear:left;
}
	#header {
		background-image: url(images/bg_top.jpg);
		background-repeat: repeat-x;
		}
	#content-top {background-color: #2ca2d9;}
	#content-bot {background-color: #278ebf;}
	#footer {background-color: #012d42;}

.header {
	background-image: url(images/bg_home.jpg);
	background-repeat:no-repeat;
	width: 960px;
	height: 269px;
	border-top:#125c7e 3px solid;
}
.HH_holder {
	float:right;
	width:320px;
	height: 223px;
	background-image: url(images/HHlogo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

.content-top {
	width: 960px;
	text-align:left;
}

.content-bot {
	background-color: #278ebf;
	width: 960px;
	text-align:left;
}

.footer {
	clear:both;
	background-color: #012d42;
	width: 960px;
	color:#FFF;
	text-align:left;
	font:.65em 'Lucida Grande','Lucida Sans Unicode',Arial;
	text-transform:uppercase;
	letter-spacing:0.08em;
	padding: 10px 0;
}

/* ---------- @ Page Structure -----------*/
	
.content_main {
	background-color: #227ea8;	
	width:610px;
	float:left;
	}
	#bottom {background-color:#206d91; padding:0px;}
	#archives {padding-bottom:20px; background-color:#b1cd15;}


.content_sidebar {
	float:right;
	background:#012d42;
	width:260px;
	padding:0px 30px 30px 30px;
	}
	#sidebar_bottom {background:#18678d;}
	.content_sidebar li {list-style-type: none;}
	.content_sidebar li a:hover {color:#FFF;}
	#pagesidebar ul {font-size:0.95em; line-height: 125%;}
	 	 		


/* ---------- @ Headings -----------*/
		   
h1 {
	letter-spacing:0.05em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight :normal;
	font-size: 1.8em;
	color:#012d42;
	padding: 30px 20px 0px 20px;
	}
	h1 a:hover {color:#012d42; background-color:#D7E48B; border:none;}
	h1 a, h1 a:visited, h1 a:active {color:#012d42;}
	
h2 {	
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	color:#b1cd15;
	font-weight:normal;
	margin:15px 0px 7px 0px;
	}
	h2 em {font-style:italic; font-size:0.8em;}
	#global-translator h2 {font-size:1.6em;}
	#recentcomments h2 {margin-bottom:0px;}
	#tag-cloud h2 {margin-bottom:0px;}
	#archives h2 {color:#012d42;}
	#inside h2 {margin:30px 0px 0px 0px;}
	#comments {margin-left:20px;}
	.entry h2 {color:#012d42; margin-left:20px;}
	.pagetitle {margin:30px 0px 0px 20px ;}
	.wpcf7-form h2 {font-size:1.6em; padding:0px;}

h3,h4,h5,h6 {
	color:#012d42;
	font-weight:bold;
	font-size:1.0em;
	margin: 30px 20px 0px 20px;
	}
	
.fontupper {font-size:1.0em;}
/* ---------- @ Content Styles -----------*/

#archive-list li {
	width:100%;
	float:left;
	font-size:0.9em;
	margin: 0px 0px 0px 20px;
	line-height:150%;
	list-style-type: none;
	}
	#archive-list li a, #archive-list li a:visited, #archive-list li a:active {color:#012d42;}
	#archive-list li a:hover {background-color:#D7E48B;}

.pagenavigationbox {
	margin-top:20px;
	padding-left:20px;
	}
	
.pagenavigationbox a, .pagenavigationbox a:visited, .pagenavigationbox span {
	width:24px;
	height:20px;
	display:block;
	float:left;
	font:0.7em Arial,Georgia, "Times New Roman", Times, serif;
	padding-top:4px;
	margin-right:4px;
	text-align:center;
	}
	
.pagenavigationbox, .pagenavigationbox a, .pagnavigationbox a:visited {
	color:#012d42;
	background:url(images/bg_pagelink.gif) no-repeat;
	}
		
.pagenavigationbox a:hover, .pagenavigationbox a:active {
	color:#FFF;
	background:#012d42;
	text-decoration:none;
	}
	
.pagenavcurrent {background:url(images/bg_current_pagelink.gif) no-repeat;}
	
#headlines {
	min-height:252px;
	background-image:url(images/Post_back.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color:#012d42;
	}
	#headlines a, #headlines a:visited, #headlines a:active {text-decoration:none; color:#012d42;}
	#headlines a:hover {color:#FFF;}
	#headlines ul {padding: 10px 20px 20px 20px; float:left;}	
	#headlines li {font-size:0.85em; width:400px; list-style:none; line-height:145%;}
	
#recentcomments-home {margin: 0px 20px;}
#tag-cloud {margin: 30px 20px 30px 20px;}

/*SIDEBAR*/
.module {background:#2f5b70; overflow:auto; font-size:0.8em; padding: 10px; margin-bottom:13px;}
.module img {padding:3px; border:1px solid #457186; float:left; margin-right: 10px;}
.module p {margin:0; color: #b1ddf2;}

#recentcomments {font-size:0.8em;}
#recentcomments em {font:italic  Georgia, "Times New Roman", Times, serif; background:url(images/bg_recentcomment.gif) left no-repeat; color:#FFF; letter-spacing:.08em; padding: 0px 5px 0px 20px;}
#recentcomments a:hover {color:#FFF;}
#recentcomments li{list-style:none; margin-bottom: 10px;}

#translation_bar a {padding-right:10px;}
#global-translator h2 {font-size:1.3em;}


/* ---------- @ Forms -----------*/

.wpcf7-form {
	background-color:#196183;
	margin:0px;
	margin-bottom:-20px;
	padding:10px 20px 0px 20px;
}
.fontcorrect {font-size:0.9em;}
.wpcf7-form .prompt {color:#b1cd15; margin-top:15px;}
.wpcf7-form .field {margin:5px 0px;}
.wpcf7-form .required {color:#012d42;}

.wpcf7-form #formbutton {padding: 3px 15px; color:#a4cee1; cursor: pointer;background: #01496B url(images/But-back.jpg) !important;
	border-top:1px solid #18678d;
	border-left:1px solid #18678d;
	border-bottom:1px solid #011f2d;
	border-right:1px solid #011f2d;
	margin-bottom: 30px;
}
.wpcf7-form #contact_name {border:none; color:#a4cee1; background: #01486b url(images/Name.gif) 10px 5px no-repeat !important;}
.wpcf7-form #contact_email {border:none; color:#a4cee1; background: #01486b url(images/Email.gif) 10px 5px no-repeat !important;}		
.wpcf7-form #contact_phonenumber {border:none; color:#a4cee1; background: #01486b url(images/Phone.gif) 10px 5px no-repeat !important;}
.wpcf7-form #contact_message {border:none; color:#a4cee1; background: #01486b url(images/Message.gif) 10px 5px no-repeat !important;}

.wpcf7-form #contact_name, .wpcf7-form #contact_email, .wpcf7-form #contact_phonenumber {width:250px; height:22px; padding: 5px 20px 0px 35px;}
.wpcf7-form #contact_message, .wpcf7-form-home #contact_message {width:500px; height:150px; padding: 10px 35px; overflow:auto;}