/*
Theme Name: MIT $100K Competition
Theme URI: http://mit100k.org/
Description: Created exclusively for MIT $100k Competition.
Version: 1.0
Author: Warehouse Twenty One
Author URI: http://warehousetwentyone.com
*/

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*layout*/
body {font:14px/1.5 "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;background:#000000 url(images/body_bg.png) left top repeat-x;color:#565757;}
a {text-decoration:none;color:#888888;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
#header {height:110px;}
#logo {background:transparent url(images/100k_logo.png) left top no-repeat;margin:12px 0 0 15px;}
#footer {background:#616161 url(images/footer_bg.png) left top repeat-x;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;height:130px;margin-top:10px;color:#c8c8c8;}
#footer_reflect {font-weight:normal; font-size:80%; text-align:center;height:130px;background:#000000 url(images/footer_reflection_bg.png) left top repeat-x;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;margin-top:10px;}
#content {background:#c8c8c8;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;border-radius:0 0 5px 5px;width:940px;overflow:hidden;}

/*misc*/
.logo h2 {position:absolute;height:0;margin-left:-9999px;}
.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:10px}
.noheight {height:0;}

/*search box*/
form#searchform {margin:0 30px 0 0;padding:0 0 0 0;height:24px;width:280px;display:block;background:url(images/search_bar_bg.png) right top no-repeat;}
input#s {margin:3px 2px 0 0;display:block;line-height:normal;float:right;width:137px;background:0;border:0;position:relative;}
input#searchsubmit {float:right;width:26px;height:24px;}
input#search_btn {float:right;width:68px;}



/*main nav*/

#main_nav ul {
	padding: 4px 0 8px 0;
	font-size: 13px;
	text-transform: uppercase;
	line-height: normal;
	position: relative;
	z-index: 1;
}

#main_nav ul li {
	display: inline;
	position: relative;
	z-index:2;
	height:100%;
}

#main_nav ul li a {
	padding: 4px 7px 8px 7px;
	text-decoration: none;
	color: #c8c8c8;
	background:transparent;
}
#main_nav ul li a:hover {
	background:url(images/main_nav_link_marker.gif) left bottom repeat-x;
}
#main_nav li a.current_page_item {
	background: #c8c8c8;
	color: #981b1e;
	padding-bottom: 8px;
}

#main_nav li a.current_page_item span {
	display: none;
}
#main_nav ul li a.current_page_item:hover {
	background:#c8c8c8;
}
/*sub nav - dropdowns*/

#main_nav ul li ul {
	top:0;
	left:0;
	display:none;
	position: absolute;
	width: 182px;
	z-index: 100;
	padding: 0;
	line-height: normal;
}

#main_nav ul li ul span.bubblecontain {
	display: block;
	background: #981b1e url(images/dropdown_bg.png) left -13px no-repeat;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 0 0 5px 5px;
	height: auto;
	margin: 0;
	padding: 10px 0;
}

#main_nav ul li ul span.bubbletop {
	display: block;
	height: 15px;
	margin:0;
	background: transparent url(images/dropdown_bg.png) left top no-repeat;
}

#main_nav ul li ul span.bubblecontain li {
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
	position:static;
}

#main_nav ul li ul span.bubblecontain li a {
	display: block;
	color: #ffffff;
	text-transform: none;
	padding: 5px 0 5px 15px;
	margin:0;
	position: static;
}

#main_nav ul li ul span.bubblecontain li a:hover {
	border: 0;
	background: #a81920;
}

