/* 
Theme Name: Four 
Theme URI: http://www.0h-gee.net 
Description: 2/3 Column Layout 
Author: Katie Marsh 
Author URI: http://www.0h-gee.net 
Version: 4 . Copyright to Katie Marsh 
. */

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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;
font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,
q:before, q:after { content: ''; }

/* remember to define focus styles! */ :focus { outline: 0; }

/* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }


/* --------------------------------------------------- MAIN */ body { background: url("/images/layout4.png") no-repeat fixed #fef3dd; font-size: 62.5%; font-family: Georgia, Arial, Helvetica,
sans-serif; }

strong {font-weight: bold; color: #74c6f1;}

em {font-style: italic; color: #74c6f1;}



#overlay { background: black; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; opacity: 0; display: none; }

.overlayActive { z-index: 99; opacity: 0; position: absolute !important; }

#tutorial { position: absolute; top: -20px; left: 20px; width: 200px; padding: 8px; background: black; border: 2px solid #111; border-top: 0; color: white; font-size: 1em; text-align: center;
padding-top: 28px; cursor: pointer; } #welcome { position: fixed; width: 360px; height: 280px; position: absolute; top: 50%; left: 50%; margin-left: -200px; margin-top: -150px; background: #f3f3f3;
padding: 10px 20px; color: #4ECDC4; z-index: 100; }

#welcome h1 { margin: 0; font-size: 2.5em; float: none; } #welcome p { font-size: 1.2em; line-height: 1.3em; margin-bottom: 1em; } #welcome p.start { text-align: right; }

#container { margin: 0px auto; width: 740px; background: #fff; } #home #container { background: #fff); }

a { text-decoration: none; color: #ec1559; } a:hover { text-decoration: underline; }

#header { position: relative; height: 5px; background: #74c6f1; border-bottom: 1px solid #74c6f1; font-family: Arial, Helvetica, sans-serif; } h1 { color: #000; font-size: 31px; font-weight: bold;
text-transform: lowercase; line-height: 50px; float: left; letter-spacing: -1px; margin-left: 20px; font-family: 'Georgia', Arial, Helvetica; } h1 a { color: #000; } h1 a:hover { text-decoration:
none; color: #000; } div.subtitle { line-height: 50px; font-size: 1.2em; color: #74c6f1; margin-left: 1em; float: left; text-transform: lowercase; }

#header ul { position: absolute; top: 11px; right: 16px; } #header ul li { float: left; margin-left: 20px; text-transform: lowercase;} #header ul li a { background-repeat: no-repeat; height: 11px;
padding: 17px 0 0 37px; display: block; } #header ul li a strong { display: none; }

#menu { border-top: 2px solid #74c6f1; background: #ec1559; height: 50px; position: relative; }

#footer { border-top: 2px solid #ec1559; background: #74c6f1; height: 50px; position: relative; }

#menu { font-weight: normal; text-transform: lowercase; font-size: 25px; font-family: 'Georgia', Arial, Helvetica; text-align:center; } #menu ul { margin-left: 10px; padding: 0 10px; position:
relative; float: left; line-height: 50px; } #menu ul li { float: left; } #menu ul li a { color: white; outline: none; text-align: center; display: block; overflow: hidden; float: left; z-index: 10;
padding: 0 10px; position: relative; } /* relative breaks ie */ #menu ul li a:hover { text-decoration: none; } #menu ul li.back { background: #ffc9da; right: -30px; width: 40px; height: 28px;
position: absolute; z-index: 8; top: 11px; }

#post_data { width: 120px; float: left; padding-left: 7px; } #post_data div { background: #74c6f1 left top; margin-top: 1.5em; } #post_data div ul { background: #fef3dd repeat left bottom; padding:
6px 6px; font-size: 1.1em; } #post_data h2 { padding: 6px 6px; color: #fff; font-size: 18px; margin: 0; height: auto; line-height: 1em; margin-right: -3px; font-family: 'Georgia'; }

#post_data div.post_data li { padding-left: 20px; height: 22px; line-height: 22px; border-bottom: 1px solid #ec1559; background: url("img/post_details.gif") no-repeat; color: #57504e; overflow:
hidden; font-size: 0.9em;  } #post_data div.post_data li.time { background-position: 0 -20px; } #post_data div.post_data li.author { border-bottom: 0; background-position: 0 -45px; } #post_data
div.post_data li strong, #post_data div.post_data li a { color: #57504e; font-weight: normal; }

