/*
Theme Name: Hello "U"
Theme URI: http://hellou.co.uk/
Description: Theme developed by <a href="http://www.guerillainteractive.com/">Guerilla Interactive</a>.
Version: 1.0
Author: Guerilla Interactive
Author URI: http://www.guerillainteractive.com/
Tags:
*/

/* Global

-----------------------------------------------------------------------------------------------

===============================================================================================*/

*{
margin:				0;
padding:			0;
border:				0;
}

html{
background:			#fff;
}

body{
font: 				14px/140% Arial, Helvetica, sans-serif;
color:				#7c766f;
font-weight:		normal;
min-width:			920px;
}

#wrapper{
margin:				0 auto;
width:				900px;
display:			block;
}

#header-wrap,#content-wrap,#footer-wrap,#nav{
margin:				0 auto;
width:				100%;
display:			block;
}

#header,#content,#footer,#nav-wrap{
margin:				0 auto;
width:				900px;
display:			block;
}

.left{
float:				left;
margin:				0 20px 0 0;
}

.right{
float:				right;
margin:				0 0 0 20px;
}

.center {
text-align:			center;
}

ul,ol { 
list-style: 		none; 
}

table { 
border-collapse: 	collapse; 
border-spacing: 	0; 
}

p{
padding:			6px 0;
text-align:			left;
}

.clear { 
clear:				both;
}

hr {
display: 			none;
}

b, strong{
font-weight:		bold;
color:				#acd653;
}

a, a:visited{
color:				#acd653;
font-weight:		bold;			
text-decoration:	none;
}

a:hover{
color:				#7c766f;				
border:				none;
text-decoration:	none;
}

blockquote{
display:			block;
padding:			18px 18px 18px 70px;
margin:				12px 0 12px 0;
color:				#7c766f;
font-family:		Georgia,"Times New Roman",sans-serif;
font-size:			16px;
font-weight:		normal;
font-style:			italic;
border:				#e6e6e6 1px solid;
background:			#fafafa url('images/BG-blockquote.gif') no-repeat 14px 14px;
}

.none{
border:				none !important;
background:			none !important;
}

.no-margin{
margin:				0;
}

/* Fonts Headers ***********************************************************************************************/

h1{
float:				left;
display:			block;
padding:			40px 0 0 0;
font-size:			140px;
font-family:		"Trebuchet MS",Arial,sans-serif;
color:				#dbd4cd;
line-height:		140px;
letter-spacing:		-0.05em;
}

h2,h3,h4,h5,h6{
color:				#7c766f;
line-height:		120%;
letter-spacing:		-0.02em;
}

h2 small,h3 small,h4 small,h5 small,h6 small{
color:				#7c766f;
font-size:			70%;
}

h2{
color:				#7c766f;
font-size:			28px;
line-height:		100%;
}

h3{
font-size:			22px;
}

h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{
color:				#acd653;				
}

h4{
font-size:			20px;
}

h5{
font-size:			18px;
}

h6{
font-size:			15px;
}

h2.pagetitle{
padding:			8px 12px;
border:				#e6e6e6 1px solid;
background:			#fafafa;
width:				876px;
margin:				16px 0 10px 0;
}

h4#comments{
border-top:			#e6e6e6 1px solid;
padding:			10px 0;
margin:				20px 0 6px 0;		
}

/* Images ***********************************************************************************************/

.alignleft{
float:				left;
margin:				5px 15px 5px 0;
}

.alignright{
float:				right;
margin:				5px 0 5px 15px;
}

.aligncenter{
float:				none;
text-align:			center;
}

/* Lists ***********************************************************************************************/

#left-col ul li{

}

/* Form Elements ***********************************************************************************************/

.search-wrap{
float:				left;
padding:			20px 0 0 0;
}

.search-wrap label.hidden{
display:			none;
}

.search-wrap input#s{
background:			url('images/BG-search.jpg') no-repeat center;
display:			block;
height:				20px;
width:				192px;
padding:			7px 0 0 12px;
color:				#837a71;
}

