/*   
Theme Name: Awakeblogger 2.0 (IAMWW w2 DnD)
AUTHOR: <a href="http://iamww.com/" title="IAMWW.com">Will Wilkins</a> &amp; <a href="http://www.upstartblogger.com/" title="Upstart Blogger">Robert Ellis</a>
Theme URI: <a href="http://iamww.com/wordpress-theme-iamww-w2-dnd" title="http://iamww.com/">http://iamww.com/</a>
Description: The IAMWW w2 DnD theme is a completely Drag n' Drop version of the original <a href="http://iamww.com/wordpress-theme-iamww-w2" title="IAMWW w2">IAMWW w2</a> theme for WordPress.  IAMWW w2 was built from the core of <a href="http://www.upstartblogger.com/wordpress-theme-upstart-blogger-minim" title="Upstart Blogger Minim">Upstart Blogger Minim</a>.
Version: 0.85
All rights reserved.

AwakeBlogger 2.0
Edit by: Myrko Thum, 7.9.2008
*/

/* globals ****************************************************/

html {overflow:auto;height:100%;/*margin-bottom : 0.1em;*/}
* {padding:0;margin:0;}
body {font: /*0.88em*/ 13px "lucida grande", "lucida sans unicode", Arial,Helvetica,Geneva,sans-serif;line-height:1.5em;color:#444444;margin-left:22px;margin-right:22px;background:#ebe4ce;/* #ebe4ce #ecebe9 #262626 */}
a {color:#2975c3;font-weight:bold;text-decoration:none;outline:none;}
a:hover {/*background:#f3f3f3;color:#444444;*/text-decoration:underline;outline:0;}
a:visited {outline:0;}
a:link h3 {color:#951400;border:none;outline:0;}
a:link img {border:none;outline:none;}
p {padding-top:5px;padding-bottom:5px;}
ul {list-style:none;margin-left:0;padding-left:0;margin-top:0;}
ol {margin-left:0;margin-left:30px;margin-top:0;}
img {border:none;}
code {font-family:"Courier New", Courier, mono;}
pre {font-family:"Courier New", Courier, mono;}
em {/*font-weight:bold;text-decoration:underline;background-color:#f3f3f3;*/}


/* layout ****************************************************/

#container {min-width : 955px; max-width : 1200px;margin : 0 auto;background:#fff;/* #f3eee0 #ecebe9 #f6f6f3*/padding: 0 auto;border:0;/*border-left: 0px solid #bbb;border-right:0px solid #bbb;border-style:solid;*/}

#header {margin-left : 129px; /*space for the top right logo*/margin-bottom : 3px;background : #57a7f0; repeat scroll 0% 0%;padding:0 25px 0 0;/*adjust for font-change HERE:*/padding-bottom: .4em;/* background: url(images/awakeblogger_headerback.jpg) 0 0 no-repeat;*/}

#headergfx { background: url(images/awakeblogger_stones.jpg) 0 0 no-repeat;}


/* header ****************************************************/

#logo {float : left;padding-bottom : 5px;width: 70%;}
#logo h1 a {color:#FFF;}
#logo img {border : none;padding: 0;margin:0;display : block;}
#header h1 {float : left;margin : 9px 0 0 0;/*font-size : 3em;line-height : 1em;text-transform : uppercase;display : inline;*/}
#site-description {background: transparent;color: #FFF;padding: 0 0 2px 54px;}
#site-description h2{font-size: 1em;}
#tag {float : right;text-decoration : none;text-align : right;color : #9c9c9c;background : transparent;padding : 10px 0;width: 30%;}
#subscribe {font-weight:bold;color: #FFF;}
#subscribe a {color: #FFF;}
#subscribe img {padding: 0 0 0 12px;}
/*#subscribe li {background: transparent url(images/feed-icon-32x32.png) top right no-repeat;color: #FFF;margin:0;padding: 10px 62px 0 0}*/


/* navigation ****************************************************/

#navcontainer {margin-left: 130px; /*space for the top right logo (+1 pixel white line)*/}
#navcontainer ul {height: 26px;padding-left:0;margin-left:0;background-color:#ebe4ce;/*#3c3c3c;*/
color:white;width:100%;}
#navcontainer ul li {display:inline;text-transform:lowercase;}
#navcontainer ul li a {padding : 0.25em 1em;background-color : #ebe4ce;color : #333;text-decoration : none;float : left;border-right : 1px solid #fff;}
#navcontainer ul li a:hover {background-color : #57a7f0;/*color : #eee;*/}


/* drop-down cats ****************************************************/

.headright {border-left : 1px solid #fff;float : right;}
#navcontainer ul.navlist li.headright a {border-right: 0px;}
#slickbox {background : inherit;background-color:#FFF;float : left;position : relative;margin : 0 auto;padding: 0 26px;text-transform : lowercase;font-size : 0.9em;}


#slickbox h4 {text-transform : uppercase;padding : 3px 0 3px 0;}

#slickcats {background : inherit;float : left;position : relative; width : 100%;padding : 0;}
ul.headcats {color : #444444;text-align : left;height : auto;width : 103%;margin: 10px 0 0;background-color : inherit;}
ul.headcats li {display : inline;list-style-type : none;margin-right : 3%; border-bottom : 1px solid #ddd;float : left;text-align : right;display : block;width : 22%;}
ul.headcats li a {float : left;color : #333;}
/*ul.headcats li:hover {background : #f3f3f3 !important;}*/
/*ul.headcats li a:hover {background : #f3f3f3 !important;color : #444444;}*/


/* content ****************************************************/

#body {margin: 0 378px 0 0; padding: 0 0 0 26px; background:#FFF;}
#entries {width:97%; float: left; padding-bottom: 15px; line-height : 1.7em;}
.post {margin-bottom : 2em;text-align:justify}
.post ul {list-style : square;margin : 1px 5px 7px 15px;padding : 5px;}
.post li {margin-bottom : 3px;}
h1 {font-size : 2em;line-height : 1em;text-transform : lowercase;display : inline;margin-bottom : 0.2em;margin-top : 2.5em;}
div#entries h2 {font-size : 2em;line-height : 1em;display : inline;margin-bottom : 0.2em;margin-top : 2.5em;/*text-transform:uppercase;*/}
div#entries h2 a {color:#444444;}
h3 {/*clear: both;*/font-weight : bold;font-size : 1.1em;text-transform : lowercase;margin-bottom : 1em;margin-top : 2.5em;letter-spacing : 0.2em;color : #444;/*#2070c0;*/
border-bottom : 1px solid /*#E3E0D3;*/ silver;}
#entries h3 {/*clear: none;*/padding-top: 1em;margin-top: 1em;}
#entries h3.cats {clear: both;}
div#entries h1.big {margin-bottom: 1.5em;}
.post h3 {font-size : 1.2em;text-transform:none;border-bottom : none;letter-spacing : normal;margin:0px;margin-bottom : 0px;margin-top : 0px;}
.post h4 {margin-top : 1.5em; font-weight : bold;font-size: 1em;text-transform: none;margin-bottom : 0.2em;letter-spacing : 0; color : #34353e;border-bottom:0;}
.big {display : inline;font-size : 3em;}
.results_content {padding : 0 0 .5em 0;border-bottom : 1px solid silver;}
span.archive-meta {font-size: .9em;}
a.archive-permalink {color:#444444;display: block;font-size: 1.2em;}
.except {margin-top : 1em;}
div.results_date {margin-top: .5em;font-size: .9em;}
.archlist {float : left;color : #333;width : 100%;}
ul.archlist li {display : inline;list-style-type : none;margin-right : 10px;float : left;display : block;width : 215px;}
ul.archlist li a {float : left;margin-right : 3px;}
ul.archlist li a:hover {background : #f3f3f3 !important;color : #444444;}
div.post img {max-width: 750px;}
span.post-tags {margin: .25em 0;}
span.post-tags a {color:#808080;font-weight:normal;text-decoration:underline;}
blockquote {font-color : #808080;margin: 20px 0 9px 0;padding: 0 20px 0 46px;color: #333;border: none;background: url('./images/quote.png') no-repeat 10px 0;}

/* special links in posts (black,normal and not blue,bold) */
.post a {color:#000;font-weight:normal;text-decoration:underline;}
.post a:hover {color:#3080d0;font-weight:normal;text-decoration:underline;}

/* Image and Images Description below Image on top of each post */
.post_title { float:right; font-size:10px; font-style:italic; text-align:right; /*position:relative;*/ }
.post_title img { margin-top:10px; margin-left:20px; /*margin-bottom:-10px; display:block;*/ border: 1px solid #999; }


/* Special big quote in post to the right */
.big_quote { margin: 10px 0 9px 0;margin-left:20px; padding: 0 20px 0 46px; float:right; color:#aaa; font-size:24px; position:relative; background: url('./images/quote.png') no-repeat 10px 0;}

/* Input fields in the articles */
#inputtext_content { margin-top: 20px;border-style: none;border-bottom-color:#999999;border-bottom-style: dotted;color: red;}


/* sidebar ****************************************************/

#sidebar {width: 326px; float: right; margin-right: -378px; font-size : 0.9em;padding : 0 26px 25px 26px;line-height : 1.5em;margin-top : 1.5em;}
#sidebar img {max-width: 390px;}
input#s {width : 120px;margin : 0 2px 5px 0;font-size : 12px;}
input#s2 {width : 140px;margin : 5px 2px 5px 0;font-size : 12px;}

#searchsubmit {margin-bottom : 3px;}


table#wp-calendar {width: 100%;}
h2.widgettitle {font-weight : bold;font-size : 1.2em;text-transform : lowercase;margin-bottom : 0.2em;margin-top : 2.5em;letter-spacing : 0.2em;
color : #34353e;border-bottom : 1px solid /*#E6E3D6;*/ silver; /*background:#F3F0E6;*/}
#sidebar h3 {font-weight : bold;font-size : 1.2em;text-transform : lowercase;margin-bottom : 0.2em;margin-top : 2.5em;letter-spacing : 0.2em; color : #34353e;border-bottom : 1px solid /*#E6E3D6;*/ silver; /*background:#F3F0E6;*/}
#sidebar h4 {font-weight : bold;font-size : 1.2em;text-transform : lowercase;margin-bottom : 0.2em;margin-top : 2.5em;letter-spacing : 0.2em; color : #34353e;border-bottom : 1px solid /*#E6E3D6;*/ silver; /*background:#F3F0E6;*/}
#sidebar li {margin-left : 0;padding-left : 0;margin-bottom : 0.1em;}
#sidebarleft {width : 48%;float : left;}

#sidebarright {width : 48%;float : right;}
#sidebarright img {max-width: 180px;}
#sidebarleft img {max-width: 180px;}
#searchform div {padding-left : 0;margin : 0;}
div.textwidget {display : block;/*background-color : #f3f3f3;padding : 5px;margin : 0.5em 0;*/}
#sidebarright li a img {background : inherit;border : 3px solid silver;padding : 5px;margin : 7px 3px;}
.flickr {background : inherit;margin : 0 auto;width : 100%;padding : 0;}
.flickr li {padding-top : 5px;}
#sidebarleft li a img, .flickr li img {padding : 4px;border : 2px solid silver;margin: 3px 0;}
div.post-meta {font-size: .9em;color: #777;}
div.bottom-nav {float: left;margin: 1em 0;}

#sidebar p.about {/*display : block;*/background-color : #f3f3f3;padding : 5px;margin-top : 1px;}
/*#sidebar a {color:#000;font-weight:normal;text-decoration:underline;}*/

.DaikosText img {margin-top:2px;margin-bottom:2px; border: 1px solid #57a7f0;}


/* comments ****************************************************/

.comments_tiny {color : #b8b8b8;border-bottom : 1px solid silver; }
.alt {margin : 0;padding : 10px;background : #f6f6f5;}
.commentlist {margin-top : 0;}
.commentlist li {margin : 5px 0 0 0;padding : 10px;border: 1px solid #EFECE3;/*#CCC;*/}
#commentform p {margin : 5px 0;}
.nocomments {text-align : center;margin : 0;padding : 0;}
.commentmetadata {margin : 0;display : block;}
li.comment {font-weight : bold;padding : 10px;list-style : none;}
.commentlist p {font-weight : normal;line-height : 1.5em;margin : 5px 0;text-transform : none;}
#commentform {margin-top : 30px;}

.commentmetadata {font-weight : normal;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color : #777;}
div.comment-invitation {background-color: #f3f3f3;padding: 10px;}
div.comment-invitation p{display: block;width: 100%;padding: 0 0 .3em;}
.text {display: block;float: left;width: 65px;}
input#author.textfield {padding-top: 3px;}
span.allowed-tags {color: #777;font-size: .9em;}
#pages ul li.page_item ul li.page_item {margin-left: .5em;}
.content {margin-bottom : 25px;padding-left : 5px;font-weight : normal;}
.commentbox {width : 99%;height : 120px;}

.authcomment {background-color: /*#f0f0e9*/ #f3efe2 !important;}


/* footer ****************************************************/

#footer {clear: both;font-size : 0.9em;height : auto;text-decoration : none;text-align : center;}
#footer a {color : #fff;text-decoration : none;}
#footerinfo {background-color : #57a7f0;/*#ebe4ce*/color : #e0e0e0;font-size: .9em;display : inline;padding : 10px;text-align : left;float : left;width : 98.2%;}


/* misc ****************************************************/

a.question {cursor: help;color:#999;font-weight:normal;}
.whatisthis {text-align:right;font-size: 10px;color:#999;font-weight:normal;} 
.left {display : inline;float : left;}
.right {display : inline;float : right;}
.clear {text-align : center;font-size : 0.8em;color : #9c9c9c;margin : 0;padding : 0 0 20px 0;}
.imgleft {float : left;margin-right : 10px;margin-bottom : 10px;}
.imgright {float : right;margin-left : 10px;margin-bottom : 10px;}
img.frame {padding : 2px;border : 1px solid #dee4e5;}
img.center {display: block;text-align: center;margin: 0 auto;}
img.alignleft {float: left;padding: .9em .5em .5em;}
img.alignright {float: right;padding: .9em 0 .5em .5em;}
img.left {float: left;padding: 0 .5em .5em 0;}
img.right {float: right;padding: 0 0 .5em .5em;}
img.wp-smiley {background: inherit;}
p.akpc_pop {font-size: .8em;}
a.more-link {display: block;}
#wp-calendar tbody tr td {text-align: center;}


/* Icon for articles and sidebar: */
ul.doc {list-style-image:url(images/icon_document.png);margin-left:22px;/*padding: 13px 10px; border-bottom: 1px solid #e3e3e3; list-style-type: none; margin: 0px;*/}
ul.book {list-style-image:url(images/icon_book.png);margin-left: 22px;} /* Icon for books */
ul.blogroll {list-style:square;/*list-style-image:url(images/icon_link.png);*/margin-left: 22px;} /* Icon for external links (blogroll) */
li.recentcomments_gravs {clear:both;}

.comment-remix-meta {float:right;font-size:10px;}

/* adsense wrappers ****************************************************/

p.adsenseTitle { margin: 0; font-size: 11px; position: absolute; top: -8px; right: 7px; background: #FFF; padding: 0 4px; color: #ccccc0 !important; }

.adsense468, .adsensesky160, .adsense300 { padding-top: 17px; background: #FFF; position: relative; border: 1px solid #EFECE3; /* #ccccc0 #57a7f0*/ }
.adsense468 { height: 70px; }
.adsense300 { height: 265px; width: 325px; margin: 10px 0 30px 0; margin-bottom:-15px;/*background: #FFF;*/}
.adsensesky160 { height: 615px; width: 175px; margin: 10px 0 30px 0; background: #FFF;}


/* FeedFlare ***************************************************
Your FeedFlare can be styled almost infinitely using CSS. Let's take a close look at how FeedFlare's output is structured:
<p class="feedburnerFlareBlock"><a href="flare1url" class="first">Flare 1</a> <span>&#8226;</span> <a href="flare2url">Flare 2</a> <span>&#8226;</span> <a href="flare3url">Flare 3</a></p>
There are a few interesting (and important) things to point out about this:
* FeedFlare is wrapped in a <p> tag, so it will inherit the default paragraph styles in use on your blog. However, because it contains a class of feedburnerFlareBlock, you can style it however you want.
* By default, FeedFlare uses bullets (•) as separators. But each one is wrapped in a <span> tag, so you can hide them, restyle them, or make them dance at your leisure.
* To aid your styling, we've applied a class of first to the first link.
***************************************************************/

.feedburnerFlareBlock {}
.feedburnerFlareBlock a {}
.feedburnerFlareBlock a.first {}
.feedburnerFlareBlock span {}


/* Feed Count http://www.mapelli.info/feed/feed-count-12 ****************************************/

.feedcountdiv p { margin-top:-3px;margin-bottom:2px;padding:0;color:#ccddee; }
.feedcount { padding:0; background-color:none; color:#ccddee; /*text-align:center;font-weight:normal;background: url(/images/rss-stripes.png) repeat;-moz-border-radius:3px;border:2px solid #cc5b00;*/}
.subscribers {background-color:none;color:#ccddee;padding:0;}


/* Favorite Posts Classes ***********************************************************************/

.mfp_link {}
.mfp_remove_link { }
.mfp_favorites {} /* ul,div class */
ul.star_on {list-style-image:url(images/icon_star_on.gif);margin-left:22px;}
ul.star_off {list-style-image:url(images/icon_star_off.gif);margin-left:22px;}