/*   

Created by Matthew Buckland. http://www.matthewbuckland.com/
Copyright 2010, using core code from theme IAMWW w2 DnD
Theme Name: IAMWW w2 DnD

*/

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:#005689;text-decoration:none;outline:none;} 
a:hover {background:#f3f3f3;color:#444444;text-decoration:none;outline:0;}
a:visited {text-decoration:none;outline:0;}
a:link h3 {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;}
.attachment-post-thumbnail {float:right; margin-top:3px; margin-left:10px; padding:2px; border: 1px solid #cccccc;}

/*layout*/
#container {width : 1000px;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: 70%;}
#logo h1 a {color:#444444;}
#logo img {padding : 10px;border : none;padding-top : 0;display : block;}
#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: 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: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;font-weight:bold;}
#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;}
#mbtopics_container_tags a {color:#FFFFFF;}
#mbtopics_container_tags a:hover {color:#3c3c3c; padding:1px;}

/*drop-down cats*/
.headright {border-left : 1px solid #fff;float : right; line-height:25px;}
#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;margin-bottom:20px;z-index:801;}
#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 : 650px;float : left;padding : 20px 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 {line-height : 1em; text-transform : uppercase; }
.photo {margin-top:5px;}
div#entries h2 {font-family:Georgia, 'Times New Roman', Times, serif;font-size:36px;margin-bottom : 0.3em;margin-top : 0.3em; line-height:1.3em; font-weight:lighter;}
div#entries h2 a {color:#444444;}
h3 {font-weight : bold;font-size : 14px;text-transform : uppercase;margin-bottom : 0.2em;letter-spacing : 0.2em;color : #34353e;border-bottom : 1px solid silver;}
#entries h3 {clear: both; background-image:url(/img/box.png); background-repeat: no-repeat; padding-left:32px; padding-bottom:3px; border-bottom: 1px dashed silver; font-size: 12px; font-weight: bold; letter-spacing: 0.2em; margin-bottom: 12px; text-transform: uppercase;}
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 : 36px; margin-bottom:10px;}
.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: 580px;}
.post-tags {margin: .25em 0;}
.post-meta2 {font-size: .9em;color: #777;}



#popularposts {float:left;width:275px;padding: 5px;	border: 1px solid #C0C0C0; margin-bottom:11px;height:200px }
div#entries #popularposts h2 {background: #990000 url(/img/mlogo.png) no-repeat;	color: #FFFFFF;	font-size: 13px;	font-family: Arial, Tahoma, Verdana;	font-weight: bold;	text-transform: uppercase;	margin: 0px 0px 5px 0px;	padding: 3px 0px 3px 35px;	border: none; }
#popularposts h2.widgettitle {font-weight : bold;font-size : 1em;text-transform : uppercase;margin-bottom : 0.2em;margin-top : 2.5em;letter-spacing : 0.2em;}

#popularposts li {list-style-type: square;	margin: 0px;	padding: 0px; color: #777; border-bottom: 1px solid #E9E9E9;}
#popularposts h2, #popularposts h4 { background: #990000 url(/img/mlogo.png) no-repeat;	color: #FFFFFF;	font-size: 11px;	font-family: Arial, Tahoma, Verdana;	font-weight: bold;	text-transform: uppercase;	margin: 0px 0px 5px 0px;	padding: 3px 0px 3px 35px;	border: none;	}
#popularposts .widget {	padding: 5px;	border: 1px solid #C0C0C0; margin-bottom:15px;}



/*content_wide*/
#entries_wide {width : 920px;float : left;padding : 20px 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;}


/*sidebar*/
#sidebar h2, #sidebar h4 { background: #990000 url(/img/mlogo.png) no-repeat;	color: #FFFFFF;	font-size: 11px;	font-family: Arial, Tahoma, Verdana;	font-weight: bold;	text-transform: uppercase;	margin: 0px 0px 5px 0px;	padding: 3px 0px 3px 35px;	border: none;	}
#sidebar .widget {	padding: 5px;	border: 1px solid #C0C0C0; margin-bottom:15px;}
#sidebar ul li li {	list-style-type: square;	margin: 0px;	padding: 0px;	}
#sidebar ul li ul li {    color: #C0C0C0;	margin: 0px;	padding: 0px 0px 3px 0px;	padding-bottom: 5px;	padding-top: 5px;}
#sidebar ul {	list-style-type: none;	margin: 0px;	padding: 0px;	}
#sidebar ul li {	border-bottom : 1px solid #E9E9E9;	}
#sidebar ul ul {	list-style-type: none;	margin: 5px 0px 10px 20px;	padding: 0px;	}
#sidebar a, #sidebar a:visited { color: #2255AA; text-decoration: none; }

#sidebar {width : 310px;float : right;font-size : 0.9em;padding : 0 0 25px 0;line-height : 1.5em;margin-top : 1.5em;}
#sidebar img {max-width: 310px;}
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;}
#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 {font-size:9pt; width : 150px;float : left;}
#sidebarright {font-size:9pt; width : 150px;float : right;}
#sidebarright img {max-width: 150px;}
#sidebarleft img {max-width: 150px;}
#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 {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; height:80px;}
.photo { padding:0; border: 1px solid #cccccc; float:left; margin-right:8px; margin-bottom:5px;}
div.bottom-nav {float: left;margin: 1em 0;}
.akpc_report span {display: none;}
#sidebar .akpc_report ol li {padding-top:5px;padding-bottom:5px;}

/*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*/
#unscheduleddiv {background-color:#999999;width:100%;}
#footer {background:#ffffff url(/img/gradient_footer.gif) repeat-x top; clear: both;width : 1000px; font-size : 0.9em;height : auto;text-decoration : none;text-align : center;}
#footer a {color : #990000;text-decoration : none;}
#footerinfo {margin-top:21px; color : black;font-size: .9em;float : left;display : inline;padding : 10px;width : 920px;text-align : left; font-family:georgia;}
#footerinfo h3 {font-weight : lighter;font-size : 22px;margin-bottom : 0.5em; padding-bottom:3px; ; letter-spacing : 0.2em;color : #34353e; border-bottom : 1px solid silver;}
#col1 {float:left; margin-right: 20px;}
#col2 {float:left;padding: 10px 0px 0px 20px; width:205px;}
#col3 {float:left;padding: 10px 0px 0px 20px; width:190px;}
#col4 {float:left;padding: 10px 0px 0px 20px; width:190px;}
.foot {clear: both; text-align : center;font-size : 0.8em;color : #9c9c9c;margin : 10px;padding : 0 0 20px 0;}

/*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;}
.alignleft{float: left;} /* 26072010 change */
img.alignright {float: right;padding: .9em 0 .5em .5em;}
.alignright{float: right;} /* 26072010 change */
.alignright .wp-caption-text{font-size:1.1em; font-style:italic; text-align:center; } /* 26072010 change */
.wp-caption{margin:0 .5em; padding: .5em;} /* 26072010 change */
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;}
img#wpstats{width:0px;height:0px;overflow:hidden}


/* Digg */
#entries .db-container {width:50px;height:50px;background: transparent url(http://imgs.sfgate.com/graphics/article/fb_bg2.gif) no-repeat scroll 0px;margin-top:0px;}
#entries .db-copy {margin-top:1px;font-size:10pt;}
#entries .db-anchor {background: transparent url(http://imgs.sfgate.com/graphics/article/digg.gif) no-repeat scroll;width:50px;display:block;margin-top:10px;height:18px;overflow: hidden; text-indent:-999px;}
#entries .db-count {padding-top:10px;}
#entries .db-wrapper, span.db-wrapper, div#entries .db-container {
    cursor: pointer;
    font-family: Arial;
    color: #554e1b;
    font-size: 15px;
    font-weight: 900;
    line-height: 14px;
    text-align: center;
}
.db-container.db-compact {
    vertical-align:middle;}
.db-containera {
    display: block;
    text-indent: -10000px;
    overflow: hidden;}
.db-container span span span span.db-count {
    padding-top: 4px;
    text-align:center;}
.db-container span span span span.db-copy {
    font-size: 10px;
    line-height: 10px;
    font-weight: 500;
    color: #bba872;
    text-align:center;}
#entries .db-submit .db-count, #entries .db-submit .db-copy, #entries .db-submit .db-anchor {
visibility: visible;}

/*Twitter Buzz*/
.TwitterBox{
	margin: 20px 0;
}
.buzzheader{
	background: url(/img/twitter_search_bg_sun.png) no-repeat;
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:36px;
	font-weight:lighter;
	/*line-height:1.3em;*/
	margin-top:0.3em;
	width:650px;
	height: 76px;
}
.search_bar{
	margin: 10px 0 0 335px;
}
#search_tag{
	background-image: url(/img/twitter_search_tag.png);
	background-color: transparent;
	background-repeat:  no-repeat;
	height: 36px;
	line-height: 36px;
	width: 184px;
	border: none;
	margin: 27px -5px 0 0;
	color: #999999;
	font-family: 'Arial';
	font-size: 12px;
	padding: 0 0 0 5px;
	overflow: hidden;
}

