/*

		The AdWords Expert
		www.theadwordsexpert.co.uk
		Tim Felmingham
		
		
		Very Light Grey:	#f2f2f2
		Light Grey: 		#cccccc
		Mid Grey: 			#999999
		Dark Grey: 			#666666
		Very Dark Grey: 	#302F2F
		
		
		Blue:				#01B8F1
		Light Blue:			#E2F0FB		

*/




/* CSS Reset  */

html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, img, small, strike, sub, sup, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td		
		{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; /*vertical-align: baseline;*/}
:focus								{outline: 0;}
table								{ border-collapse: separate; border-spacing: 0;}
a img,:link img,:visited img 		{ border:none }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }



/* CSS Initialisation */

strong { font-weight: bold }
em { font-style: italic }
div { position:relative } 


/* CSS Utility */

.floatleft 							{ float: left; }
.floatright							{ float: right; }
.clear								{ clear: both; }
.button, .older-newer a,
#search-nav a						{ font-size: 12px; color: #302F2F; line-height: 12px;
									  border: 1px solid #272727; background: white; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }
.button:hover, .older-newer a:hover,
#search-nav a:hover					{ background: #E41E1E; color: white; }
.visitsite							{ float: right; margin-right: 10px; display: inline; }
.scrnshot							{ float: left; width: 62px; margin: 0 0 10px 15px; }


/* WordPress classes */

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }


/*  Default styling  */	

body 	{
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
		font-size: 12px; color: #302F2F; line-height: 150%; height: 100%;
		background: url(/images/body_bg_image.gif) top center repeat-x white;
		}
		
.home	{background: url(/images/home_bg_image.png) top center repeat-x white; height: 100%;}	
p		{padding: 0px 0px 5px 0;}	
a:hover {color: #555555; text-decoration: underline;}	
a		{color: #01B8F1; text-decoration: none;}



/*  Misc styling  */	

.small	{font-size: 9px; line-height: 12px;}
.required {float:right; font-weight: normal; font-size: 9px; }
.indented { margin-left: 100px; margin-top: -1.4em;}
.padleft20 {padding-left: 20px;}
.padright30 {padding-right: 30px;}
.byline {font-size: 9px; color: #999999; margin-top:  -6px; padding-top:0;}
.signoff {
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 30px 0px;
	font-family: Georgia, serif; 
	width: 100%;
	background-color: #f2f2f2;
	border: 1px solid #999999;
	color: #999999;
}

/* Headings */

h1, h2, h3, h4	{
	/*font-family:'Lucida Grande',Lucida,Tahoma,Arial,Helvetica,Verdana,Sans-serif;*/
	font-family: Georgia, serif;
	font-weight: bold;
	color: #302F2F;
	width: 100%;
	position:relative;
	}

h1	{
	font-size: 28px;
	line-height: 34px;
	padding: 0px 0px 20px 0px;
	}
h2	{
	font-size: 18px;
	padding: 0px 0px 10px 0px;
	margin: 30px 0px 10px 0px;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	border-bottom: 1px solid #cccccc;
	font-weight: bold;

	}
	
h2 a {	
	color: #006699;
	}
	
h3	{

	font-size: 18px;
	padding: 10px 0px 10px 0px;
	}
h4	{
	color:#006699;
	font-size: 14px;
	padding: 10px 0px 10px 0px;
	}

ul {margin-left: 10px; list-style: inside;}


/*  STRUCTURE & COMMON ELEMENTS  */

#wrapper {
	width: 840px; margin: 0px auto -100px;
	min-height: 100%; height: auto !important; height: 100%;
	}
	
#push	{ height: 100px; } /* For sticky footer */

#main-col							{ width: 580px; float: left; margin-top:20px;}					
#sidebar 							{ background:transparent url(/images/sidebarbg.png) repeat-y scroll left center;
									  float:right; margin-top:20px; width:220px;}
#sidebar-inner						{ margin: 0 0 0 20px;}	

textarea 							{ width: 100%}	 /* for comment form */	

#pagebody							{ margin-top:20px;}			  

#highlight							{border: 1px solid #cccccc; margin: 20px; padding: 20px; background-color:#f2f2f2;}									  
	
/*	HEADER  */
.logo								{ width: 214px; height: 30px; margin: 0; float: left; }
#main-pic							{ float: left; margin-right: 10px; }
#top-bar							{ padding: 4px 0 0 0; }
#top-bar p							{ color: #f4dfb8; float: left; margin: 10px 0 0px 20px; line-height: 12px;
									  padding: 5px 0 0px 20px; border-left: 1px solid #cccccc }
form#searchform						{ margin: 8px 0 12px 0; float: right; }

/*
	MENU
*/
#menu-bar							{ padding-bottom: 20px;}
ul#main-nav							{ width: 360px; float: left; margin: 10px 0 0 0; }
ul#extra-nav						{ width: 360px; float: right; text-align: right; margin: 10px 0 0 0; }
ul#main-nav	li, ul#extra-nav li		{ display: inline; }
ul#main-nav li a, ul#extra-nav li a	{ color: white; font-size: 12px; padding: 4px 15px; background: #191919;
									  -moz-border-radius: 2px; -webkit-border-radius: 2px; }
