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




/*

Color palette
Orange #FFA834
Dark Orange #F37421
Med. Purple #594f9a
Charcoal #4D4D4D
Dark Dark purple #52213B

*/





*
{
margin: 0;
padding: 0;
}


body, html
{

}

body
{
background: url(images/stepwell-bg.png) repeat-x #000;
}


a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}


a img
{
border:0;
}


#mform input
{
margin: 0 0 12px 0;
}



body
{
list-style: 0;
}



p
{
margin: 0;
padding: 0;
}



a:link, a:visited {
	color:#F37421;
	text-decoration:none;
}


a:hover, a:visited:hover {
	color:#FFA834;
	text-decoration:underline;
}





#header
{
float: left;

height: 104px;

padding: 32px 70px 0 0;
}

#header-tagline
{
font-size: 23px;
font-family: Georgia;
font-style: italic;
color: #FFA834;
float: left;

padding: 12px 0 0 0;
}



#header-contact
{
float: right;
text-align: right;
color: #fff;
font-family: Georgia;
font-size: 14px;

padding: 26px 0 0 0;

width: 640px;
}

#header-contact .larger
{
font-size: 20px;
}



#header-contact a:link, #header-contact a:visited {
	color:#FFFFFF;
	text-decoration:none;
}


#header-contact a:hover, #header-contact a:visited:hover {
	color:#FFA834;
	text-decoration:underline;
}


#nav
{
z-index: 30;

margin: 10px 0 0 0;

width: 650px;
height: 30px;
clear: right;
float: right;
}

#nav li
{
float: left;
display: inline;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #000;
	padding: 6px 0 0 0;
	margin: 0 0 0 4px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul li, #nav li ul li { /* popout items */
	background: #000;
	padding: 4px 0;
}

#nav li ul li a
{
	padding: 4px 30px 4px 15px;
	font-size: 18px;
	font-family: Tahoma;
}


#nav a
{
font-size: 12px;
font-family: Tahoma;
text-decoration: none;

color: #FFA834;

cursor: pointer;
}

#nav a div
{
margin: 0 0 0 4px;
padding: 12px 0 4px 10px;
width: 116px;
}

#nav a div .larger
{
font-size: 18px;
}

#nav li a div
{
background: url(images/stepwell-menu-bg.png) no-repeat;
}

#nav li div:link, #nav li div:visited
{
background: url(images/stepwell-menu-bg.png) no-repeat;
}

#nav li div:hover
{
background: url(images/stepwell-menu-bg2.png) no-repeat;
}

#nav li ul
{

}

#nav a:link, #nav:visited
{
color: #FFA834;
}

#nav a:hover
{
color: #fff;
}


#mid-wrapper-box
{
clear: left;
width: 960px;
height: 232px;
}

#quote-box
{
	float: left;
	background: #594f9a;
	font-family: Georgia;
	width: 320px;
	height: 218px;
	padding: 14px 0 0 40px;
	color: #fff;
	font-size: 20px;
	line-height: 145%;
	font-weight: normal;
}

#quote-box p
{
padding: 18px 0 0 0;
}

#image-box
{
float: left;
background: #fff;
width: 600px;
height: 100%;
}

#nav form
{
margin: 0 0 0 24px;
display: inline;
float: right;
}



#wrapper
{
position: relative;
text-align: left;
width: 960px;

height: auto !important;
height: 100%;
margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */

min-height: 100%;

}



#maincontent
{
text-align: left;
clear: none;

background: #feeacc url(images/mc-center.png);
width: 960px;

padding: 0;
margin: 0;
}


div.post, div.post-single
{
clear: none;
float: left;
display: inline;

width: 575px;

margin: 0 0 0 11px;
padding: 10px 15px;
background: #feeacc;
}




#comment-div {
	margin-top:20px;
}


#comment-div h3 {
	color:#F37421;
	margin-top:15px;
}


#comment-div a:link, #comment-div a:visited{
	color:#F37421;
	text-decoration:underline;
}

#comment-div a:hover, #comment-div a:visited:hover{
	color:#FFA834;
	text-decoration:none;
}


#comment-inside h2 {
	color:#F37421;
	margin-top:0px;
}

#comment-inside {
	background-image:url(images/egg-bullet.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-top:3px;
	padding:15px;
	padding-bottom:20px;
	width:550px;
}