#search_tag_img {
	float:left;
}

#search_submit{
	background: url(/img/twitter_search_submit.png);
	background-color: transparent;
	background-repeat:  no-repeat;
	height: 36px;
	line-height: 36px;
	width: 33px;
	border: none;
	margin: 27px 0 0 0;
	cursor: pointer;
}
.buzzcontent{
	margin: 0;
	padding: 0;
	border-right: 1px solid #DCE3EA;
	border-left: 1px solid #DCE3EA;
}
.buzzfooter{
	margin: 0;
	padding: 0;
	background: url(/img/twitter_search_footer.png) no-repeat;
	width: 650px;
	height: 12px;
}

/* lightbox */
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.50;
	filter: alpha(opacity=80);
}
.white_content {
	/*display: none;*/
	position: fixed;
	top: 10%;
	left: 30%;
	width: 35%;
	height: auto;
	padding: 16px;
	border: 16px solid #900;
	background-color: white;
	z-index:1002;
	overflow: hidden;
	font-family: Arial;
}
.white_content h4 { 
	background: #990000 url(/img/mlogo.png) no-repeat;
	color: #FFFFFF;	font-size: 11px;	
	font-family: Arial, Tahoma, Verdana;	
	font-weight: bold;	
	text-transform: uppercase;	
	margin: 0px 0px 5px;	
	padding: 1px 0px 1px 35px;	
	border: none;	
}
.light_close_button, .light_close_button:hover{
	float: right;
	margin: -18px -16px 0 0;
	cursor: pointer;
	text-decoration: none;
	background: none;	
}
/* Job posts(article form) and spotlight on index and single*/
#job-listings .current_page{font-weight:bold; border:1px solid #ccc; padding:1px 2px 1px 2px}
/* Job loops */
.row {background-color:#ebebeb}
.row, .row-alt {border-bottom:1px solid #ddd;}
.row-spot {background-color:#fffad4; border:1px solid #ddd; margin-top:-1px;}
.row, .row-alt , .row-spot{ padding:5px; width: 638px; height:20px}
.row-info{float:left; height:20px; overflow: hidden; width: 548px;font-size:12px;}
.time-posted {font-size:11px; color:#888888; float:right; padding-right:5px;}
.jobtypeimg {padding: 3px 5px 0 0;}
.jobtypeheadimg {padding: 3px 5px 3px 0;}
.spotlight-image {margin:4px; height:11px; width:77px; float:right; padding-right:5px;}
.spotlighthead{text-align:center; width: 650px; color:#005689;font-weight:bold;letter-spacing:0.2em;text-transform:uppercase;font-size:12px;}
span.la{color:#888}
.jobpost{}
.jobpostleftblock{width: 300px; height: 200px; overflow:hidden; margin: 0 0px 5px 0; float: left;background-color:#ECEFF5; padding: 10px 5px 10px 10px; border:1px dashed silver;}
.jobpostrightblock{width: 300px; height: 200px; overflow:hidden; margin: 0 0 5px 0; float: right;background-color:#ECEFF5; padding: 10px 5px 10px 10px; border:1px dashed silver;}
.jobpostinfo{font-family:Georgia;font-size:16px;font-weight:lighter;line-height:1.3em;margin-bottom:0.3em;margin-top:0.3em;}
.jobpostfooter{margin: 2px 0 15px 0;text-align:center; width: 650px;}
.singlejobpostinfo{font-family:Georgia;font-size:16px;font-weight:lighter;line-height:1.3em;margin-bottom:0.3em;margin-top:0.3em;width: 575px;}
.singlejobpost{background-color:#ECEFF5; padding: 10px 5px 10px 10px; border:1px dashed silver;}
.singlejobhead{font-size: 20px;	}
.jobpostsingleblock{}
.jobpostlogoblock{float:right;height:50px;width: 200px;padding: 15px 5px 0 0;}
.mjlogoimg{}
.singlejobdescription{width: 390px;}
.singlejobfooter{margin: 2px 0 0 0;text-align:center; width: 650px;}
.jobtypesingleheadimg{float:right;padding:8px 10px 0 0;}