/*
Theme Name: Kendra Blog
Theme URI: http://martythornley.com
Description: Custom theme for Kendra. Design By Identity Kitchen - http://identitykitchen.com
Version: 1 (wp 2.8.5)
Author: Marty Thornley
Author URI: http://martythornley.com

*/


/* Internet Explorer fixes *******************

header.php includes several standard ie fixes including a javascript file from googlecode, to make versions lower than 7 behave like 7.
It also includes conditional links to the ie.css and ie6.css stylesheets.

For issues with ie7, or all ie in general: place fixes in ie.css

For issues with ie6: place fixes in ie6.css

Conditional statements are included in header.php so that these stylesheets will only be used in those browsers.

***********************************************/

/* SUPPORT / HELP  ******************************

For up to date fixes and more info:
http://martythornley.com/2009/05/blogstarter-free-wordpress-theme-for-developers

For Tech Support and Feedback:
http://getsatisfaction.com/martythornley/products/martythornley_blog_starter

************************************************/

/* 1) RESET some things for s good starting point - based on yahoo reset */
@import "style/css/reset.css";	

/* 2) Bring in all basic style from default theme, but cleaned up and simplified */
@import "style/css/default.css";

/* 3) Add our own style on top of it all */

/*
This is 90% of what you will need to edit to style this theme.
By importing default.css before it all, we can overwrite anything in there and shouldn't ever need to open that file.
If you keep your changes to section 4 below, it will be easier to upgrade the theme, should you ever want to.
If you don't care about that, then edit away!
*/