/*banner_image*/
#banner_image {border:10px solid #ffffff;margin-top:10px;width:900px;height:auto;float:left;}
#banner_image img {margin-bottom:0;width:900px;height:auto;float:left;}
/*homepage*/
.homepage_col {float:left;width:360px;margin-left:30px;margin-top:29px;padding:10px;cursor:pointer;background:#c8c8c8;}
.homepage_col a {color:#981b1e;text-decoration:none;}
.homepage_col a:hover {color:#333333;}
.homepage_col h2 {text-transform: uppercase;font-size:18px;color:#333333;line-height:normal;margin-bottom:10px;}
.homepage_col .post-content img.alignright, .homepage_col .post-content img.alignleft, .homepage_col .post-content img {float:left;margin:3px 10px 0 0;border:3px solid #831419;background:#fff;}
.homepage_col .post-content object, .homepage_col .post-content embed {width:360px;height:225px;}
/*sidebar*/
#sidebar {font-weight:normal;font-size:12px;width:220px;float:right;margin-right:20px;}
#sidebar .sub {background:#981b1e url(images/breadcrumb_sidebar_bg.png) left 26px repeat-x;margin-bottom:14px;color:#bcbcbc;}
#sidebar .sub h4 {line-height:normal;padding:5px 0 5px 10px;}
#sidebar .sub ul {padding:10px 0;}
#sidebar .sub ul li {display:block;height:30px;}
#sidebar .sub ul li a {display:block;padding:0 10px;line-height:30px;color:#c8c8c8;}
#sidebar .sub ul li a:hover {background:#a81920;color:#ababab;}

#sidebar .highlights {background:#9e9e9e;}
#sidebar .highlights h4 {background:#545454;color:#9e9e9e;padding:3px 10px;}
#sidebar .highlights dl {padding:10px 20px;line-height:normal;}
#sidebar .highlights dt a {color:#545454;}
#sidebar .highlights dt a:hover {color:#343434;}
#sidebar .highlights .featured {padding-top:20px;}
#sidebar .highlights .featured dt {font-size:14px;background:#9e9e9e;padding:6px;margin-bottom:5px;}
#sidebar .highlights .featured dt a {color:#545454;}
#sidebar .highlights dl dd {margin-bottom:10px;color:#ffffff;}
#sidebar .highlights img {border:3px solid #831419;float:left;margin-right:8px;margin-bottom:8px;}

/*breadcrumb nav*/
#breadcrumb ul.breadcrumb_nav {
	background: #9e9e9e;
	text-align: right;
	font-size: 12px;
	line-height: normal;
	display:block;
	position:relative;
	z-index:0;
	padding:5px 0 5px 0;
}
#breadcrumb ul.breadcrumb_nav li {
	display: inline;
	position:relative;
}
#breadcrumb ul.breadcrumb_nav li a {
	color: #bcbcbc;
	font-weight: normal;
	background: #444545 url(images/breadcrumb_arrow_btn.gif) right 3px no-repeat;
	padding: 5px 35px 5px 8px;
	border-right: 1px solid #585858;
	display: inline;
	height:auto;
	position:relative;
}

#breadcrumb ul.breadcrumb_nav li a:hover {
	background-color: #545454;
	background-position: right -80px;
}

#breadcrumb ul.breadcrumb_nav li ul {
	top:0;
	left:0;margin:0;
	width: 182px;
	text-align: left;
	background-color: #444545;
	position: absolute;
	border-top: 1px solid #585858;
	padding: 5px 0;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 0 0 5px 5px;
}
#breadcrumb ul.breadcrumb_nav li ul li a {
	display: block;
	padding: 5px 10px;
	width: auto;
	background:none;
}

