/* Default styles */
@import "reset.css";

html,
body {
	color: #14181d;
	font-family: Arial, Helvetica, sans-serif;
	font-size:79%;
	margin:0;
	padding:0;
	height:100%;
}

a {
	text-decoration:none;
	outline:none;
	line-height: auto;
}

#wrapper {
	min-height:100%;
	min-width: 1000px;
	position:relative;
}

#content {
	position:relative;
	margin:0 auto;
	width:1000px;
	padding:0;
}

#bg {
	position:fixed;
	width:100%;
	min-width: 1000px;
	overflow:hidden;
	top:0;
	z-index:-5;
	min-height:100%;
}

.readmore {
	color: #086d98;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 5px;
}

.clear {
    clear: both;
}


/*-------------------------------------------------------------------------------------------*/
/* MASTHEAD */
/*-------------------------------------------------------------------------------------------*/


#header {
	background: #191c23 url('images/header_bg.png') repeat-x top left;
	width:100%;
	height:94px;
}

#navHeader {
	margin: 0 auto;
	width:1000px;
	height:94px;
}

#nav {
	display:inline;
	margin:0;
	padding: 0;
	list-style: none; 
	font-weight:bold;
}

#nav li {
	float: left; 
}

#nav li a {
		display: block;
		padding: 41px 70px 41px 0;
		text-decoration: none;
		font-size: 1.4em;
		color: #fff;
}

#nav li a:hover {
		color: #00aeef;
}

h1 {
	float:left;
	text-decoration:none;
	border:0;
	width: 242px;
	height: 54px;
	margin: 20px 61px 0 23px;
	padding:0;
	display: inline;
	background: url('images/echonest_logo.gif') no-repeat 0 0;
}
 
h1 a {
	display : block;
	height : 54px;
	text-indent : -9999px; 
}

#navHeader a.devLink {
    padding:32px 0 0 0;
	float:left;
}



/*-------------------------------------------------------------------------------------------*/
/* CONTENT */
/*-------------------------------------------------------------------------------------------*/

#headline {
	padding:23px 0;
}

img.hRule {
	padding:12px 0 8px 0;	
}

img.padBottom {
	padding: 0 0 30px 0;
}

img.sliderule {
	padding:12px 0 8px 0;	
}

h2.home {
	color:#23252f;
	font-size:3.3em;
	line-height:1;
	text-align:center;
	margin-bottom: 5px;
}

#headline h3.homeby {
    text-align: center;
    font-size: 2em;
}

.moreapps {
	display: block;
	padding: 0;
	float: left;
	width: 100%;
	background: #f0f0f1;
	color: #086d98;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	clear:both;
}

a.moreapps {
	padding: 8px 0 6px 0;
}

a.moreapps:hover {
	color: #00aeef;
}

.moreapps ul {
	margin: 0 auto;
}

.moreapps ul li {
	display: inline-block;
	font-size: 14px;
	padding: 8px 8px 6px 8px;
}

.ie6 .moreapps ul li, .ie7 .moreapps ul li, .ie8 .moreapps ul li {
	display: inline;
}

.moreapps ul li.current {
	background: #fcfcfc;
}

.moreapps ul li.current a {
	color: #086d98;
	font-weight: bold;
}

.moreapps ul li.next a, .moreapps ul li.prev a {
	font-weight: bold;
	color: #086d98;
}

.moreapps ul li.next a {
	padding-right: 12px;
	background: url(images/bluearr-right.gif) right center no-repeat;
}

.moreapps ul li.next a:hover {
	background: url(images/bluearr-right_hov.gif) right center no-repeat;
}

.moreapps ul li.next a.disabled {
	color: #6b6b6b;
	background: url(images/greyarr-right.gif) right center no-repeat;
}

.moreapps ul li.prev a {
	padding-left: 12px;
	background: url(images/bluearr-left.gif) left center no-repeat;
}

.moreapps ul li.prev a:hover {
	background: url(images/bluearr-left_hov.gif) left center no-repeat;
}

