/*================================*
 * Jacksonville .NET Code Camp 2010    *
 * Asp.Net MVC by Fabio Honigmann *
 * Html and Css by Travis Repetto *
 *================================*/

/* Reset Reloaded */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	background-position: top;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background-repeat: repeat-x;
}
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
:focus{ outline: 0; }/* remember to define focus styles! */
ins{ text-decoration: none; }/* remember to highlight inserts somehow! */
del{ text-decoration: line-through; }
table{ border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/* Global */
body{ background: #003d5e url(images/bg.gif) repeat-x; color: #333; font: 12px/20px Arial, Helvetica, sans-serif; }
h1{ color: #00467f; font-size: 24px; margin: 0 0 10px 0; }
h3{ color: #74c053; font-size: 18px; }
h4{ color: #397ead; font-size: 16px; }
h5{ color: #666; font-size: 14px; }
h6{ color: #999; font-size: 12px; }
a{
	color: #397ead;
	outline: none;
	text-decoration: none;
	font-weight: bold;
}
acronym, abbr{ border-bottom: 1px dotted #ccc; cursor: help; }
hr{ background: #ccc; border: none; color: #ccc; height: 1px; margin: 10px 0; }
fieldset{ border: 2px solid #d3e0ee; padding: 10px; }
legend{ font-size: 14px; font-weight: bold; }
blockquote{ margin: 0 0 18px 0; padding: 0 0 0 10px; border-left: 3px solid #d3e0ee; font-size: 12px; line-height: 20px; text-align: justify; }
input, select, textarea{ font: 1em Arial, Helvetica, sans-serif; }

/* Standard Classes */
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; height: 0; overflow: hidden; margin: -1px 0 0 0; font-size: 0; line-height: 0; }
.hidden{ display: none; }
img.left{ margin: 0 10px 10px 0; }
img.right{ margin: 0 0 10px 10px; }
a.top{ padding: 0 15px 0 0; background: transparent url(images/arrow_up.gif) no-repeat right center; line-height: 22px; font-weight: bold; }

/* Containers */
#wrap{
	border: thin solid #000000;
	background-position: center top;
	width: 1015px;
	min-width: 960px;
	margin: 0 auto 10px;
	background-image: url('images/CityScape.png');
	background-repeat: no-repeat;
	font-family:Consolas, Arial;
}
#header{
	padding: 0px;
	margin: 0px;
	border: 0px none #000000;
	overflow: hidden;
	width: 100%;
	height: 305px;
	background: transparent url('images/backgroundGradient.png') repeat-x center top;
}
	#main{ overflow: hidden; width: 940px; margin: 0 10px; background: transparent url(images/bg_main.gif) repeat-y top center; }
	#footer{ width: 940px; height: 50px; margin: 0 10px; background: transparent url(images/bg_footer.gif) no-repeat top center; }

/* Header */
#logo{
	background-position: left top;
	float: left;
	margin: 0px 0 0 10px;
	text-indent: -10000px;
	position: relative;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	height: 300px;
	width: 328px;
}
	#logo a{ display: block; width: 100%; height: 100%; }
#postits{
	display: inline;
	float: right;
	width: 470px;
	height: 45px;
	margin: 3px 10px 0 0;
	overflow: hidden;
	text-align: center;
}
#postits li{
	float: left;
	height: 100px;
	font-family: Impact;
	font-size: 16pt;
}
	#postits a{ display: block; width: 100%; font-weight:normal; height: 100%;	color: #FFFFFF;}
		#postits #postit-yellow{width: 130px;}
		#postits #postit-yellow a:hover{ background: transparent url(images/TopMenuHightlight.png); }
		#postits #postit-blue{ width: 110px; }
		#postits #postit-blue a:hover{ background: transparent url(images/TopMenuHightlight.png); }
		#postits #postit-green{ width: 110px; }
		#postits #postit-green a:hover{ background: transparent url(images/TopMenuHightlight.png); }
		#postits #postit-orange{ width: 120px; }
		#postits #postit-orange a:hover{ background: transparent url(images/TopMenuHightlight.png); }
#nav{
	clear: both;
	float: right;
	width: 540px;
	height: 40px;
	overflow: hidden;
	margin: 30 10px 0 10px;
	list-style: none;
	padding-top: 215px;
	padding-left: 150px;
	font-family: Impact;
	font-size: 10pt;
}
	#nav li{ display: inline; float: left; }
		#nav a{ display: block; float: left; font-weight:normal; height: 40px; padding: 0 13px; color: #fff; line-height: 40px; }
		#nav a:hover{ background-image:url('images/SubMenuHightlight.png') }

/* Main */
#main{
	border-style: 0;
	border-color: 0;
	background-image: url('images/backgroundGradient_copy.png');
		background-repeat: repeat-x;
		background-color: #FFFFFF;
		width: 100%;
		border-width: 0px;
		padding: 0px;
		margin: 0px;
}
	#main p{ margin: 0 0 18px 0; font-size: 12px; line-height: 20px; text-align: justify; }
	#main a:hover{ text-decoration: underline; }
	#main p a[href^="http://"], #main p a[target="_blank"]{ padding: 0 16px 0 0; background: transparent url(images/external.png) no-repeat center right; }
	#main ul, #main ol{ margin: 0 0 10px 0; padding: 0 0 0 25px; }
	#main ul li{ list-style: disc; }
	#main ol li{ list-style: decimal; }
	#maincontent{
	background-position: bottom;
	padding: 5px;
	border-style: solid solid none solid;
	border-width: thin;
	display: inline;
	float: right;
	width: 720px;
	overflow: hidden;
	margin: 5px 20px 20px 0;
	background-color: #FFFFFF;
	background-image: url('images/Box_BottomMiddle.png');
	background-repeat: repeat-x;
}
	#mainsidebar{
	background-position: bottom;
	border-style: solid solid none solid;
	border-width: thin;
	display: inline;
	float: left;
	width: 220px;
	margin: 5px 0 5px 20px;
	background-image: url('images/Box_BottomMiddle.png');
	background-repeat: repeat-x;
	padding-bottom: 10px;
	background-color: #FFFFFF;
}
#mainsidebar h2{
	font-size: 16px;
	font-family: Impact;
	font-weight: normal;
	margin-bottom: 8px;
	background-image: url('images/backgroundGradient.png');
	color: #FFFFFF;
	padding-left: 5px;
}
		#mainsidebar p{ margin: 0 5px 10px; font-size: 12px; line-height: 16px; }
		#mainsidebar .links{ padding-left: 5px; }
		#mainsidebar .links li{ list-style: none; font-weight: bold; }
		#mainsidebar .featuredsponsor { margin-bottom: 10px; text-align: center; }
			#mainsidebar .featuredsponsor img { width: 200px; margin: 0 auto; }
				

