/*   
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:#0079b6;
	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 : 3px;
	float: left;
	width : 100%;
	padding-bottom: 0.25em;
	height: 90px;
	background-image: url(images/header-box.png);
	background-repeat: repeat-x;
}

/*header*/
#logo {
	float : left;
	padding-bottom : 5px;
	/*width: 70%;*/
	height: 100px;
	text-align:center;
}
#logo h1 a {
	color:#444444;
}
#logo img {padding : 0px;border : none;padding-top : 0;display : block;}
#header h1 {
	float : left;
	font-size : 1.8em;
	text-transform : uppercase;
	display : inline;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 160px;
}
#site-description {
	background: transparent;
	color: #777;
	float: left;
	padding: 0;
	/*width: 70%;*/
	margin-left: 0px;
}
#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:left;width:100%;}
#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 {padding : 0.2em 1em;background-color : #3c3c3c;color : white;text-decoration : none;float : left;border-right : 1px solid #fff;}
#navcontainer ul li a:hover {background-color : #494949;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 : 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;}
h1 {
	font-size : 2em;
	line-height : 1em;
	text-transform : uppercase;
	display : inline;
	margin-bottom : 0.2em;
	margin-top : 2.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* Post title */
div#entries h2 {
	font-size : 1.75em;
	line-height : 1em;
	margin-bottom : 0.2em;
	margin-top : 3.7em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom : 1px solid silver;
}
div#entries h2 a {color:#444444;}
/* Post categories */
h3 {
	font-weight : normal;
	font-size : 0.75em;
	color : #34353e;
}
#entries h3 {
	clear: both;
	padding-top: 0em;
}
div#entries h3 a {color:#888888;}
.post {
	margin-bottom : 2em;
	margin-top: 0.5em;
}
.post ul {list-style : square;margin : 1px 5px 7px 15px;padding : 5px;}
.post li {margin-bottom : 3px;}
.post em {
	font-weight:normal;
	text-decoration:none;
	background-color:#FFF;
}
.post h3 {
	font-weight : bold;
	font-size : 1.25em;
	color : #333;
	text-decoration: underline;
	margin-bottom: 0.5em;
	margin-top: 1.75em;
}
div#entries .post h2 {
	margin-bottom : 0.2em;
	margin-top : 1.75em;
	border-bottom : 1px solid silver;
}


/* Page title */
div#entries h1.pagetitle {
	margin-bottom: 0em;
	border-bottom : 1px solid silver;
}
blockquote {background-color : #f3f3f3;padding : 10px;margin : 15px 0;}
.big {
	/*display : inline;*/
	font-size : 1.5em;
	margin-bottom: 0px;
	margin-top: 3.7em;
}
.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 p img {max-width: 500px;}
div.post-tags {margin: .25em 0;}

/*sidebar*/
#sidebar {
	width : 390px;
	float : right;
	font-size : 0.9em;
	line-height : 1.5em;
	margin-top : 5em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}
#sidebar a {
	color:#8CA7B9;
	text-decoration:none;
	outline:none;
	font-weight:normal;
}
#sidebar a:hover {background:#f3f3f3;color:#444444;text-decoration:none;outline:0;}
#sidebar a:visited {text-decoration:none;outline:0;}

#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;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-left: 5px;
}
#sidebarright {width : 180px;float : right;}
#sidebarright img {max-width: 180px;}
#sidebarleft img {
	max-width: 180px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#sidebar li {margin-left : 0;padding-left : 0;margin-top : 0.1em;}
#sidebar p {
	display : block;
	padding : 5px;
	margin-top : 1px;
}
#searchform div {padding-left : 0;margin : 0.5em 0;}
div.textwidget {display : block;background-color : #FFFFFF;padding : 5px;margin : 0.5em 0;}
#sidebarright li a img {background : inherit;border : none;padding : 0px;margin : 0px 0px;}
#sidebarleft li a img {
	background : inherit;
	padding : 0px;
	margin : 0px 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.flickr {background : inherit;margin : 0 auto;width : 100%;padding : 0;}
.flickr li {padding-top : 5px;}
#sidebarleft .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;}

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


/************************************************
*	Navigation      							*
************************************************/

#navigation {
	float: right;
	display: block;
	background: none;
	width: 510px;
	height: 70px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: none;
	color: #FFFFFF;
	font-weight: normal;
	padding: 10px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
/*** ESSENTIAL STYLES ***/

.menu, .menu * {
	margin:	0;
	padding: 0;
	list-style:	none;
	}
.menu {
	line-height: 1.0;
	}
.menu ul {
	margin: 0px;
	padding: 0px;
	}
.menu ul ul, ul.menu ul {
	position: relative;
	top: -9999px;
	width: 170px; /* left offset of submenus need to match (see below) */
	z-index: 11;
	}
.menu ul li ul li, ul.menu ul li {
	border: none;
	margin: 0px 0px 0px 0px;
	}
.menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	}
.menu li {
	float: right;
	position: relative;
	}