.moreapps ul li.prev a.disabled {
	color: #6b6b6b;
	background: url(images/greyarr-left.gif) left center no-repeat;
}

.moreapps ul li a {
	color: #777;
	display: inline-block;
	font-weight: normal;
}

.moreapps ul li a:hover {
	color: #00aeef;
}

.moreapps span {
	background: url(images/bluearr-right.gif) right center no-repeat;
	padding-right: 10px;
}

a.moreapps:hover span {
	background: url(images/bluearr-right_hov.gif) right center no-repeat;
}


#belowFold {
	padding:35px 10px 50px 10px;	
	width: 980px;
	float:left;
	background: #fefefe; /* IE */
	background: rgba(255,255,255,.9); /* Firefox pre 3.6, Safari pre April 2008 */
	background: -webkit-gradient(
		linear, 
		0% 70%, 
		0% 100%, 
		from(rgba(255,255,255,.95)), 
		to(rgba(220,220,220,.7))); /* Modern WebKit */
	background: -moz-linear-gradient(
		top, 
		white,
		rgba(255,255,255,.95) 60%, 
		rgba(230,230,230,.7)
	); /* Firefox 3.6 and up */
}

#belowFold .subFoldLeft {
	float: left;
	width: 645px;
}

#belowFold .subFoldRight {
	float: right;
	width: 313px;
}

#pageBottom {
	float: left;
	width: 100%;
	padding: 50px 0 0 0; 
	display: block;
	clear: both;
}

#news {
	display:inline;
	min-height:400px;
}

#signUp {
	display:inline;
	min-height:400px;
}

#signUp .content p, #news .content p {
	clear: both;
	font-size: 12px;
	line-height: 18px;
	color: #444;
	padding: 7px 0;
}

#signUp .signupbutton {
	margin-top: 10px;
	display: block;
	width: 126px;
	height: 33px;
	border: 1px solid #c2c8cb;

	background: url('images/button_bg.gif') left top repeat-x;
	background: rgba(255,255,255,.9); /* Firefox pre 3.6, Safari pre April 2008 */
	background: -webkit-gradient(
		linear, 
		0% 0%, 
		0% 100%, 
		from(rgba(255,255,255,.95)), 
		to(rgba(220,220,220,.7))); /* Modern WebKit */	
	background: -moz-linear-gradient(
		top, 
		white,
		rgba(255,255,255,.9), 
		rgba(230,230,230,.7)
	); /* Firefor 3.6 and up */
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-transition: -webkit-box-shadow .2s linear;
    -moz-transition: -moz-box-shadow linear .2s;
}	

#signUp .signupbutton:hover {
	-webkit-box-shadow: rgba(82, 168, 236, .5) 0px 0px 5px;
	-moz-box-shadow: rgba(82, 168, 236, .5) 0px 0px 5px;
	box-shadow: rgba(82, 168, 236, .5) 0px 0px 5px;
	-webkit-transition: -webkit-box-shadow .2s linear;
	-moz-transition: -moz-box-shadow linear .2s;
}

#signUp .signupbutton span {
	display: block;
	width: 105px;
	text-align: center;
	height: 25px;
	padding: 8px 21px 0 0;
	font-size: 18px;
	color: #555;
	-webkit-text-stroke: .1px;
	text-shadow: 0 1px 1px #fff;
	
	background-image: url('images/signup-icon.gif');
	background-position: 98px center;
	background-repeat: no-repeat;
}

.ie6 #signUp .signupbutton, .ie7 #signUp .signupbutton, .ie8 #signUp .signupbutton {
	border: none;
	background: url('images/signup.gif') left top no-repeat;
}

.ie6 #signUp .signupbutton span, .ie7 #signUp .signupbutton span, .ie8 #signUp .signupbutton span {
	display: none;
}

#news .content p a {
	color: #086d98;
}

#news .content p a:hover {
	color: #00aeef;
}

#news .content, #signUp .content {
	padding: 10px 14px;
}