#post_data div.post_tags li { height: 22px; line-height: 22px; border-bottom: 1px solid #57504e; } #post_data div.post_tags li a { color: #000; display: block; }

#post_data div.post_cats li { height: 22px; line-height: 22px; border-bottom: 1px solid #57504e; } #post_data div.post_cats li a { color: #000; display: block; }

#content { width: 423px; _width: 423px; padding: 10px 10px 10px 10px; color: #000; font-size: 12px; line-height: 1.1em; float: left; display: inline; } #home #content { width: 550px; padding: 10px;
_padding: 10px; }

.sidebar { font-size: 11px; line-height: 15px; float: left; width: 160px; position: relative; display: inline; background: #fff; }

.sidebar li { margin-bottom: 1px; position: relative; }

.sidebar, { ?padding-top: 5px; }

/* Widgets */ .sidebar .widget { background: #74c6f1; margin: 14px 0px 0px -6px; width: 170px; position: relative; border-bottom: 1px solid #ec1559; } .sidebar .widget ul, .sidebar .widget
div.textwidget, #calendar_wrap { background: #fef3dd; font-size: 11px; padding: 5px 0px 5px 0px; } .sidebar .widget a { color: #ec1559; float: left; text-align: left; _height: 5px; } .sidebar .widget
a:hover { text-decoration: none; color: #ec1559; } .sidebar .widget a:hover span { text-decoration: bold; } .sidebar .widget small { float: right; color: #000; } .sidebar .widget h2 small { float:
left; } .sidebar .widget ul li { margin: 0; padding-left: 2px; line-height: 15px; color: #000; text-align: right; } .sidebar .widget ul li:after { content: "."; clear: both; display: block;
visibility: hidden; height: 0; width: 0; } .sidebar .widget div.textwidget { color: #000; }


.sidebar .widget_archive ul { font-size: 11px; }

.sidebar .widget_rss ul { padding-top: .5em; } .sidebar .widget_rss ul li { height: auto; background-position: 0px 10px; text-align: left; font-size: .8em; line-height: 1.3em; padding: 8px 0 8px 16px;
color: #000; } .sidebar .widget_rss h2 img { vertical-align: top; position: relative; top: 1.5px; margin-right: 4px; } .sidebar .widget_rss h2 a { color: #000; } .sidebar .widget_rss a { float: none;
} .sidebar .widget_rss cite { display: block; text-align: right; }

.sidebar .widget_recent_comments a { float: none; } .sidebar .widget_recent_comments ul li { text-align: left; color: #000; }

.sidebar .widget_recent_entries ul li { text-align: left; }

#calendar { ?margin-top: -24px; } #calendar h2 { ?display: none; } #calendar_wrap { font-size: 12px; } #calendar_wrap table { width: 100%; } .sidebar .widget_calendar caption { position: absolute;
left: 18px; top: -26px; line-height: 17px; height: 17px; padding: 0 7px 0 6px; font-size: .8em; text-transform: lowercase; color: #fff; background: transparent repeat right top; } .sidebar
.widget_calendar td, .sidebar .widget_calendar th { width: 28px; height: 24px; text-align: center; line-height: 24px; color: #fff; 1px solid; padding: 2px 0; } .sidebar .widget_calendar tbody a {
float: none; background: #fff no-repeat; display: block; width: 28px; height: 24px; color: white; } .sidebar .widget_calendar thead { color: #300f04; font-style: italic; text-transform: lowercase; }
.sidebar .widget_calendar th { font-weight: normal; border: 0; } .sidebar .widget_calendar tfoot a { color: #57504e; float: none; font-size: .85em; } .sidebar .widget_calendar #prev { text-align:
left; } .sidebar .widget_calendar #next { text-align: right; }

.sidebar .widget_tag_cloud { padding: 16px 16px 32px 16px; width: 170px; line-height: normal; } .sidebar .widget_tag_cloud a { margin-right: .5em; font-style: italic; float: none; vertical-align:
middle; }

.sidebar .widget_search { display: none; } /* Sorry, no search in the sidebar! */

#footer { font-size: 1.5em; color: #fef3dd; padding: 0 20px; clear: both; line-height: 50px; }

#footer a { color: #fff; } #footer p.rss { position: absolute; top: 0; right: 16px; } #footer p.rss a { color: #300f04; padding-right: 24px; background: url("img/rss_small.gif") top right no-repeat; }

h2 { height: 20px; line-height: 23px; font-weight: normal; margin-bottom: 1px; font-size: 18px; text-transform: lowercase; font-family: 'Georgia'; padding: 3px 3px; } h2 span { background: none;
padding: 0 3px 0 5px; float: left; color: #fff; } h2 small { float: left; padding-left: 8px; color: #365a75; display: block; height: 17px; }

h2.links span { color: #ec1559; } h2.links a { color: #ec1559; }

h3 { margin-bottom: 5px; line-height: 3em; } h3 a { color: #332b17; display: block; font-weight: normal; font-size: 2.2em; letter-spacing: -.5px; font-family: 'QuicksandLight'; border-bottom: 2px
solid #fef3dd; } h3 small { float: right; font-size: .4em; color: #000000; line-height: 2.2em; background: url("img/comment.gif") no-repeat left center; padding-left: 20px; ?margin-top: -2em; }

h3 a:hover { text-decoration: none; } h3 a:hover span { font-style: italics; }

div.post { border-bottom: 3px solid #74c6f1; padding-bottom: 1px; margin-bottom: 1px; }

div.post h3 { position: relative; } div.post h3 small { position: absolute; top: 0; right: 0; }

div.post div.headline { position: relative; line-height: 1em;} div.post div.headline span, div.post div.date span { text-align: center; text-transform: uppercase; width: 44px; height: 30px; position:
absolute; top: 5px; left: 10px; color: #33190f; font-size: 1.3em; font-family: Georgia; padding-top: 5px; line-height: 1em; } div.post div.headline span big, div.post div.date span big { font-size:
1.3em; display: block; ?margin-top: -.1em; } div.post div.date span { position: static; float: left; margin: 0 .3em .3em 0; }

div.post p { margin-bottom: 13px; font-size: 12px; line-height: 1.02em; } div.post ul, div.post ol { margin-bottom: 1em; font-size: 1.175em; line-height: 29px; background: #74c6f1; } div.post ul li {
padding-left: 5px; } div.post ol li { list-style: decimal inside; padding-left: 5px; }

div.post blockquote { color: #000; font-style: italic; background: #ec1559; padding-left: 60px; margin-bottom: 1em; min-height: 25px; }

div.twitter_div { color: #000;

ul.nav { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #000; letter-spacing: -.5px; font-size: 1.15em; height: 1em; } ul.nav .prev { float: left; }
ul.nav .next { float: right; } ul.nav a { color: #000; }

#comments { margin-top: 2px; clear: both; padding-top: 1em; }

#comments .meta { background: #fef3dd; padding: 10px; margin-bottom: 10px; } 
#comments .meta p { color: #000; font-size: 1.15em; text-transform: lowercase;  } 
#comments .meta p.rss { float: right; font-size: .95em; text-transform: none; } 
#comments .meta p.rss a { color: #000; padding-left: 22px; background: url("img/rss_small.gif") no-repeat; display: block; height: 16px; line-height: 16px; }
#comments .meta p strong { color: #000; }

#comments ul.nav { margin-bottom: 1em; }

#respond { background: #fef3dd; padding: 20px 20px 40px 20px; color: #000; font-size: .95em; text-transform: lowercase; position: relative; } #respond h3 { font-size: 20px; line-height: 1em; color:
#33190f; text-transform: lowercase; font-weight: normal; margin-bottom: .5em; font-family: 'Georgia'; } #respond h3 a { font-size: 1em; display: inline; letter-spacing: normal; }

#respond .cancel-comment-reply { position: absolute; right: 6px; background: none; top: 6px; } #respond .cancel-comment-reply a { color: #000; font-weight: bold; }

#respond div.row { min-height: 28px; _height: 28px; margin-bottom: .75em; clear: both; display: block; }

#respond label { float: left; width: 40px; text-align: right; margin-right: 10px; height: 28px; line-height: 28px; _font-size: 0.9em; _margin-top: -28px; } #respond input { float: right; } #respond
textarea, #respond input { padding: 2px 4px; width: 340px; border: 0; background: #74c6f1; height: 20px; font-size: 1.4em; color: #000; font-family: Georgia, Arial, Helvetica, sans-serif; } #respond
textarea { height: 90px; padding: 2px 1%; width: 98%; float: none; }

#respond a { color: #ec1559; font-weight: bold; }

#respond p.logged_as { margin-bottom: .5em; font-size: 1.1em; }

#respond p.req { color: #000; float: right; line-height: 28px; height: 28px; } #respond div.submit { text-align: right; } #respond #submit { float: right; margin-left: 1em; display: block; }

#respond button { background: url("img/send.png") no-repeat; width: 60px; height: 50px; border: 0; text-indent: -10000px; vertical-align: middle; cursor: pointer; }

ol.commentlist { margin-bottom: 2px; } 
ol.commentlist li div { background: #fef3dd; padding: 10px; margin-left: 60px; position: relative; margin-bottom: 1em; } 
ol.commentlist li div div { padding: 10px; margin-bottom: 10px; } 
ol.commentlist li .comment-author img { border: 2px #33190f; position: absolute; top: -10px; left: -70px; } 
ol.commentlist li.comment-author-admin div { background: #fef3dd; margin: 2px; } 
ol.commentlist li.comment-author-admin .comment-author img { border: 1px solid #ec1559; } 
ol.commentlist li.comment-author-admin li.comment div { background: #fef3dd; padding: 5px; margin: 5px; } 
ol.commentlist li.comment-author-admin li.comment .comment-author img { border: 1px solid #74c6f1; } 
ol.commentlist li.comment-author-admin li.comment-author div { background: #fef3dd; padding: 5px; } 
ol.commentlist li.comment-author-admin li.comment-author .comment-author img { border: 2px solid #ec1559; } 
ol.commentlist li .comment-author cite { font-size: 20px; line-height: 1.1em; padding: 5px; color: #000; font-style: normal; text-transform: lowercase; font-family: 'Georgia';} 
ol.commentlist li .comment-author cite a { color: #000; } 
ol.commentlist li .comment-author span.says { display: none; }

ol.commentlist li .comment-meta { margin: 5 5 5 5px; font-size: .85em; } 
ol.commentlist li .comment-meta a { color: #74c6f1; }

ol.commentlist li em { position: absolute; margin-bottom: 1em; top: 10px; right: 10px; color: #000; font-size: .9em; text-transform: lowercase; }

ol.commentlist li p { margin-bottom: 1em; font-size: 1.1em; line-height: 1.25em; } 
ol.commentlist li p em { position: static; color: inherit; font-size: 1em; text-transform: none; } 
ol.commentlist li p a { color: #74c6f1; }

ol.commentlist li div.reply { text-align: right; }
ol.commentlist li div.reply a { color: #000; font-weight: bold; }

ol.commentlist li ul.children { margin-left: 60px; }


.search h2 { font-size: 3em; color: #000; line-height: 1em; height: 1em; padding: 0 8px; margin-bottom: .5em; } .search h2 strong { color: #ec1559; font-weight: normal; }

.search ul.nav { margin: 2em 0; }

#recent { background: #fef3dd; margin-left: -17px; padding-left: 20px; margin-top: 1em; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px; } #recent li { clear: both; } #recent li a { display: block; line-height: 1.7em; padding: 7px 10px; border-bottom: #ec1559 1px solid; clear: both; } #recent li
a:hover { text-decoration: none; } #recent li a:after { clear: both; content: "."; display: block; width: 0; height: 0; visibility: hidden; } #recent strong { float: left; color: #000; font-weight:
normal; font-size: 10px; width: 75%; } #recent span { float: right; color: #000; font-size: .9em; width: 25%; text-align: right; } #recent li a:hover strong { text-decoration: underline; } #recent
li.last a { border: 0; }

#results { padding-top: 17px; background: #74c6f1 200px 0 no-repeat; } #results li { padding: 12px; border-bottom: 1px solid #fef3dd; } #results li strong { font-size: 2em; color: #000; display:
block; line-height: 1em; font-weight: normal; } #results li em { font-style: normal; color: #ec1559; font-size: .85em; } #results li em strong { font-size: 1em; display: inline; font-weight: normal; }

#results li small { float: right; font-size: .95em; color: #000; background: #fff no-repeat left center; padding-left: 20px; margin-top: 6px; }

#results li a:hover { text-decoration: none; color: #000; } #results li a:hover strong { color: #000; }

.search h3 { font-size: 2em; color: #000; padding: 0 8px; line-height: 1em; margin: 0; font-weight: normal; } .search h4 { font-size: 1.2em; color: #000; padding: 0 8px; font-weight: normal; }

h2.special { font-size: 1.7em; height: 57px; line-height: 57px; } h2.special span { padding: 0 12px; text-transform: capitalize; color: #000; } h2.special strong { font-weight: normal; padding: 0
12px; text-transform: capitalize; float: left; color: #000; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin-right: .5em; } .alignright { float: right; margin-left: .5em; } div.post
p.wp-caption-text { margin-top: .5em; background: #fef3dd; padding: 10px; color: #000; font-size: 1em; margin-right: 10px;  }