/* BASIC FONTS */
body						{ color: #ADAFB2; text-align: left; font-size: 75%; font-family: "Century Gothic", Trebuchet, Tahoma, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 		{ clear:both; text-transform:uppercase; color: #ADDFEA; font-family: "Century Gothic", Trebuchet, Tahoma, Helvetica, sans-serif; }

/* LINKS */
a, h2 a:hover, h3 a:hover 	{ color: #ADDFEA; text-decoration: none; }
a:hover 					{ color: #ADDFEA; text-decoration: underline; }

/* PAGE WIDTH  */

#page 						{ width: 830px; }

/* BACKGROUND IMAGES */

body 			{ background: #D7F2F8 url('style/images/bg_body.jpg') repeat-y top center; }

#page			{ background:#FFFFFF none repeat scroll 0 0; border: 1px solid #ADAFB2; }
#topMenu		{ }
#content		{ }


/* STRUCTURE */
#content, #footer	{ overflow: hidden; }

body 			{ margin: 0 0 20px 0; padding: 0; }

#page 			{ margin: 20px auto; padding: 0; margin: 0 auto; overflow: hidden; }
#header 		{ width: 1000px; margin: 0px auto; padding: 0; height: 248px; }
#content 		{ font-size: 1.2em; padding: 0 20px; min-height: 400px; height: auto !important; overflow: hidden; }
#sidebar 		{ }
#footer 		{ border: none;  padding: 0; clear: both; }


/* HEADER AND FOOTER STYLES  ******************************/

#headerLeft		{ width: 200px; height: 64px; float: left; display: inline; } /* Link to home page */
a#homeLink		{ width: 100%; height: 100%; display:block; } /* contains a link back to the home page, covers the entire header */

#headerRight	{ width: 300px; height: 64px; float: right; display: inline; } /* search form */

#topMenu			{ position: relative; width: 830px; float: left; z-index: 9; border-bottom: 1px solid #ADAFB2; }
body.home #topMenu	{ border-bottom: 0px solid; }

ul.footerNav	{ width: 33%; float: left; display: inline; text-align: center; }
p.design		{ text-align: center; }

/*** SUPERFISH STYLES ***/
.sf-menu, .sf-menu * 	{ margin: 0; padding: 0; list-style: none; }
.sf-menu 				{ line-height: 1.0; }
.sf-menu ul 			{ position: absolute; top: -999em; width: 10em; } /* left offset of submenus need to match (see below) */
.sf-menu ul li 			{ width: 100%; }
.sf-menu li:hover 		{ visibility: inherit; } /* fixes IE7 'sticky bug' */
.sf-menu li 			{ float: left; position: relative; }
.sf-menu a 				{ display: block; position: relative; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul 			{ left: 0; top: 29px; /* match top ul list item height */ 	z-index: 99; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul 	{ top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul 	{ left: 10em; /* match ul width */ top: 0; }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul 	{ top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul 	{ left: 10em; /* match ul width */ top: 0; }

/*** DEMO SKIN ***/
.sf-menu 						{ float: left; margin-bottom: 0; }
.sf-menu a 						{ padding: 6px 16px; text-decoration:none; text-transform: uppercase; font-size: 1.3em;}

.sf-menu a, .sf-menu a:visited  { color: #ADAFB2;}
.sf-menu li 					{ background: #ffffff; }
.sf-menu li li 					{ background: #ffffff; }
.sf-menu li li li 				{ background: #ffffff; }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #D7F2F8; outline: 0; }

/*** arrows **/
.sf-menu a.sf-with-ul 			{ min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator 				{ position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden;
								 	background: transparent; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator 			{  /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator 	{ background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator 		{ background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator 	{ background-position:  0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/
.sf-shadow ul 						{ background:	url('style/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off 		{ background: transparent; }

/* Specific Widths for menus */

.sf-menu li#categories ul 			{ width: 160px; }
.sf-menu li#blogroll ul 			{ width: 160px; }
.sf-menu li#archives ul 			{ width: 160px; }


/* STANDARD WORDPRESS AREAS */

#searchform 						{ margin:2px 0; padding:2px; }
#s									{ border: 1px solid; }
#searchsubmit						{ border: 1px solid; }

.post								{  }
.entry								{ font-family: "Times New Roman", serif; }

.date			{ width: 100%; float: left; clear: both; }
.postmetadata	{ font-weight:bold; }

#sidebar ul li 				{ margin-bottom:2px; }

.post img				{ margin: 10px; } 
.post img.aligncenter	{ float: none; margin-left: auto; margin-right: auto; clear:both;}
.post img.alignright	{ float: right; display: inline; margin-right: 0px; }
.post img.aligleft		{ float: left; display: inline; margin-left: 0px; }

/* COMMENTS */

.wpcf7, .commentsWrapper			{-moz-border-radius:4px; -webkit-border-radius:4px; background:transparent url(style/images/bg_body.jpg) repeat scroll center top; border:1px solid #434343;float:right; margin:10px; padding:10px; width:95%; }

.wpcf7 form					{}
.wpcf7 form	p				{ text-align: center; }
.commentsSection			{}
#respond					{}
form#commentform			{}
ol.commentlist				{ margin: 8px 0 0; }
ol.commentlist li			{ margin:8px 0; padding:6px 6px 6px 12px; background:#FFFFFF none repeat scroll 0 0; border:1px solid #e3e3e3; color:#666666;font-size:1em; font-weight: normal; }
.commentlist li, #commentform input, #commentform textarea
							{ font-size: 1em; }
#commentform textarea 		{ border:1px solid #BABABA; padding:2px; width:100%; }
#commentform input 			{ border:1px solid #BABABA; }
.commentlist li .avatar 	{ background:#FFFFFF none repeat scroll 0 0; border:1px solid #EEEEEE; float:right;  padding:2px; }

.commentlist li div.avatar	{ width: 40px; height: 40px; } 
.commentlist li h5			{ display: inline; }
.commentContent				{ clear: both; }

.navigation					{ clear:both; display:block; height:40px; margin:10px 0; width:100%; }

.wp-caption					{ background:#F3F3F3 none repeat scroll 0 0; border:1px solid #E5E5E5; }
.post .wp-caption img		{ border:1px solid #e9e9e9; }

/* 4) ADD CUSTOM STYLE HERE  ******************************/

#flashWrapper						{ position: absolute; left: -4px; top: 6px; }
body.home #flashWrapper				{ left: -22px; top: 0px; }


ul#serachBox						{ width: 210px; float: right; display: inline; }

#logoHeader							{ background: #ffffff; border-top: 1px solid #ADAFB2; border-bottom: 1px solid #ADAFB2; clear:both; display:block; height:228px; }
#logo-image							{ }

#welcome							{ overflow: hidden; width: 100%; clear: both; margin: 0 0 20px 0; }
#welcome h1							{ font-size:2.7em; letter-spacing:4px; padding:50px 20px 20px; color: #ADAFB2; display: inline; float: left; }

#twitter							{ width: 250px; float: right; display: inline; }
#twitter span#bird					{ background:transparent url(style/images/bird.jpg) no-repeat scroll 0 0; height:50px; left:-15px; position:absolute; top:50px; width:50px; }
#twitter h3							{ font-size:1.5em; font-weight:normal; margin:20px 0 0; }
#twitter ul							{ display:block; font-size:1.2em; padding:10px 30px 0 45px;}
#twitter ul li						{ display: block; }

p.design				{ text-align: center; }
p.design a				{ color: #5a5a5a; }
p.readMore 				{ text-align:right; }