ul#main-nav li a:hover,
ul#extra-nav li a:hover,
body#portfolio ul#extra-nav li.portfolio a,
body#default ul#main-nav li.home a,
body#about ul#main-nav li.about a,
body#contact ul#main-nav li.contact a,
body#interviews ul#extra-nav li.interviews a,
body#resume ul#extra-nav li.resume a{ background: #666666; color: #272727; }



/*
    SIDEBAR
*/

#sidebar ul							{ color: #01B8F1; padding: 0 ; margin: 0 0 20px 10px; list-style: disc outside ; }
#sidebar li							{ padding: 0 0 5px 0; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif ; }
#sidebar h3							{
									font-size: 14px;
									padding: 0px 0px 5px 0px;
									margin: 0px 0px 10px 0px;
									font-family:Georgia, serif ; 
									border-bottom: 1px solid #cccccc;
									font-weight: bold;
									color: #006699;
									}
#sidebar a							{ color: #999999;}

/*
	FOOTER
*/
#footer								{ height: 100px; background: #272727; border-top: 4px solid #01B8F1; padding-top: 20px; }
#footer-inside						{ width: 840px; margin: 0 auto; }
#footer p							{ color: white; }
#footer a							{ color: #f4dfb8; padding: 2px;}
#footer a:hover						{ color: white;  }
#footer-1							{ width: 300px; float: left; margin-right: 30px; }
#footer-2							{ width: 200px; float: left; margin-right: 30px; }
#footer-3							{ width: 200px; float: left; }
#footer-4							{ width: 200px; float: left; }
#footer ul							{ color: white; }



/*  HOME PAGE  */

#homepage-top						{ height: 271px; width: 840px;}
.homepic							{ margin: 0 20px 20px -33px;}
.hometext							{ font-size: 15px; line-height: 22px;}
li.homelist 						{ display: inline; width: 240px; float: left; margin: 20px 30px 0 0;}
ul.homelist a						{ color: #FFFFFF; font-size: 16px; font-weight: bold; 
									  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
									  line-height: 24px;}
									  
#col-1								{ width: 300px; float: left; }
#inner-1							{ padding: 20px 20px 0 0;}
#col-2								{ background-color:#E2F0FB; width: 280px; float: left; }
#inner-2							{ padding: 20px;}
#col-3								{ width: 240px; float: right; }
#inner-3							{ padding: 20px 0px 0 0;}
#listbase							{ margin-left: 10px;}
.home h2							{ margin-top: 0;}


.home #col-3 a						{ color: #302F2F;}
.home #col-3 a:hover				{ color: #01B8F1;}
.home #pagebody						{ margin-top: 10px;}	
#col-3	ul							{ padding: 0 ; margin: 0;  list-style: disc outside ; }
#col-3	li							{ padding: 0 0 5px 0; border-bottom: 1px solid #f2f2f2; margin-bottom: 5px; }
/*--featured-post--*/



#featured {
	
	border: 1px solid #999999;
	float: left;
	padding: 10px;
	margin-bottom: 20px;
	
	font-size: 11px;
}

#featured h2  {
	
	padding: 0px 0 0 0;
	margin: 10px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	border: none;
}





#featured p {
	padding-top: 5px;
}

#featured img {
	margin: 10px 20px 20px 0;
	float: left;
	width: 200px;
	
	
}

/*  LANDING PAGES  */

.landingpic							{ margin: 0 0px 20px 30px;}
#landing-main						{ padding-top: 20px;}


/*  CONTACT PAGE  */

.contactbox							{ width: 340px;}
#contactform						{ background-color:#f2f2f2; border: 1px solid #cccccc; width: 100%; padding: 20px;}