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

html, body{
	padding: 0;
	margin: 0;
	height: 100%;
	background: url(images/masthead.jpg) no-repeat top center;
}

#wrap{
	width: 100%;
	min-height: 90%;
	margin: 0 auto;
	clear: both;
	/*background: url(images/big/bigfig1.png) no-repeat top center;*/
}

#header{
	width: 960px;
	margin: 0 auto;
	clear: both;
	height: 200px;
}

#content{
	width: 960px;
	margin: 0 auto;
}

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

#main{
	float: left;
	width: 770px;
	margin: 0 20px 20px 20px;
	background: white;
	-moz-box-shadow: 0 6px 16px #777;
	-webkit-box-shadow: 0 6px 16px #777;
	box-shadow: 0 6px 16px #777;
}

.sidebar{}

#footer{
	width: 960px;
	margin: 0 auto;
	clear: both;
}

.clearbar, .bar{
	clear: both;
}

/*--------------------*/
/*--- 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;}

@font-face {
    font-family: 'LovedbytheKingRegular';
    src: url('fonts/lovedbytheking-webfont.eot');
    src: url('fonts/lovedbytheking-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lovedbytheking-webfont.woff') format('woff'),
         url('fonts/lovedbytheking-webfont.ttf') format('truetype'),
         url('fonts/lovedbytheking-webfont.svg#LovedbytheKingRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

.req{
	color:red;
}

.alignright{
	float: right;
	margin-left: 1em;
}

.alignleft{
	float: left;
	margin-right: 1em;
}

.aligncenter{
	margin: auto;
}

.shadow{
	-moz-box-shadow: 0 6px 16px #777;
	-webkit-box-shadow: 0 6px 16px #777;
	box-shadow: 0 6px 16px #777;
}

.popup{
	position: absolute;
	padding: 20px;
	margin-bottom: 20px;
	background: white;
	-moz-box-shadow: 0 6px 16px #777;
	-webkit-box-shadow: 0 6px 16px #777;
	box-shadow: 0 6px 16px #777;
	-moz-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);  
	transform:rotate(-3deg);
}

table.altrows tr:nth-child(odd){background:#fff;}
table.altrows tr:nth-child(even){background:#eee;}

/*--- Links ---*/

a.button{
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 18pt;
	text-decoration: none;
	padding: 2px 12px 0;
	color: red;
	background: white;
	border: 1px solid red;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
a.button:hover{
	background: red;
	color: white;
}

a.post-edit-link{
	color: red;
	border: 1px solid red;
	padding: 4px 4px 2px;
	margin-bottom: 1em;
	clear: both;
	float: right;
}

.small{font-size: 75%;}

/*--- Event Blocks ---*/

.event-block{
	padding: 20px 20px;
	margin-bottom: 20px;
	clear: both;
	border: 1px dashed black;
	/*-moz-box-shadow: 0 6px 16px #777;
	-webkit-box-shadow: 0 6px 16px #777;
	box-shadow: 0 6px 16px #777;*/
}

.event-block h3{ /* event type e.g. Upcoming Event */
	margin: 0;
	display: inline;
	text-decoration: underline;
}
.event-block h2{ /* event title */
	margin: 0;
}
.event-block h2 + p{margin-top:0;}

.event-block .button{
	float: right;
	margin-top: -40px;
}
.event-block p:last-child{
	margin-bottom: 0;
}

.event-block-call h3{
	
}

.event-block-event h3{
	
}

.event-block-performance h3{
	
}

/*---------------*/
/*--- Header ---*/
/*-------------*/

#header{
}

h1#blogname{
	margin: 0;
}

h1#blogname a{
	display: block;
	height: 200px;
	width: 750px;
}

h1#blogname span{
	display: none;
}

/*----------------*/
/*--- Nav Bar ---*/
/*--------------*/

#menu-main-nav{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu-main-nav li a {
	display: block;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
	text-decoration: none;
	color: black;
}
#menu-main-nav li a:hover{
	background-position: -150px 0%;
	cursor:pointer; cursor:hand;
}

#menu-main-nav li:hover .sub-menu{
	display: block;
}

#menu-main-nav .sub-menu{
	float:left;
	position: absolute;
	margin: -40px 0 0 140px;
	padding: 5px;
	list-style: none;
	display: none;
	background-color: #fffbc2;
	-moz-box-shadow: 0 0 10px #888;
	-webkit-box-shadow: 0 0 10px #888;
	box-shadow: 0 0 10px #888;
	z-index: 999;
}

#menu-main-nav .sub-menu a{
	padding: 5px;
}
#menu-main-nav .sub-menu a:hover{
	text-decoration: underline;
}

#menu-main-nav li span{display: none;}

#menu-main-nav li.navbutton-frontpage>a{
	height:74px;
	background-image:url('images/nav/navbutton-whats-spinning.jpg');
}
#menu-main-nav li.navbutton-classes>a{
	height:60px;
	background-image:url('images/nav/navbutton-classes.jpg');
}
#menu-main-nav li.navbutton-classes a:hover{color: red;}

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

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

#menu-main-nav li.navbutton-rentals>a{
	height:48px;
	background-image:url('images/nav/navbutton-rentals.jpg');
}
#menu-main-nav li.navbutton-rentals a:hover{color:#fb742d;}

#menu-main-nav li.navbutton-gowanus-arts a{
	height:39px;
	background-image:url('images/nav/navbutton-gowanus-arts.jpg');
}
#menu-main-nav li.navbutton-press a{
	height:42px;
	background-image:url('images/nav/navbutton-press.jpg');
}
#menu-main-nav li.navbutton-about a{
	height: 42px;
	background-image: url(images/nav/navbutton-about.jpg);
}
#menu-main-nav li.navbutton-friend a{
	height:35px;
	background-image:url('images/nav/navbutton-friend.jpg');
}
#menu-main-nav li.navbutton-member a{
	height:35px;
	background-image:url('images/nav/navbutton-member.jpg');
}
#menu-main-nav li.navbutton-store a{
	height:30px;
	background-image:url('images/nav/navbutton-store.jpg');
}
#menu-main-nav li.navbutton-contact a{
	height:41px;
	background-image:url('images/nav/navbutton-contact.jpg');
}
#menu-main-nav li.navbutton-map a{alignright
	height:33px;
	background-image:url('images/nav/navbutton-map.jpg');
}

#menu-main-nav li.divider{
	padding-bottom: 5px;
	background: url(images/nav/navbutton-divider.jpg) center bottom no-repeat;
}

/*--------------------*/
/*--- Page Styles ---*/
/*------------------*/

#main-content{
	padding: 20px;
}

#main-content>h1{
	margin-top: 0;
}

.alert,
.front-page-alert{
	color: red;
	padding: 4px;
	margin: 0 20px 20px 0;
	text-align: center;
	border: 1px solid red;
}

/*.front-page-alert{display: none;}*/

/*------------------------*/
/*--- What's Spinning ---*/
/*----------------------*/

#main-content.ws-layout{
	padding-right: 0;
}

.ws-block{
	float: left;
	width: 335px;
	margin: 0 20px 20px 0;
	padding: 10px;
	text-align: center;
	-moz-box-shadow: 0 3px 8px #777;
	-webkit-box-shadow: 0 3px 8px #777;
	box-shadow: 0 3px 8px #777;
}

.ws-block p.ws-block-title{
	margin: 10px 0 0 0;
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}

.ws-block-img{
	margin: auto;
	width: 335px;
	height: 150px;
	overflow: hidden;
}

.ws-block-img img{
	width: 100%;
	height: auto;	
}

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


#greybg {
	width: 100%;
	background: #777;
	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;
	-moz-box-shadow: 0 0 25px #ccc;
  	-webkit-box-shadow: 0 0 25px #ccc;
  	box-shadow: 0 0 25px #ccc;
}
.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;
}

/*--- new Schedule --- */

#class-schedule{
	font-size: 10pt;
	line-height: 1.25em !important;
}

#list-schedule-table{
	width: 100%;
}
#list-schedule-table thead,
#list-schedule-table tfoot{
	background: black;
	color: white;
}
#list-schedule-table tbody tr td{
	border-bottom: 1px solid #ddd;
}
#list-schedule-table .daydiv{
	background: #ddd;
	text-transform: uppercase;
	font-weight: bold;
}
.col_classtime{
	white-space: nowrap;
}
.col_classname{}
.col_teacher{
	white-space: nowrap;
}
.col_agegroup{}
.col_classtype{}
.col_address{
	white-space: nowrap;
}

/* Hide Sign Up buttons */
.signup-button{
	
}

.bio_faculty_block,
.class_desc{
	width: 600px;
}
.class_desc_name{
	margin-top: 0;
}

.cal-schedule-column{
	float: left;
	width: 14%;
}
.cal-schedule-column h3{
	text-align: center;
}
.cal-schedule-class{
	margin: 2px 1px;
	padding: 4px;
	border: 1px solid black;
}

.noclass{
	font-style: italic;
	color: #777;
}

.class-dates-tabs li.ui-state-default{
	background: #cff;
}
.class-dates-tabs li.ui-state-active,
.class-dates-tabs .ui-tabs-panel{
	background: #eff !important;
}
.class-dates-tabs .ui-tabs-panel{
	border: 1px solid #aaa !important;
	border-width: 0 1px 1px 1px !important;
}

.class-dates-tabs li.ui-state-active.first-li,
.class-dates-tabs #please_read{
	background: #ffe371 !important;
}

.class-dates-tabs li.first-li{
	background: #fdedae !important;
}

table#filter-view-opts{
	background: #eee;
	width: 100%;
}
table#filter-view-opts td{
	padding: 5px;
	border: 1px solid white;
}
td#view-opts{
	text-align: center;
}
td#view-opts table{
	width: 100%;
	margin: auto;
}
td#view-opts table td{
	width: 50%;
	border-width: 0px;
}

/*---------------------------*/
/*--- Class Descriptions ---*/
/*-------------------------*/

#class-desc-tabs h2{
	margin:0;
}

.class-desc-block{
	padding: 0 20px 20px 0;
}

.class-desc-name{
	margin: 0 -20px;
}

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

.faculty_block{

}

.faculty_block hr{
	clear: both;
}

.faculty_img{
	float: left;
	margin: 0 20px 10px 0;
	border: 1px solid #aaa;
}

.faculty_name{
	margin: 0;
}

.faculty_bio{
	margin-left: 222px;
}

/*--------------*/
/*--- Store ---*/
/*------------*/

.pp_buynow_box{
	/*float: right;*/
	display: inline-block;
	text-align: center;
	border: 1px solid #aaa;
	padding: .5em 1em;
}


/*---------------*/
/*--- cForms ---*/
/*-------------*/

.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;
}

#cforms2form .cf-fs4{} /*Additional Info fieldset*/

#cforms2form .cf-fs5{} /*Medical Release fieldset*/
#cforms2form .cf-fs5 label{
	float: none;
	width: 100%;
	text-align: left;
}


.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{
}

/*----------------*/
/*--- UI Tabs ---*/
/*--------------*/

.ui-tabs{
	border: 0px solid white !important;
}
.ui-widget{
	font-family: sans-serif !important;
	font-size: 12pt !important;
	color: black !important;
}
.ui-widget-header{
	background-image: none !important;
	background-color: #fff !important;
	border: 0px solid white !important;
}
.ui-corner-top{
	border-radius: 0px !important;
}
.ui-tabs-nav{
	border-radius: 0px !important;
	border-bottom: 1px solid #aaa !important;
	padding: 0 .5em 0 .5em !important;
}

.ui-tabs-nav a{
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 16pt;
}
.ui-widget-content a.button{
	color: red !important;
}
.ui-widget-content a.button:hover{
	color: white !important;
}

.ui-tabs-panel{}

/*----------------------*/
/*--- Smooth Slider ---*/
/*--------------------*/

#smooth_slider{
	padding: 10px !important;
	-moz-box-shadow: 0 3px 8px #777;
	-webkit-box-shadow: 0 3px 8px #777;
	box-shadow: 0 3px 8px #777;
	margin: 0 !important;
	border-width: 0px !important;
}

li.smooth_slideri{
	overflow: hidden;
}

img.smooth_slider_thumbnail{
	height: 533px !important;
	margin-bottom: 10px;
	border-width: 0px !important;
}

.smooth_slider h2{
		font-family: "Courier New", Courier, monospace !important;
		//font-family: "LovedbytheKingRegular", "Courier New", Courier, monospace !important;
		//font-weight: normal !important;
}

.smooth_slider a{
	color: black !important;
}

.smooth_slider a:hover{
	text-decoration: underline !important;
}

.smooth_slider p.more{
	margin: 0;
	font-weight: bold;
	//float: right;
}

div.jcarousel-control{
	margin: 0 !important;
	padding: 10px 0 4px !important;
	width: 100% !important;
	text-align: center !important;
	border-top: 1px solid #bbb;
}

a.smooth_sliderc_nav{
	background-image: none !important;
	border-color: red !important;
	float: none !important;
	display: inline-block !important;
	height: 10px;
	width: 10px;
}
a.smooth_sliderc_nav:hover{
	background: pink;
}
a.smooth_sliderc_nav.active{
	background: red !important;
}

/*-----------------*/
/*--- FancyBox ---*/
/*---------------*/

#fancybox-content{
	border-width: 20px 10px 20px 20px !important;
}

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

#footer{
	padding: 5px;
	font-family: "Courier New", Courier, monospace;
	text-style: bold;
	font-size: 9pt;
	background: url(images/footer-line.jpg) center top no-repeat;
}

#footer p{margin: 10px;}

#admin-link{float: right;}