/* Footer */
#footer{ color: #00467f; font-size: 11px; line-height: 20px; font-weight: bold; }
	#footer a{ color: #00467f; }
	#footer a:hover{ text-decoration: underline; }
	#footerleft{ display: inline; float: left; width: 520px; margin: 15px 0 0 20px; }
	#footerright{ display: inline; float: right; width: 380px; margin: 15px 20px 0 0; text-align: right; }
#footernav{ list-style: none; }
	#footernav li{ display: inline; padding: 0 5px 0 6px; border-left: 1px solid #00467f; }
	#footernav li.firstlink{ border: 0 none; padding: 0 5px 0 0; }

/* Agenda Container */
.agendacontainer{}
	.agendacontainer ul{ padding: 0 !important; width: 100%; list-style: none; }
	.agendacontainer li{ position: relative; padding: 5px; color: #397ead; font-size: 14px; font-weight: bold; }
	.agendacontainer li.alt{ background: #eee; }
	.agendacontainer span{ position: absolute; right: 5px; color: #666; font-size: 12px; }

/* Form Container */
.formcontainer{ width: 100%; overflow: hidden; }
	.formcontainer .forminstruction{ margin: 0 0 10px 10px; color: #666; font-style: italic; }
	.formcontainer .required{ padding-right: 15px; background: transparent url(images/asterix.gif) no-repeat center right; }
/*	
	.formcontainer .validationsummary{ margin: 0 10px 10px; padding: 10px; background: #eee; }
		.formcontainer .validationsummary h3{ margin-bottom: 5px; color: #f00; }
		.formcontainer .validationsummary ul{ margin-bottom: 0 !important; color: #666; font-weight: bold; }
*/
	.formcontainer .validationsummary{ margin: 0 10px 10px; padding: 10px; }
		.formcontainer .validationsummary h3{ margin-bottom: 5px; color: #f00; }
		.formcontainer .validationsummary ul{ margin-bottom: 0 !important; color: #f00; font-weight: bold; }
	.formcontainer .row{ width: 100%; overflow: hidden; margin: 0 0 10px 10px; }
		.formcontainer .item{ display: inline; float: left; width: 260px; margin: 0 30px 0 0; }
		.formcontainer .commanditem{ margin-top: 20px; font-size: 14px; }
	.formcontainer label{ font-size: 14px; }
	.formcontainer .label{ font-size: 14px; font-weight: bold; }
	.formcontainer .text{ width: 250px; padding: 4px; border: 1px solid #ccc; font-size: 14px; }
	.formcontainer select{ width: 260px; padding: 4px; border: 1px solid #ccc; font-size: 14px; }
	.formcontainer textarea{ width: 550px; height: 100px; padding: 4px; border: 1px solid #ccc; font-size: 14px; }
	.formcontainer .input-validation-error{ padding: 4px;  background: #ff9; }
	.formcontainer .text:focus, .formcontainer select:focus, .formcontainer textarea:focus{ border-color: #999; }
	.formcontainer small{ color: #999; font-size: 11px; font-style: italic; }
	.formcontainer .button{ padding: 4px 8px; border: 2px solid #74c053; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #74c053; color: #fff; line-height: 28px; font-weight: bold; }
	.formcontainer .button:hover{ background-color: #eee; color: #666; text-decoration: none !important; }
	.formcontainer .clearbtn{}

/* Form Success */
.formsuccess{}
	#main .formsuccess p{ margin: 30px 0; font-size: 14px; font-weight: bold; text-align: center; }

/* Speaker Container */
.speakercontainer{ width: 100%; overflow: hidden; }
	.speakercontainer h2{ position: relative; width: 610px; }
	.speakercontainer .contactlinks{ position: absolute; top: 0; right: 10px; font-size: 11px; line-height: 30px; font-weight: bold; text-align: right; }
	.speakercontainer .contactlinks a[class="email"]{ padding: 2px 2px 2px 20px; background: transparent url(images/email.png) no-repeat 2px 50%; }
	.speakercontainer .contactlinks a[class="web"]{ padding: 2px 2px 2px 20px; background: transparent url(images/world.png) no-repeat 2px 50%; }
	.speakercontainer .contactlinks a[class="blog"]{ padding: 2px 2px 2px 20px; background: transparent url(images/user.png) no-repeat 2px 50%; }
	.speakercontainer .photo{ display: inline; float: right; width: 120px; margin: 5px; }
	.speakercontainer .mvp { background: transparent url(images/mvp.gif) no-repeat bottom left; }
	.speakercontainer .mvp img { margin: 0 0 30px 0; }
	.speakercontainer img{ width: 120px; }

/* Session Container */
.sessioncontainer{}
	.session{ margin: 0 0 10px 0; }
	.session .speaker{ font-weight: bold; }
	.session .show{ cursor: pointer; padding:  background: transparent url() no-repeat center right; color: #999; font-size: 11px; font-weight: bold; }
	.sessioncontainer a[class="download"]{ padding: 2px 2px 2px 20px; background: transparent url(images/download.png) no-repeat 2px 50%; }

/* Sponsor Container */
.sponsorcontainer{ width: 100%; overflow: hidden; }
	.sponsorcontainer a{ display: block; float: left; margin: 0 0 5px 5px; background: #eee; }
	.sponsorcontainer a img{ width: 100%; height: 100%; }
	.column3 a{ width: 200px; height: 200px; }
	.column4 a{ width: 150px; height: 150px; }

/* Volunteer Container */
.volunteercontainer{ }
	.tasklist{width: 600px; border: solid 1px #ccc; border-collapse:collapse; margin: 0 auto; }
	.tasklist td{ padding: 5px; border: solid 1px #ccc; }
	.tasklist thead th{ background: #ccc; text-align: left; vertical-align: middle; padding-left: 8px; }
		.tasklist thead .tasktime{ text-align: center;}
	.tasklist tbody .volunteername{ font-weight: bold;}
		.tasklist tbody .volunteername a { font-weight: normal;}
	.tasklist tbody .starttime, .tasklist tbody .endtime { padding-left: 0; width: 70px; text-align: center;}