/*
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";




/*
@charset "UTF-8";
 CSS Document 
*/


/* ----------------------------------------------------------------------
					TAGS
------------------------------------------------------------------------- */
body {
	background: url(/common/images/graphics/bg.png) repeat-x #B8C1CB;
	font-family: Verdana, "Lucida Sans Unicode","Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;   /* 4c4c4c */
	line-height: normal;
}
p {
	margin:0 0 1em 0;
	font-size:1em;
	line-height: 1.3em;
}
h1 {
	font-size: 1.7em;
	color: #0066CB; /* #000 */
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: normal;
	line-height: normal;
}
h2 {
	color:#333;  /* 666 */
	font-size:1.2em;
	margin: 1.5em 0 1em 0;
	padding: 0;
	}
h3 {
	color:#333;
	font-weight:normal;
	font-size:1.1em;
	padding: 0 0 1em 0;
	}
h5 { 
	font-size: 1em;
	display:inline;
	font-weight:bold;
	color:#666;
	}
a:link, a:visited {
	color:#3ba1f8;
	text-decoration: none;
	}
a:hover, a:active {
	color: #26436A;
	text-decoration: underline;
	}
p.intro { font-size:1.1em; color:#333;}

ul {
	padding:1em; 
	margin:1em;
	}
li { 
	list-style: disc;
	padding: 0 0 1.3em 0; 
	}


/* ----------------------------------------------------------------------
					LAYOUT
------------------------------------------------------------------------- */

#alertBar {
	display: none;
	background: #fc0;
	font-size: 0.8em;
	color: #333;
	padding: 3px 10px;
	border-bottom: dotted 1px #333;
	}
#siteShadow {
	width: 900px;
	margin: 0 auto;
	background: url('/common/images/graphics/pageShadow.png') repeat-y;
	}
#site {
	width: 860px;
	margin: 0 auto;
	background: url(/common/images/graphics/skyline.png) no-repeat bottom left;
}
/* ----------------------------------------------------------------------
					TOP BAR
------------------------------------------------------------------------- */

#topBar {
	background: url('/common/images/graphics/topBar.png') repeat-x;
	border-bottom: #fff 2px solid;
	height: 21px;
	}
#flag {
	background: url('/common/images/graphics/flag.png') no-repeat right top;
	font-size: 9px;
	line-height: 9px;
	color:#fff;   
	padding: 6px 40px ;
	}
	
/* ----------------------------------------------------------------------
					LOGO BAR
------------------------------------------------------------------------- */

	
#logoBar { 
	background: url('/common/images/graphics/logoBar.png') repeat-x;
	border-bottom: #666 1px solid;
	margin: 0;
	padding: 0 0 0 40px;
	}
#logo { 
	float:left; 
	padding: 0 330px 0 0; 
	margin:0; 
	}
#logo img { 
	display:block; 
	}
#logoBar-right {
	padding:0 0 0 140px;
	/* 
	float:left;
	display:block;
	display:block;
	margin: 0 0 27px 0; 
	*/
	}
#logoBar-right img {
	display:block; 
	}
	
/* ----------------------------------------------------------------------
					PHOTO BAR
------------------------------------------------------------------------- */
	
#photoBar {
	margin: 5px 0 4px 0;
	padding: 0 0 0 40px;
	background-color: #0066CB;
	overflow: auto;  /* clear child floats */	
	}
#photoBar #pic {
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	float: left;
	}

#callToAction {
	margin:0 0 0 510px;
	width: 310px;
	height:150px;
	background: url(/common/images/graphics/cta-bg-skyline.png) no-repeat;
	/* float: left; */
	text-align: center;
	color: #fff;
	}
#callToAction div {
	padding-top:15px;
	font-size: 1.1em;
	/* line-height: 1.7em; 
	font-weight: bold;
	*/
	}
#callToAction strong {
	font-size: 1.3em;
	padding: 3px 0 55px 0;
	display: block;
	text-shadow: 0px 2px 3px #064278;
	}
/*
#callToAction a {
	background: url(/common/images/graphics/cta-button2.png) no-repeat;
	display: block;
	margin: 5px auto 2px auto;
	height: 51px;
	width: 192px;
	}
#callToAction a:hover {
	background: url(/common/images/graphics/cta-button-on2.png) no-repeat;
	}	
*/
	
/* ----------------------------------------------------------------------
					.
------------------------------------------------------------------------- */

#officeLoc {
	font-size: 11px;
	}

#page {
	margin: 25px 40px 100px 40px;
	}
#main { 
	margin: 0 260px 0 0;
}

.chunk {
	padding:0 0 2em 0;
	margin: 0 0 2em 0;
	border-bottom: 1px dotted #ccc;
}
	
	
/* ----------------------------------------------------------------------
					.BOTTOM
------------------------------------------------------------------------- */
#bottom {
	background: url(/common/images/graphics/bottom02.png) repeat-x #56a0e3;
	color:#fff;
	margin: 0 20px;
	padding: 10px 25px;
	font-size: 0.8em;
	border-top:1px solid #004891;
	text-align:center;
	}



#footer {
	background: url(/common/images/graphics/bottomShadow.png) no-repeat top center;
	width:900px; 
	margin: 0px auto 90px auto;
	padding: 20px 0 0 0;
	text-align:center;	
	color: #333;
	font-size: 0.8em;
}
/* ----------------------------------------------------------------------
					.
------------------------------------------------------------------------- */

/*
#main-wrap { 
	clear: both;
	border-top:10px solid #26436A;
	background: url(/common/images/pageBtm.png) repeat-x bottom #fff;
}
#footer-wrap { 
	background: url('/common/images/footer.png') repeat-x top;
	border-top:1px solid #fff;
}
#flashMovie {
	width:100%;
	height:120px;
	background-color:#ccc;
}
#homePic {
	margin:0 0 25px 0;
}

#page-home #sidebar{
	float:right;
	width:250px;
	margin: 0 0 0 40px;
	padding:0;
}

*/


.tile {
	/* width:200px; 
	padding:20px;
	color:#666;
	border:1px dotted #ccc;
	background: url('/common/images/pageBtm.png') repeat-x #fff bottom;
	*/
}

/* ----------------------------------------------------------------------
					NAV
------------------------------------------------------------------------- */

#nav1 {
	background: url(/common/images/graphics/navBg.png) repeat-x;
	height: 30px;
	background-color:#333;
	padding: 0 0 0 30px;
/* 	clear:right; 
	position: absolute;
	bottom: 0;
	right: 0;
	float:right;
	width:596px;
	line-height: 15px; 
	padding: 25px 0 0 0;
	float:left;  
*/
	}
#nav1 ul {
	margin:0;
	padding: 0;
	/* 
	float:left;  
	padding:0 1px 0 0;
	border-left:1px #e3e3e3 solid;
	*/
	}
#nav1 li {
	list-style: none;
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	/* 
	font-size: 12px;
	padding: 0 1px 0 0;
	background: url(/common/images/navBg.png) repeat-x;
	border-top:1px #e3e3e3 solid;
	*/
	}
#nav1 a {
	font-size: 10px;  /* 11px  */
	line-height: 14px;
	padding: 8px 13px;
	float: left;
	color: #FFF;
	text-decoration:none;
	/*
	margin: 0 1px;
	height:17px;
	padding: 6px 29px;
	text-decoration: none;
	display: block;
	float: left;
	color: #333;
	background: url(/common/images/nav-off.png) repeat-x;
	*/
	}
#nav1 a:hover, #nav1 a.nav-on {
	margin: 0;
	color: #06F;
	background: url(/common/images/graphics/nav-on.png) repeat-x #FFF;
	/* 
	border-left: 1px solid #999;
	border-right: 1px solid #ccc;
	margin: 0; 
	color: #fff;
	background:url(/common/images/nav-on.png) repeat-x;
	*/
	}



/* ----------------------------------------------------------------------
					SUBNAV
------------------------------------------------------------------------- */

