/*
Wordpress based on Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! 
(Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">
Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

/* colors used in the HGBB website	
					yellow background:	#f4ad02
					main text:			#333333
					green:				#2A4A0F
					light yellow:		#FFE16F
					content back yellow:#FAD785
					
					

/* RESETS */

*													{margin: 0; padding: 0;}
body												{color: #333333;
														background: #f4ad02 url("/../images/main-bg.jpg") repeat-x;}
ul													{list-style: none;}
a													{text-decoration: none; color: #2A4A0F; font-weight: bold;}
a:hover, a:active 									{color: #f4ad02; font-weight: bold; }
img													{border: none;}

		
/* Typography */
	
body												{font-family: georgia, times new roman, serif;}
h1													{font-size: 1.2em; font-weight: bold; 
														padding: 3px;}
h2													{font-size: 1.1em; color: #2A4A0F; }
h3													{font-size: 1em; font-weight: bold;}
p													{font-size: 1em; line-height: 1.3em;}
#page_content h2									{padding: 10px 0 5px 0; margin-bottom: .5em;}
			  h2.title								{border-bottom: 1px solid #2A4A0F;}
			  h3.section_heading					{color: #2A4A0F; font-size: 1.5em; width: 100%; height: 50px; 
			  										background: url("/../images/title.jpg") top right no-repeat;
			  										padding-top: 15px;}

/* STYLING CLASSES */

.clear     											{clear:both;}
.left												{float: left;}
.right												{float: right;}

.submit												{background: #fff; color: #2A4A0F; 
														border: 1px solid #f4ad02;
														padding: 2px;
														-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.submit:hover, .submit:active						{background: #f4ad02; border: 1px solid #2A4A0F; }


.input 												{background: #FFE16F; padding: 2px 0 1px 5px;}	
													
.button												{padding: 2px 5px 2px 5px;
														background: #fff; color: #2A4A0F; 
														border: 1px solid #f4ad02; 
														-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.button:hover, .button:active					{background: #f4ad02; border: 1px solid #2A4A0F; color: #2A4A0F;}
.button	a:hover, .button a:active					{color: #2A4A0F;		}


/* Structure */

#page-wrap											{width: 960px; margin: 0 auto -91px auto; 
													min-height: 100%; height: auto !important; height: 100%;
													background: url("/../images/main_content_bg.jpg") repeat-y;}
						
	#push 											{height: 91px;}	 /*push and pagewrap margin and height equal to footer height */
				
#header												{position: relative; width: 960px; 
														height: 149px; background: url("/../images/heading.jpg") no-repeat; }
#header h1 											{text-indent: -9999px; background: none;}
#header p 											{text-indent: -9999px;}
	#search											{position: absolute; top: 120px; right: 24px; color: #fff;}
	#search .button:hover 							{background: #FFE16F;}
					
			
#navigation											{position: relative; width:	960px; 
														height: 104px; background: url("/../images/navtop.jpg") no-repeat;	}
	#navigation ul 									{display: block; 
														position: absolute; top: 23px; left: 251px;}
	#navigation ul li 								{display: inline; float: left; 
														padding: 0px 13px 0px 12px; border-left: 1px solid #909090;}
	#navigation a:hover, #navigation a:active 		{color: #f4ad02;}

#sidebar_main										{float: left; width: 187px; padding-left: 29px; margin-right: 0px; overflow: hidden;}	

#main_content										{float: left; width: 535px;}

#page_content										{background: url("/../images/page_back.jpg") repeat-y;
														padding: 0 20px;
														min-height: 710px;
														height: auto;	}	
	#content_top									{width: 535px; height: 28px;
														background: url("/../images/content_top.jpg") no-repeat;}
	#content_bottom									{width: 535px; height: 36px;
														background: url("/../images/content_bottom.jpg") no-repeat;}
							
#sidebar_extra 										{float: right; width: 190px; padding-right: 29px; margin-right: -15px; overflow: hidden;}				



				
/* SIDEBARS */


	/* sidebar left */

ul#item_box_left 									{width: 192px; margin-left: -17px;}
	ul#item_box_left li.item						{height: 185px; position: relative; 
														background: url("/../images/contact_box.jpg") no-repeat;}
	ul#item_box_left h2 							{position: absolute; top: 19px; left: 20px; font-size: 16px;}
	ul#item_box_left h3								{position: absolute; top: 60px; left: 20px; font-size: 14px;}
	ul#item_box_left p 								{position: absolute; top: 110px; left: 20px; font-size: 12px;}
	ul#item_box_left li.item h3.button				{margin-left: 50px;}
	
	
	ul#item_box_left li#rss-3 						{height: 412px; position: relative; 
								 						background: url("/../images/rss_box.jpg") no-repeat;}
								 
	ul#item_box_left li#rss-3 h2.widgettitle 		{position: absolute; top: 21px; left: 20px;}
	ul#item_box_left li#rss-3 ul					{position: absolute; top: 55px; left: 20px; }
	ul#item_box_left li#rss-3 ul li a 				{font-size: 14px;}
	ul#item_box_left li#rss-3 ul li div.rssSummary {margin: 5px 10px 5px 0; font-size: 10px; text-align: justify;
													
	}
	


	/*sidebar right */

ul#item_box_right 		{}
	ul#item_box_right li.item						{text-align: right; height: 185px; position: relative; 
														 background: url("/../images/contact_box_right.jpg") no-repeat;}
	ul#item_box_right h2 							{position: absolute; top: 19px; right: 30px; font-size: 16px;}
	ul#item_box_right h3							{position: absolute; top: 60px; right: 30px; font-size: 14px;}
	ul#item_box_right p								{position: absolute; top: 110px; right: 30px; font-size: 12px;}	
	
	ul#archives										{position: absolute; top: 60px; right: 30px;}	
	ul#archives #dropbox							{margin-top: 10px; font-family: georgia;}
	
	ul#item_box_right li.gallery					{height: 412px; position: relative; 
														 background: url("/../images/gallery_box.jpg") no-repeat;}
