/*   
Theme Name: Dovetail_Starkers
Theme URI: http://azzcatdevelopment.com/Dovetail/blog/
Description: Based on Starkers
Author: Catherine Azzarello
Author URI: http://azzcatdesign.com/
Version: 1.0
*/

@import "style/css/reset.css";
@import "style/css/layout.css";
@import "style/css/typography.css";
 
/**************************************\
|------------COLOR SCHEME--------------|

dark chocolate:		#311402
					RGB: 49,20,2
medium chocolate		#562f17
					RGB: 86,47,23
sienna				#82573c
					RGB: 130,87,60
footer text:			#9b8359
footer text hover:		#fbe6c2
					RGB: 251,230,194
pale beige:			#faf1e2
					RGB:	250,241,226
lightest beige			#faeeda
lighter beige			#efd4a7
light beige			#d3bb93
mid beige				#d3b37c
bright beige/ochre		#c49f60
"greyed back" type		#7d6a4a
link underline			#6c4d18
poppy highlight		#bb431a
poppy highlight lighter	#e1501d
poppy lightest			#ff7342
poppy drop cap			#9e4a2e
background highlight	#e5b76a
mid soft green			#2a6257
lighter soft green		#3f9484

\**************************************/
/* FORMS */
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: none; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], 
select { border: 1px solid #c49f60; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #ff7342; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, 
select:focus { border-color: #e1501d; outline: 2px solid #ff7342; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] 
	{ width: 20em; height: 1.35em; cursor: text; }

/* BASE SIZES */
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

/* LISTS */
ul li { margin-left: .85em; }
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }

/* TABLES */
table { border-top: 1px solid #e1501d;  border-left: 1px solid #e1501d; }
th, td { border-bottom: 1px solid #bb431a; border-right: 1px solid #bb431a; }

/* MARGINS & PADDINGS */
blockquote *:first-child { margin: .8em 0; }
hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin: 0 0 .5em;  }
h2 { margin: 0 0 .535em; }
h3 { margin: 0 0 .57em; }
h4 { margin: 0 0 .615em; }
h5 { margin: 0 0 .67em; }
h6 { margin: 0 0 .8em; }
th, td { padding: .8em; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
a { position: relative; } /* for larger click-area removed by Azzcat  padding: 0.3em 0 .1em 0;*/
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }
form div { margin-bottom: .8em; }

/* COLORS */
/* Azzcat removed underlines as default. If you want underlined links, add .underline class */
a:link { text-decoration: none; color: #bb431a; }
a:visited { text-decoration: none; color: #82573c; }
a:hover { text-decoration: none; color: #e1501d; }
a:active, a:focus { text-decoration: none; color: #e1501d; }
code, pre { color: #82573c; } /* very optional, but still useful. W3C uses about the same colors for codes */

/* COMMON CLASSES */
.floatRight {float:right; margin-left: 10px;} .floatLeft {float:left; margin-right: 10px;}
.textRight {text-align:right;}
.textLight {color: #d3b37c;}
.round 
{	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px; }
.roundTop 
{	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-khtml-border-top-left-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px; }
.roundBottom 
{	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-bottom-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px; }
.boxShadow 
{	-moz-box-shadow: 3px 3px 15px #000;
	-webkit-box-shadow: 3px 3px 15px #000;
	-khtml-box-shadow: 3px 3px 15px #000;
	box-shadow: 3px 3px 15px #000; }
.boxShadow_deeper 
{	-moz-box-shadow: 5px 5px 45px #000;
	-webkit-box-shadow: 5px 5px 45px #000;
	-khtml-box-shadow: 5px 5px 45px #000;
	box-shadow: 5px 5px 45px #000; }
.img_border
{	background-color: #fff;
	padding: 3px;
	border: #9e4a2e 1px solid;	}

.container {width: 1200px; margin:0 auto;}/*differs from static style.css*/
.inner {width: 950px; margin: 0 auto; }
.showDiv	{border: 1px fuchsia dotted;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none !important; padding:0 !important; margin:0 !important; }

/* Make sure the icons are not cut */
/* disabled by Azzcat
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited,
*/ 
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center; }

/* Files */
a[href$=".pdf"]   { background-image: url(images/icons/pdf.png); }  
a[href$=".doc"]   { background-image: url(images/icons/doc.png); }  
a[href$=".xls"]   { background-image: url(images/icons/xls.png); } 

/*---------STYLES FOR BUTTONS----------*/
/* Demo: particletree.com/features/rediscovering-the-button-element */
/*
	<button type="submit" class="button positive">
	  <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
	</button>

	<a class="button" href="/password/reset/">
	  <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
	</a>

	<a href="#" class="button negative">
	  <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
	</a>
*/

a.button, button 
{ display: inline-block;
  float: left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border-top:1px solid #faf1e2;
  border-left:1px solid #faf1e2;
  border-right:1px solid #d3b37c;
  border-bottom:1px solid #d3b37c;
  background-color:#e5b76a;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#311402;
  cursor:pointer; }
button 
{ width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */ }
button[type] 
{ padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */ }

*:first-child+html .container button[type] 
{ padding:4px 10px 3px 7px;   /* IE7 */ }

button img, a.button img
{ margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none; }

/* Standard Buttons */
button:hover, a.button:hover
{ background-color:#e1501d;
  border:1px solid #d3bb93;
  color:#311402; }
a.button:active, button:active
{ background-color:#bb431a;
  border:1px solid #c49f60;
  color:#fff;}

/* Positive */
body .positive 
{ color:#2a6257; }
a.positive:hover, button.positive:hover 
{ background-color:#e5b76a;
  border:1px solid #c49f60;
  color:#311402; }
a.positive:active, button.positive:active 
{ background-color:#3f9484;
  border:1px solid #3f9484;
  color:#fff; }

/* Negative */
body .negative 
{ color:#d12f19; }
a.negative:hover, button.negative:hover 
{ background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19; }
a.negative:active, button.negative:active 
{ background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff; }

/**************************************************************************/
/*   MAIN SECTIONS FOR WP   */
body	
{	color:#311402;
background: #d3bb93 url("images/bkgd_full_beige2400x2400.jpg") fixed center top; }

header
{	position: absolute;
	top: 0;
	height: 250px;
	width: 100%;
	background: url("images/bkgd_kitchen_msthd.png") no-repeat center -50px;
	/* solid color fallback */
	background-color: rgb(49,20,2);
	/* CSS3 rule keeps background transparent, and content opaque */
	background-color: rgba(49,20,2,0.75);
	/* override for IE7 */
	#background-color: #311402;
	-moz-box-shadow: 3px 3px 15px #000;
     -webkit-box-shadow: 3px 3px 15px #000;
     -khtml-box-shadow: 3px 3px 15px #000;
     box-shadow: 3px 3px 15px #000;
     border-bottom: 1px solid #c49f60; }

#wrapper 
{	width: 950px;
	margin: 0 auto 60px;
	padding: 250px 125px 20px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-bottom-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow: auto; } 

#logo
{	position: absolute;
	z-index: 2000;
	width: 500px;
	height: 150px;
	top: 15px;
	left: 95px; }	

#main
{	margin-top: 20px;
	min-height: 500px;
	width: 100%;	}

#content
{	background: url("images/brown_gradient-trans.png") repeat-x 0 -10px;
	border-top: 1px solid #c49f60;
	border-left: 1px solid #c49f60;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	padding: 18px;
	margin: 0;
	width: 584px;
	float: left;
	/* solid color fallback */
	background-color: rgb(255,255,255);
	/* CSS3 rule keeps background transparent, and content opaque */
	background-color: rgba(255,255,255,0.75);
	/* override for IE7 */
	#background-color: #fff;
	-moz-box-shadow: 3px 3px 15px #000;
	-webkit-box-shadow: 3px 3px 15px #000;
	-khtml-box-shadow: 3px 3px 15px #000;
	box-shadow: 3px 3px 15px #000; }
	
.page-id-53 #content { background-color: #ffefd5; background-image: none; }
	
#sidebar
{	float: right;
	width: 300px; }
	
#sidebar.narrow
	{ width: 285px; }
	
footer
{	position: fixed;
	z-index: 2000;
	width: 100%;
	height: 50px;
	bottom: 0;
	left: 0;
	/* solid color fallback */
	background-color: rgb(49,20,2);
	/* CSS3 rule keeps background transparent, and content opaque */
	background-color: rgba(49,20,2,0.9);
	/* override for IE7 */
	#background-color: #311402;
	border-top: 1px solid #d3bb93;
	color: #7d6a4a;	}

/**************************************/
/*   HEADER PARTS FOR WP   */
#members
{	position: fixed;
	z-index: 2000;
	width: 100%;
	height: 15px;
	top: 0;
	left: 0;
	/* solid color fallback */
	background-color: rgb(49,20,2);
	/* CSS3 rule keeps background transparent, and content opaque */
	background-color: rgba(49,20,2,0.9);
	/* override for IE7 */
	#background-color: #311402;
	border-bottom: 1px solid #311402; }
	
header .container h1
{	text-indent: -9999px; }

header .container p
{	color: #fff;
	font-family: "LiberationSerif", Georgia, serif; 
	font-style: italic;
	font-weight: bold;
	font-size: 3.25em;
	text-shadow: 2px 2px 3px #000;
	margin: 165px 0 0 120px; }

/**************************************/
/*   NAVIGATION PARTS FOR WP   */

#main_menu
{	position: absolute;
	z-index: 2000;
	right: 0;
	top: 15px;
	background: url("images/bkgd_menu-trans2.png") bottom repeat-x;	}

	#main_menu ul
	{	height: 28px;
		min-width: 50px;
		margin: 0;
		padding: 0;	}

		#main_menu li 
		{	height: 22px;
			list-style-type: none;
			margin: 0;
			padding: 7px 0 0;
			float: left;
			text-decoration: none;
			border-left: #d3bb93 1px solid;
			border-right: #7d6a4a 1px solid;
			/* font-size:130%; removed 03/12/2010*/	}
		
		#main_menu li:hover
		{	/* CSS3 rule keeps background transparent, and content opaque */
			background-color: rgba(49,20,2,0.25); }
		
			#main_menu li a
			{	text-decoration: none;
				color: #311402;
				padding: .5em 1em 1.25em;	}
				
				#main_menu li a:hover
				{	color: #fff;
					text-shadow: none;	}
	
/**************************************/
/**************************************/
/*   MAIN CONTENT PARTS FOR WP  */

#main h2
{	border-bottom: 1px solid #c49f60; }



/****POST PARTS****/

.post:first-child h2 a:link
{	color: #fff; }

.post:first-child h2 a:hover
{	color: #ff7342; }

.post:first-child h2 a:visited
{	color: #311402; }

.home .post p:nth-child(3):first-letter, .single .post p:nth-child(2):first-letter
{	font-size : 5em;
font-family: "LiberationSerif", Georgia, serif;
font-weight : bold;
float: left;
vertical-align: baseline;
margin: .15em 6px 0 0;
color : #9e4a2e;
line-height: .4; }

#commentform #comment
{	border: 1px solid #d3bb93;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	width: 97%; }

/****SIDEBAR PARTS****/

#sidebar h2
{	color: #311402; 
	font-family: Georgia, serif;
	font-weight: bold;
	text-shadow: 1px 1px 1px #faf1e2; }
	
#sidebar #searchform	
{	margin-bottom: 0; }
	
	#sidebar #searchform .search_input
	{	color: #7d6a4a; }

.widget
{	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	border-top: 1px solid #c49f60;
	border-left: 1px solid #c49f60;
	/* solid color fallback */
	background-color: rgb(255,255,255);
	/* CSS3 rule keeps background transparent, and content opaque */
	background-color: rgba(255,255,255,0.75);
	/* override for IE7 */
	#background-color: #fff;
	-moz-box-shadow: 3px 3px 15px #000;
	-webkit-box-shadow: 3px 3px 15px #000;
	-khtml-box-shadow: 3px 3px 15px #000;
	box-shadow: 3px 3px 15px #000;
	margin: 0 0 20px 0;
	padding: 10px 20px 10px 10px; }
	
	#wufoo_sidebar.widget
	{	background-color: #EFD4A7; }
	
#sidebar ul li
{	list-style-type: none; }
	
	#sidebar ul li ul
	{	border: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-khtml-box-shadow: none;
		box-shadow: none;
		background-color: transparent; }
		
		#sidebar ul li ul li
		{	list-style-type: square; }
		
#sidebar-login .avatar_container
{ margin-right: 1em; }
				
/**************************************/
/**************************************/
/*    FOOTER PARTS FOR WP   */

#inner_footer
{	margin: 0 auto;
	width: 750px;
	height: 50px;
	padding-left: 200px;	}
	
	footer p
	{	padding: 5px 80px 0 0; }
	
	footer a:link, footer a:visited
	{	text-decoration: none;
		color: #7d6a4a; }
		
	footer a:hover
	{	color: #d3bb93; }
	
	footer ul
	{	margin: .5em 0 0 0; }
		
		footer ul li
		{	list-style-type: none;	}
	
	#sub_nav
	{	float: left;	}
		
		#sub_nav li
		{	float: left;
			margin: -.5em 3em 0 0;	}
				
	#social ul 
	{	float: right;
		margin: 0;
		height: 40px; }
		
		#social li
		{	float: right;	}
		
		#social li img
		{	margin: 0 0 0 1em;	}
			
		#social li a img
		{	opacity:.60;
			filter:alpha(opacity=60);	}
		
		#social li a:hover img{
			opacity:1;
			filter:alpha(opacity=100);	} 

/* ------------CONTACT------------ */
#slidebottom
{	position: absolute;
	top: 0;
	left: -50px;
	height: 50px;	}

#contact	
{	position: absolute;
	padding: 20px 20px 5px;
	bottom: 55px;
	left: 0;
	width: 180px;
	text-align: right;
	/* solid color fallback */
	background-color: rgb(49,20,2);
	/* CSS3 rule keeps background transparent, and content opaque */
	background-color: rgba(49,20,2,0.9);
	/* override for IE7 */
	#background-color: #311402;
	display: none;	}
	
#slidebottom h3
{	color: #e1501d;
	position: absolute:
	bottom: 0;
	left: 0;
	margin-top: .5em;
	margin-left: 50px;
	cursor: pointer;	}
	
	#slidebottom h3:hover
	{	color: #ff7342; }

#contact, #contact a, #contact h5 a
{	color: #d3bb93;	}

	#contact a:link, #contact h5 a:link	
	{	color: #faf1e2;	}
	
	#contact a:hover, #contact h5 a:hover 	
	{	color: #ff7342;	}