/*
Theme Name: Mayhill Fowler
Description: Custom Theme For Mayhill Fowler
Author: FLDtrace
Author URI: http://www.fldtrace.com/
*/

@import url(css/holly-hack-floats.css);
@import url(css/wp.css);

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*GENERAL STYLE*/

html,body {
	height:100%; 
}

/*----------------LAYOUT STYLE----------------*/
body {text-align:center; font-family: Arial, Helvetica, sans-serif; background:#fff; font-size:70%} /*em size for font is the same as in px */

#wrapper {
position: relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:880px;
height:auto !important; /* real browsers */
height:100%; /*ie 6,7*/
background:#fff;
text-align:left;
}

	/*home layout*/
	#container {width:715px; margin: 82px auto}
		#header {float:left; width:715px; margin: 0 0 16px}	
			#socials {float:left; width:124px; margin: 0 0 0 9px; display:inline}
			#nav {float:left; width:368px; display:inline }
				body.home #nav {margin:3px 0 0 214px}		
		#content {float:left; width:715px;}
	/*subpages layout*/
	#header-bg {float:left; width:880px; height:134px; background:url(i/header-bg.jpg) no-repeat}
	#container-sub {float:left; width:797px; padding:0 43px 0 40px; background:url(i/container-sub-bg.jpg) repeat-y}
		#header-sub {float:left; width:797px;}
			/*nav - same like home layout*/
			#logo {float:left; width:275px; display:inline; margin: 0 0 0 154px}
		#content-sub {float:left; width:797px; margin:22px 0}
			#left-sidebar {float:left; width:138px}
			#text-area {margin: 0 26px 0 12px; display:inline;}
				#text-area, #text-area-middle-bg, #text-area-bt-bg, #text-area-up {float:left; width:436px;}
					#text-area-top-bg {background:url(i/sub-content-top.png) no-repeat 0 0; height:9px}
					#text-area-middle-bg {background:#fff; padding:14px 18px 14px 18px; width:400px}
				/*	#text-area-middle-bg h1.sIFR-replaced {height:24px;} */
					#text-area-bt-bg {height:12px; background:url(i/sub-content-bottom.png) no-repeat 0 0}
			#right-sidebar {float:left; width:185px}		
				.sidebar {margin: 0 0 24px}
						.sidebar, .sidebar-middle-bg, .sidebar-bt-bg, .sidebar-up {float:left; width:185px}
						.sidebar-top-bg {background:url(i/sidebar-top-bg.png) no-repeat 0 0; height:9px}
						.sidebar-middle-bg {background:#fff; padding:13px; width:159px}
						.sidebar-bt-bg {height:12px; background:url(i/sidebar-bottom-bg.png) no-repeat 0 0}			
	#footer-sub {float:left; width:880px; height:17px; background:url(i/footer-sub-bg.jpg) no-repeat}

/*----elements style---*/
#image-left-sidebar {margin: 0 0 14px}
#text-left-sidebar {margin: 0 0 28px 8px}
#right-sidebar ul {margin: 0 0 14px}

	/*comments*/
	h3#respond {margin:30px 0 0 0}
	
	ol.commentlist {list-style-type:none; width:367px; margin: 0 0 30px}
		#container-sub ol.commentlist li {background:#ece7e3; border:1px solid #c9c4c0; margin: 10px 0px; padding:5px; list-style-type:none}
	div.commentmetadata {background: /*url(i/comments-arrow.png) 36px 33px no-repeat*/ #f3efed; padding:30px 0px;}
	div#content ol.commentlist p {letter-spacing:0em; line-height:1.3em; margin: 10px 0 10px 0}
	.gravavatar_holder {float:left; margin: -24px 10px 0 -30px}
		.gravavatar_holder img {border:2px solid #fff}
			
		/*comment form*/
		form#commentform {padding:3px; background-color:#ece7e3;  border:1px solid #c9c4c0; margin: 10px 0px; width:390px; padding:5px}
			form#commentform p {font-weight:bold}	
			form#commentform textarea {width:367px; height:195px;}		
			form#commentform input#submit {padding:5px 0; background:#9f5150; color:#edebe6; font-weight:bold}			
			form#commentform input, form#commentform textarea {padding: 5px; color:#080401; padding: 3px 5px; color:#080401; border:1px solid #c0d1aa}
			form#commentform textarea:hover, form#commentform input:hover, form#commentform textarea:focus, form#commentform input:focus {background:#fff; border:1px solid #5b4141}
			
		/*blog*/
		.post_entry {margin: 0 0 40px}		

/*----------------TEXT STYLE----------------*/

p, #container-sub li {font-size:1.1em}
	#container-sub li {list-style: inside disc }
#text-area p {margin: 0 0 14px} 

h1 {font-size:1.4em; height:50px; padding: 14px 0 0 14px; background:url(i/heading1-bg.png) repeat-x}	
h2 {font-size: 1.2em; height:29px; padding: 10px 0 0 8px; margin: 0 0 14px; background:url(i/heading2-bg.png) repeat-x;}
h3 {font-size: 1.2em; color: #8b2b2b; margin: 0 0 14px;}

.pagination {font-size:1.2em; background:#f1ece9; padding:5px 14px}	

/*----------------LINKS STYLE----------------*/

a {color:#8b2b2b; text-decoration:none}
a:hover, a:focus {color:#1c0c0c; text-decoration:underline}

span.invisible {position:absolute; text-indent:-9999px}
/*socials*/
#socials li {display:inline}
	#socials li a {float:left; height:24px; background:url(i/socials.png); background-repeat:no-repeat}	
		li#youtube a {width:28px; background-position: 0 0}
		li#facebook a {width:33px; background-position: -28px 0}
		li#twitter a {width:34px; background-position: -61px 0}
		li#rss a {width:28px; background-position: -98px 0}
		
		li#youtube a:hover, li#youtube a:focus {background-position: 0 -24px}
		li#facebook a:hover, li#facebook a:focus {background-position: -28px -24px}
		li#twitter a:hover, li#twitter a:focus {background-position: -61px -24px}
		li#rss a:hover, li#rss a:focus {background-position: -98px -24px}
/*nav*/
#nav li {display:inline}
	#nav a {float:left; height:22px; background:url(i/nav.png); background-repeat:no-repeat}
		li#contact a {width:55px; background-position: 0 0}
		li#about a {width:60px; background-position: -55px 0}
		li#video a {width:55px; background-position: -115px 0}
		li#natteringon a {width:110px; background-position: -170px 0}
		li#dailygibs a {width:110px; background-position: -170px 0}
		li#blog a {width:47px; background-position: -280px 0}
		li#book a {width:41px; background-position: -327px 0}
				
		li#contact a:hover, li#contact a:focus, li#contact.current a {background-position: 0 -22px}
		li#about a:hover, li#about a:focus, li#about.current a {background-position: -55px -22px}
		li#video a:hover, li#video a:focus, li#video.current a {background-position: -115px -22px}
		li#dailygibs a:hover, li#dailygibs a:focus, li#dailygibs.current a {background-position: -170px -22px}
			li#natteringon a:hover, li#natteringon a:focus, li#natteringon.current a {background-position: -170px -22px}
		li#blog a:hover, li#blog a:focus, li#blog.current a {background-position: -280px -22px}
		li#book a:hover, li#book a:focus, li#book.current a {background-position: -327px -22px}

#credits {float:left; width:100%; height:17px; margin: 30px auto 20px auto}