/*
Theme Name: Mary Hanna - Second Half
Theme URI: http://maryhann.net
Description: Theme for Mary Hanna's blog, Second Half
Version: 1.0
Author: Jennette Fulda
Author URI: http://makemyblogpretty.com/

*/
/* Reset all browser CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}

/*  Hex guides 
Link Blue: #3c6fb1
Yellow bg and text: #fffcad;
*/
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.t5 {padding-top:5px;}
.b5 {margin-bottom:5px;}

.b10 {margin-bottom:10px;}
.t10 {padding-top:10px;}
.r10 {margin-right:10px;}

.b20 {margin-bottom:20px;}
.t20 {margin-top:20px;}
.l20 {margin-left:20px;}
.r20 {margin-right:20px;}

.b30 {margin-bottom:30px;}

.b40 {margin-bottom:40px;}

.p15 {padding:15px;}
.p20 {padding:20px;}

.inverted a {text-decoration:none;}
.inverted a:hover {text-decoration:underline;}

a {color:#3c6fb1;font-weight:bold;text-decoration:none;}
a:hover {color:#666;text-decoration:underline;}

ul.no-dots {list-style:none;}

h2 {color:#666;text-transform:uppercase;font-size:20px;}
h3 {color:#666;font-size:20px;}
strong {font-weight:bold;}
em {font-style:italic;}
p {margin-bottom:15px;}

.highlight {background-color:#fffcad;border: 1px dashed #999;padding:15px;}
.text-right {text-align:right;}
.booktitle {font-size:18px;}
.span180 {width:180px;}

input.search-text, input.search-but {border:solid 1px #dcf1fb;background-color:#f8fafd;font-family:"Trebuchet MS", sans-serif;}
.search-text {height:24px;width:140px;}
.search-but {color:#3c6fb1;padding:1px 3px;text-transform:uppercase;font-size:12px;font-weight:bold;height:28px;}

select {color:#3c6fb1;font-weight:bold;}

body, html {height:100%;font-family:"Trebuchet MS", sans-serif;font-size:16px;line-height:1.4;}
body {background:url('images/site_bg.png') top repeat-x;text-align:center;}

#container {min-height:100%;position:relative;width:960px;margin:0 auto;text-align:left;}
#menu-wrap {padding-top:20px;height:80px;}
#header a {display:block;width:960px;height:130px;background:url('images/header.jpg') no-repeat;}

#content {padding-bottom:102px;background:url('images/dotted_bg.png') repeat-y 620px 0;min-height:600px;}
#col1 {width:620px;float:left;}
#col2 {width:340px;float:left;}

.sidebar {font-size:14px;}
.sidebar ul li {padding:1px 0;}
#rss {font-weight:bold;font-size:18px;}
#rss a {color:#f29709;}

#twitter h2 {background:url('images/twitter_birds.jpg') no-repeat;padding-left:75px;display:block;width:300px;height:43px;}
#twitter ul li {padding-bottom:9px;}

#footer {position:absolute;bottom:0;width:100%;height:102px;background:url('images/footer_bg.jpg') no-repeat;text-align:center;color:#fff;font-weight:bold;font-size:14px;}
#footer-content {padding-top:62px;}
#footer a {color:#fffcad;}

/* Posts styles */
.alignleft {float:left;margin: 0 10px 10px 0;}
.alignleft img {float:left;border:solid 1px #666;margin-top:5px;}

.post-date {font-size:12px;text-transform:uppercase;color:#666;font-weight:bold;}
.post-title {font-size:24px;font-weight:bold;margin-bottom:5px;}

div.navigation {border-top:dashed 1px #666;padding-top:20px;font-size:16px;position:relative;}
div.navigation div.left, div.navigation div.right {width:230px;position:relative;z-index:100;}
div.browse {font-size:12px;color:#666;text-transform:uppercase;padding-top:6px;text-align:center;position:absolute;width:100%;z-index:1;}

h1.pagetitle {text-transform:uppercase;color:#666;padding-bottom:10px;margin-bottom:20px;border-bottom:dashed 1px #666;font-size:24px;}

/* Comments styles */
div.comments {border-top:dashed 1px #666;padding-top:20px;margin-top:20px;}
h2.comments-title {font-size:16px;font-weight:bold;}

ul#comments-list li {padding:20px 0 5px 0;border-bottom:dashed 1px #666;}
div.comment-text {float:left;width:440px;}
div.comment-meta {float:right;width:140px;font-size:14px;color:#666;padding-bottom:20px;}

div#respond small {color:#666;font-size:14px;}
input#author, input#email, input#url {width:250px;font-family:"Trebuchet MS", sans-serif;}
div#respond textarea {width:350px;}
label.comment-label {width:200px;float:left;margin-left:10px;}
textarea {font-family:"Trebuchet MS", sans-serif;}

ol, #col1 ul {margin:0 0 10px 20px;}
ol li, #col1 ul li {padding-bottom:10px;}

/* Menu stuff */
div#menu-wrap {height:80px;}

ul#menu {margin:0;padding:0;list-style:none;float:left;}
ul#menu li {float:left;}
ul#menu li a {display:block;float:left;}

li.menu-item, li.menu-item a {background: url("images/menu.png") no-repeat;}
li.menu-item span {display:none;}

#menu-home a {background-position: 0 0;width:81px;height:61px;}
#menu-about a {background-position: -81px 0;width:130px;height:61px;}
#menu-column a {background-position: -211px 0;width:198px;height:61px;}
#menu-speak a {background-position: -409px 0;width:141px;height:61px;}
#menu-book a {background-position: -550px 0;width:150px;height:61px;}

#menu-home {background-position: 0 -61px;}
#menu-about {background-position: -81px -61px;}
#menu-column {background-position: -211px -61px;}
#menu-speak {background-position: -409px -61px;}
#menu-book {background-position: -550px -61px;}

ul#menu li a:hover {background-image: none;}