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

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


h1, h2, h3, h4, h5, p, ul, li, div {
	margin:0;
	padding:0;
}

body {
	margin:0;
	font-size:small;
	font-family:helvetica, arial, sans-serif;
}



h1 {
	text-indent:-9999px;
}

#index 		{background:url(images/index_bg.gif) 0 0 repeat-x;}
#services 	{background:url(images/l2_bg_brown.gif) 0 0 repeat-x;}
#projects 	{background:url(images/l2_bg_darkbrown.gif) 0 -3px repeat-x;}
#news 		{background:url(images/l2_bg_darkblue.gif) 0 -3px repeat-x;}
#contact 	{background:url(images/l2_bg_darkgreen.gif) 0 -3px repeat-x;}
#about 		{background:url(images/l2_bg_red.gif) 0 -3px repeat-x;}

h2 {
	font-size:200%;
	font-weight:100;
	margin-bottom:.5em;
}

p, li {
	line-height:1.5em;
	font-size:90%;
}

li {
	margin-left:1.5em;
	list-style:square;
}

table td {
	padding:4px;
	font-size:11px;
}

.container {
	display:block;
	width:800px;
	min-height:450px;
	margin:0 auto 0 auto;

}



.header {
	display:block;
	width:100%;
	height:197px;


}

.top_nav {
	display:block;
	height:66px;
	float:right;
	margin-top:15px;

}

.top_nav ul, .top_nav li {
	display:inline;
}

.top_nav a, .top_nav a:visited {
	font-size:130%;
	color:#665949;
	text-decoration:none;
}

.top_nav a:hover {
	text-decoration:underline;
	color:#560905;
}

#index_logo {
	display:block;
	float:left;
	margin-top:82px;
}

#l2_logo {
	display:block;
	float:left;
	margin-top:20px;
}


.header {
	display:block;
	float:left;
	width:100%;
	height:252px;

	
}

#index_glow 	{background:url(images/index_bg_p.gif) 0 145px no-repeat; display:block;height:332px;padding-top:0px;}
#services_glow 	{background:url(images/l2_bg_brown_glow.gif) 0 -3px repeat-y; margin-top:0px; height:153px;}
#projects_glow	{background:url(images/l2_container_bg_darkbrown.jpg) 0 -3px repeat-y; margin-top:0px;height:153px;}
#news_glow 		{background:url(images/l2_container_bg_darkblue.jpg) 0 -3px repeat-y; margin-top:0px;height:153px;}
#contact_glow 	{background:url(images/l2_container_bg_darkgreen.jpg) 0 -3px repeat-y; margin-top:0px;height:153px;}
#about_glow 	{background:url(images/l2_container_bg_red.jpg) 0 -3px repeat-y; margin-top:0px;height:153px;}


.header h1 {
	float:left;
	display:none;
}

.header img#logo {
	float:left;
}

.header img {
	float:right;
}

.header img#l2 {
	display:block;
	clear:left;
	margin-top:28px;

}

.header_image {
	display:block;
	margin:10px 0 0px 197px;
	float:right;
}

.index_content {
	display:block;
	margin-top:33px;

	float:left;
}

.l2_content_left {
	display:block;
	width:60%;
	float:left;
	margin-top:80px;
	margin-right:40px;
	margin-left:30px;

}

.project_content {
	display:block;
	width:100%;
	float:left;
	margin-top:30px;
	margin-left:10px;
	font-size:12px;
	line-height:1.5em;
}

.project_content_left {
	float:left;
	width:280px;
}

.project_content_left h2 {
	margin-bottom:3px;
}


.project_img img {
	display:block;
	float:left;
	margin-left:20px;
}

.l2_content_left_dt {
	display:block;
	width:98%;
	float:left;
	margin-top:61px;
	margin-right:40px;
}

.index_content h2, .l2_content_left h2 span {
	display:none;
}

/*.l2_content_left h2 {
	display:block;
	padding-top:0px;
	width:100%;
	border:1px solid red;
}*/

/*#services {background:url(images/l2_faded_p.gif) 0 0 no-repeat;padding:25px 0 10px 20px;}*/

/*
.l2_content_left div {
	display:block;
	margin:0px 0 0 30px;
}*/

