/*   
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 {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:#6699cc;text-decoration:none;outline:none;font-weight:bold;}
a:hover {background:#f3f3f3;color:#444444;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;}
ol {margin-left:0;margin-left:30px;margin-top:0;}
img {border:none;padding-top:3px;padding-bottom:3px;}
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 {width : 920px;margin : 0 auto;padding: 0 10px;}
#header {margin-bottom : 97px;background : none repeat scroll 0% 0%;float: left;width : 100%;padding-bottom: .25em;}

/*header*/
#logo {float:left;height:100px;position:absolute;top:2px;width:181px;}
#logo img {border:none;padding-top:0px;padding-bottom:0px;}
#line {float : left;width : 920px;height : 2px;border-bottom : 1px solid #d3d3d3}
#header h1 {float : left;font-size : 3em;line-height : 1em;text-transform : uppercase;display : inline;margin : 15px 0 0 0;}
#site-description {background: transparent;color: #777;float: right;padding-right:10px;padding-top:58px;}
#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 {margin-left:482px;margin-top:53px;}
#navcontainer ul {padding-left:0;margin-left:0;color:#777;float:left;width:100%;}
#navcontainer ul li {display:inline;}
#navcontainer ul li a {padding : 0.18em 1em;color : #777;text-decoration : none;text-transform: uppercase;}
#navcontainer ul li a:hover {border-bottom:5px solid #D3D3D3;background-color: transparent;}
#navcontainer ul li ul {}
#navcontainer ul li ul li {background-color:#FFFFFF;display:block;}
#navcontainer ul li ul li a:hover {border-bottom:0px solid #D3D3D3;background-color: #f3f3f3;}

/*dTabs*/
.dmenu {
	text-align: left;
	padding: 5px 5px 5px 5px;
	margin: 26px 0px 0px -9px;
	position: absolute;
	display: block;
	left: -999em;
	z-index: 100;
	min-width: 80px;
}
.tabselected {
	border-bottom:5px solid #D3D3D3;
	padding-bottom: 2px;
	padding : 0.18em;
	}


/* mediaboxAdvanced - white theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(images/mediabox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
}

#mbCenter.mbLoading {
	background: #fff url(images/mediabox/WhiteLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #333;
}

#mbImage a:hover, #mbImage a:active {
	color: #000;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #000;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #333;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #333;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 83px;
	background: transparent url(images/mediabox/WhitePrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 54px;
	background: transparent url(images/mediabox/WhiteNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 65px;
	background: transparent url(images/mediabox/WhiteClose.gif) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #700;
	font-weight: bold;
	text-decoration: underline;
}

/* END mediaboxAdvanced - white theme */


/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*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 : 22%;}
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 : 500px;float : left;padding : 8px 0 15px 0;line-height : 1.7em;}
.post {margin-bottom : 2em;}
.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 : 2em;line-height : 1em;text-transform:uppercase;display : inline;margin-bottom : 0.2em;margin-top : 2.5em;}
div#entries h2 a {color:#444444;}
h3 {font-weight : bold;font-size : 1em;text-transform : uppercase;margin-bottom : 0.2em;margin-top : 2.5em;letter-spacing : 0.2em;color : #34353e;
border-bottom : 1px solid silver;}
#entries h3 {clear: both;padding-top: 1em;margin-top: 1em;}
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;}
div.results_content p img {max-width: 500px;margin-right: 6px;}
.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 p img {max-width: 500px;margin-right: 6px;}
div.post-tags {margin: .25em 0;}


/*sidebar*/
#sidebar {width : 390px;float : right;font-size : 0.9em;padding : 0 0 25px 0;line-height : 1.5em;margin-top : 2em;}
#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 : 5px;}
table#wp-calendar {width: 100%;}
h2.widgettitle {font-weight : bold;font-size : 1em;text-transform : uppercase;margin-bottom : 0.2em;margin-top : 2.5em;letter-spacing : 0.2em;
color : #34353e;border-bottom : 1px solid silver;}
#sidebar h3 {font-weight : bold;font-size : 1.2em;text-transform:uppercase;margin-bottom : 0.2em;margin-top : 1em;letter-spacing : 0.2em;color : #34353e;border-bottom : 1px solid silver;}
#sidebar li {margin-left : 0;padding-left : 0;margin-top : 0.1em;}
#sidebarleft {width : 180px;float : left;}
#sidebarright {width : 180px;float : right;}
#sidebarright img {max-width: 180px;}
#sidebarleft img {max-width: 180px;}
#sidebar li {margin-left : 0;padding-left : 0;margin-top : 0.1em;}
#sidebar p {display : block;background-color : #f3f3f3;padding : 5px;margin-top : 1px;}
#searchform div {padding-left : 0;margin : 0.5em 0;}
div.textwidget {display : block;background-color : #f3f3f3;padding : 5px;margin : 0.5em 0;}
#sidebarright li a img {display:block;padding : 2px;background-color : #f3f3f3;margin : 5px 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;}
.yapb-latest-images {background:#444444;padding: 3px;}


/*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;}
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;}