#signUp .content {
	padding: 5px 15px 10px 15px;
}

#news .content .logo_area {
    float: left;
    height: 76px;
    line-height: 76px;
}

#news .content .date {
	float: left;
	padding: 20px 10px 0 10px;
	color: #5a646a;
}

#news .content .date span {
	display: block;
	text-align: center;
	font-weight: bold;
}

#news .content .date span.month {
	font-size: 13px;
}

#news .content .date span.day {
	font-size: 26px;
}

#news .content .hgroup {
	float: left;
	padding: 3px 0 0 50px;
	background: url('images/brace-divider.gif') left top no-repeat;
	min-height: 80px;
	max-width: 300px;
}

#news .content .hgroup h4 {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0;
}

#news .content .hgroup h4 a {
	color: #086d98;
	font-weight: bold;
}

#news .content .hgroup h4 a:hover {
	color: #00aeef;
}

#news .content .hgroup h5 {
	font-size: 14px;
	color: #444;
	padding: 10px 0;
	font-weight: normal;
}

#bottomnav {
	padding: 0 0 0 14px;
	width: 645px;
	float: left;
}

#bottomnav li {
	float: left;
	width: 25%;
}

#bottomnav li h4, #twitter h4 {
	text-transform: uppercase;
	font-size: 14px;
	color: #333;
	padding: 0 0 20px 0;
}

#bottomnav li h4 a, #twitter a {
	color: #086d98;
}

#twitter a:hover {
	color: #00aeef;
}

#bottomnav li ul li {
	float: none;
	padding: 3px 0;
	width: 100%;
}

#bottomnav li ul li a {
	font-size: 12px;
	color: #444;
}

#bottomnav li ul li a:hover {
	text-decoration: underline;
}

#twitter {
	width: 313px;
	float: right;
}

#twitter ul {
	background: #f9f9f9;
	border: 1px solid #c6c7c8;
	padding: 10px 10px 0 10px;
	margin: 0 15px 0 0;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#twitter ul li {
	padding-bottom: 10px;
}

#twitter ul blockquote p {
	font-size: 12px;
	line-height: 18px;
	color: #444;
	overflow-x: hidden;
}

#twitter .speecharrow {
	background: url('images/speech-arrow.gif') left top no-repeat;
	height: 25px;
	width: 25px;
	margin: -1px 0 0 20px;
	display: block;
}

#belowFold h3 {
	padding: 2px 14px 8px 14px;
	margin: 0 0 15px 0;
	color:#086d98;
	font-size:1.9em;
	display: block;
	letter-spacing:.02em;
	font-weight:bold;
	text-transform:uppercase;
	background: url('images/headline-border.gif') left bottom repeat-x;
}

#platform #main .pagetop,
#company #main .pagetop,
#blog #main .pagetop {
	padding: 40px 22px 0 22px;
}

#platform #main h3,
#company #main h3,
#blog #main h3 {
	font-size: 25px;
	padding: 10px 0;
	float: left;
}

#platform #main h4,
#company #main h4,
#blog #main h4 {
	font-size: 16px;
	line-height: 20px;
	padding-top: 10px;
}

#platform #main .pagetop .header,
#company #main .pagetop .header,
#blog #main .pagetop .header {
	float: left;
	width: 100%;
	border-bottom: 1px solid #929293;
}

#platform #main .pagetop .searchbox,
#company #main .pagetop .searchbox,
#blog #main .pagetop .searchbox {
	background: url(images/search_border.gif) left top repeat-y;
	float: right;
	height: 20px;
	padding: 10px 0 15px 50px;
	display: block;
	width: 250px;
}

#platform #main .pagetop .searchbox #search,
#company #main .pagetop .searchbox #search {
	border: 1px solid #bbb;
	color: #999;
	padding: 2px 0 2px 10px;
	background: #fff;
	font-size: 10px;
}