/*main area*/
#homepage_main, #main {background:url(images/main_inside_bg.png) left top repeat-y;position:relative;z-index:0;}
#homepage_main .main_inside {background:transparent url(images/100k_updates_vert_label.png) left top no-repeat;padding-left:30px;}
#main .main_inside {background:transparent url(images/100k_comp_vert_label.png) left top no-repeat;min-height:350px;padding-left:30px;float:left;width:670px;}
#main .main_inside h2 {font-size:18px;color:#333333;margin:5px 0 5px 23px;}
.entry {margin:23px;}
.entry h1 {font-size:22px;color:#333333;text-transform: uppercase;margin-bottom:10px;}
.entry h3 {font-size:18px;color:#333333;margin:5px 0;clear:both;}
.entry h4 {font-size:16px;color:#981b1e;margin:5px 0;clear:both;}
.entry h5 {font-weight:bold;clear:both;}
.entry p {margin-bottom:20px;}
.entry ul, .entry ol {margin-bottom:20px;padding:0 0 0 50px;clear:both;}
.entry ul {list-style: disc;}
.entry ol {list-style: decimal;}
.entry dl {list-style: square;margin-bottom:20px;clear:both;}
.entry dt {font-weight:bold;clear:both;}
.entry dd {margin-bottom:10px;clear:both;}
.entry blockquote {margin:0 0 20px 0;border:3px double #aaaaaa;font-style:italic;padding:20px 20px 0 20px;color:#888888;clear:both;}
.entry img {border:3px double #aaaaaa;background:#fff;}
.entry img.alignleft {float:left;margin:2px 10px 0 0;}
.entry img.alignright {float:right;margin:2px 0 0 10px;}
.entry a {color:#981b1e;border-bottom:1px solid #565757;}
.entry a:hover {color:#888;border-bottom:1px solid #888;}
.post_list {padding-top:5px;border-top:25px solid #b8b8b8;}

/*footer*/
#footer .calendar img, #footer .mit img {float:left;}
#footer span.label {text-transform: uppercase;line-height:18px;}
#footer .email span.label a {background:transparent url(images/rss_logo.png) right center no-repeat;padding:2px 25px 2px 0;}
#footer .email form {height:21px;background:transparent url(images/email_signup_bg.png) left 0 no-repeat;}
#footer .email form input.email_signup {border:0;width:142px;float:left;background:none;margin-top:2px;}
#footer .email form input.email_signup_btn {border:0;width:50px;float:left;}
#footer span.little {font-size:12px;}
#footer .twitter li {font-size:13px;line-height:16px;}
#footer .calendar {padding:28px 0 0 20px;}
#footer .twitter {padding:15px 0 0 40px;}
#footer .twitter #twitter_update_list li {padding-left:5px;}
#footer .mit {padding:30px 0 0 0;}
#footer .mit .visit {font-size:12px;text-transform: none;display:block;padding-left:92px;padding-top:5px}
#footer .email {padding:20px 0 0 0;}
#footer a {color:#c8c8c8;}
#footer a:hover {color:#ababab;}


/*calendar*/
#calendar_thing {display:none;background:transparent;}
div.dbem-calendar {overflow:visible;background:transparent;}
#fancy_div div {background:transparent;}
#fancy_div table.dbem-calendar-table {
	border-collapse:separate;
	border: 1px solid #9DABCE;
	border-width: 0px 0px 1px 1px;
	margin: 10px auto;
	font-size: 20px;
	background:#888;
}
#fancy_div table a {color:#fff;}
#fancy_div table thead a {color:#444;}
#fancy_div table thead td, #fancy_div table tr.days-names td, #fancy_div table tr.subscription td {height:20px;}
#fancy_div table tr.subscription td {font-size:12px;background: url(images/cal_month_heading.png) left top repeat-x;font-weight:normal;padding:0 5px;}
#fancy_div table tr.subscription td a {color:#444444;}
#fancy_div table tr.subscription td a:hover {color:#777777;}
#fancy_div td, #fancy_div th {
	width: 81px;
	height: 81px;
	text-align: center;
	vertical-align: middle;
	background: transparent url(images/cells.png);
	color: #444;
	border:0;
	padding:0;
	margin:0;
	/*position: relative;*/
}
#fancy_div th {
	height: 30px;
	font-weight: bold;
	font-size: 14px;
}

#fancy_div td.date_has_event {
	background-position: 162px 0px;
	color: white;
	text-shadow: 1px 1px 1px #000;
}
#fancy_div td.date_has_event:hover {
	background-position: 162px -81px;
}
#fancy_div td.padding {
	background: url(images/calpad.jpg);
}
#fancy_div td.month_name {
	background: url(images/cal_month_heading.png) left top repeat-x;
	border-left:1px solid #dce1e6;
	border-right:1px solid #9dacbe;
}
#fancy_div td.today {
	background-position: 81px 0px;
	color: white;
	text-shadow: 1px 1px 1px #000;
}
#fancy_div td.today:hover {
	background-position: 81px -81px;
}
#fancy_div td.eventless-pre, #fancy_div td.eventless-post {
	color:#aaa;
}
#fancy_div .events {
	position: relative;
}
#fancy_div .events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 200;
	padding: 15px;
	background: #E7ECF2 url(images/popup.png) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 200px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}
