/*
--=.._/(        Dollars to Donuts Blog GLOBAL STYLES      )\_..=--
    	  */


/*
Will Moore
07-19-09
ISITE Design


--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

------- typography ---------

font-sizes are set in em for resizable goodness.  Here's a basic guide for the stylesheet.
font-size: .75em; 	= 9px
font-size: 0.835em; = 10px
font-size: .9175em; = 11px
font-size: 1em; 	= 12px
font-size: 1.085em; = 13px
font-size: 1.165em; = 14px
font-size: 1.25em;  = 15px
font-size: 1.335em; = 16px
font-size: 1.415em; = 17px
font-size: 1.5em;	= 18px
font-size: 1.585em; = 19px
font-size: 1.665em; = 20px
font-size: 1.75em; = 21px
font-size: 1.835em; = 22px
font-size: 1.915em; = 23px
font-size: 2em; = 24px

font colors:
	base body color: #6D6D6D;
		
link colors:
	main content a: #0000ff;
	main content hover: #999999;

borders: #D8D8D8

*/

/* Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/

body 					{ background-color: #EF4223; color: #404040; font: 75%/1.335 "Helvetica Neue", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6	{ color: #EF4223; font-weight: normal; margin: 0 0 .25em 0;}
h2 {font-weight:bold;}
h3						{ color: #cfcfcf;}
h3 span, strong, dt		{ color: #3D0029; text-transform: uppercase;}
strong					{ text-transform: none;}


h1 {color:#000000;font-size:1.2em;font-weight:900;margin-bottom:0.5em;text-transform:uppercase;}
h2	{ font-size: 1.585em;  padding-top: 0.35em; } /* 20px */
h3	{ font-size: 1em; } /* 17px */
h4	{ font-size: 1.25em; } 	/* 15px */
h5	{ font-size: 1em; } 	/* 12px; */
h6	{ font-size: .9175em; } /* 11px; */

p	{ margin-bottom: 1em; }

input, textarea { border: 1px solid #242323; }
abbr,acronym	{ border-bottom: 1px dotted #999; cursor: help; }

ul, ol 	{ margin: 0 0 1em 3em; }
table	{ border-collapse: collapse; }
td		{ border: 1px solid #ccc; padding: .5em;  }

/* temp for layout purposes. can delete this closing comment tag to temporarily toggle ---> 
div		{ background-color: rgba(210,210,210, .4); border: 1px solid #aaa; border-width: 1px 0px;} 
body 	{ background: url(../img/css/grid.gif) center 0 repeat-y; }
#wrapper	{border-right: 1px solid #ccc;}
#secondary, #tertiary	{ background-color: rgba(180,180,180, .4);} 
/* end temp for layout purposes*/


/*----------------------------------- Site Structure --------------------*/
#wrapper {
	background: #fff url('../img/css/bg-wrapper.gif') 0 0 repeat-y;
	border:5px solid #FFCB05;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	margin:20px auto;
	position:relative;
	width:960px;
	
}

#header {
    background: #fff;
	height: 117px;
	margin-bottom: 5em; /* make room for absolutley position nav */
}

	#portrait {
		background: #fff url('../img/css/bg-portrait.gif') 0 0 no-repeat;
		display:block;
		float:right;
		height:117px;
		overflow:hidden;
		padding:0 15px 0 80px;
		width: 230px;	
	}
	
		#portrait p {
			padding:17px 0 0 40px;
		}
		
		#portrait b {
			color: #EF4223;
		}

#content {
	margin-top: 1em;
	overflow:hidden;
	width: 960px;
}
#primary {
	float: left;
	padding: 0 21px;
	width: 619px;
}
#secondary {
	float: left;
	padding: 0 19px 1em 19px;
	width: 255px;
}

#footer { 

	background: #ffcb05;
	clear: both;  
	color: #EF4223;
	font-weight:bold;
	font-size:1.1em;
	margin-top: 1em;
	padding: 1em 21px;
	text-align:center;
	}