#platform #main .pagetop #searchbutton,
#company #main .pagetop #searchbutton {
	background: url(images/searchbutton.gif) right center no-repeat;
	border: none;
	outline: none;
	margin: 5px 0 0 0;
	padding: 0 10px 0 5px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #6b6b6b;
}

#platform #main .pagetop #searchbutton:active,
#company #main .pagetop #searchbutton:active {
	outline: none;
}

#platform #main .content,
#company #main .content,
#blog #main .content {
	border-top: 1px solid #fff;
	clear: both;
	padding-top: 5px;
}

#main .content p,
#main .content ol,
#company #main .content ul,
#blog #main .content ul {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	padding: 5px 0;
}

#main .content ol,
#blog .content ol {
    list-style-type: decimal;
    padding: 5px 20px;
}

#company #main .content ul,
#blog #main .content ul {
    list-style-type: disc;
    padding: 5px 20px;
}

#main .content table.contact {
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

#main .content table.contact tr td {
    padding-right: 20px;
    padding-bottom: 5px;
}


#platform #main .content .datagrid {
	padding: 20px 0 30px 0;
	margin-left: 0;
	float: left;
	width: 100%;
}

#platform #main .content .datagrid li {
	float: left;
	width: 32%;
	padding-right: 1%;
}

#platform #main .content .datagrid li h4 {
	font-size: 1.9em;
	color:#086d98;
	text-transform: uppercase;
	padding-bottom: 10px;
}

#platform #main .content .datagrid li ul li {
	width: 44%;
	margin: 3px 0;
	padding: 3px 0 2px 3% !important;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 20px;
	height: auto;
	border-left: 2px solid #4295bc;
	color: #23252e;
	height: auto;
	background: url(images/li_bg.png) left top repeat-y;
	background: rgba(255,255,255,.95); /* Firefox pre 3.6, Safari pre April 2008 */
	background: -webkit-gradient(
		linear, 
		10% 0,
		80% 0,  
		from(rgba(180,180,180,.35)), 
		to(rgba(220,220,220,.0))); /* Modern WebKit */
	background: -moz-linear-gradient(
		left, 
		rgba(180,180,180,.35) 10%, 
		rgba(220,220,220,.0)
	); /* Firefor 3.6 and up */
}

#platform #main .content .datagrid li ul li p {
	line-height: 15px;
	padding: 1px 0 3px 0;
	margin: 0;
	display: block;
}

#platform #main .content .datagrid li ul li small {
	font-size: 11px;
	line-height: 14px;
	display: block;
	padding: 0 0 3px 0;
	margin: 0;
	color: #525355;
}

/*HOW IT WORKS data list*/
#platform #main .content .howGrid {
	padding: 20px 0 30px 0;
	margin-left: 0;
	float: left;
	width: 100%;
}

#platform #main .content .howGrid li {
	float: left;
	width: 32%;
	padding-right: 1%;

}

#platform #main .content .howGridSplit li {
	width: 49%;

}

#platform #main .content .howGrid li h4 {
	font-size: 1.9em;
	color:#086d98;
	text-transform: uppercase;
	padding-bottom: 10px;
}

#platform #main .content .howGrid li ul li {
	width: 88%;
	margin: 3px 0;
	padding: 3px 0 2px 3% !important;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 20px;
	height: auto;
	border-left: 2px solid #4295bc;
	color: #23252e;
	height: auto;
	background: url(images/li_bg.png) left top repeat-y;
	background: rgba(255,255,255,.95); /* Firefox pre 3.6, Safari pre April 2008 */
	background: -webkit-gradient(
		linear, 
		10% 0,
		80% 0,  
		from(rgba(180,180,180,.35)), 
		to(rgba(220,220,220,.0))); /* Modern WebKit */
	background: -moz-linear-gradient(
		left, 
		rgba(180,180,180,.35) 10%, 
		rgba(220,220,220,.0)
	); /* Firefor 3.6 and up */
}

#platform #main .content .howGrid li ul li p {
	font-size: 14px;
	line-height: 16px;
	padding: 1px 0 3px 0;
	margin: 0;
	display: block;
}