input#searchsubmit{
display:			none;
}

.contact-form{

}

.contact-form input, .contact-form textarea, .contact-form select{
padding:			6px;
border:				#cec8c4 1px solid;
margin:				2px 0;
font-size:			14px;
width:				240px;
color:				#7c766f;
font-family:		Arial,"Trebuchet MS", sans-serif;	
}

.contact-form textarea{
height:				60px;
}

.contact-form label{
display:			block;
width:				140px;
text-align:			right;
float:				left;
padding:			8px 4px 0 0;
}

.contact-form input.form-butt{
display:			block;
float:				right;
max-width:			140px;
width:				auto;
height:				32px;
text-transform:		uppercase;
color:				#033d5e;
font-size:			14px;
font-weight:		bold;
border:				#cec8c4 1px solid;
padding:			2px 3px 3px 3px;
margin:				5px 2px;
}

.contact-form input.form-butt:hover{
color:				#00929f;
}

.contact-form ul{
float:				left;
}

.contact-form li{
display:			block;
clear:				both;
width:				400px;
background:			none !important;
}

.contact-form li input.contact_button{
width:				150px;
background:			#abd653;
border:				#8ab239 1px solid;
color:				#416003;
font-size:			15px;
font-weight:		bold;
}

.errorlistwrap{
display:			block;
padding:			18px;
margin:				12px 0 12px 0;
color:				#7c766f;
font-family:		Arial,"Times New Roman",sans-serif;
font-size:			16px;
font-weight:		normal;
border:				#e6e6e6 1px solid;
background:			#fafafa;
}

#commentform input, #commentform textarea, #commentform select{
padding:			6px;
border:				#cec8c4 1px solid;
margin:				2px 0;
font-size:			14px;
width:				240px;
color:				#7c766f;
font-family:		Arial,"Trebuchet MS", sans-serif;	
}

#commentform textarea{
width:				540px;
}

#commentform input#submit{
width:				150px;
background:			#abd653;
border:				#8ab239 1px solid;
color:				#416003;
font-size:			15px;
font-weight:		bold;
}

.commentmetadata a{
font-size:			12px;
}


/* Global Navigation ************************************************************************************/

#nav-wrap{
height:				auto;
}

#nav{
height:				72px;
}

#nav ul{
float:				right;
margin:				16px 0 0 0;
}

#nav ul li{
float:				left;
list-style:			none;
position:			relative;
}

#nav ul li a, #nav ul li a:visited{
color:				#7c766f;
display:			block;
font-size:			16px;
padding:			8px 7px;
margin:				0 3px 0 2px;		
}

#nav ul li a:hover{
color:				#466800;
background:			#abd653;
border-right:		#88b330 1px solid;
margin:				0 2px 0 2px;
}

#nav ul li ul{
display:			block;
position:			absolute;
top:				-999em;
width:				200px; /* left offset of submenus need to match (see below) */
color:				#466800;
background:			#abd653;
padding:			3px;
border-right:		#70981f 1px solid;
border-bottom:		#70981f 1px solid;
}

#nav li:hover ul{
left:				2px;
top:				20px; /* match top ul list item height */
z-index:			10000;
}

#nav li:hover ul a,#nav li:hover ul a:visited{
display:			block;
padding:			5px;
width:				190px;
margin:				0;
font-size:			15px;
color:				#466800;			
}

#nav li:hover a{
color:				#466800 !important;
background:			#abd653;
border-right:		#70981f 1px solid;
margin:				0 2px 0 2px !important;
}

#nav li:hover ul li a{
border:				none !important;
margin:				0 !important;
}

#nav li:hover ul a:hover{
color:				#fff !important;
background:			#88b330;
cursor:				pointer;
}

/* Flash ***********************************************************************************************/

/* Table ***********************************************************************************************/



/* Header ***********************************************************************************************/

#header-wrap{
height:				auto;
background:			url('images/BG-header-wide.jpg') repeat-x top center;		
}

