/*-----------------------------------------------------------------------------
Gnomon School of Visual Effects: Master Classes Style Sheet
Based on Andy Budd's prototype.css from the book CSS Mastery, with modifcations

version:   1.0
author:    eric carl
email:     ericcarl@gmail.com
website:   http://www.gnomonschool.com

------------------------------------------------------------------------------*/

/* General Type
--------------------------------- */

#masterClasses #content p, #masterClasses #content ul li {
	font-size:85%;
}
#masterClasses #content ul li {
	list-style-type:disc;
	list-style-position:inside;
	padding-left:10px;
	line-height:1.5em;
}
#masterClasses #leftColumn p {
	margin-bottom:20px;
}
#masterClasses #leftColumn .horRule {
	margin-left:-20px;
	margin-bottom:20px;
	border-top:1px solid #262626;
}

/* Layout Left Column
--------------------------------- */

#masterClasses #content {
	border-left:1px solid #262626;
	border-right:1px solid #262626;
	background-color:#000000;
	background-image:url(../images/master/right_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:0;
}
#masterClasses #leftColumn {
	width:310px;
	margin-right:20px;
	padding-left:19px;
	float:left;
}
#masterClasses .masterHeadline {
	text-indent:-2000px;
	width:483px;
	height:100px;
	margin-left:-1px;
	background-image:url(../images/master/master_classes_headline.gif);
}
#masterClasses #leftColumn h3 {
	text-indent:-2000px;
	width:330px;
	height:80px;
	margin-left:-20px;
	background-image:url(../images/master/date.gif);
	margin-bottom:0;
}
.introContainer {
	background-color:#292929;
	margin-left:-20px;
	width:292px;
	padding:19px 19px 19px 19px;
	background-image:url(../images/master/intro_bg.gif);
}
#masterClasses #leftColumn h4.intro {
	text-indent:-2000px;
	width:281px;
	height:61px;
	background-image:url(../images/master/intro.gif);
}
#masterClasses #leftColumn h4.onlineHeadline {
	text-indent:-2000px;
	background-image:url(../images/master/head_online-delivery.gif);
	width:238px;
	height:17px;
	margin-bottom:14px;
}
#masterClasses #leftColumn h4.signUpHeadline {
	text-indent:-2000px;
	background-image:url(../images/master/head_sign-up.gif);
	width:57px;
	height:17px;
	margin-bottom:14px;
}
#masterClasses #leftColumn h4.instructorHeadline {
	text-indent:-2000px;
	width:77px;
	height:14px;
	margin-bottom:14px;
	background-image:url(../images/master/head_instructors.gif);
}

/* Layout Right Column
--------------------------------- */

#masterClasses #rightColumn {
	width:600px;
	float:left;
}
#masterClasses #rightColumn .course {
	background-color:#0f0f0f;
	padding:10px 0 0 0;
	height:118px;
	margin-bottom:5px;
}
#masterClasses #rightColumn .course div {
	width:382px;
	float:left;
}
#masterClasses #rightColumn .course h5 {
	border-bottom:1px solid #272727;
	margin-bottom:6px;
	height:23px;
	font-weight:bold;
	color:#d7d7d7;
}
#masterClasses #rightColumn .course p {
	margin-bottom:6px;
}
#masterClasses #rightColumn .course img {
	float:left;
	margin-right:10px;
	margin-top:-10px;
}
#masterClasses #rightColumn .course .detailsLink {
	font-weight:bold;
}
#masterClasses #rightColumn .course .detailsLink a {
	background-image:url(../images/master/arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:10px;
	width:64px;
}
#masterClasses #rightColumn h4 {
	text-indent:-2000px;
	background-image:url(../images/master/head_classes-available.gif);
	width:209px;
	height:17px;
	margin-bottom:18px;
}
#masterClasses #gradientContainer {
	width:960px;
	height:12px;
	background-image:url(../images/master/gradient_bottom.gif);
}
.signUpButton {
	/*text-indent:-2000px;
	width:84px;
	height:41px;
	background-image:url(../images/master/sign_up_button.gif);
	border:none;*/
	margin-bottom:20px;
	padding:4px;
	font-weight:bold;
	background-color:#CCCCCC;
	color:#000000;
}
.instructorsList img {
	margin-bottom:5px;
}

/* Thickbox Class Layout 
--------------------------------- */

#thickboxClass {
	background-color:#000000;
}
#thickboxClass strong {
	font-weight:bold;
}
#thickboxClass p {
	font-size:85%;
	color:#929292;
	line-height:1.5em;
	margin-bottom:1em;
}
#thickboxClass ul {
	font-size:85%;
	color:#929292;
	line-height:1.5em;
	margin-bottom:1em;
	margin-left:20px;
}
#thickboxClass ul li {
	list-style-type:disc;
	list-style-position:outside;
}
#thickboxClass h1 {
	background-color:#0f0f0f;
	padding:16px 0 16px 20px;
	background-image:url(../images/master/class_info_header_bg.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	color:#d7d7d7;
	font-size:123.1%;
	font-weight:bold;
}
#thickboxClass .classInfoColumn {
	float:left;
	width:372px;
	margin-right:20px;
	margin-left:20px;
}
#thickboxClass .instColumn {
	float:left;
	width:218px;
}
#thickboxClass .classInfoColumn img {
	margin-bottom:10px;
}
#thickboxClass .instColumn table p {
	line-height:1.25em;
}