#nav2 ul {
	padding:0;
	margin: 0;
	/* 
	border-top: 1px dotted #ccc;
	margin:0 0 2em 0; 
	*/
}
#nav2 li {
	list-style:none;
	padding: 0;
	font-size: 0.9em;
	margin: 0 ;
	border-bottom: 1px solid #fff;
	/*
	*/
}
#nav2 a {
	padding: 6px 20px;
	text-decoration: none;
	color: #0066CB;
	display: block;
	overflow:hidden;
	background: #fff;
	/* background: url(/common/images/nav2-off.png) repeat-y;	?????????????????? */
}
#nav2 a:hover, #nav2 a.nav-on, #nav2 li.current_page_item a {
	background-color: #f2f2f2;
	margin: 0;
	color: #666; /* 26436A */	/* #d9e1fa; */
}



/* ----------------------------------------------------------------------
					SIDEBAR
------------------------------------------------------------------------- */

#sideBar {
	zoom:1;  		/*  IE FIX ?  */
	width:220px; 
	float:right;
	padding: 20px 0 80px 0;
	margin: 0;
	position:relative;
	}
#sideBar ul {
	padding:0;
	margin:0;
	}	
#sideBar li {
	list-style: none;
	padding:0;
	margin:0;
	}	
/*	
#sideBar .tile-wrap {
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;
	background:url(/common/images/graphics/sidebar-btm2.png) bottom center no-repeat transparent;
	overflow: hidden;
	}
*/

#sideBar .tile h3 {
	padding: 0.8em 0 0 1em;
}
#sideBar .tile p {
	font-size: 0.9em;
	padding: 1em 1.2em;
	color: #999;	
	margin: 0;
	}
.tile strong {
	color:#666;
	}
#sideBar .tile .top {
	background:url(/common/images/graphics/sidebar-top2.png) top center no-repeat transparent;
	width: 100%;
	height: 10px;
	/*
	*/
	}
#sideBar .tile .btm {
	background:url(/common/images/graphics/sidebar-btm2.png) bottom center no-repeat transparent;
	width: 100%;
	height: 25px;
	margin: 0 0 20px 0;
	}
#sideBar .tile .mid {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
/*
#callMe p {
	font-size: 0.9em;
	padding: 1em 1.2em 0 1.2em;
	color: #999;
	}
*/
#googleVoiceWidget { 
	padding: 0 0 15px 5px;
	}
#myPhoneNumber {
	padding: 7px 1px 7px 50px;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background: url(/common/images/icons/phone3.png) no-repeat 15px center #DFDFDF;
	}



/* ----------------------------------------------------------------------
					HACKS
------------------------------------------------------------------------- */

/* IE PNG TRANSPARENCY FIX  
	for ie5/6, list the elements that contain a transparent png */  

#siteShadow, #footer { 
	behavior: url(/common/libraries/iePngFix/iepngfix.htc) ; 
	}





/* ----------------------------------------------------------------------
					TOOLS
------------------------------------------------------------------------- */

.hide { display:none; }
.show { display:block; }
.clear { clear:both; height:0;}
.dev {
	color:#F39;
	}
	
.test {
	}



/* ----------------------------------------------------------------------
					FORMS
------------------------------------------------------------------------- */

/*
form div {
	margin: 5px 0;
	padding: 6px;
}

label {
	color: #666666;
	float: left;
	font-size: 1em;
	padding: 3px 10px;
	width: 60px;
	text-align: right;
}
input, textarea {
	color: #000000;
	font-size: 1.2em;
	padding:3px;
}
textarea {
	width:350px;
	min-height: 100px;
}
form .error {
	border: 1px dotted #fc0; 
	background-color: #fbfbe7; 
}
em.error {
	display:block;
	margin-left:80px;
	color: #e62775;
	border:none;
	background:none;
}
input.submit {
	padding:5px 15px;
	background: url(/common/images/graphics/grad02.png) repeat-x;
	margin: 0 0 0 80px;
	border-top :1px solid #ccc;
	border-left :1px solid #ccc;
	border-bottom :1px solid #666;
	border-right :1px solid #666;
}
input.submit:hover {
	background: url(/common/images/graphics/grad05.png) repeat-x;
	border-top :1px solid #666;
	border-left :1px solid #666;
	border-bottom :1px solid #ccc;
	border-right :1px solid #ccc;
	cursor:pointer;
}
*/