#header{
height:				217px;
background:			url('images/BG-header.jpg') no-repeat bottom center;
}

.testimonial{
padding:			48px 0 0 0;
float:				right;
display:			block;
width:				325px;
color:				#c5c0bb;
font-family:		Georgia,"Times New Roman",sans-serif;
font-size:			22px;
line-height:		22px;
font-weight:		normal;
font-style:			italic;
}

/* Global Nav ***********************************************************************************************/



/* Content ***********************************************************************************************/

#content-wrap{

}

#content{
position:			relative;
}

/* Content Specifics ***********************************************************************************************/

.homepage{
padding:			20px 0 0 0;
float:				left;
width:				430px;
}

span.home-content{
position:			absolute;
top:				30px;
right:				-40px;
display:			block;
width:				540px;
height:				315px;
margin:				0;
background:			url('images/BG-u-image1.jpg') no-repeat center;
}

.post{
padding:			20px 0 0 0;
float:				left;
width:				550px;
overflow:			hidden;
}

.entry ul,.entry ol{
display:			block;
padding:			18px;
margin:				12px 0 12px 0;
color:				#7c766f;
font-family:		Georgia,"Times New Roman",sans-serif;
font-size:			16px;
font-weight:		normal;
border:				#e6e6e6 1px solid;
background:			#fafafa;
}

.entry ul li{
padding:			2px 0 3px 16px;
background:			url('images/IMG-arrow-sml.gif') no-repeat left 8px;			
}

.entry ol li{
padding:			2px 0 3px 0;
margin:				0 0 0 16px;		
}

.navigation{
float:				left;
width:				550px;
}

.postmetadata{
display:			block;
padding:			10px;
margin:				15px 0 10px 0;
color:				#7c766f;
font-weight:		normal;
border:				#e6e6e6 1px solid;
background:			#fafafa;
font-size:			11px;
}

.postmetadata small{
font-size:			10px;
line-height:		12px;
}

ol.commentlist li{
padding:			15px;
border:				#e6e6e6 1px solid;
margin:				6px 0;
}

ol.commentlist li.alt{
padding:			15px;
border:				#abd653 1px solid;
margin:				6px 0;
}

img.avatar{
float:				left;
margin:				6px;
border:				#e6e6e6 3px solid;
}

ol.commentlist li p{
display:			block;
clear:				both;
}

/* Sidebar ***********************************************************************************************/

#sidebar{
float:				right;
width:				280px;
padding:			20px 20px 0 0;
margin:				0;
}

#sidebar h3{
text-transform:		lowercase;
padding:			5px 0 6px 0;
margin:				0 0 8px 0;
border-bottom:		#e5e3e1 1px solid;
}

#sidebar ul li ul li{
padding:			2px 0 3px 10px;
background:			url('images/IMG-arrow-mini.gif') no-repeat left 10px;
}

p.side-alert{
display:			block;
padding:			10px;
margin:				0 0 10px 0;
color:				#7c766f;
font-weight:		normal;
border:				#e6e6e6 1px solid;
background:			#fafafa;
}

/* Footer ***********************************************************************************************/

#footer-wrap{

}

#footer{
margin:				25px auto 15px auto;
border-top:			#e5e3e1 1px solid;
height:				50px;
padding:			12px 0;
}

#footer ul{
display:			block;
float:				right;
}

#footer ul li{
display:			inline;
text-align:			right;
margin:				0 4px;
font-size:			12px;
}

#footer p{
clear:				right;
float:				right;
font-size:			12px;
color:				#7c766f;
display:			block;
padding:			15px 0 0 0;
}

#footer ul li a, #footer p a,#footer ul li a:visited, #footer p a:visited{
color:				#7c766f;
}

#footer img{
float:				left;
}

#footer ul li a:hover, #footer p a:hover{
color:				#acd653;
}

a.valid{
padding:			2px 16px 0 0;
margin:				0 4px 0 0;
background:			url('images/ICON-green-tick.gif') no-repeat right center;
}