#platform #main .content h3,
#company #main .content h3,
#company #blog .content h3 {
	display: block;
	width: 100%;
	padding: 10px 0;
}

#main .content .features {
	padding: 20px 0 20px 0;
	float: left;
	width: 985px;
	position: relative;
	z-index: 2;
}

#main .content .features li {
	width: 33%;
	padding-bottom: 12px;
	margin-bottom: 20px;
	float: left;
	background: url(images/shadow.png) 5px bottom no-repeat;
}

.ie6 #main .content .features li {
	background: url(images/shadow.gif) 5px bottom no-repeat;
}

#main .content .features .details {
	width: 280px;
	padding: 10px;
	background: #fff;
	border: 1px solid #a8a8a8;	
}

#main .content .features li a.slide {
	border: 1px solid #cfcfcf;
	display: block;
	height: 160px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

#main .content .features li a.slide .viewapp {
	display: block;
	cursor: pointer;
	background: #111 url(images/viewapp.png) center center no-repeat;
	background: rgba(0,0,0,.8) url(images/viewapp.png) center center no-repeat;
	height: 160px;
	width: 278px;
	top: 0;
	left: 0;
	position: absolute;
	clear: both;
}

#main .content .features h5 {
	padding: 8px 0;
	font-size: 14px;
	max-width: 300px;
}

#main .content .features h5 a {
	color: #086d98;
}

#main .content .features h5 a:hover {
	color: #00aeef;
	text-decoration: none;
}

#main .content .features li p {
	font-size: 10px;
	line-height: 12px;
	padding: 1px 0;
	max-width: 300px;
}

#content .notabs {
	clear: both;
	float: left;
	width: 100%;
	/*padding: 30px 0 5px 0;*/
	background: url(images/tabs_bg.gif) left bottom repeat-x;
	border-bottom: 1px solid #0b79a6;
}

#content .tabs {
	clear: both;
	float: left;
	width: 100%;
	padding: 30px 0 5px 0;
	background: url(images/tabs_bg.gif) left bottom repeat-x;
	border-bottom: 1px solid #0b79a6;
}

#content .tabs li {
	float: left;
	font-weight: bold;
	font-size: 14px;
	border-right: 1px solid #2d2f39;
	background: url(images/tab_bg.gif) left top repeat-x;
	padding: 10px 24px;
}

#content .tabs li a {
	color: #fff;
}

#content .tabs li a:hover {
	color: #00a5eb;
}

#content .tabs li.active {
	background: url(images/tab-active.gif) left top repeat-x;
	border: none;
	padding-right: 25px;
}

#content .tabs li.active a:hover {
	color: #fff;
}

/*-------------------------------------------------------------------------------------------*/
/* SLIDER */
/*-------------------------------------------------------------------------------------------*/

.container {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	position:relative;
	}

#main {
    clear: both;
	padding: 0;
	background: #f0f0f0;
}

#main a {
	color: #0a6d97;
	text-decoration:none;
	font-weight:bold;
	}
	
#main a:hover {
	color: #00a5eb;
	font-weight:bold;
	}


/*--Main Image Preview--*/
.main_image {
	width: 678px; 
	height: 510px;
	float: left;
	background: #191c23;
	position: relative;
	overflow: hidden;
	color: #fff;
	}

.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	
	padding: 23px 10px 6px 24px;
	}

.main_image p {
	font-size: 1.2em;
	padding: 10px 10px 23px 24px;
	margin: 0;
	line-height: 1.6em;
	}

.main_image .block small {
    line-height: 1.3em;
	margin-left: 24px;
	font-size: 1.1em;
	}

.main_image .block .author { 
	font-weight:bold;
	}
	
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
	}

.main_image .block{
	width: 100%;
	background: #000;
	border-top: 1px solid #000;
	}

.main_image a.collapse {
	background: url('images/slider/btn_collapse.gif') no-repeat left top;
	height: 27px; width: 93px;
	overflow: hidden;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
	}
	