.menu a {
	display: block;
	position: relative;
	}
.menu li:hover ul,
.menu li.sfHover ul {
	left: 0;
	top: 41px; /* match top ul list item height */
	z-index: 99;
	}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top: -9999px;
	}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left: 170px; /* match ul width */
	top: 0;
	}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top: -9999px;
	}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left: 170px; /* match ul width */
	top: 0;
	}

/*** DEMO SKIN ***/

.menu .current_page_item a {
	color: #333333 !important;
	background: #EEEEEE;
	}
.menu .current_page_item li a, 
.menu li .current_page_item a {
	color: #333333 !important;
	background: #EEEEEE;
	}
.menu {
	float: left;
	margin-bottom: 0;
	}
.menu a {
	display: block;
	/*background: #FFFFFF;*/
	width: 150px;
	height: 28px;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	line-height: 28px;
	overflow: hidden;
	}
.menu li li a, .menu li li a:visited {
	color: #666666;
	background: #EEEEEE;
	padding: 0px 10px;
	margin: 0px;
	text-decoration: none;
	text-transform: none;
	text-shadow: none;
	border: none;
	}
.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #666666;
	}
.menu a:focus, .menu a:hover, .menu a:active {
	background:	#EEEEEE;
	color: #333333;
	outline: 0;
	}
.menu li {
	background: none;
	}
.menu li li {
	background: none;
	border: none;
	}
.menu li li li {
	background: none;
	border: none;
	}
.menu li:hover, .menu li.sfHover {
	background:	none;
	outline: 0;
	position: relative;
	z-index: 99;
	}
.menu li li:hover, .menu li li.sfHover {
	background:	#FFFFFF;
	color: #333333;
	outline: 0;
	padding: 0px;
	}
.menu li li a:focus, .menu li li a:hover, .menu li li a:active {
	background:	#DDDDDD;
	color: #333333;
	outline: 0;
	}
	
/*** VERTICAL STYLE  **/
	
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left: 170px; /* match ul width */
	top: 0;
	z-index: 99;
	}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
	}

/*** ARROWS **/

.menu a.sf-with-ul {
	padding-right: 10px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
	}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 10px;
	top: 16px; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: -9999px;
	overflow: hidden;
	background:	url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 8px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}
/* point right for anchors in subs */
.menu ul ul .sf-sub-indicator, ul.menu ul .sf-sub-indicator { 
	background-position:  -10px 0; 
	}
.menu ul ul a > .sf-sub-indicator, ul.menu ul a > .sf-sub-indicator { 
	top: 7px;
	background-position:  0 0; 
	}
/* apply hovers to modern browsers */
.menu ul ul a:focus > .sf-sub-indicator,
.menu ul ul a:hover > .sf-sub-indicator,
.menu ul ul a:active > .sf-sub-indicator,
.menu ul ul li:hover > a > .sf-sub-indicator,
.menu ul ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
/*** shadows for all but IE6 ***/
.sf-shadow ul ul {
	background:	none;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
	}
	

/* Tabs in page Conferences */

#vtab {
    margin: auto;
    width: 100%;
    height: 100%;
}
#vtab > ul > li {
	width: 110px;
	height: 110px;
	background-color: #fff !important;
	list-style-type: none;
	display: block;
	text-align: center;
	margin: auto;
	padding-bottom: 10px;
	border: 1px solid #fff;
	position: relative;
	border-right: none;
	opacity: .3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	font-size: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: middle;
}
#vtab > ul > li.selected {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    border: 1px solid #ddd;
    border-right: none;
    z-index: 10;
    background-color: #fafafa !important;
    position: relative;
}
#vtab > ul {
    float: left;
    width: 110px;
    text-align: left;
    display: block;
    margin: auto 0;
    padding: 0;
    position: relative;
    top: 30px;
}
#vtab > div {
    background-color: #fafafa;
    margin-left: 110px;
    border: 1px solid #ddd;
    min-height: 500px;
    padding: 12px;
    position: relative;
    z-index: 9;
    -moz-border-radius: 20px;
}
#vtab > div > h4 {
    color: #800;
    font-size: 1.2em;
    border-bottom: 1px dotted #800;
    padding-top: 5px;
    margin-top: 0;
}

/* Additional styles in page Conferences */
.view {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	text-align: left;
}
.titlePres {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
}
.resLink {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	text-decoration: none;
}
.presText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* radio box */
.radio {
	border: 2px dotted #36F;
	width: 80%;
	background-color: #C8E3FF;
	font-size: 0.95em;
	padding: 7px;
	margin-top: 20px;
	line-height: 1.5em;
	height: 100%;
}