/*  
Theme Name: Mesh
Version: v2
Author: Jeff Sarmiento
Author URI: http://jeffsarmiento.com/
*/

body {
	background-color: #ccc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #777;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
a:link, a:visited, a:active {
	color: #222;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
form {
	margin: 0;
	padding: 0;
}
input, textarea {
	font-family: Helvetica, Arial, sans-serif;
	padding: 5px;
}
.container {
	width: 960px;
	margin: 0 auto;
}
#main {
	background-color: #fff;
	padding: 0 10px 30px 30px;
}
#main.blog_pad {
	padding-left: 0;
}
#main_content {
	width: 500px;
	float: left;
	margin-right: 20px;
	padding-top: 30px;
}
#main_content.main_home {
	width: 710px;
}
#main_content.main_blog {
	width: 530px;
}
#sidebar {
	font-size: 9pt;
	float: left;
	padding-top: 20px;
}
#sidebar .sidebar_top {
	background-image: url(images/sidebar-top.gif);
	background-repeat: no-repeat;
	height: 25px;
}
#sidebar .sidebar_tile {
	background-image: url(images/sidebar-tile.gif);
	background-repeat: repeat-y;
}
#sidebar .sidebar_bot {
	background-image: url(images/sidebar-bot.gif);
	background-repeat: no-repeat;
	height: 30px;
}
#col_recent {
	width: 190px;
	padding-left: 20px;
	float: left;
}
#col_sponsors {
	width: 160px;
	padding-left: 20px;
	float: left;
}
#col_sponsors img {
}
.clearb {
	clear: both;
}
h1, h2, h3, h4 {
	font-family: Georgia, "Palatino Linotype", Palatino, serif;
	font-weight: normal;
	line-height: normal;
	letter-spacing: -1px;
	padding: 0;
}
h1 {
	font-size: 34pt;
	line-height: 1.3em;
	letter-spacing: -2px;
	margin: 0 0 14px 0;
}
h2 {
	font-size: 21pt;
	/*color: #3b8135;*/
	color: #000000;
	margin: 0 0 14px 0;
	line-height: 1em;
}
h3 {
	font-size: 16pt;
	color: #48b040;
	line-height: .9em;
	margin: 0 0 4px 0;
}
h4 {
	font-size: 13pt;
	color: #333;
	margin: 0 0 4px 0;
}
p {
	padding: 0;
	margin: 0 0 1.2em 0;
}
.hl {
	background-color: #ff9;
	padding: 1px;
}

#top {
	background-image: url(images/skyline.gif);
	width: 960px;
	height: 270px;
	position: relative;
}

/* navigation links */
ul#nav {
	margin: 0;
	padding: 19px 0 0 0;
}
ul#nav li {
	list-style: none;
	float: left;
	margin-right: 2px;
}
ul#nav a {
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
	display: block;	
	float: left;
	padding: 12px 0 0 5px;
}
ul#nav a:hover {
	text-decoration: underline;
}
ul#nav li.page121 a,
ul#nav li.page125 a,
ul#nav li.page120 a,
ul#nav li.page126 a,
ul#nav li.page221 a,
ul#nav li.page292 a,
ul#nav li.page345 a, /* sponsorship */
ul#nav li.page_jobs a,
ul#nav li.page_media a {
	background-image: url(images/navbg-right.gif);
	background-attachment: scroll;
	background-position: right top;
	background-repeat: no-repeat;
	font-family: Georgia, "Palatino Linotype", Palatino, serif;
	font-size: 14pt;
	letter-spacing: -1px;
	color: #fff;
	height: 39px;
	padding: 0 11px 0 0;
}
ul#nav li.page121 a span,
ul#nav li.page125 a span,
ul#nav li.page120 a span,
ul#nav li.page126 a span,
ul#nav li.page221 a span,
ul#nav li.page292 a span,
ul#nav li.page345 a span,
ul#nav li.page_jobs a span,
ul#nav li.page_media a span {
	background-image: url(images/navbg-left.gif);
	background-repeat: no-repeat;
	display: block;
	height: 39px;
	line-height: 33px;
	float: left;
	padding: 0 3px 0 14px;
}

ul#nav li.page121 a { background-position: right -78px; }
ul#nav li.page121 a span { background-position: left -78px; }

ul#nav li.page125 a, ul#nav li.page_jobs a { background-position: right -39px; }
ul#nav li.page125 a span, ul#nav li.page_jobs a span { background-position: left -39px; }

ul#nav li.page120 a, ul#nav li.page_media a { background-position: right 0px; }
ul#nav li.page120 a span, ul#nav li.page_media a span { background-position: left 0px; }