/* old css 
		.textField {
			width:200px;
		}
		input#submit {
			width: auto;
		}
		.formFields {  // * right column of a form  
			margin-left: 120px;
			line-height: 16px;
			color: #999;
		}


form h2 {
	padding: 5px;
	font-size: 16px;
	background-color: #ECECEC;
}



.warning {
	margin-left:0;
	padding:5px 5px 5px 25px;
	margin:2px 0;
	background-image:url(/common/images/alert.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	font-weight: bold;
	color: #666;
}
.formFields p {
	padding:0;
	margin:0;
	line-height:normal;
}
form p {
	font-size: 12px;
	padding: 10px 5px;
}
.suggestedValue {
	color: #999999;
}

*/


/* ----------------------------------------------------------------------
					MORE...
------------------------------------------------------------------------- */
#googleMap iframe, #googleMap img {
	margin: 0 0 1em 0;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
}

.back {
	font-size: 0.7em;
	/* background:#f9f9f9; */
	border-bottom: 1px dotted #ccc;
	padding:3px 0;
	margin:0 0 5px 0;
	text-transform: uppercase;
	}
.back a {	text-decoration: none;  }
.back a:link, .back a:visited { color:#3ba1f8;  /* #999 */ }
.back a:hover, .back a:active { color:#333; }

#topBar a:link, #topBar a:visited {
	color:#909BA9;
	text-decoration:none;
}
#topBar a:hover, #topBar a:active {
	color:#ccc;
	text-decoration:none;
}
#disclaimer {
	padding:20px 50px 0 50px;
}

/* ----------------------------------------------------------------------
					FEEDBACK				
------------------------------------------------------------------------- */

#feedbackMsg {   /* wrapper */
	font-size: 14px;
	line-height:17px;
	color: #000000;
	margin: 0 0 20px 0;
}
.alertMsg div {
	background-image:url(/common/images/icons/alert2.png);
	background-repeat: no-repeat;	/*border: 1px dotted #90CC1C; */
}
.successMsg div {
	background-position: 0 1px;
	/* background-image:url(/common/images/icons/success.png); */
	background-repeat: no-repeat;	/*border: 1px dotted #90CC1C; */
}
#feedbackMsg.alertMsg {
	border: 1px dotted #F36;
}
#feedbackMsg.successMsg {
	border: 1px dotted #393;
}
#feedbackMsg div {
	padding: 10px 10px 10px 50px;
	margin: 5px 0 5px 10px;
}



/* ----------------------------------------------------------------------
					WORDPRESS
------------------------------------------------------------------------- */
.widget label {
	float:none;
	padding:0;
	width:auto;
	}
/*
.widget .AdvancedText {
	font-size:12px;
	color:#666;
	padding: 0 0 20px 10px;
	margin: 0 0 25px 0;	
	}
*/
#si_contact_form br {
	clear: left;
	}
#si_contact_form input, #si_contact_form textarea {
	padding:3px;
	font-size:1.1em;
	}
	
.archive div.post, .blog div.post {
	padding-bottom:20px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	}
div.post h2.blogPostTitle, 
div.post h2.blogPostTitle a {
	font-size: 22px;
	color: #0066CB; 
	padding: 0;
	margin: 20px 0 0 0;
	line-height: normal;
	font-weight: normal;
	clear: left;  /* for blogPrevNext links */
	}
.post .postDate {
	color:#999;
	font-size: 0.8em;
	}
.post .postInfo {
	color:#999;
	font-size: 0.8em;
	}
.blogPrevNext {
	font-size: 0.9em;
	margin-bottom: 20px;
	overflow: auto;
	}
.blogPrev {
	width: 245px;
	float: left;
	}
.blogNext {
	margin-left: 250px;
	width: 245px;
	text-align: right;
	}
#commentform #submit {
	display:block;
	font-size: 1.2em;
	padding: 10px 0;
	}
#respond {
	margin:20px 0 0 0;
	border-top: 1px dotted #ccc;
	padding: 20px 0 0 0;
	}
	
/* ----------------------------------------------------------------------
					NOTES
------------------------------------------------------------------------- */

/*

COLORS
	#064278		very dark blue 
	#0066CB		med blue
	56a0e3		light blue
*/