/*
Theme Name: PlumTree
Theme URI: http://martythornley.com
Description: Custom theme for Plum Tree Studios
Version: 1 (wp 2.9.1)
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 Tech Support and Feedback:
http://getsatisfaction.com/martythornley/products

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

/* 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:#D0D0D0; 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: #848559; text-decoration: none; outline: none;}
a:hover 					{ color: #BCBD88; text-decoration: underline; }

#topMenu ul#nav li a		{ color:#D0D0D0; font-size:1.25em; text-align:center; text-transform:uppercase; }
#topMenu ul#nav li ul a		{ font-size: 1em; text-transform: capitalize; }

/* PAGE WIDTH  */

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

/* BACKGROUND IMAGES */

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

#page 						{ background: transparent;}
#header 					{ background: transparent; position: relative; }
#content, .contentBG		{ background: #101010 url('style/images/bg_content.jpg') repeat-y top center; border: 1px solid #434343;}
#sidebar 					{ background: transparent url('style/images/bg_sidebar.jpg') no-repeat top center; }
#footer 					{ background: transparent; }


#logoHeader					{ width: 100%; height: 100%; }

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

body 			{ margin:0; padding:0; }

#page 			{ padding: 0; text-align: left;  margin: 0 auto; height:auto !important; clear:both; }
#header 		{ padding:0; height:345px; overflow:visible; z-index:3;}
#content 		{ min-height:400px; padding:0px 50px 40px; height:auto !important; clear:both;}

body.page #content { padding-right: 24px; }

#sidebar 		{ width : 256px; float: right; display: inline; margin: 40px 0 0 0;}
#footer 		{ clear:both; margin:0px auto; padding:0; }

#footer p.design	{ clear:both; display:block; font-size:0.9em; margin:10px auto 20px; padding:0; }

#contentPage		{ width: 600px; float: left; display: inline; }

.linkCategory		{ background:#121212 none repeat scroll 0 0; border:1px solid #303030; display:inline; float:left; margin:20px 10px; padding:10px; width:250px; }

.linkCategory h2	{ margin: 4px 0; }


/********* 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:16px; padding:12px 5px;text-decoration:none; }
ul#nav li ul li a	{ padding:2px 6px 5px; height: auto; }

ul#nav li ul		{ border-top:1px solid #9a9a9a; 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.over ul, ul#nav li.sfhover ul { display: block; overflow: visible; z-index:99; left: auto;}

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;
}

ul#nav li ul, ul#nav li ul li							{ width:133px; }
ul#nav li.categories ul, ul#nav li.categories ul li 	{ width:170px; }
ul#nav li.archives ul, ul#nav li.archives ul li 		{ width:150px; }
ul#nav li.page_item ul, ul#nav li.page_item ul li 		{ width:160px; }

ul#nav li.categories ul li ul.children					{ left: 169px; }
ul#nav li.archives ul li ul.children					{ left: 149px; }
ul#nav li.page_item ul li ul.children					{ left: 169px; }

ul#nav li ul li ul.children		{ border-top:1px solid #9A9A9A; border-left:1px solid #1a1a1a; display:block; font-size:1em; left:132px; position:absolute; top:-1px;}
ul#nav li ul li					{ padding: 0;background:#101010 none repeat scroll 0 0; border-bottom:1px solid #9a9a9a; border-left:1px solid #9a9a9a; border-right:1px solid #9a9a9a; overflow:hidden;  }
ul#nav li ul li:hover, ul#nav li ul li.sfhover			{ overflow: visible; background: #303030; }
ul#nav li ul li ul.children	li	{ background: #101010;}
ul#nav li ul li	ul				{ clear: both; border:1px solid #1a1a1a; position: relative;}

.sf-menu li:hover 				{ visibility: inherit; /* fixes IE7 'sticky bug' */ }			

/* 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		{ position: relative; width: 100%; float: left; height: 40px;  z-index: 2;}

.date			{ text-align: center; width: 100%; 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; }
p.readMore 				{ text-align:right; }

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

.contentBG		{ background: #101010 url('style/images/bg_content.jpg') repeat-y top center; border:1px solid #1A1A1A;}

/* Header Area */

#subscribe			{ height: 40px;}
#social				{ height: 40px; background: transparent url('style/images/bg_social.png') no-repeat 0 0; }
/*
#logoTop			{ background:transparent url(style/images/Logo_White.png) no-repeat scroll 0 0; float:right; height:62px; position:absolute; right:-255px; top:336px; width:553px; z-index:999; }
*/
a.blockLink			{ display: block; width: 100%; height: 100%; }
#logoTop			{ background:transparent url(style/images/buttonLogo.png) no-repeat scroll 0 0; float:right; height:62px; position:absolute; right:0px; top:336px; width:309px; z-index:999; }

#logoTop a			{ z-index: 999999; }

ul#socialLinks					{ display:inline; float:left; font-size:1.2em; text-transform:uppercase; height:28px; margin:11px 0 0 34px; padding:0; width:224px; position:relative; }