p {
	margin-bottom:1em;
}

.l2_content_right {
	display:block;

/*	top:300px
	left:290px;*/
	width:200px;
	margin-top:60px;
	margin-right:0px;
	margin-bottom:0;
	float:right;

/*	margin:0px -250px 0 10px;*/
	
}

.l2_content_right li {
	list-style:none;
	font-size:100%;
	line-height:1.75em;
}

.index_cur_proj {
	display:block;
	width:246px;
	height:80px;
	float:left;
	margin-right:34px;
	
}



.index_news {
	display:block;
	width:45%;

	float:left;
	margin-right:34px;
}

.index_portfolio {
	display:block;
	width:14%;
	float:left;

}

div.news {
	display:block;
	float:left;


	margin:0 0 1em 0;

	
	
}

.news p {
	margin-top:1em;
}



.news img {
	display:block;
	float:right;padding:5px;margin:1.85em 1em .85em 1em;
	border:1px solid #cdcdcd;
	background-color:#f8f8f8;
}

/* ABOUT US ABOUT US ABOUT US */

.l2_cc_left_about {
 width:160%;
 float:left;
 margin-top:0em;


}

.picttext h2, .picttext p {
 display:block;
 float:right;
 width:50%;
 margin:0px;

}

.picttext h2 {
 font-size:160%;
 margin-bottom:1em;
 margin-top:1em;
 
}

.picttext p {
	margin-bottom:1em;
}

.picttext strong {
	color:#a1a1a1;
}

.picttext img {
 float:left;
 margin-right:8px;

}

.aboutus_nav {
 display:block;
 text-align:right;
 margin-top:1em;
 font-size:100%;
 color:#999999;
float:right;
}

.aboutus_nav a {
 text-decoration:none;
 color:#993300;
}

.aboutus_nav a:hover {
 text-decoration:underline;
 color:#996600;
 
}

/* ABOUT US ABOUT US ABOUT US */



div.port_1 {
	display:block;
	width:40%;
	float:left;
	margin:1em;
}

div.port_1 a, a:visited {
	color:#665949;
	text-decoration:none;
}

div.port_1 a:hover {
	color:#000000;
	text-decoration:underline;
	
}



div.port_1 ul {
	margin-bottom:2em;
	
}

.form {
	text-align:right;
}

div.footer {
	display:block;
	width:100%;
	margin:20px 0 0 0;
	float:left;
	padding-top:1em;
	border-top:1px solid #cdcdcd;
	color:#cdcdcd;
}

div.footer a#client_login, a:visited#client_login  {
	display:block;
	padding:.75em;
	background-color:#dfdfdf;
	color:#898989;
	float:right;
	border:1px solid #cdcdcd;
	font-size:80%;
	text-decoration:none;
}

div.footer a:hover#client_login {
	background-color:#790000;
	color:#ffffff;
}


/* wp-crossfade start */
#wp-crossfade {
	/*text-align: left;
	position: relative;*/
	margin: auto;
	/*border: 1px solid #222;*/
}
#wp-crossfade,
.wp-crossfade-class-container {
	float:right;
	margin:0px 0 0 0px;
	width: 520px;
	height: 225px;
	overflow: hidden;
	

}
#wp-crossfade-loading {
	padding: 98px 175px;
	border: 1px solid #ccc;
	background-color: #eee;
	text-align: center;
}
.wp-crossfade-class-text-container {
	position: absolute;
	top: 10px;
	background-color: #fff; 
	overflow: hidden;
	width: 413px;
	height: 78px;
	z-index: 2000;
	opacity: .9;
}
.wp-crossfade-class-text-container div {
	margin: 6px 0;
	padding: 0 6px;
}
.wp-crossfade-class-dot-container {
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 1px;
	height: 1px;
}
.wp-crossfade-class-dot {
	width: 8px;
	height: 8px;
	background-color: #000;
	border: 1px solid #000;
}
.wp-crossfade-class-dot-selected {
	opacity: 0;
	width: 8px;
	height: 8px;
	background-color: #eee;
	margin: 1px;
	border:1px solid #fff;
}
.wp-crossfade-class-image-container {
	overflow: hidden;
	text-align: right;
}
/* wp-crossfade end */