/*
Theme Name: JulesBianchiBlog
Theme URI: http://martythornley.com
Description: Custom theme for Jules Bianchi Photography
Version: 1 (wp 2.8)
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.

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

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

/* old body color:  */

body						{ color:#226267; font-family:'Century gothic',helvetica,arial,sans-serif; font-size:76.5%; letter-spacing:1.2px; text-align:left; }
h1, h2, h3, h4, h5, h6 		{ font-weight: bold; text-align: center; clear:both; }

/* LINKS */
a, h2 a:hover, h3 a:hover 	{ color: #023C59; text-decoration: none; font-weight: normal; }
a:hover 					{ color: #03496A; text-decoration: underline; }

.entry a					{ font-weight: bold; }

/* PAGE WIDTH  */

#page, #footer  			{ width: 973px; }

/* BACKGROUND IMAGES */

body 			{ background: #96CDCA url(style/images/bg_body.jpg) repeat scroll center -365px; }

#pageTop 		{ background: transparent url(style/images/bg_pageTop.jpg) no-repeat scroll center -52px; height:100%; position:absolute; top:0; width:100%;}
#page 			{ background: transparent;}
#header 		{  }
#content 		{  }
#sidebar 		{  }
#footer 		{ }

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

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

#page 			{ margin: 116px auto 0; padding: 0; text-align: left;  overflow: hidden; }
#header 		{ margin:4px 0 6px; padding:0 0 0 35px; clear: both;  }
#content 		{ padding: 0; width: 100%; }
#sidebar 		{ }
#footer 		{ clear:both; margin:30px auto 0px; padding:30px 0 0; }

#footer p.design	{ color:#C4DDDE; clear:both; display:block; font-size:0.9em; margin:30px 9px 0; padding:5px 30px; text-align:right; }
#footer p.design a	{ color: #39AFB7; }
.post			{ padding:10px 0; background:transparent url(style/images/post_divide.jpg) no-repeat scroll 236px top; margin:20px 0 0 0; overflow: hidden; padding: 38px 0 0; }

.entry p		{ padding-left: 40px; padding-right: 40px; }

/********* TOP DROP DOWN MENU *******************/
ul#nav				{ float:left; width:700px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }

ul#nav li			{ height: 28px; float:left; position:relative; padding: 0 8px; }
ul#nav li.smaller	{ }
ul#nav li.first 	{ margin:0 0 0 21px; }
ul#nav li > ul 		{ left:auto; top:auto; }

ul#nav li a			{ display:block; height:15px; padding:7px 5px;text-decoration:none; text-transform: capitalize;}
ul#nav li ul li a	{ padding: 2px 0 0 5px; height: auto; }

ul#nav li ul a		{ text-transform: lowercase; }

ul#nav li ul		{ display:none; left:auto; position:absolute; top:auto;}


/* Fix IE. Hide from IE Mac \*/
* html ul#nav li 	{ float: left; }
* html ul#nav li a 	{ height: 1%; }
/* End */

ul#nav li:hover ul, li.sfhover ul { display: block; overflow: visible; z-index:99; left: auto; }


ul#nav li ul, ul#nav li ul li	{ width: 140px; }	

ul#nav li ul li ul.children		{ display:block; font-size:1em; left: 0px; position:absolute; top: 0px; }
ul#nav li ul li					{ height: auto; background:#39AFB7 none repeat scroll 0 0; overflow:hidden; padding: 2px 6px; }
ul#nav li ul li:hover			{ background: #A0D4D1; overflow: visible; padding: 2px 6px; }
ul#nav li ul li ul.children	li	{ background: #A0D4D1;}
ul#nav li ul li ul.children	li:hover	{background:#39AFB7;}
ul#nav li ul li	ul				{ clear: both; position: relative; width: 152px; border-bottom: 4px solid #38afb7;}

/* top Menu specific styles */

ul#nav li ul#recentPosts, ul#nav li ul#recentPosts li 		{ width: 180px; }
ul#nav li ul#linksMenu, ul#nav li ul#linksMenu li 			{ }
ul#nav li ul#archivesMenu, ul#nav li ul#archivesMenu li	 	{ width: 76px; }
ul#nav li ul#catMenu, ul#nav li ul#catMenuli 				{ width: 140px; }


ul#nav li ul#catMenu li ul.children 						{ left: 152px;}

/* 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		{ background:#39AFB7 none repeat scroll 0 0; height:29px; margin:2px 0 0 9px; position:relative; width:955px; z-index: 2; }

.date			{ margin:0 0 0 100px; text-align:left; clear: both; }


ul.footerNav			{ display:inline; padding:0 0 0 124px; text-align: left; width:200px; float: left; }

ul.footerNav li			{}
ul.footerNav li	ul		{ margin:0 0 4px 10px;}
ul.footerNav li	ul li	{}

#footer h4				{ font-size:1.1em; margin:0 0 6px; text-align:left; text-transform:uppercase; }

p.design				{ text-align: center; }

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

.round3			{ -moz-border-radius:3px; -webkit-border-radius:3px; }
.round5			{ -moz-border-radius:5px; -webkit-border-radius:5px; }
.round10		{ -moz-border-radius:10px; -webkit-border-radius:10px; }

/* */

h1				{ font-weight:normal; letter-spacing:2px; margin:40px 0 0; text-transform:uppercase; }
#header h1		{ font-family:helvetica, trebuchet, arial, sans-serif; font-size:3.2em; margin:40px 50px 20px; text-align:left; }
#content h1		{ font-size: 1.8em; margin:0 0 0 100px; text-align:left; }

.post h2		{font-size:1.4em; font-weight:normal; text-align:left; }

h3				{ text-align:left; font-weight:normal; font-size:1em; margin:10px 0 0;}
h4				{ clear:both; display:block; padding:20px 0 10px; text-align:left; }

.postTitle		{ width: 100%; clear:both; position:relative; }
.postTitle span	{ position: absolute; top: 0px; left: 32px; width: 60px; height: 60px; }

.postTitle span.cake			{ background: transparent url(style/images/fourLogos.png) no-repeat scroll 0 0; }
.postTitle span.house			{ background: transparent url(style/images/fourLogos.png) no-repeat scroll -60px 0;}
.postTitle span.flower			{ background: transparent url(style/images/fourLogos.png) no-repeat scroll -120px 0; }
.postTitle span.camera			{ background: transparent url(style/images/fourLogos.png) no-repeat scroll -180px 0; }
.postTitle span.dog				{ background: transparent url(style/images/oliveLogo.png) no-repeat scroll 0 0; }


.entry 			{ margin:30px 0 0; overflow:hidden;}

p cite			{ clear:both; left:30px; position:relative; }

.clear			{ clear: both; overflow:hidden; }

.description		{ margin:0 50px 40px; text-align:left; }
#logo-image			{ border-bottom:1px solid #E3E3E3; margin:0 0 10px; padding:2px 0; }
#logo-image a		{ display: block; width: 100%; text-align: center; }
#logo-image a img	{}


/* INTRO AREA */

#introArea					{ clear:both; margin:10px auto 0;overflow:hidden;padding:0;width:915px;}
.introSection				{ display:inline;float:left; margin:0 0 0 5px;}
#introPics.introSection		{ padding:25px 0 0; width:358px;}
#introTwitter.introSection	{ padding:0; width:190px; }
#introLinks.introSection	{ width:170px; }
#introBook.introSection		{ width:170px; }

.introPicWrap				{ background:#A0D4D1 none repeat scroll 0 0;border:1px solid #8ABFBC;height:206px;}
#introPic					{ border:1px solid #8ABFBC;height:190px;margin:7px;width:340;}
#introTwitter				{ height:158px;}
#oliveWrap					{ width: 200px; float: left; }
#introArea h2				{ display:block; font-size:1.3em; font-weight:normal; height:20px; margin:0 0 5px 0; color: #f3f3f3; text-transform: uppercase; }
#introArea ul				{ clear:both; display:block; height:56px; width:100%; position: relative; }
#introArea ul li			{ margin:24px 0 29px 52px; width:123px; position: relative; } 

#introBook a				{ display:block; margin:30px 0; text-align:center; }
#introBook a img			{ border: 1px solid #8ABFBC; padding: 2px; }
#introBook a:hover img		{ border: 1px solid #c4ddde; padding: 2px;}

#introLinks ul li span		{ width: 40px; position: absolute; top: -12px; left: -43px; height:38px;}

#introLinks ul li span#cake			{ background: transparent url(style/images/icons_small.png) no-repeat scroll -64px 0; }
#introLinks ul li span#house		{ background: transparent url(style/images/icons_small.png) no-repeat scroll -104px 0;}
#introLinks ul li span#flower		{ background: transparent url(style/images/icons_small.png) no-repeat scroll -144px 0; }
#introLinks ul li span#camera		{ background: transparent url(style/images/icons_small.png) no-repeat scroll -184px 0; }
#introLinks ul li span#dog			{ background: transparent url(style/images/icons_small.png) no-repeat scroll -224px 0; }

#introArea #introTwitter ul li 				{ display:inline; float:left; margin:0; padding:0; width:40px;  }
#introArea #introTwitter ul li.first		{ width: 91px; margin:0 0 0 12px; }
#introArea #introTwitter ul li h2			{ margin: 0px; padding:2px 0 0;}
#introArea #introTwitter ul li#contactLink	{ width: 92px; }

#introArea ul#followLinks			{ padding: 0 0 0 9px; }

ul#followLinks li a					{ display: block; width: 26px; height: 26px; }
ul#followLinks li a#twitterLI		{ background: transparent url(style/images/icons_small.png) no-repeat scroll 0 -10px; }
ul#followLinks li a#facebookLI		{ background: transparent url(style/images/icons_small.png) no-repeat scroll -30px -10px; }
ul#followLinks li a#contactLink		{ background:#A0D4D1 none repeat scroll 0 0; border:1px solid #8ABFBC; color:#FFFFFF; font-size:1.3em; height:23px; padding:2px 0 0; text-align:center; text-transform:uppercase; width:92px; }

ul#followLinks a:hover					{ text-decoration: none; }
ul#followLinks li a:hover#contactLink	{ border-color:#023C59; color: #023C59;}

#introArea ul#twitter_update_list_Jules		{ height:auto; padding:5px 10px; width:auto;}
#introArea ul#twitter_update_list_Jules li	{ width: 170px; margin: 0px; }

/* COMMENTS */


.commentsSection			{}
#respond					{}
#response					{ width: 800px; margin: 0 auto; clear: both; }
form#commentform			{}
ol.commentlist				{ margin: 8px 0 0; }
ol.commentlist li			{ overflow:hidden; margin:8px 0; padding:6px 6px 6px 12px; background:#55BEC4 none repeat scroll 0 0; border:1px solid #6CD0D6; color:#03496A;font-size:1em; font-weight: normal; }
.commentlist li, #commentform input, #commentform textarea
							{ font-size: 1em; }
#commentform textarea 		{background:#96CDCA url(style/images/post_divide.jpg) no-repeat scroll -657px 18px; border:1px solid #69A4A1; font-size:1.4em; padding:2px; width:100%; }

#commentform #submit		{ 	border-width:0 1px 1px; border-style:none solid solid; border-color:-moz-use-text-color #8ABFBC #8ABFBC; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px;
							  	background:#A0D4D1 none repeat scroll 0 0;
							}
.commentsInput				{ 	border-width:1px 1px 0; border-style:solid solid none; border-color:#8ABFBC #8ABFBC -moz-use-text-color; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
								background:#A0D4D1 none repeat scroll 0 0; display:inline; float:left; height:40px; margin:0 0 0 4px; overflow:hidden; padding:0 19px 5px 3px; text-align:left; width:165px; }

#commentform p				{ margin: 0px; }
#replyBox.commentsInput		{ background: transparent; border: 0px; }
								
#commentform input 						{ border:1px solid #BABABA; clear:both; display:block; margin: 3px auto; }
#commentform input[type="hidden"]		{ display: none; }

.commentlist li div.avatar	{ width: 40px; height: 40px; } 
.commentlist li h5			{ display: inline; }
.commentContent				{ clear: both; }
	
p.commentsNumber			{ margin:0 83px 5px 0; text-align:right;}
	
.commentsWrapper							{ float:right; margin:0 10px; padding:0 10px; width:95%; }
#commentLocker								{ margin:0 auto 40px; width: 890px; clear:both; font-size:0.92em; font-weight:normal; height:167px; letter-spacing:0.3px; overflow:hidden; border:1px solid #03496A; }
#commentsLinks								{ float: left; width: 140px; height: 140px; border-right:1px solid #03496A;}
#commentsBox								{ height: 167px; background: #39AFB7; overflow-y: scroll; overflow-x: hidden;}	
.commentlist li .avatar						{ display:none; /*float: left; background:#39AFB7 none repeat scroll 0 0; border:1px solid #03496A;*/  }
.commentlist li .commentsHolder, ol.commentlist li div.commentsHolder			{ float: left; }

#commentsLinks ul li a						{  }	
#commentsLinks ul li a:hover				{  }
.even, .alt									{ border: 0px solid;} 
.alt										{ background: #e1e1e1; }


#commentsLinks ul							{ width: 100%; display: block; }
#commentsLinks ul li						{ text-align: center; height: 20px; margin: 20px 0; font-weight:bold; text-transform: uppercase;  }
	
h3#comments					{ padding:}
	
	
/* */
div.breadcrumb				{ margin: 10px 0 0 40px;  } 
div.breadcrumb a			{ color: #b7d2d1; font-size:1.1em; letter-spacing:1.2px; }

.postmetadata					{ text-align: left; -moz-border-radius:3px; -webkit-border-radius:3px; /*#39AFB7*/ background:#A0D4D1 none repeat scroll 0 0; /* #03496A */ border:1px solid #8ABFBC;clear:both; margin:10px 40px 20px; padding:5px;}
.navigation, .navigation-search	{ overflow:hidden; background:#39AFB7 none repeat scroll 0 0; clear:both; height:20px; margin:10px 0 0 9px; padding:3px 0 0 0; text-align:right; width:955px; }
.navigation-search { width: 652px; }
.postmetadata a					{ font-family:helvetica; font-size:0.85em; font-weight:bold; }

.wp-caption						{ background:#39AFB7 none repeat scroll 0 0; border:1px solid #03496A; }
.post .wp-caption img			{ border:1px solid #03496A; }

.post img						{ border:0px; padding: 2px; margin: 10px auto; display:block; } 

#contentPad						{ overflow:hidden; padding:0 50px; }

#archivesNav					{ text-transform:capitalize; padding:10px 0 0; width: 220px; float: left; display: inline; border-right:1px solid #39AFB7;}
#archivesNav h1.menuTitle		{ font-size:1.3em; height:40px; margin:0; padding:20px 0 0; text-align:left; }
#archivesNav ul li				{ margin: 0px 0 2px 0; }


#archivesList					{ padding:10px 0 0; width: 620px; float: right; display: inline; }
#archivesList h1				{ text-align: left; margin: 10px 0 6px 30px; }
#archivesList h1.pagetitle		{ background:#A0D4D1 none repeat scroll 0 0; border:1px solid #8ABFBC; height:40px; margin:-12px 0 0 11px; padding:20px 0 0; text-align:center; }

#archivesList .date				{ text-align: left; margin: 0px 0 6px 30px; }
#archivesList .entry			{ margin: 0 0 0 20px; }
#archivesList .postmetadata		{ margin: 10px 10px 20px 50px; }
#archivesList img				{ width:200px; margin: 10px 30px; float: right; }
#archivesList .post				{ margin: 0 0 10px 0; background:transparent url(style/images/post_divide.jpg) no-repeat scroll -93px 20px;}

/* FORMS */
.entry form 				{ text-align:left; }
#content div.wpcf7			{ border: 1px solid #8ABFBC; background: #A0D4D1;  float: right; margin:30px 100px 0 0px; padding:20px; }
.wpcf7 form					{}
.wpcf7 form	p				{ text-align: center; }
#content div.wpcf7 select 	{ padding:0 10px; width:290px; }

form#searchform				{ width:190px; margin:0 35px 5px 0; float: right; }

input#searchsubmit			{ background: transparent; border:0 none; cursor: pointer; text-transform: uppercase; font-size:1em; }
input#s						{ border: 1px solid #8ABFBC; background: #A0D4D1;  padding:2px; width:104px; }

div.more-link				{ text-align: right; }

.textwidget	a img			{ margin: 4px 0; border: 1px solid #cccccc; }

.textwidget	a:hover img 	{ border: 1px solid #aaa;}

.textwidget	a				{ }
.textwidget	a:hover			{ }

/* Plugins */
div.postmetadata ul.addtoany_list			{ position:relative; top:-48px; float: right; }

a.page {padding: 0 4px;}
span.pages {padding: 0 10px 0 0;}
.wp-pagenavi {padding-right: 10px;}