ul#nav li.page126 a { background-position: right -117px; }
ul#nav li.page126 a span { background-position: left -117px; }

ul#nav li.page221 a { background-position: right -78px; }
ul#nav li.page221 a span { background-position: left -78px; }

ul#nav li.page292 a { background-position: right -78px; }
ul#nav li.page292 a span { background-position: left -78px; }

ul#nav li.page345 a { background-position: right -78px; }
ul#nav li.page345 a span { background-position: left -78px; }

ul#nav li a span span.nav_on {
	background-position: bottom;
	padding: 0;
}
ul#nav li.page121 a span span.nav_on { background-image: url(images/nav-arrowgreen.gif); }
ul#nav li.page125 a span span.nav_on,
ul#nav li.page_jobs a span span.nav_on {
	background-image: url(images/nav-arrowred.gif);
}
ul#nav li.page120 a span span.nav_on { background-image: url(images/nav-arrowblue.gif); }
ul#nav li.page126 a span span.nav_on { background-image: url(images/nav-arroworange.gif); }
ul#nav li.page221 a span span.nav_on,
ul#nav li.page292 a span span.nav_on,
ul#nav li.page345 a span span.nav_on {
	background-image: url(images/nav-arrowgreen.gif);
}

#sub {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	right: 20px;
	bottom: 3px;
}
#sub li {
	float: left;
}
#sub li a {
	font-weight: bold;
	color: #333;
	display: block;
	margin-left: 12px;
	text-decoration: none;
	line-height: 23px;
}
#sub li a:hover {
	text-decoration: underline;
}
#sub li.page_on a {
	text-decoration: underline;
}
.rss {
	vertical-align: middle;
	margin-bottom: 2px;
}



#logo {
	clear: both;
	margin: 0 0 0 10px;
}
#logo img {
	margin-top: 10px;
	float: left;
}
#register {
	position: absolute;
	right: 45px;
	top: 145px;
}

img#meshu {
	position: absolute;
	right: 0;
}


.banner {
	background-image: url(images/banner-green.gif);
	background-repeat: repeat-x;
	background-color: #4cba43;
	font-size: 11pt;
	font-weight: bold;
	line-height: 1.5em;
	color: #fff;
	padding: 30px 30px 0 30px;
	height: 90px;
}

.redbar {
	background-image: url(images/banner-red.gif);
		background-repeat: repeat-x;
	background-color: #ed4234;
}
.orangebar {
	background-repeat: repeat-x;
	background-image: url(images/banner-orange.gif);
	background-color: #f89a2f;
}
.greenbar {
	background-image: url(images/banner-green.gif);
	background-repeat: repeat-x;
	background: #4cba43;
}
.bluebar {
	background-image: url(images/banner-blue.gif);
	background-repeat: repeat-x;
	background-color: #0068b1;
}


.banner img.banner_img {
	vertical-align: middle;
}
.banner.about {
	background-image: url(images/banner-red.gif);
	background-color: #ed4234;
}
.banner.blog {
		background-image: url(images/banner-blue.gif);
		background-repeat: repeat-x;
		background-color: #0068b1;
}
.banner.faq {
	background-image: url(images/banner-orange.gif);
	background-color: #f89a2f;
}
.banner.home {
	background-image: url(images/banner-home.gif);
	background-color: #47a440;
	font-size: 9pt;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 20px;
	height: auto;
}
.banner.home div {
	width: 280px;
	float: left;
	margin-right: 30px;
}
.banner div.clearb {
	width: auto;
	float: none;
}


#footer {
	background-color: #333;
	font-size: 9pt;
	line-height: 1.4em;
	color: #888;
	padding: 20px 30px;
	margin-bottom: 20px;
	clear: both;
}
#footer a {
	color: #888;
}
.foot_right {
}
.foot_bar {
	border-top: 1px solid #444;
	padding-top: 10px;
}
ul#foot_pages {
	margin: 0;
	padding: 0;
}
ul#foot_pages li {
	list-style: none;
	float: left;
	margin-right: 2px;
	margin-bottom: 7px;
}
ul#foot_pages a {
	text-decoration: none;
	color: #ccc;
	line-height: 23px;
	text-decoration: underline;
	display: block;	
	float: left;
	padding-right: 5px;
}
ul#foot_pages a:hover {
	text-decoration: none;
}
.foot_logo {
	background-color: #333;
	font-family: Georgia, "Palatino Linotype", Palatino, serif;
	font-size: 10pt;
	color: #aaa;
	text-align: center;
	float: left;
	padding-right: 20px;

}
.foot_logo img {
	margin-bottom: 7px;
}


