/*   
Theme Name: 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 IAMWW w2 theme for WordPress.  IAMWW w2 was built from the core of Upstart Blogger Minim.
Version: 0.85
All rights reserved.
*/


html {overflow:auto;height:100%;margin-bottom : 0.1em;}
* {padding:0;margin:0;}
body {background:#fff;font:0.88em Arial,Helvetica,Geneva,sans-serif;line-height:1.5em;color:#444444;}
a {color:#444444;text-decoration:none;outline:none;font-weight:bold;}
a:hover {background:#f3f3f3;color:#ff6600;text-decoration:none;outline:0;}
a:visited {text-decoration:none;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;}
ul#meer li {font-size: 9px; display:block; padding: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 {}

/*layout*/
#container {width : 910px;margin : 0 auto;padding: 0 10px;}
#header {margin-bottom : 3px;background : none repeat scroll 0% 0%;float: left;width : 100%;padding-bottom: .25em;}

/*header*/
#logo {float : left;padding-bottom : 5px;width: 390px;}
#logo h1 a {color:#444444;}
#logo img {padding : 10px;border : none;padding-top : 0;display : block;}
#header h1 {float : left;font-size : 40px;line-height : 1em;display : inline;margin : 15px 0 0 0;}
#site-description {background: transparent;color: #777;float: left;padding: 0;width: 650px;}
#site-description h2{font-size: 1.2em;}
#tag {float : right;text-decoration : none;text-align : left;color : #9c9c9c;background : transparent;padding : 10px 0;width: 260px;}
#subscribe a {background: transparent url(images/feed-icon-14x14.png) top right no-repeat;color: #777;margin:0 0 0 8px;padding: 0 20px 0 0;}


/*navigation*/
#navcontainer {float:left;width:100%;margin-bottom:1em;}
#navcontainer ul {padding-left:0;margin-left:0;background-color:#3c3c3c;
color:white;float:left;width:100%;}
#navcontainer ul li {display:inline;text-transform:uppercase;}
#navcontainer ul li a {width: 109px; padding : .5em 10px 1.5em 10px; background-color : #3c3c3c;color : white;text-decoration : none;float:left;border-right : 1px solid #fff;}
#navcontainer ul li a:hover {background-color : #ff6600;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;float : left;position : relative;margin : 0 auto;width : 100%;padding : 0;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 : 100%;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 : 25.6%;}
ul.headcats li:hover {background : #f3f3f3 !important;}
ul.headcats li a {float : left;color : #333;}
ul.headcats li a:hover {background : #f3f3f3 !important;color : #444444;}

/*content*/
#entries {width : 617px;float : left;padding : 0px 33px 15px 0;line-height : 1.7em;}
.post {margin-bottom : 0.5em; }
.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 : uppercase;display : inline;margin-bottom : 0.2em;margin-top : 2.5em;}
div#entries h2 {font-size : 21px;line-height : 24px;display : inline;margin-bottom : 0.2em; margin-right:7px;}
div#entries h2 a {color:#444444;}
div#entries h2 a:hover {background:#ff6600;color:#eee;}
h3 {font-weight : bold;font-size : 15px;text-transform : uppercase;margin-bottom : 0em;letter-spacing : 0.2em;color : #34353e;
border-bottom : 1px solid silver;}
#entries h3 {clear: both;padding-top: 15px;margin-top: 6px;}
div#entries h1.big {margin-bottom: 1.5em;}
.post h3 {border-bottom : none;letter-spacing : normal;margin-bottom : -0.5em;}
blockquote {background-color : #f3f3f3;padding : 10px;margin : 15px 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 : 250px;}
ul.archlist li a {float : left;margin-right : 3px;}
ul.archlist li a:hover {background : #f3f3f3 !important;color : #444444;}
div.post p img {max-width: 640px;}
div.post-tags {margin: .25em 0;}
div.post-tags a {background:#ff6600;color:#111111;font-size : 1em;text-decoration:none;padding: 2px 5px;}
div.post-image {float:left; margin: 7px 8px 7px 7px;}
div.post-image img {border-style:solid; border-width: 1px; border-color:#444;}
div.post-noimage {float:left;margin: 7px 7px 7px 7px; font-size:13px; line-height:19px; position:relative;}
div.post-text {float:left; width : 349px;margin: 7px 7px 7px 0; font-size:13px; line-height:19px; position:relative;}
div.back div.post-meta {font-size: 12px;position:absolute; top:225px;}
div.post-meta-noimage {font-size: 12px;position:absolute; top:149px;}
div.back {height: 258px; border: 1px solid silver; border-top:0px; background : #f3f3f3;}
div.back-noimage {height: 182px; border: 1px solid silver; border-top:0px; background : #f3f3f3;}


/*sidebar*/
#sidebar {width : 260px;float : right;font-size : 0.9em;padding : 0 0 25px 0;line-height : 1.5em;}
#sidebar img {max-width: 390px;}
#searchform div input#s2 {width : 140px;margin : 5px 2px 5px 0;font-size : 12px;}
#searchform div input#s {width : 118px;margin : 0 0px 5px 8px;font-size : 12px; border: solid 1px #ff6600;}
#searchform div #searchsubmit {width: 118px; margin: 0 0 5px 8px; border: solid 1px #444;}
table#wp-calendar {width: 100%;}
h2.widgettitle {font-weight : bold;font-size : 1em;text-transform : uppercase;margin-bottom : 0em;margin-top : 2.5em;letter-spacing : 0.2em;
color : #34353e;border-bottom : 1px solid silver;}
#sidebar h3, #sidebarleft h2 {height:24px; font-weight : bold;font-size : 15px;text-transform : uppercase;margin-bottom : 0em;letter-spacing : 0.2em;color : #34353e; clear: both;padding-top: 15px;margin-top: 6px;
border-bottom : 1px solid silver;}
#sidebar li { margin-left : 0;padding-left : 0;margin-top : 0.1em;}
#sidebarleft {width : 260px;float : left;}
#sidebarleft img {max-width: 180px;}
#sidebar p {display : block;background-color : #f3f3f3;padding : 3px;margin-top : 1px;}
ul.tabbed-widget-item {background-color : #f3f3f3;padding : 3px;margin : 1px 0;}
#searchform div {padding-left : 0;margin : 0;}
div.textwidget {display : block;background-color : #f3f3f3;padding : 5px;margin : 0 0 0.5em 0;}
#sidebarright li a img {}
.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.bottom-nav {float: left;margin: 1em 0;}

/*elders*/
#elders {font-size : 0.9em;padding : 0 0 25px 0;line-height : 1.5em; width : 650px;float : left;}
#elders img {max-width: 100px;}
ul#elders h2 {font-size : 15px;line-height : 24px;display : block;margin-top: 20px; margin-right:7px;}
ul#elders li {display: block; float:left; width:256px; padding: 0px 2px;}

/* contact form */
form.contact-form label {width:260px;margin : 2px;font-size : 14px; border: solid 0px #000;}
form.contact-form input {width:250px; margin: 2px 5px; font-size : 14px; border: solid 1px #ff6600}
form.contact-form textarea {width:250px; margin: 2px 5px; border: solid 1px #ff6600}
form.contact-form div.form-label, div.form-submit {display :block; width : 260px; clear:left;}
form.contact-form div.form-input {display :block; width : 130px; float:left;}


/*comments*/
.comments_tiny {color : #b8b8b8;border-bottom : 1px solid silver;}
.alt {margin : 0;padding : 10px;background : #f3f3f3;}
.commentlist {margin-top : 0;}
.commentlist li {margin : 5px 0 0 0;padding : 10px;border: 1px solid #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;}

/*footer*/
#footer {clear: both;width : 900px;font-size : 0.9em;height : auto;text-decoration : none;text-align : center;}
#footer a {background-color : #3c3c3c;color : white;text-decoration : none;}
#footerinfo {background-color : #3c3c3c;color : #9c9c9c;font-size: .9em;float : left;display : inline;padding : 10px;width : 100%;text-align : left;}

/*misc*/
.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 0; margin:0;}
img.alignright {float: right;padding: .9em 0 .5em .5em; margin:0;}
img.left {float: left;padding: 0 .5em .5em 0;}
img.right {float: right;padding: 0 0 .5em .5em;}
img.wp-smiley {background: inherit;}
.wp-caption-text {font-style: italic; font-size: 10px; text-align: right; padding-right: 10px;}
p.akpc_pop {font-size: .8em;}
a.more-link {display: block;}
#wp-calendar tbody tr td {text-align: center;}



/* tabs sidebar*/
.tw-rotate { float:left; margin:0 0 0.1em 0; padding:0; width:100%; position:relative; top:-4px; }
.tw-hide { display:none; }
.without_title { margin-top:1.25em; }
.ui-tabs-nav, .ui-tabs-panel { float:left; width:100%; clear:both; }
.tw-tabbed-widgets, #sidebar .tw-tabbed-widgets { margin:0; padding:0; float:left; width:100%; }


/* tabs */
ul.tw-nav-list, #sidebar ul.tw-nav-list { list-style: none; float:left; width:100%; margin:0; padding:0; }
ul.tw-nav-list li, #sidebar ul.tw-nav-list li { list-style:none; list-style-image:none; display:block; float:left; clear:none; margin:5px 0px 0 0; padding:0 0 10px 0;  }
ul.tw-nav-list li:before, #sidebar ul.tw-nav-list li:before, #sidebar li.widget:before { content:''; }
ul.tw-nav-list a, #sidebar ul.tw-nav-list a { font-weight:bold; font-size:12px; float:left; width:45px; padding:0.45em 10px 0.55em; color:#333; background: #eee; border-bottom: solid 1px #ff6600;}
ul.tw-nav-list a:hover, #sidebar ul.tw-nav-list a:hover { text-decoration:underline; color:#000; background-color:#ddd;  }
ul.tw-nav-list li.ui-tabs-selected, #sidebar ul.tw-nav-list li.ui-tabs-selected  { background: transparent url('../images/tabs-under.png') no-repeat -8px bottom; padding-bottom:3px; }
ul.tw-nav-list li.ui-tabs-selected a, #sidebar ul.tw-nav-list li.ui-tabs-selected a,
ul.tw-nav-list li.ui-tabs-selected a:hover, #sidebar li.ui-tabs-selected a:hover { background:#ddd; color:#333; text-decoration:none; font-weight:bold; width: 41px; border: solid 1px #ff6600; border-bottom:0px;}
.ui-tabs-panel, #sidebar .ui-tabs-panel { margin:0 0 0 0; padding:0.75em 0 1em 0; float:left; width:100%; }
#sidebar .without_title { margin-top:0; }
* html #sidebar li.widget { float:left; margin-bottom:1em; }
* html #sidebar .ui-tabs-panel { float:none; } 

/* accordion  */
.tw-accordion { float:left; width:100%; padding:0; margin:0; }
.tw-accordion .tabbed-widget-item { float:left; width:100%; margin:0; padding:0; overflow:hidden; }
.tw-accordion .tw-widgettitle { font-size:1.1em; background:#eee; display:block; float:left; width:100%; padding:0.45em 0 0.45em 0; margin:2px 0 0 0; cursor: pointer; }
.tw-accordion .tw-widgettitle span { display:block; padding:0 0.75em; background: transparent url('../images/accordion-collapsed.png') no-repeat 95% 50%; cursor: pointer; }
.tw-accordion .tw-widgettitle:hover, .tw-accordion .tw-hovered { background: #ddd url('../images/accordion-darker-bar.png') repeat-x left top; }
.tw-accordion .selected, .tw-accordion .selected:hover { cursor: text; background: #ddd url('../images/accordion-darker-bar.png') repeat-x left top; }
.tw-accordion .selected span, .tw-accordion .selected:hover span { cursor: text; background: transparent url('../images/accordion-active.png') no-repeat 95% 50%; }
.tw-accordion .selected span { text-decoration:none; }
.tw-accordion .widget { margin-bottom:0; padding:0.5em 0 1.5em 0; }

.tw-accordion .tw-first { border:none; }
.tw-accordion .tw-last { }

/* defaults for the default theme */
#sidebar ul.tw-nav-list ul li:before { content:''; }
#sidebar ul.tw-nav-list { font-size:1.1em; }
#sidebar .tw-accordion .tw-widgettitle { padding:0.55em 0 0.6em; }
#sidebar .tw-accordion ul.tabbed-widget-item { margin:0.75em 0 1.25em 0; padding:0; list-style-image:none; }
#sidebar .tw-accordion ul.tabbed-widget-item li.widget:before { content:''; display:none; }
#sidebar .tw-accordion .widget { margin:0; }
#sidebar .tw-accordion { margin-bottom:2em; margin-top:0; }
* html #sidebar .tw-accordion .tw-widgettitle { font-size:1.1em; float:none; }

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { 
	/* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { 
	/* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
	.tw-rotate { margin:0; }
    ul.tw-nav-list { display: none; }
    .tw-hide, .tw-rotate h1, .tw-rotate h2, .tw-rotate h3, .tw-rotate h4 { display:inherit; }
}