/*
Theme Name:Clean Home (feat subscription & archive)
Theme URI:http://midmodesign.com/news/general/our-special-wordpress-theme/
Description:This WordPress theme is one with a minimal, clean looking design and has full CSS widgetization. Special thanks to <a href="http://bryanhelmig.com/">Bryan Helmig</a> of <a href="http://midmodesign.com/">Mid Mo Web Design</a>.
Version:1.2.2
Author:Mid Mo Design
Author URI:http://midmodesign.com/
Tags:white, red, fixed-width, two-columns, right-sidebar

	"Clean Home" by http://midmodesign.com/

	This theme was designed and built by Bryan Helmig
	of Mid Mo Design: http://midmodesign.com/.

	The CSS, XHTML and design is released under the GPL.

*/

body { font-family:Century Gothic, sans-serif; font-size:13px; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.7em; background: #000; color:#fff; background-repeat:no-repeat; background-position: bottom right; }
@media screen and (-webkit-min-device-pixel-ratio:0){
body {background-position:100% 100.5%;}
}
a { text-decoration:none; color:#fff; font-weight:600; }
a:hover { color:#fff; text-decoration:underline; }

span.image { position:absolute; left:0; top:0; display:block; background-position:0 0; background-repeat:no-repeat; }

#header ul.navigation { padding-left:45px; overflow:hidden; }
#header ul.navigation li { float:left; display:block; }
#header ul.navigation a { display:block; position:relative; text-align:right; overflow:hidden; }
#header ul.navigation a.radio { margin:0 55px 0 0; width:114px; height:156px; }
#header ul.navigation a.writing { margin:26px 55px 0 0; width:122px; height:131px; }
#header ul.navigation a.photos { margin:2px 40px 0 0; width:115px; height:154px; }
#header ul.navigation a.inspiration { margin:15px 0 0 0; width:133px; height:141px; }

#header ul.navigation a.radio span.image { background-image:url(images/radio_nav.gif); width:114px; height:156px; }
#header ul.navigation a.writing span.image { background-image:url(images/writing_nav.gif); width:122px; height:131px; }
#header ul.navigation a.photos span.image { background-image:url(images/photos_nav.gif); width:115px; height:154px; }
#header ul.navigation a.inspiration span.image { background-image:url(images/inspiration_nav.gif); width:133px; height:141px; }

#header ul.navigation a.writing:hover span.image { background-position:0 -131px; }
#header ul.navigation a.radio:hover span.image { background-position:0 -156px; }
#header ul.navigation a.photos:hover span.image { background-position:0 -154px; }
#header ul.navigation a.inspiration:hover span.image { background-position:0 -141px; }

body.category-radio { background-image:url("images/radio.gif"); }
body.category-writing { background-image:url("images/writing.gif"); }
body.category-photos { background-image:url("images/photo.gif"); }
body.category-inspiration { background-image:url("images/inspiration.gif"); }


hr { margin-top:35px; border:0; border-top:1px dotted #ccc; width:620px; color:#fff; clear:both; }
#wrapper { width:900px; margin:40px auto;overflow:hidden; }
#header { float:left; width:900px; /* border-bottom:1px dotted #ccc; */ margin:0; }

#logo { float:left; width:190px; height:190px; padding:18px 0 0px 0; overflow:hidden; position:relative; }
#logo span.image { width:190px; height:190px; background-image:url(images/logo.gif); }
#logo a { color:#ba3649; font-size:48px; font-weight:600; text-decoration:none; border-bottom:none; letter-spacing:-4px; background-color:#fff; }
#logo h2 { font-size : 18px; font-weight : 200; padding : 20px 4px 0 0; letter-spacing : -1px; }

#content { z-index:3; position:relative; width:620px; float:right; /* background-color:#fff; opacity:.9; */ color:#000; padding:0 0 30px 0; min-height:420px; overflow:hidden;
-moz-border-radius: 10px; -webkit-border-radius: 10px;  padding: 10px;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.9);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.post { padding:0 30px 0 0; position:relative; }
.post a { color:#000; }
.post p { margin:14px 0 14px 0; }
.post em { font-style:italic; }
.post h2 {  font-size:24px; margin:25px 0 10px 0; font-weight:normal; color:#000; }
.post h1, .post h1 a {  font-size:28px; margin:30px 0 10px 0; font-weight:normal; line-height:32px; color:#000;}
.post h3, .post h4 {  font-size:20px; margin:15px 0 10px 0; font-weight:normal; color:#000; }
.post h4 { font-size:18px; }
.post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover { /* color:#e12000; */ }
.post .indent { padding-left:10px; }
.post .indent p { padding-left:10px; }
.post small { font-size:11px; }
.post small a { font-weight:normal; }
.post .alignright { float:right; margin-left:10px; }
.post .alignleft { float:left; margin-right:10px; }
.post .aligncenter { margin:0 auto; display:block; }
.post abbr { font-weight:normal; }
.post ul{ list-style:circle; margin:0 0 0 25px; }
.post ol{ list-style:decimal; margin:0 0 0 30px; }
.post .wp-caption { background:#f7f7f7; border:1px solid #ccc; margin:10px; text-align:center; padding:5px 0 0; }
.post .wp-caption-text { margin:0; }
.post .wp-caption a, .post .wp-caption a:hover { border-bottom:0; }
.post blockquote { color:#777; border-left:5px solid #ccc; margin:15px 30px 0 10px; padding-left:20px; }
.post pre {  font-size:12px; letter-spacing:-1px; margin:14px 0 14px 0; }
.post .message ul { margin:12px 0 0; }
.post .message { display:none; background:#0F67A1; margin-top:10px; padding:20px; color:#fff; }

#comments h3, #comments h4{  font-size:24px; margin:35px 0 5px; font-weight:normal; }
#comments h4 { font-size:28px; }
#comments cite {  font-size:18px; font-weight:normal; }
#comments em { font-style:italic; text-align:right; }
#comments ol.commentlist li { margin-top:20px; border:1px dotted #ccc; border-right:0; padding:10px 5px 20px 10px; min-height:110px; }
#comments p { margin:10px 0 0 10px; width:auto; }
#comments span { display:block; color:#eee;  font-size:120px; font-weight:normal; float:right; padding-top:25px; opacity:.3; }
.comment-text { background:#000; border:solid 3px #fff; color:#fff; padding:10px; margin-left:25px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top:15px; position:relative; }
div.avatar { float:left; border:solid 2px #fff; margin-right:5px; }
.arrow { width:21px; height:24px; background:url(images/corner.png); position:absolute; top:-15px; left:-11px; }
ul.formlist { margin:20px auto; width:375px; }
ul.formlist li { display:block; margin:10px 0 0; }
ul.formlist p { margin:10px 0 0; text-align:center; }
ul.formlist li input { width:370px; font-size:18px; font-weight:normal; }
ul.formlist li textarea { width:370px; font-size:18px; font-weight:normal; }
ul.formlist li.submitbutton input { text-align:center; background:#fff; border:1px solid #aaa; color:#000; font-weight:normal; font-size:20px; width:374px; }
#comments .center { text-align:center; }

#sidebar { width:250px; float:left; margin:0 0 25px 0; overflow:hidden; }
#sidebar h3 { padding:25px 0 3px 0; font-size:18px; }
#sidebar .block ul {  }
#sidebar .block ul .children { border:0; padding: 0 0 0 8px; }
#sidebar .block li {  }
#sidebar .block li a { }
#sidebar .block li a:hover { }
#sidebar .widget_search label { display:block; padding:25px 0 3px 0; font-size:18px; border-bottom:1px dotted #ccc; margin:0 0 5px; }
#sidebar .widget_recent_comments li { background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%; padding:2px 0 2px 15px; }
#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{ background:none; border-bottom:1px dotted #000; text-decoration:none; color:#000; font-weight:600; }
#sidebar .widget_recent_comments li a:hover { color:#e12000; border-bottom:1px dashed #e12000; background-color:#f7f7f7; }
#sidebar .widget_tag_cloud h3 { margin:0 0 8px; border-bottom:1px dotted #ccc; }
#sidebar .widget_text h3 , #sidebar .calendar h3{ }

#footer div#nav { float:right; width:auto; }
#footer div#nav ul { float:right; }
#footer div#nav li { text-align:center; float:left; display:inline; width:auto; }
#footer { font-size:0.9em; width:900px; float:left; padding:30px 0 80px 0; overflow:hidden; position:relative; z-index:3; }
#footer div.copy { padding-left:260px; }
#footer div#nav a { padding: 0 5px; background:#000; margin:0 5px; }
.steph { background:url(images/steph.gif); width:112px; height:111px; float:left;  position:relative; }
.twitter { position:absolute; bottom:100px; left:100px; z-index:1; }
.twitter-content { background:url(images/twitter_bg.gif) center center repeat-y; width:190px; }
.twitter-top { background: url(images/twitter_top.gif) top center no-repeat; padding-top:12px; }
.twitter-bot { background: url(images/twitter_bot.gif) bottom center no-repeat; padding-bottom:49px; }
.twitter-content ul { margin: 0 10px }
.twitter-content ul li { line-height:15px; font-size:12px; }
/* Color themes */
a.category_inspiration { color:#006699; }
a.category_writing { color:#22992D; }
a.category_photos { color:#E47030; }
a.category_radio { color:#821D78; }




body.category div#content h2.pagetitle a, body.category h2.pagetitle, body.page div#content h2.pagetitle a, body.page h2.pagetitle, body.archive div#content h2.pagetitle a, body.archive h2.pagetitle { color:#fff; background:#BA3649; text-decoration:none; }
body.category-writing div#content h2.pagetitle a, body.category-writing h2.pagetitle { color:#fff; background:#22992d; text-decoration:none; }
body.tag div#content h2.pagetitle a, body.tag div#content h2.pagetitle, body.page div#content h2.pagetitle a, body.page div#content h2.pagetitle  { color:#fff; background:#bc3b4d; }
body.category-inspiration div#content h2.pagetitle a, body.category-inspiration h2.pagetitle { background:#006699; color:#fff; text-decoration:none;}
body.category-radio div#content h2.pagetitle a, body.category-radio h2.pagetitle { background:#821d78;color:#fff; text-decoration:none;}
body.category-photos div#content h2.pagetitle a, body.category-photos h2.pagetitle { color:#fff; background:#e47030; text-decoration:none; }
h2.pagetitle { border-bottom:10px solid #000; padding: 30px 20px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; font-size:40px; text-align:center; margin: -10px -10px 0; }
h2.pagetitle a { font-weight:normal; }

body.page-template div#content a, body.tag div.content a { color:#ba3649; }
body.category div#content a, body.category div.twitter a, body.page div#content a, body.page div.twitter a, body.archive div#content a, body.archive div.twitter a { color:#BA3649; }
body.category-photos div#content a, body.category-photos div.twitter a { color:#E47030; }
body.category-writing div#content a, body.category-writing div.twitter a { color:#22992e; }
body.category-radio div#content a, body.category-radio div.twitter a { color:#821d78;}
body.category-inspiration div#content a, body.category-inspiration div.content a { color:#069; }


/* /Color themes */
.textwidget, .textwidget a, div#footer div.copy a { color:#ba3649;}


a.post-edit-link { background:url(images/btn_edit_post.gif) 0 0 no-repeat; height:23px; width:110px; text-indent:-9999em; overflow:hidden; display:block; position:absolute; top:-10px; right:10px; border: solid 1px #586169; opacity:.7; }
a.post-edit-link:hover { opacity:1; }

a.tt-twitter { color: #29c9f2 !important; }
a.tt-facebook { color:#3b5998 !important; }
a.tt-facebook img { margin-left:10px; }

@media screen and (-webkit-min-device-pixel-ratio:0)
{
 .steph { margin-top:-111px}
}


div.home-main div#nav { position:absolute; bottom:0; right:0;}
div.home-main div#nav a { color:#fff;}

.subscriptions li.podcast { background: url(images/podcast.png) no-repeat; padding: 0 0 0 30px; }
.subscriptions li.rss { background: url(images/rss.png) no-repeat; padding: 0 0 0 30px; margin: 6px 0 0; }
.subscriptions li.email { background: url(images/email.png) no-repeat; padding: 0 0 0 30px; margin: 12px 0 0; }
.subscriptions li.email .inputbox { width: 90px; margin: 0 10px 0 0; }
.subscriptions li.email .inputbox, .subscriptions li.email .submit { border: 1px solid #AAA; background: #FFF; padding: 1px; }