.post h2 {
	border-left: 4px solid #1782cd;
	padding: 10px 0 10px 26px;
	margin: 0;
}
.post h2.orange {
	border-color: #f78c13;
}
.post h2.green {
	border-color: #5ac451;
}
.post h2.red {
	border-color: #d32c1e;
}
.post h2 a {
	color: #167bc2;
	text-decoration: none;
}
.post h2 a:hover {
	text-decoration: underline;
}
.post h2.orange a {
	color: #f78c13;
}
.post h2.green a {
	color: #5ac451;
}
.post h2.red a {
	color: #d32c1e;
}
.post_author {
}
.post_content {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.post_content, .post_nextprev, .post_comments {
	margin-left: 30px;
}
.post_nextprev div {
	float: right;
}

#comment_form, #respond {
	padding-left: 35px;
}
#comment_form #author, #comment_form #email, #comment_form #url {
	width: 250px;
}
#comment_form #securitycode {
	width: 125px;
}
#comment_form label {
	display: block;
}
#comment_form p {
	clear: both;
	margin-bottom: 4px;
}
#comment_form #comment {
	width: 450px;
	height: 125px;
}


.comment_top {
	background-image: url(images/comments-topblue.gif);
	background-repeat: no-repeat;
	padding: 8px 0 0px 35px;
}
.comment_top small {
	font-size: 9pt;
}
.comment_top.comment_toporange { background-image: url(images/comments-toporange.gif); }
.comment_top.comment_topgreen { background-image: url(images/comments-topgreen.gif); }
.comment_top.comment_topred { background-image: url(images/comments-topred.gif); }
.comment_bot {
	background-image: url(images/comments-botblue.gif);
	background-repeat: no-repeat;
	height: 9px;
}
.comment_bot.comment_botorange { background-image: url(images/comments-botorange.gif); }
.comment_bot.comment_botgreen { background-image: url(images/comments-botgreen.gif); }
.comment_bot.comment_botred { background-image: url(images/comments-botred.gif); }
.comment_top .comment_author, .comment_top .comment_author a { color: #1577bb; }
.comment_top.comment_toporange .comment_author, .comment_top.comment_toporange .comment_author a { color: #f78c13; }
.comment_top.comment_topgreen .comment_author, .comment_top.comment_topgreen .comment_author a { color: #44a53c; }
.comment_top.comment_topred .comment_author, .comment_top.comment_topred .comment_author a { color: #d32c1e; }


#recent_posts, #recent_comments {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
	line-height: 1.2em;
}
#recent_posts li, #recent_comments li {
	border-bottom: 1px solid #eee;
}
#recent_posts a, #recent_comments a {
	color: #777;
	text-decoration: none;
	display: block;
	padding: 4px 2px;
	width: 100%;
}
#recent_posts a:hover, #recent_comments a:hover {
	background-color: #eee;
}

.keynotes div {
	float: left;
	width: 325px;
	padding: 10px;
	padding-right: 20px;
}
.keynotes h3 a {
	color: #48b040;
	text-decoration: underline;
}
.keynotes h3 a:hover {
	text-decoration: underline;
}
.keynotes img {
	float: left;
	margin: 5px 15px 5px 0;
	border: 4px solid #ccc;
	
}
.keynotes div.red img {
	border: 4px solid #ed4234;
}
.keynotes div.orange img {
	border: 4px solid #f89a2f;
}
.keynotes div.green img {
	border: 4px solid #4cba43;
}
.keynotes div.blue img {
	border: 4px solid #0068b1;
}


#speakers .clearb, .keynotes .clearb {
	float: none;
	margin: 0;
}
.past_keynotes div {
	line-height: 1.2em;
	width: 335px;
	padding-left: 0;
}

#speakers div {
	float: left;
	/*width: 135px;*/
	margin-right:25px;
	text-align: center;
	padding: 5px 0;
/*	margin-bottom: 10px;*/
}
#speakers img, img.speaker_photo {
	border: 5px solid #ccc;
}
img.speaker_photo {
	float: left;
	margin: 0 20px 10px 0;
}
.post img.speaker_photo {
	float: right;
	margin: 0 0 10px 20px;
}
#speakers h3 {
	float: left;
	padding-top: 37px;
	padding-left: 15px;
}


.greyline {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 15px 0;
}



.badge {

}
.badge_code {
	background-color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
	width: 480px;
	height: 40px;
	margin: 10px 0;
}
.connected {
	float: right;
	display: block;
}