#comment-inside cite {
	color:#F47B20;
/*	float:right;   */
	font-size:18px;
	font-style:italic;
	margin-right:15px;
	margin-left:0px;
	margin-top:-3px;
	margin-bottom:-5px;
}


#comment-inside ol {
	list-style-type:none;
}



#comment-inside li {
	border-top-style:solid;
	border-top-width:.5px;
	border-top-color:#F47B20;
	margin-bottom:20px;
	padding-top:10px;
	padding-left:10px;
}



#comment-inside li p {
	color:#666666;
	font-size:1em;
	line-height:145%;
}

#comment-inside li p.commentDate {
	font-size:.75em;
	line-height:100%;
	margin-bottom:10px;
}

.alt {
}

#reply-form {
    padding-left:20px;
    width:450px;
}


#reply-form textarea {
	width:425px;
}






#sidebar
{
clear: none;
float: right;
display: inline;

width: 290px;

padding: 10px 15px;

margin: 0 12px 0 0;

z-index: 10;

}


#sidebar h2
{
font-family: Tahoma;
color: #50438B;
font-size: 18px;
}

#sidebar li
{
margin: 0 0 18px 0;
}

#sidebar li li
{
margin: 0;
}


#sidebar li a:link, #sidebar li a:visited {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #F37421;
	text-decoration: underline;
}


#sidebar li a:hover, #sidebar li a:visited:hover {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #FFA834;
	text-decoration: none;
}




#dfrads-widget-3 {
	font-family: Georgia;
	color: #50438B;
	font-size: 14px;
	font-style:italic;
	line-height:145%;
}

#dfrads-widget-3 h2 {
	font-style:normal;
	margin-bottom:3px;
}

#dfrads-widget-3 h3 {
	font-style:normal;
	font-size:12px;
}




div.dashed-line
{
width: 100%;
border-bottom: 1px #ccc dashed;
margin: 6px 0;
line-height: 1px;
height: 1px;
overflow: hidden;
}




/*
Sparta
*/

.breadcrumbs
{
	color: #F37421;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial;
	margin-bottom: 6px;
}

.breadcrumbs a
{
color: #F37421;
}

.page-title a
{
color: #40a3f6;
text-decoration: none;
}

.post-title
{
color: #52213B;
font-size: 21px;
font-family: Georgia;
font-weight: bold;
letter-spacing: 1px;
}

.post-title a
{
color: #52213B;
text-decoration: none;
}

.post-content
{
	font-size: 14px;
	font-family: Georgia;
	font-weight: normal;
	letter-spacing: 0.5px;
	margin: 6px 0 4px 0;
	color: #4D4D4D;
	line-height: 175%;
}

.post-content p
{
margin: 0 0 8px 0;
}

.post-content blockquote {
	color:#fff;
	font-style:italic;
	font-weight:normal;
	line-height:125%;
	background-color: #594f9a;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left: 25px;
	margin-right: 25px;
}

.post-content blockquote ul li {
	background-image:none;
	list-style:none;
	list-style-type:disc;
	padding-left:0px;
}

.post-content ul
{
list-style-type:none;
line-height:120%;
padding: 0px;
margin-left: 40px;
margin-top:10px;
margin-bottom:10px;
}

.post-content ul li
{
list-style-position:outside;
background-image:url(images/egg-bullet.png);
background-repeat:no-repeat;
padding-left: 23px;
margin-bottom:12px;
min-height:25px;
}







#footer, #push
{
clear: both;

font-size: 12px;

height: 60px;

margin: 0 auto;

width: 960px;
}

#footer
{
	color: #FFA834;
	font-size: 12px;
	font-family: Geneva;
	text-align: right;
}

#footer a
{
color: #FFA834;
}

#footer p
{
margin-top: 15px;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
padding-right: 15px;

}


#serving {
	float:left;
	color:#999999;
	text-align:left;
}




#socialprofilr a
{
margin: 0 6px 0 0;
}



.sub-post
{
font-size: 10px;
padding: 4px 0 12px 0;
}



.add-this
{
margin: 35px 0 0 0;
clear: both;
}



.time-p
{
color: #999;
font-size: 10px;
padding: 2px 0 4px 0px;
}



.invis
{
display: none;
}