.post{
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	padding-left:  0px;
}

	.post-about {
		background: #fff1d0;
		border:2px solid #fff1d0;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		margin: 0 0 10px 0;
		padding: 5px;
		color: #EF4223;
	}
	
	.post-about b, 
	.post-about strong  {color: #EF4223;}
	
	.search-results .post {margin-bottom: 0;}
/*----------------------------------- Type, Links and Lists----------*/

a, a:visited		{ color: #f37021; }
a:hover, a:focus 	{ color: #3E0029; }
a.more, a.more-link{
	border-top: 1px dashed #D8D8D8;
	display: block;
	margin-top: .5em;
	margin-bottom: -1em;
	padding: .5em .5em 0 .5em;
	text-align: right;
	text-decoration: none;
}
	.search-results a.more-link{
		border: none;
		margin: 0 0 1em 0;
		padding: 0;
		text-align: left;
	}
/* h2 a, h3 a, h4 a, h2 a:visited, h3 a:visited, h4 a:visited 	{ color: #AD3D55; text-decoration: none;} */
h2 a, h3 a, h4 a, h2 a:visited, h3 a:visited, h4 a:visited 	{ color: #EF4223; text-decoration: none;} 
a img {border: none;}
a#brand {
	background:  transparent url('../img/css/blog-header.gif') 0 0 no-repeat;
	display: block;
	float:left;
	height: 118px;
	overflow: hidden;
	text-indent: -9999em;
	width: 569px;
}

.comments {background: transparent url('../img/css/comment_yellow.gif') top right no-repeat;}
.comments a {margin: 0 5px 0 0; padding: 0 15px 0 0;}

a.rss{
	background:  transparent url('../img/css/feed-icon-40.gif') 0 0 no-repeat;
	display: block;
	height: 40px;
	text-indent: -999em;
	width: 40px;
}	
.post h2	{ padding-top: 0;}
h3 span		{ font-weight: bold; padding: 0px; font-size:1.1em;}
p.postmetadata	{font-size:  .9em;}

#secondary p {
	color: #EF4223;
}

#secondary ul{
	list-style-type: none;
	margin:  0;
	padding: 0;
}
	#secondary li{
		border: 1px  solid #ffcb05;
		margin-bottom: 1em;
		padding: 1em;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius:6px;
		
	}
	#secondary li li{
		border: none;
		margin-bottom: 0;
		padding: 0;
	}
	#secondary #book-ad{
		border: none;
		padding: 0;
	}
	#secondary #recent-comments li{padding-bottom: 5px;}
	#secondary #recent-posts ol{
		margin: 0 0 0 1.5em;
	}
	#secondary #recent-posts li{
		padding: 0 0 .5em 0;
		margin-left: 0;
	}
	#secondary #follow ul {margin-top: 1em;}
	
.navigation {
	clear: left;
	margin: 1em 0;
	padding: 1em 0;
}
	.navigation div{
		float: left;
		padding-right: 2%;
		text-align: right;
		width: 47%; 
	}
	.navigation .newer{
		border-left: 1px solid #d4d4d4;
		padding: 0 0 0 2%;
		text-align: left;
	}
/*---------------------------------- Navigation --------------------*/

ul#nav, ul.nav, #nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav {
	background: #ffcb05 url('../img/css/bg-nav.gif') 0 0 repeat-x;
	font-size: 1.4em;
    overflow:hidden;
	position: absolute;
	left:0;
	top:116px;
	width: 100%;
}
	#nav a, #nav li {
		line-height: 40px;
	    display: inline;
		float: left;
		text-decoration: none;
		width: auto;
	}
	#nav a{
		color: #ef4223;
		margin-left: 1.4em;
		padding: 0;
		text-transform: uppercase;
		font-weight: bold;
	}
	#nav a:hover{
		color: #404040;
	}
	

#secondary .nav {
    height: auto;
	position: relative;
	top: 0;
}
#secondary .nav a, #secondary .nav li {
	float: none;
	padding: 0;
}
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	#footer li	{ display: inline; margin: 0 1em;}
	
	#footer li a { font-weight:bold; color: #EF4223;}
	
/*----------------------------------- Forms -------------------------*/

form ul {
    list-style-type: none;
	margin: 0;
}
form li {
    margin-bottom: 1em;
}
input, select, textarea, label, button {
	border-color: #404040;
	font-family:  "Helvetica Neue", Arial, sans-serif; 
    display: block;

}
#wrapper input[type=hidden] {
    border: none;
}
textarea{
	width: 94%;
}
button {
    cursor: pointer;
}
#form-search {
	margin-top: -5.1em;
	position: absolute;
	top: 187px;
	right: 20px;
	z-index: 5;
}
* html #form-search { right:0; width:310px; }
	
	#form-search label, #form-search input, #form-search button {float: left;}
	#form-search label	{
		position: absolute;
		left: -9999em;
	}
	#form-search input{
		border: none;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		line-height: 1.5;
		margin-right: 4px;
		padding: 3px 10px;
		width:15em;
	}
	#form-search button{
		background-color: transparent;
		border: none;
		color: #EF4223;
		font-size: 1.4em;
		font-weight:bold;
		float: left;
		/* line-height: 2.5em; */
		text-transform: uppercase;
	}
	#form-search button:hover{color: #404040;}

#respond {
	border-top: 1px solid #d8d8d8;
	clear: both;
	padding: 2em 0 0 0x;
	position: relative;
	top: 2em;
	margin: 0 0 2em 0;
}
	#respond input{
		font-size: 1.2em;
		padding: 4px;
		width: 50%;
	}

/*----------------------------------- Randoms/dev utility styles ---*/

.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }
.column {
    float: left;
	width: 45%;
	margin-right: 2%;
}

.alignright {float: right; margin-left: 15px;}


.hide			{ display: none; }
.left 			{ float: left; margin: 10px 5px 10px 0; }
* html .left 	{ margin-right: 0; }
.right 			{ float: right; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }
.error, .red 	{ color: red; }

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }