/*
Theme Name: Spoke the Hub
Theme URI: http://spokethehub.org/
Description: Proprietary Theme for Spoke the Hub
Version: 1.0
Author: Jeremy Lintz
Author URI: http://thelaborshed.com/
*/

/*------ Basic Structure ------*/

body{
	margin: 0;
	padding: 0;
}

#page{
	overflow: hidden;
	background: url(images/page_bg.jpg) center repeat-y;
}

#edge{
	float: right;
}

#header{
	width: 880px;
	height: 200px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

#header h1,
#header .description{
	display: none;
}

#headerimg img{
	position: relative;
	left: 260px;
}

#headerlink{
	display: block;
	float: left;
	width: 620px;
	height: 200px;
}

#container{
	width: 880px;
	min-height: 650px;
	margin: 0 auto;
}

#content{
	margin-left: 150px;
	padding: 10px;
}

#sidebar{
	float: left;
	width: 150px;
	margin-right: 25px;
}

#footer{
	width: 900px;
	padding: 1px;
	margin: 0 auto;
	background: url(images/footer.jpg) top center no-repeat white;
}

/*------ End Structure ------*/

/*------ HTML Styles ------*/

body{font-family: sans-serif;font-size: 12pt;}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

a img{border:0;}

img{display:block;}

.small{font-size: 75%;}

.italic{font-style:italic;}
.bold{font-weight:bold}

h1, h2, h3, h4, h5{
	font-family: "Courier New", Courier, monospace;
}

/*------ End HTML Styles ------*/

/*------ Sidebar ------*/

#sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#navbar{
	position: relative;
	z-index: 500;
}

#navbar li a {
	display: block;
	text-decoration: none;
	color: black;
}
#navbar li a:hover{
	background-position: -150px 0%;
	cursor:pointer; cursor:hand;
}
#navbar li span{
	visibility: hidden;
}

#navbar li#frontpage a{
	height:74px;
	background-image:url('images/nav/navbutton_whats_spinning.jpg');
}

#navbar li#classes>a{
	height:60px;
	background-image:url('images/nav/navbutton_classes.jpg');
}
#navbar li#classes a:hover{color: red;}

#navbar li#events>a{
	height:86px;
	background-image:url('images/nav/navbutton_events.jpg');
}
#navbar li#events a:hover{color:#00afcb;}

#navbar li#perform>a{
	height:60px;
	background-image:url('images/nav/navbutton_perform.jpg');
}
#navbar li#perform a:hover{color:#fd08a3;}

#navbar li#rentals{
	height: 53px;
	background:url('images/nav/navbutton_divider.jpg') bottom no-repeat;
}
#navbar li#rentals>a{
	height:48px;
	background-image:url('images/nav/navbutton_rentals.jpg');
}
#navbar li#rentals a:hover{color:#fb742d;}

#navbar li#about a{
	height: 42px;
	background-image: url(images/nav/navbutton_about.jpg);
}

#navbar li#press a{
	height:42px;
	background-image:url('images/nav/navbutton_press.jpg');
}

#navbar li#gallery a{
	height:43px;
	background-image:url('images/nav/navbutton_gallery.jpg');
}

#navbar li#store a{
	height:30px;
	background-image:url('images/nav/navbutton_store.jpg');
}

#navbar li#gowanus-arts a{
	height:39px;
	background-image:url('images/nav/navbutton_gowanus-arts.jpg');
}
#navbar li#friend{
	height: 40px;
	background:url('images/nav/navbutton_divider.jpg') bottom no-repeat;
}
#navbar li#friend a{
	height:35px;
	background-image:url('images/nav/navbutton_friend.jpg');
}

#navbar li#contact a{
	height:41px;
	background-image:url('images/nav/navbutton_contact.jpg');
}

#navbar li#map a{
	height:33px;
	background-image:url('images/nav/navbutton_map.jpg');
}

#navbar li ul{
	float: left;
	position:relative;
	top: -62px;
	left: 125px;
	width: 210px;
	padding-bottom: 16px;
	background: url('images/nav/subnav_bottom.png') bottom no-repeat;
}

#navbar li ul img{
	display: block;
}

#navbar li ul{
	display:none;
}

#navbar li:hover ul{
	display: block;
}

#navbar li ul li{
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 11pt;
}
#navbar li ul li:first-child{
	padding-top: 16px;
	background: url('images/nav/subnav_top.png') no-repeat;
}
#navbar li ul li a{
		padding: 5px 20px;
		background: url('images/nav/subnav_background.png');
}
/*#navbar li ul li a:before{content:'\02022'}*/
#navbar li ul li a:hover{background-position: 0%;}
#navbar li ul li span{visibility: visible;}

/*------ End Sidebar ------*/

/*------ Footer ------*/

#footer{
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 9pt;
}

#footer p{
	margin: 25px 10px;
}

/*------ End Footer ------*/

/*------ Post  ------*/

.post{
}

#page_title{
	margin: .25em 0;
	font-size: 200%;
}

/*------ End Post ------*/

/*------ Welcome ------*/

#post_welcome #page_title{
	display: none;
}

#post_welcome table{
	margin: 0;
	margin-top: 1em;
	padding: 0;
	width: 680px;
}

#post_welcome td{
	text-align: center;
	background: url(images/ws_td_bg.jpg) top left no-repeat;
}

#post_welcome p{margin:0;}

#post_welcome img{
	padding-top: 13px;
	padding-left: 15px;
	width: 310px
}

#post_welcome h3{
	font-family: "Courier New", Courier, monospace;
	font-size: .875em;
	text-align: left;
	margin: 0;
	padding: .5em 0 1.25em 15px;
	background: url(images/ws_td_bg.jpg) bottom left no-repeat;
}

#post_welcome a{color: black;}
#post_welcome a:hover{text-decoration: underline;}

#post_welcome h1{ /* News Banner */
	border: 1px solid grey;
	background: #fff9bb;
	color: black;
	font-size: 1em;
	width: 660px;
	margin: 1em auto 0;
	padding: 5px 8px;
}

/*------ End Welcome ------*/

/*------ Class Schedule ------*/

#greybg {
	width: 100%;
	background: #000000;
	position: absolute;
	top: 0;
	left: 0;
}

.class_block_popup {
	margin: 0 auto;
	padding: 1em;
	border: 1px solid #000000;
	background: #ffffff;
	position: absolute;
	width: 300px;
	display: none;
}
.closebox{
	float: right;
	margin: -.5em;
}

#semester_tabs{
	background: url(images/semester_tabs_top.gif) no-repeat 0 34px;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 11pt;
}

#semester_tabs ul{
	height: 40px;
	background: ;
}
#semester_tabs li {  
	display: inline;
	float: left;
	background: url(images/semester_tabs_right.gif) no-repeat top right;
}
#semester_tabs li a{
	padding: 15px 20px;
	background: url(images/semester_tabs_left.gif) no-repeat top left;
	display: block;
}
#semester_tabs li.selected{
	background-image: url(images/semester_tabs_right_on.gif);
}
#semester_tabs li.selected a{
	background-image: url(images/semester_tabs_left_on.gif);
}
#semester_tabs .pulltab{display:none;}

.schedule_table{
	width: 680px;
}
.schedule_table td{
	text-align: center;
}
.weekday_header h3{
	margin: .5em 0;
	border-bottom: 5px solid grey;
}
.class_block, .class_block_popup{
	font-family: sans-serif;
	background: white;
	margin: 0 auto;
}
.class_block_popup{
	line-height: 1.5em;
}
.class_block .notes, .class_block_popup .notes{font-style: italic;}
.class_block .title, .class_block_popup .title{font-weight: bold;}

.schedule_table .class_block{
	position: relative;
	width: 75px;
	overflow: hidden;
	font-size: .75em;
	text-align: left;
	border: 1px solid #bbb;
	padding: 5px;
	margin-bottom: 1em;
}
.schedule_table .class_block .notes{
	display: none;
}

.schedule_table .class_block:hover{
	cursor: pointer;
	border: 1px solid #888;
	background: #ffd
}
.schedule_table .New{
	padding-top: 20px;
	color: #298547;
	background: url(images/classheader_new.png) center top no-repeat;
}
.schedule_table .New:hover{
	cursor: pointer;
	border: 1px solid #298547;
	background: url(images/classheader_new.png) center top no-repeat #dbe7db;
}
.schedule_table .Full{
	padding-top: 20px;
	color: #9F1A1F;
	background: url(images/classheader_full.png) center top no-repeat;
}
.schedule_table .Full:hover{
	cursor: pointer;
	border: 1px solid #9F1A1F;
	background: url(images/classheader_full.png) center top no-repeat #fee;
}
.schedule_table .Almost_Full{
	padding-top: 20px;
	color: #ca0088;
	background: url(images/classheader_almost.png) center top no-repeat;
}
.schedule_table .Almost_Full:hover{
	cursor: pointer;
	border: 1px solid #ca0088;
	background: url(images/classheader_almost.png) center top no-repeat #edcade;
}
.schedule_table .Cancelled{
	padding-top: 20px;
	color: black;
	background: url(images/classheader_cancelled.png) center top no-repeat;
}
.schedule_table .Cancelled:hover{
	cursor: pointer;
	border: 1px solid black;
	background: url(images/classheader_cancelled.png) center top no-repeat #ddd;
}

/*------ End Class Schedule ------*/

/*------ Faculty ------*/

.bio img{
	float: left;
	margin-right: 1em;
	width: 150px;
}

/*------ End Faculty ------*/

/*------ Register ------*/

.cform{
	font-family: sans-serif;
}

.cform .class_block{
	margin-left: 150px;
}

.cform fieldset{
	margin-top: 1em;
	border-width: 1px 0 0 0;
}
.cform legend{
	font-size: .75em;
	text-transform: uppercase;
	color: grey;
	font-weight: bold;
}
.cform input{
	height: 25px;
	margin: 0 4px 4px 0;
}
.cform input.single,
select{
	margin: .5em 4px .5em 0;
}
.cf-box-title,
.cform label{
	display: block;
	float: left;
	clear: both;
	text-align: right;
	padding: .5em .5em 0 0;
	width: 140px;
}
.cf-box-title{padding: .25em .5em 0 0;}

.cform label.cf-after{
	position: relative;
	top: -.22em;
	display: inline;
	float: none;
	padding: 0 .5em 0 0;
	width: auto;
}

.cform .cf-ol{
	padding: 0;
	list-style: none;
}

#cformsform .cf-fs4{},
#cforms4form .cf-fs3{} /*Additional Info fieldset*/
#cformsform .cf-fs4 input.single,
#cforms4form .cf-fs3 input.single{
	margin: 1em 0 2em .5em;
}

#cformsform .cf-fs5,
#cforms4form .cf-fs4{} /*Medical Release fieldset*/
#cformsform .cf-fs5 label,
#cforms4form .cf-fs4 label{
	width: 100%;
	text-align: left;
	float: none;
}
#cformsform .cf-fs5 li.textonly,
#cforms4form .cf-fs4 li.textonly{
	color: red;
	font-style: italic;
}

.cform .sendbutton{
	margin-left: 2em;
}

.cform .cf_hidden{
	display: none;
}
.linklove{display:none;}

.cform .reqtxt,
.cform .emailreqtxt{
	color: red;
}

.cf_li_text_err{
	list-style: none;
	color: red;
	font-style: italic;
}

.failure{
	background: #fcc;
	color: red;
	border: 1px solid red;
	padding: 4px;
}

.success{
}