/*
Theme Name: Tricia Blog
Theme URI: http://martythornley.com
Description: A basic, bare bones theme starter for simple blog layouts.
Version: 1.1 (wp 2.7.1)
Author: Marty Thornley
Author URI: http://martythornley.com
Tags: basic, simple, clean, blog, one column
*/


/* 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: #999; text-align: left; font-size: 77.5%; font-family: Georgia, Times New Roman, serif; }
h1, h2, h3, h4, h5, h6 							{ font-family: arial,tahoma,verdana,sans-serif; font-weight: bold; clear:both; color: #9966CC; }
small, .postmetadata, #footer					{ font-family: arial,tahoma,verdana,sans-serif; }
ul#nav li a	, input#searchsubmit, #footer h3	{ font-family:"century Gothic",Trebuchet MS,Helvetica,Arial,Sans-serif; text-transform:uppercase; }

/* LINKS */
a, h2 a:hover, h3 a:hover 						{ color: #9966CC; text-decoration: none; cursor: pointer; }
a:hover 										{ color: #147; text-decoration: underline; }
p.design a										{ color: #ffffff; font-family: "century Gothic",Trebuchet MS,Helvetica,Arial,Sans-serif; font-size: .8em;}

#topMenu a, #footer a							{ color: #fff; }
#topMenu a:hover, #footer a:hover				{ color: #D6C1E9; }

/* PAGE WIDTH  */

#page 			{ width: 980px; }

/* BACKGROUND IMAGES */

body 			{ background: transparent url('style/images/bg_body.jpg') repeat top center; }

#page 			{ background: #fff url('style/images/bg_page.jpg') no-repeat top center; }
#header 		{ background: transparent url('style/images/bg_header2.jpg') no-repeat top center; }
#content 		{ background: transparent url('style/images/bg_content.jpg') no-repeat top center; }
#sidebar 		{ background: transparent url('style/images/bg_sidebar.jpg') no-repeat top center; }
#footer 		{ background: transparent url('style/images/bg_footer.jpg') no-repeat top center; }
#topMenu		{ background: #231F20; }

/* STRUCTURE */
#content, #header, #footer	{ clear:both; }

body 			{ padding:20px 0;}

#page 			{ margin: 20px auto; padding: 0; text-align: left;  margin: 0 auto; overflow: hidden; border: 2px solid #000000; -moz-border-radius: 4px; -webkit-border-radius:4px;}
#header 		{ margin: 0px; padding: 0; height: 200px; }
#content 		{ padding: 20px 50px; }
#sidebar 		{ }
#footer 		{ background:#231F20 none repeat scroll 0 0; border-top:2px solid #111111; clear:both; overflow:hidden; padding:20px 0;}


/********* TOP DROP DOWN MENU *******************/

ul#nav						{  list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }

ul#nav li					{ float:left; position:relative; width:100px; background:#231F20 none repeat scroll 0 0;}
ul#nav li.smaller			{ width: 75px; }
ul#nav li.home				{ margin: 0 0 0 31px; }	
ul#nav li > ul 				{ left:auto; top:auto; }

ul#nav li a					{ text-align: center; display:block; padding:11px 15px; text-decoration:none; }
ul#nav li ul				{ display:none; left:auto; position:absolute; top:auto; font-size:0.9em;}
ul#nav li ul li ul.children	{ border-left:1px solid #3A3A3A; display:block; font-size:1em; left:100px; position:absolute; top:0;}
ul#nav li ul li				{ overflow: hidden; }
ul#nav li ul li:hover		{ overflow: visible; background: #1A1416; }
ul#nav li ul li ul.children	li	{background: #1A1416;}
ul#nav li ul li	ul			{ clear: both;}
ul#nav li ul li	a			{ padding: 6px 2px ; text-transform:capitalize;}

/* 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 { display: block; overflow: visible; z-index:99;}

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

#headerLeft		{ width: 100%; height: 100%; float: left; display: inline; } /* Link to home page */
a#homeLink		{ width: 100%; height: 100%; display: block; }

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

#topMenu		{ position: relative; width: 100%; float: left; height:40px;}

.date			{ width: 100%; float: left; clear: both; margin:0 0 20px;}
.postmetadata	{ text-align:left; }

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

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

#welcome		{ background: #D6C1E9; clear:both; height:100px; padding:20px 50px; }
#welcome h2		{ color: #ffffff; text-align: left; padding: 0px; }
#welcome p		{ color: #ffffff; font-size:1.1em; text-align:left; }

h2 				{ padding: 20px 0 0; }
h3#comments		{ font-size: .8em; margin:8px 0; color: #999999; }
h3#comments a	{ }
#footer h3		{ padding: 0; margin: 0; font-weight: normal; }

.commentsWrapper							{ }
#commentLocker								{ clear:both; font-family:arial; font-size:0.92em; font-weight:normal; height:140px; letter-spacing:0.3px; overflow:hidden; border:3px solid #CCCCCC; }
#commentsLinks								{ float: left; width: 140px; height: 140px; border-right:3px solid #CCCCCC;}
#commentsBox								{ height: 140px; background: #cccccc; overflow-y: scroll; overflow-x: hidden;}	
.commentlist li .avatar						{ float: left; background: transprent;  }
.commentlist li .commentsHolder, ol.commentlist li div.commentsHolder			{ float: left; }

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

.commentlist li, ol.commentlist li								{ margin:0; padding:10px 5px 0 15px; display: block; clear: both; overflow:hidden; }

#commentsLinks ul							{ width: 100%; display: block; }
#commentsLinks ul li						{ text-align: center; height: 20px; margin: 20px 0; font-weight:bold; text-transform: uppercase;  }

/* Search Form */

input										{ background: transparent; border: 0px; }
input#s										{ font-size:1.1em; left:12px; position:relative; top:11px; width:120px;  }
input#searchsubmit							{ cursor: pointer; font-size: 1em; color: #ffffff; width: 60px; float: left; display: inline; padding:10px 15px; text-align:center; text-decoration:none; text-transform:uppercase;}
ul#nav li#searchFormLI						{ background:transparent url(style/images/bg_search.jpg) no-repeat scroll right -3px; float:right; height:40px; overflow:hidden; width:240px; }
#searchform									{ margin: 0px; padding: 0px; overflow: hidden; height: 40px; }

/* IMAGES */
p img										{ border: 1px solid #000000; }