ul#socialLinks li				{ display:inline; float:left;position:relative; }
ul#socialLinks li span 		{ display:inline; float:right; height:22px; position:absolute; top:-1px; width:34px; }



ul#socialLinks li#facebook	{ margin:0 27px 0 0; width:95px;}
ul#socialLinks li#twitter	{}

ul#socialLinks li#facebook span		{ background:transparent url(style/images/bg_social.png) no-repeat scroll -26px -4px; right:-31px; }
ul#socialLinks li#twitter  span		{ background:transparent url(style/images/bg_social.png) no-repeat scroll -2px -4px; width: 24px; right:-25px;}

ul#subscribeLinks				{ display:inline; float:left; font-size:1.2em; text-transform:uppercase; height:25px; margin:11px 0 0; padding:0; width:189px; position:relative;  }

ul#subscribeLinks span		{ display:block; height:34px; width: 34px; }	

ul#subscribeLinks li			{ display:inline; float:left; }
ul#subscribeLinks li#rss span		{ background:transparent url(style/images/bg_subscribe.png) no-repeat scroll 4px -3px; width: 34px; }
ul#subscribeLinks li#email span		{ background:transparent url(style/images/bg_subscribe.png) no-repeat scroll -28px -3px;width: 34px;  }
ul#subscribeLinks li#subscribeTitle { width:79px; }

.headerArea		{ border: 1px solid #434343;}

#titleHeader	{  }
#logoHeader		{ height:308px;}
#galleryHeader	{ height: 308px; }

#headerBottom	{ background: #191919; height:5px; margin:0 auto; width:950px; border-bottom: 1px solid #434343; border-left:1px solid #434343; border-right:1px solid #434343; clear:both; position: relative; }
#contentTop		{ background: #191919; height:5px; margin:0 auto; width:950px; border-top: 1px solid #434343; border-left:1px solid #434343; border-right:1px solid #434343; clear:both; }


/* */

h1				{ font-weight:normal; letter-spacing:2px; margin: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; }

body.archive #content h1	{ font-size: 1.8em; text-align: left; }
body.archive .date			{ text-align: left; }
body.archive #content h1 a	{ text-decoration:underline; }
body.archive .entry 		{ margin:10px 0 0; }

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

#sidebar h2										{}
.aboutPage		{ text-align: left; }

#sidebar h2.widgettitle							{ margin: 5px 0 10px; text-align: left; text-transfrom: uppercase; }
#sidebar .textwidget input						{ margin: 10px 0; }
#sidebar .textwidget input[type="image"]		{}

h3				{ text-align:left; font-weight:normal; font-size:1em; margin:10px 0 0;}
h3.pagetitle	{ border-bottom:1px solid; font-size:1.4em; font-weight:normal; margin:40px 0; text-align:left; }

#sidebar h4		{ border-bottom:1px solid #404040; border-top:1px solid #404040; margin:20px 0 10px; }

.entry 			{ margin:30px 0 0; }

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

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

.post img, #sidebar img				{ border:1px solid #8a8a8a; padding: 2px; margin: 10px; max-width:892px; } 
.post img.aligncenter, #sidebar img.aligncenter	{ margin-left: auto; margin-right: auto; }
.post img.alignright	{}
.post img.aligleft		{}


.description		{ margin:0 50px 40px; text-align:left; }
#logo-image			{ width:970px; height:280px; margin:14px auto; overflow:hidden; display: block; }
#logo-image a		{ display: block; width: 100%; text-align: center; }
#logo-image a img	{}


.entry li 			{ list-style-type:disc; margin:13px 40px 13px 20px; padding:0 0 0 10px; }

.entry ul 			{ text-indent: 0px; margin:0 0 25px; }

/* 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; }
	
/* POSTS / The LOOP */

.post						{ overflow:hidden; }

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; background:#1a1a1a none repeat scroll 0 0; border:1px solid #434343;clear:both; margin:10px 10px 20px 0; padding:5px;}
.navigation						{ clear:both; display:block; height:40px; margin:10px 0; width:100%; }

.postmetadata a					{ font-family:helvetica; font-size:0.85em; font-weight:bold; }

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

.postDivide						{ height: 70px; width: 100px; margin: 40px auto 10px; clear: both; background:transparent url(style/images/bg_postDivide.jpg) no-repeat scroll center top; }

/* FORMS */
.entry form 				{ text-align:left; }

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

input#searchsubmit			{ background: transparent; border:0 none; cursor: pointer;  color: #D0D0D0; text-transform: uppercase; font-size:1em; }
input#s						{ border:1px solid #9A9A9A; 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			{ }

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

/* SIDEBAR OPTION
#sidebar { background:#090909 none repeat scroll 0 0;
border:1px solid #303030;
display:inline;
float:right;
margin:50px 0 0;
padding:20px 10px;
width:237px; }

*/