#fancy_div .events li {
	padding-bottom: 5px;
	text-shadow: none;
	line-height:15px;
}
#fancy_div .events li span {
	display: block;
	font-size: 12px;
	text-align: left;
	color: #555;
}
#fancy_div .events li span.title {
	font-weight: bold;
	color: #222;
}

/*misc*/
.search-excerpt {background:#831419;font-weight:normal;padding:0 3px;color:#fff;}
/*.dont {display:none;}*/

/*homeposts*/
#banner_image_home {margin-top:10px;width:920px;height:auto;background:#000;}
.homepost {height:331px;border:10px solid #ffffff;}
.homepost .homedescrip {width:450px;margin-right:20px;float:right; color:#afafaf; font-size:14px;padding:30px 0;line-height:20px;}
.homepost .homedescrip a {text-decoration: underline;}
.homepost h2 {font-size:32px;text-transform: uppercase;color:#ffffff;letter-spacing: 3px;padding-bottom:15px;line-height:35px;}
.homepost a.more {color:#fff;background-color:#981b1e;padding:0 3px;line-height:22px;}
.homepost a.more:hover {background-color:#888;}
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
			width:100%;f
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 351px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			width: 920px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 351px;
			clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			list-style-type: none;
			overflow:hidden;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			
			position: relative;
			width: 920px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			/*padding: 10px;*/
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display:none;
		}
	
.stripNavR {position:absolute;top:304px;right:0;margin-right:0px;width:32px;height:24px;background:transparent url(images/banner_next.png) left top no-repeat;}

.stripNavL {position:absolute;top:304px;left:0;width:32px;height:24px;background:transparent url(images/banner_prev.png) left top no-repeat;}
.stripNavR a, .stripNavL a {display:block;height:24px;width:32px;}

#slider_inside {position:absolute;top:0;right:0;margin-right:50px;background:transparent url(images/banner_slider_bg.png) left top no-repeat;height:24px;width:238px;z-index:99;}

.ui-slider { position: relative; text-align: left;width:198px;margin-left:20px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 20; width: 16px; height: 24px; cursor: default;background:url(images/banner_slider_handle.png) left top no-repeat; }
.ui-slider .ui-slider-range { position: absolute; z-index: 21; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 24px; }
.ui-slider-horizontal .ui-slider-handle { top: -3px; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/*contact form*/
input.text, textarea.text {background:#eee;border:1px solid #bababa;height:20px;width:250px;font:14px/1.5 "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif;}
textarea.text {height:100px;}
.form_notice {color:red;border:1px solid red;padding:20px;background:#333;}
.form_notice img {border:none;}

/*live search*/
ul.search_results
{
display: block;
background-color:#565757;
width:140px;
position:absolute;
top:0;
left:0;
list-style-type: none;
list-style-image: none;
list-style-position: inside;
padding: 0px;
margin: 0px;
margin-top:5px;
border-top: 1px solid #000;
}

ul.search_results li
{
display: block;
border-bottom: 1px solid #000;
text-align: left;	
color: #000;


}

ul.search_results li:hover
{
background-color: #fff;	
}

ul.search_results li a, ul.search_results li a:visited
{
display: block;
color: #c8c8c8;
padding: 5px 10px 5px 10px;
font-weight: bold;
background-color: #565757;
font-size: 12px;
margin-left: 0px;
text-decoration: none;
font-weight:normal;
}

ul.search_results li a:hover
{
background-color: #888888;text-decoration: none;
}
.success {color:green;}