div#images										{position: absolute; top: 60px; left: 8px;}

#images li 										{float: left; margin-right: 5px; }




			
			#portfolio img {background-color:#FFFFFF; outline: 1px solid #333;}
			#portfolio h3 img {position: absolute; padding: 2px; width: 140px; height: 140px;}
			#americanvilla h3 img {top: 15px; left: 20px;}
			#davenport h3 img {top: 172px; left: 20px;}
			#hgbb h3 img {top: 329px; left: 20px;}
			#islemoveit h3 img {top: 486px; left: 20px;}
			#portfolio ul a:hover img {z-index: 100; width: 180px; height: 180px; padding: 5px;
			margin: -25px;}


/* BLOG */

#page_content p.intro_para							{font-size: 1em; background: none; font-weight: normal; font-style: italic; 
														padding-bottom: 30px; text-align: justify; margin-right: 10px;}

#page_content p										{}

.date_box											{float: left; width: 35px; background: #2A4A0F; color: #ffffff; 
														padding-right: 5px; margin-right: 5px; }
	.date_box p										{width: 100%; padding-left: 2px; text-align: center;}
	.date_box p.day									{font-size: 1.2em;}
	.date_box p.month								{font-size: 1em;}	
	.date_box p.year								{font-size: .9em; padding-bottom: 3px;}
	
	.post											{margin: 0 10px 0px 0; padding-bottom: 10px;}
	.post p											{font-size: .9em;}
	.post h2										{color: #2A4A0F; border-bottom: 1px solid #2A4A0F; padding: 10px 0 5px 0; }
	.content										{margin-left: 50px;}
	.comments										{margin-left: 50px; font-size: .9em; font-weight: bold;}
	.content p img									{float: right; margin: 0 0 10px 10px;}
	
/* Single Comment Page */

#single_comment_box									{width: 795px; margin: 0 auto; padding: 20px;
														background:#Fff; border: 1px solid #f4ad02;
														-moz-border-radius: 10px; -webkit-border-radius: 10px;
														overflow: hidden;
													}
	#single_comment_box .post						{min-height: 300px;}
	#single_comment_box p img							{float: right; margin: 0 0 10px 10px;}
	#single_comment_box	h2							{color: #2A4A0F; border-bottom: 1px solid #2A4A0F; padding: 10px 0 5px 0; margin-bottom: 10px;  }
	li.comment_response								{margin: 10px;}
		
	form#commentform								{margin: 10px;}
	textarea#comment								{margin: 10px; padding: 8px;}
	input#submit									{margin: 10px;}
	p.comment_input									{position: relative; font-size: .9em; margin-bottom: 5px;}
	p.comment_input input							{position: absolute; top: 0; left: 250px;}

	
	
/* Archives Page */

/* Single Pages */

ul#meet												{margin-bottom: 30px;}
ul#meet li											{text-indent: 40px;}
ul#meet h3, ul#meet h4								{text-indent: 70px;}
ul#meet h1											{margin-top: 15px; font-weight: bold; text-decoration: underline; text-align: center;}
ul#meet h2											{margin-top: 15px; font-size: 1em; }
ul#meet h3											{margin: 5px 0 5px 0; font-size: .9em;}
ul#meet h4											{font-size: .7em;}
ul#meet a											{padding-left: 50px;}


#single_page_content								{margin-bottom: 15px;}
#single_page_content p								{margin-bottom: .8em;}
p.eventitle											{font-size: 1.2em; margin: 10px 0 5px 0;}

.map												{width: 425px; margin: 0 auto;}

ul#photo											{width: 750px; margin: 20px 0 0 55px;}
ul#photo li 										{float: left; width: 360px; height: 300px; }


/*footer */

#footer												{width: 960px; height: 91px; 
													 background: url("/../images/footer.jpg") no-repeat; 
													 margin: 0 auto;
												 	}
							
	#footer p 										{font-size: 0.6em; color: #2A4A0F;}
	#footer p.left									{float: left; margin: 55px 0 0 160px;}
	#footer p.right 								{float: right; margin: 55px 160px 0 0;}