/*
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.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";



	
* {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#434343; font-weight:lighter; text-align:justify;  }
body { background-image:url(images/menu-header-bg.gif); background-repeat:repeat-x; color:#FFF; }
a { text-decoration:none; color:#ef4036;}


.topwrap {width: 100%; margin-left:auto; margin-right: auto;}
.pagewrap {width: 960px; margin-left:auto; margin-right: auto;}

.menu-box { margin-top: 16px; width: 1000px; margin-left:auto; margin-right:auto;}
.menu  {width: 700px;}
.menu ul { }
.menu li { float:left; height: 23px; margin-left: 40px; list-style: none;}
.menu li a {  font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; }
.menu li.current_page_item a {  font-size:18px; color:#373737; font-family:Arial, Helvetica, sans-serif; }
.menu li a:hover {  }

.sidemenu { text-align:right; margin-right: 25px; margin-top: 10px; }
.sidemenu li { float:right; list-style:none; margin-left: 20px; }
.sidemenu li a { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#373737; font-weight:bold; }
.sidemenu li a:hover { }

.current_page_item {  
						-moz-border-radius-topleft: 10px ; 
						-moz-border-radius-topright: 10px ;
						-webkit-border-radius-topleft: 10px; 
						-webkit-border-radius-topright: 10px;
						border-radius-topleft: 10px; 
						border-radius-topright: 10px;
						padding-left: 10px;
						padding-right: 10px;
						padding-top: 5px;
						padding-bottom: 5px;
						margin-top:-5px;
						background-color:#FFF; 
						height: 28px; 
						width: auto;
						;
					  }
					  
#logo { margin-left: 75px; margin-top: 23px; margin-bottom: 7px; }

.spotlight { background:url(images/spotlight-bg.jpg) repeat-x; height: 264px; width:auto; margin-top: 20px; }
.bridgeimage { margin-left: 25px; width: 389px; height: 264px; float:left;}
.spotlight-text { float:right; margin-right: 25px; margin-top: 65px;}
#bridges {}
.click-here-btn {margin-left: 365px; margin-top: -15px;}

.spotmenu { background-color:#d93a30; height: auto; width:auto; margin-top: 20px; }
#tablestyle { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; margin-bottom: 5px; }
.tablestyle-text { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF;}
.what-style { padding: 5px; margin-left: 20px; }

.main-body { margin-left:25px; margin-top: 45px; height: auto; width: 610px; float:left; }
.who-body { width: 500px; margin-left: 25px; margin-top: 0px; float:left; }
.contact-body { width: 600px; margin-left: 25px; margin-top: 20px; margin-bottom: -20px; float:left; height: 672px; background-image:url(images/contact-page-team.png); background-repeat:no-repeat; background-position: bottom left; }
.career-body { width: 600px; margin-left: 25px; margin-top: 0px; float:left; text-align:justify; }
.team-body { width: 900px; margin-left: 25px; margin-top: 0px; float:left; text-align:justify; }
.case-body { width: 600px; margin-left: 25px; margin-top: 0px; float:left; text-align:justify; }
.what-body { width: 900px; margin-left: 35px; }
.asso-body { width: 900px; margin-left: 25px; margin-top: 0px; float:left; }
.coaching-body { width: 620px; margin-left: 25px; margin-top: 0px; float:left; text-align:left; }

.case-side { float:right; margin-right: 25px; width: 270px; height:auto; }
.bubble-case { float:left; margin-left: 25px; margin-top: 10px;}
.under-case-image { width: 265px; margin-top: 20px; }


.body-title { margin-top: 45px; margin-left: 25px; }

.contact-form { margin-left: 35px; float:left; width: 600px; }
.contact-details { margin-right: 50px; height: auto; width: 240px; float:right; margin-top:25px; }
#contact-header { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#434343;}
#contact-names p { text-align:left;}
#contact-names pb { text-align:left;}

.bubble { margin-left: 24px; margin-right: 30px; margin-top: 25px; }
.bubble2 { margin-left: 24px; margin-right: 30px; margin-top: 25px; }
#scribble { position:absolute; z-index: 50; margin-left: 300px; margin-top: 50px; }

/* Blog */

.blog-body { width: 625px; margin-left: 25px; margin-top: 10px; float:left; }
.blog-intro { width: 580px; margin-top: 40px; float:left; }
.blog-sidebar { margin-right: 25px; margin-top: 60px; height: auto; width: 200px; float:right; background-color:#e2e2e2;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
.blog-sidebar ul, .blog-sidebar li {list-style:none; text-align:left; margin-bottom: 10px; margin-top: 10px; }
.widgettitle { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color:#262626;  font-weight:lighter; }

.press-body { width: 380px; margin-right: 35px; margin-top: 0px; float:right; }
.blog-sidebar-left { margin-left: 25px; margin-top: 60px; height: auto; width: 200px; float:left; background-color:#e2e2e2;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
.blog-sidebar-left ul, .blog-sidebar-left li {list-style:none;   text-align:left; margin-top: 10px; }

/* end blog */

.event-sidebar { float:right; width: 250px; height:auto; margin-right: 25px; margin-top: -15px; }
.event-sidebar ul, .event-sidebar li { list-style:none; text-align:left; margin-bottom: 50px;}

.sidebar { margin-right: 25px; margin-top: 45px; height: auto; width: 265px; float:right;}
.sidebar ul, .sidebar li {list-style:none;}
.twitter-feed { margin-top: 20px; }
.clients-logo { margin-top: 27px; margin-left: -3px;}
#client-logo-img { }

#twitter				{ margin-left: 0px; }
#twitter_div			{ margin-left: 0px; width: 266px; }
#twitter_update_list	{ margin-left: 0px;}
#twitter_update_list li, #twitter_update_list ul	{ margin-bottom: 10px; list-style:none; text-align:left;}
#twitter_update_list li a	{text-decoration:none; color:#ef4036;}
.widget_Twidget			{margin-left: 0px; }
.widgettitle			{}

.footer { background-image:url(images/footer-bg.gif); background-repeat:repeat-x; height: 45px; width:auto; }
#legal { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color:#FFF; padding-top: 14px; float:left;}
#created-by  { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color:#FFF; padding-top: 14px; float:right; }
#created-by a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color:#FFF; padding-top: 14px; text-decoration:underline; }

.textwidget h4 { margin: 2px 0 0 0;}


h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; color:#262626;  font-weight:lighter;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; padding: 0px; }
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color:#262626;  font-weight:lighter;}
h3 a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color:#262626;  font-weight:lighter;}
h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#434343; color:#ef4036}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;}	
	
.clearbig {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 20px;}