.main_image a.show {
	background-position: left -27px;
	overflow: hidden;
	height: 27px;
} 

.image_thumb {
	float: left;
	width: 320px;
	background: #f0f0f0;
	}
.image_thumb img {
	border: 1px solid #cfd0d1; 
	padding: 5px; 
	background: #fff; 
	float: left;
	}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
	}
.image_thumb ul li{
	margin: 0; 
	padding: 0;
	background: #000 url('images/slider/nav_a.gif') repeat-x;
	width: 322px;
	height:85px;
	overflow: hidden;
	float: left;
	}
.image_thumb ul li.hover {
	background: #878e93 url('images/slider/nav_hover.gif') repeat-x;
	cursor: pointer;
	}
.image_thumb ul li.active {
	background: #00a5eb url('images/slider/nav_active.gif') repeat-x;
	cursor: default;
	}
html .image_thumb ul li h2 {
	font-size: 1.4em; 
	margin: 17px 0 5px 0; 
	padding: 0;
	}
.image_thumb ul li .block {
	float: left; 
	margin-left: 15px;
	padding: 0;
	width: 200px;
	}	
.image_thumb ul li p{display: none;}

.image_thumb small { 
	padding: 0 0 0 0; 
	font-size: 1.1em; 
	line-height:1.2;
	color: #333;
	}

.image_thumb .author { 
	font-weight:bold;
	}

#platform #main,
#company #main, 
#blog #main {
	background: #fefefe url(images/main_bg.png) left top repeat-x;
	background: -webkit-gradient(
		linear, 
		0% 40%,
		0% 10%,  
		from(rgba(255,255,255,.97)), 
		to(rgba(220,220,220,.85))); /* Modern WebKit */
	background: -moz-linear-gradient(
		top, 
		rgba(230,230,230,.85),
		rgba(255,255,255,.97) 40% 
	); /* Firefox 3.6 and up */
}

/*-------------------------------------------------------------------------------------------*/
/* BASE FOOTER */
/*-------------------------------------------------------------------------------------------*/

#footer {
    clear: both;
	width:100%;
	height:157px;   /* Height of the footer */
	background: #22252e url('images/footer_bg.png') repeat-x top left;
}

.baseInner {
    background:url('images/logomark.png') no-repeat top left;
	margin: 0 auto;
	width:977px;
 	height:157px;
	color: #b6babd;
	font-size:1.2em;
}

.baseInner a:link, .baseInner a:visited {
	color:#b6babd;	
}

.baseInner a:hover, .baseInner a:active  {
	color:#fff;	
}

.baseInner p.left{
    padding:20px 0 0 14px;
	text-align:left;
	float:left;
}

.baseInner a.right {
    padding:20px 14px 0 0;
	text-align:right;
	float:right;
}

.pipe {
	padding:0 8px;
}

.ie6 #wrapper {
	background-color: #bdc1c4;
}

.ie6 #bg {
	position:absolute;
    bottom:0;
	left: 0;
}

img.centered {
    border: 1px solid #cfd0d1;
    display: block;
    margin: 0 auto;
}

.showcase_detail_left {
    float: left;
    width: 500px;
    padding: 20px 0;
}

.showcase_detail_right {
    float: right;
    width: 413px;
    text-align: right;
    padding: 20px 0;
}

#stats,
.showcase_detail_left h2 {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	padding: 5px 0;
}

.sub_press {
    width: 450px;
    float: left;
    margin-right: 20px;
}

#clips li {
    clear: right;
    list-style: none;
    margin: 6px 0 0;
    padding: 12px 0 0;
}

#clips a {
    display: block;
}

#clips.wps a {
    display: inline;
}

#clips li .headline,
.wps li {
    font-size: 16px;
}

#clips li .headline img {
    float: right;
    margin: 6px 0 0 12px;
}

#clips li .date {
    /*color: #AEB0B3;*/
    color: #777;
}

#clips.wps {
    margin-bottom: 15px;
}

