/*   
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 <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.
*/

html, #wrapper {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 em;color:#000000; text-align: left;height:100%;
}
a {font-size:12px; color:#555555;text-decoration:none;outline:none;font-weight:ultra light;}
a:hover {color:#000000;text-decoration:none;outline:0;}
a:link h3 {color:#951400;border:none;outline:0;}
a:link img {border:none;outline:none; text-align: left;}
p {padding-top:6px;padding-bottom:0px;text-align: left;}
ul {list-style:none;margin-left:0;padding-left:0;margin-top:0;}
li {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;padding-top:0px;padding-bottom:3px; vertical-align: left;}
code {font-family:"Courier New", Courier, mono;}
pre {font-family:"Courier New", Courier, mono;}
em {font-weight:bold;text-decoration:underline;background-color:#f3f3f3;}

img#wpstats{display:none;}


/*layout*/
#container {width : 852px;margin : 0 auto;padding: 0 0px;}
#header {margin-bottom : 0px;float: left;width : 100%;padding-bottom: 0px;}

/*header*/
#logo {float : left;padding-bottom : 0 px;width: 70%;}
#logo h1 a {font-weight:bold; font-size:12px; color:#000000;}
#logo img {padding : 10px;border : none;padding-top : 0;display : block;}
#header h1 {float : left;font-size : 12px; line-height : 16px;text-transform : uppercase;display : inline;margin : 0px 0 0 0;}
#site-description {background: transparent;color: #777;float: left;padding: 0;width: 70%;}
#site-description h2{font-size: 1.2em;}
#tag {float : right;text-decoration : none;text-align : right;color : #9c9c9c;background : transparent;padding : 10px 0;width: 30%;}
#subscribe a {background: transparent url(images/feed-icon-14x14.png) top right no-repeat;color: #777;margin:0;padding: 0 20px 0 0;}

/*navigation*/
#navcontainer {float:right;width:100%;border-bottom : 1px solid silver;}
#navcontainer ul {padding-left:0;margin-left:0;color: #333;float:right;width:720px; margin-bottom:9px;}
#navcontainer ul li {display:inline;text-transform:uppercase;color : white;text-decoration : none;}
#navcontainer ul li a {padding : 0.2em 1em;color : #333;text-decoration : none;float : left;border-right : 1px solid #cccccc;}
#navcontainer ul li a:hover {background-color : #494949;color : #eee;}
li.menuItem a{color:#000000; font-weight:bold; font-size:12px; line-height:16px; float:left; padding-left:8px;}
li.menuItem a:hover{color:#999999;}
li.menuItemSelected a{color:#000000; float:left; padding-left:8px; font-size:12px; text-decoration:none;}

/*sidebar*/
#sidebar {list-style: none; font-size: 12px; margin-top: -12px; padding: 0px 0 0px 0; width: 252px; float: left; text-transform:uppercase; line-height: 12px; margin-bottom: 24px;}
#sidebar li {list-style: none; margin-left: 0px;}
#sidebar li ul {list-style: none; margin-bottom: 12px;}
.widgettitle {list-style: none; color: #000000; font-weight: bold; margin-left:0px; padding-bottom: 1px; list-style-type: none; float:left; font-size: 12px; width: 252px;}

#archives-3{height:253px; margin:0px 0px 10px 0px; overflow:hidden;}


/*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 : 0px 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: 0px 0 0;background-color : inherit;}
ul.headcats li {display : inline;list-style-type : none;margin-right : 0px;
border-bottom : 1px solid #000000;float : left;text-align : right;display : block;width : 22%;}
ul.headcats li:hover {background : #f3f3f3 !important;}
ul.headcats li a {float : left;color : #000000;}
ul.headcats li a:hover {background : #f3f3f3 !important;color : #444444;}

/*page*/
.page {margin-top: -12px; margin-left: 0px; font-size: 12px; float: left; line-height: 12px; width: 852px; margin-bottom: 36px;}
.page p {font-size:12px; line-height: 16px; padding-bottom:12px;}
.page h5 {font-weight: normal; font-size: 12px; border-top : 1px solid black; border-bottom : 1px solid black; margin-top : 0px; margin-bottom : 6px; padding-top : 6px; padding-bottom : 6px; width: 48px;}

/*content*/

div#next-prev-cont {float: left;width: 600px;}
div.post-block {width: 200px;float: left;clear: none;padding-bottom: 12px;font-size: 10px;line-height: 12px;}
div.post-block img {padding-top: 12px;}
div#container_division {width: 600px;}
#column-01 {width : 200px;float:left;}
#column-02 {width : 200px;float:center;}
#column-03 {width : 200px;float:right;}
#entriespage {width : 852px;float : left;padding : 0px 0 0px 0;line-height : 12px;text-align: left;}
#entries {width : 600px;float : right;margin-top:-12px;padding : 0px 0 0px 0;line-height : 12px;text-align: left;}
.post {margin-top: 0px; margin-left: 0px; font-size: 12px; float: left; line-height: 12px; text-align: left;}
.post li {list-style : none;font-weight: normal; font-size: 12px; border-bottom : 1px solid black; margin-top : 0px; margin-bottom : 6px; padding-top : 6px; padding-bottom : 6px; width: 48px;}
.post h5 {font-weight: normal; font-size: 12px; border-top : 1px solid black; border-bottom : 1px solid black; margin-top : 6px; margin-bottom : 6px; padding-top : 6px; padding-bottom : 6px; width: 48px;}
.post ul{margin-bottom : 0px; margin-left: 0px;}
.post img {text-align: left; float: left; margin-left: 0px; margin-top: -6px; padding-right: 234px;}
.post p {text-align: left; float: left; font-size: 12px; margin-left: 0px; margin-bottom: 0px; width: 500px;}
.post-meta {font-size: 10px; line-height: 12px; padding-top: 3px; text-transform : uppercase;}
h1 {font-size : 2em;line-height : 1em; text-transform : uppercase; display : inline;margin-bottom : 0.2em;margin-top : 2.5em;}
div#entries h2 {list-style: none; font-size : 12px;line-height : 12px; display : inline;margin-bottom : 2px;margin-top : 0px; text-align: left; text-transform : uppercase;}
div#entries h2 a {font-weight:bold; font-size:12px; color:#000000; color:#000000;}
h3 {font-weight : bold;font-size : 12px;text-transform : uppercase;color : #000000; border-bottom: 1px solid silver; margin-bottom:12px; margin-top:-12px; width: 500px;}
h4 {margin-top :0px; border-top : 1px solid black; margin-bottom:36px; width: 852px;}
#entries h3 {clear: both;padding-top: 1em;margin-top:-10px;}
div#entries h1.big {margin-bottom: 1.5em; text-align: left;}
.post h3 {border-top: 0px;letter-spacing : normal;margin-bottom : 0em; text-align: left;}
.post blockquote {font-weight: normal; font-size: 12px; border: 1px solid black; width: 48px;}
.big {display : inline;font-size : 3em; text-align: left;}
.results_content {padding : 0 0 .5em 0;border-bottom : 1px solid silver; text-align: left;}
span.archive-meta {font-size: .9em;}
a.archive-title {color:#000000;display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:190px;font-size: 12px;}
a.archive-permalink {color:#444444;display: block;font-size: 1.2em;}
.except {margin-top : 0em;}
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;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 p img {max-width: 500px;}

   #wrapper {
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
   }


#barnon{width:500px; margin:0px auto; height:26px; background-color:#3C3C3C;}

div.post-tags {margin: .25em 0;}

/*comments*/
.comments_tiny {color : #b8b8b8;border-bottom : 1px solid silver;}
.alt {margin : 0;padding : 10px;background : #f3f3f3;}
.commentlist {margin-top : 0; width:500px;}
.commentlist li {margin : 5px 0 0 0;padding : 10px;border: 1px solid #CCC;}
#commentform p {margin : 5px 0; width:500px;}
.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; width:500px;}
#commentform {margin-top : 10px; }
.commentmetadata {font-weight : normal;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color : #777;}
div.comment-invitation {width:500px;background-color: #f3f3f3;padding: 0px;}
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; width:400px;}
.commentbox {width:99%;height : 50px;}

.post-meta{margin-bottom:5px;}
/*footer*/
#footer {clear: both;width : 852px;font-size : 0.9em;height : auto;text-decoration : none;text-align : center;}
#footer a {background-color : #FFFFFF;color : #333333;text-decoration : none;}
#footerinfo {margin:0px 0px 0px 0px; background-color : #FFFFFF;color : #9c9c9c;font-size: .95em;float : left;display : inline; padding:0px 10px 0px 10px; height:26px; width : 87%;text-align : left;}

/*misc*/
.left {display : inline;float : left; margin:5px 0px 0px 0px;}
.right {display : inline;float : right; margin:5px 0px 0px 0px;}
.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 {float: left;display: block;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;text-align: left; float: left; margin-left: 0px;}
a.more-link {display: block;}
#wp-calendar tbody tr td {text-align: center;}


/**
 * Grid
 */
#grid{

    /* Dimensions - same width as your grid with gutters */
    width: 852px;

    /* Grid (left-aligned)
    position: absolute;
    top: 0;
    left: 0;
    */

    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -426px;

}

/**
 * Vertical grid lines
 *
 * Set the column width taking the borders into consideration,
 * and use margins to set column gutters.
 */
#grid div.vert{

    width: 108px;
    border: solid darkturquoise;
    border-width: 0 1px;
    margin-right: 11px;

}

#grid div.vert.first-line{

    margin-left: 11px;

}


/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
#grid div.horiz{

    /* 20px line height */
    height: 11px;
    border-bottom: 1px dotted darkgray;
    margin: 0;
    padding: 0;

}

/**
* Classes for multiple grids
*
* When using more than one grid, remember to set the numberOfGrids 
* option in the hashgrid.js file.
*/
#grid.grid-1 div.vert{

    /* Vertical grid line colour for grid 1 */
    border-color: darkturquoise;

}
#grid.grid-2{

    /* Adjustments */
    padding: 0 160px;
    width: 660px;

}
#grid.grid-2 div.vert{

    /* Vertical grid line colour for grid 2 */
    border-color: crimson;

}