#clips.wps li{
    margin-top: 0;
}

#company #main .content ul#events {
    list-style-type: none;
    padding: 0;
}

#company #main .content ul#events h4 {
    padding: 5px 0;
}

#events li {
    margin: 0 0 15px 0;
    float: left;
    clear: right;
}

#events li .ev_left {
    float: left;
    width: 250px;
    margin: 0 16px 0 0;
}

#events li .ev_right {
    float: left;
    width: 650px;
}

img.bio {
    float: left;
    width: 100px;
    height: 150px;
    margin: 0 12px 6px 0;
}

#signup fieldset {
	padding: 10px;
}

#signup label {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 3px;
}

#signup label input,
#signup label textarea {
	display: block;
	margin: 1px 0 1em;
}

#signup label span {
	font-size: 10px;
	font-style: italic;
}

#signup label input {
	width: 300px;
}

#signup label .inputsubmit {
	width: 200px;
}

#signup label input.inputcheckbox {
	display: inline;
	width: auto;
}

#signup label textarea {
	height: 150px;
	width: 400px;
}

#signup p.alert {
    color: #D8000C;
}

.content blockquote {
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 3px;
}

#blog .twtr-hd h3 {
    text-transform: none;
}

#blog #twitter h4 {
	text-transform: none;
}

#blog #blog_left {
    float: left;
    width: 650px;
    padding: 20px 0;
}

#blog #blog_right {
    float: right;
    width: 280px;
    padding: 20px 0;
}

#blog #blog_left div.post {
	clear: right;
	margin-bottom: 25px;
}

#blog #blog_left div.post h4 {
    padding-bottom: 10px;
}

#blog #blog_left div.post h3 {
	display: block;
	width: 100%;
	padding: 10px 0;
}

#blog #blog_left div.link a {
	padding: 10px 0;
	font-size: 16px;
	clear: both;
	width:100%;
}

#blog #blog_left div.regular {
	font-size: 12px;
	line-height: 17px;
}

#blog #blog_left div.regular h4 {
	font-size: 10.5pt;
	margin-bottom: 0.35em;
}

#blog #blog_left div.regular blockquote {
	font-style: italic;
}

#blog #blog_left div.photo {
	text-align: center;
}

#blog #blog_left div.photo img {
	border: 4px solid #F5F6F6;
}

#blog #blog_left div.photo div.caption {
	font-size: 11px;
	margin-top: 5px;
}

#blog #blog_left div.quote {
	clear: right;
}

#blog #blog_left div.quote span.quote {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -1px;
}

#blog #blog_left div.quote span.quote big.quote {
	font: bold 58px Georgia, serif;
	line-height: 8px;
	vertical-align: -20px;
}

#blog #blog_left div.quote span.source {
	font-size: 16px;
	font-weight: Bold;
	letter-spacing: -1px;
}

#blog #blog_left div.link span.description {
	display: block;
	font-size: 12px;
	margin-left: 10px;
}

#blog #blog_left div.link span.description a {
	padding: 0;
	font-size: inherit;
	clear:none;
	width: auto;
}

#blog #blog_left div.conversation {
	clear: right;
	padding-top: 2px;
}

#blog #blog_left div.conversation ul {
	list-style-type: none;
	border-left: solid 5px #F5F6F6;
}

#blog #blog_left div.conversation ul li {
	border-bottom: solid 1px #F5F6F6;
	font-size: 12px;
	padding: 4px 0px 4px 8px;
}

#blog #blog_left div.conversation ul li span.label {
	font-weight: bold;
}

#blog #blog_left div.video {
	width: 500px;
	margin: auto;
}

#blog #blog_left div.video div.caption {
	font-size: 11px;
	margin-top: 5px;
}

#blog #blog_left div.audio {
	width: 500px;
	margin-left: 20px;
}

#blog #blog_left div.audio div.caption {
	font-size: 11px;
	margin-top: 5px;
}

#blog #blog_left #pages {
	font-style: italic;
}