/* 
	DanceSport
	Global Stylesheet
	
	author:		Matt Kircher
	created:	6.01.06
	modified:	10.13.06
	
*/

@import url("lightbox.css");

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:center;
	background-color:#333;
	padding-top:20px;
}
a:link,
a:visited,
a:active{
	font-weight:bold;
	color:#B32B09;
	text-decoration:none;
}
a:hover{ text-decoration:underline; }

a.quicktime_link{
	padding:2px 0px 2px 20px;
	background:url(images/quicktime_link_drk.gif) no-repeat left #999;
}
a.quicktime_link:hover{}


h1{ font-size:18px; }
h2{ font-size:16px; }
h3{ font-size:14px; }
h4{ font-size:14px; }
h5{ font-size:13px; }
h6{ font-size:12px; }
h1, h2, h3, h4, h5, h6{ color:#B32B09; }

hr{
	border:none;
	color:#999;
	background-color:#999;
	height:1px;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{
	position:relative;
	top:8px;
}

.small_text			{ font-size:9px; }
.highlight_red		{ color:#B32B09; }
.highlight_gold		{ color:#DD9813; }
.highlight_medgray	{ color:#999; }
.highlight_drkgray	{ color:#333; }
.highlight_white	{ color:#FFF; }

.hide{
	visibility:hidden;
	display:none;
}
.required{
	font-weight:bold;
	color:#B32B09;
}
.warning{
	font-weight:bold;
	color:#FFF;
	background-color:#B32B09;
	text-align:center;
}

/* --- */

#wrap{
	width:850px;
	margin:auto;
}
#masthead,
#designer-head,
#content,
#gutter,
#footer{
	width:750px;
	margin:auto;
	text-align:left;
}
#masthead{
	height:74px;
	background:url(images/masthead_bg.jpg) top left no-repeat #B32B09;
	border-bottom:1px solid #333;
}
#logo img{
	display:none;
	visibility:hidden;
}
#logo,
#logo a{
	float:left;
	width:234px;
	height:74px;
	background:url(images/logo.gif) 20px 8px no-repeat;
}
#functional-nav{
	text-align:right;
}
#functional-nav,
#functional-nav ul{
	margin:0px;
	padding:5px 5px 0px 0px;
}
#functional-nav li{
	list-style:none;
	display:inline;
	padding:0px 10px 0px 5px;
	background:url(images/pipe.jpg) right no-repeat;
}
#functional-nav li.nopipe{
	background:none;
}
#functional-nav a:link,
#functional-nav a:visited,
#functional-nav a:active{
	color:#FFF;
	font-size:10px;
	font-weight:normal;
}
#functional-nav a:hover{ text-decoration:none; }

#design-head{
	width:850px;
	height:119px;
	overflow:hidden;
}
.home_header	{ background:url(images/headers/home_header.jpg) 5px 0px no-repeat #333; }
.about_header	{ background:url(images/headers/about_header.jpg) 5px 0px no-repeat #333; }
.lessons_header	{ background:url(images/headers/lessons_header.jpg) 5px 0px no-repeat #333; }
.weddings_header{ background:url(images/headers/weddings_header.jpg) 5px 0px no-repeat #333; }
.events_header	{ background:url(images/headers/events_header.jpg) 5px 0px no-repeat #333; }
.contact_header	{ background:url(images/headers/contact_header.jpg) 5px 0px no-repeat #333; }
.admin_header	{
	background:url(images/headers/events_header.jpg) 5px -83px no-repeat #333;
	height:25px !important;
	border-bottom:3px solid #333;
}

#content{
	padding:32px 0px 50px 0px;
	background-color:#B0B0B0;
}
#sub-content{
	margin:0px;
	padding-left:45px;
	float:left;
}
#main-nav,
#main-nav ul,
#sub-nav,
#sub-nav ul{
	margin:0px;
	padding:0px;
}
#sub-nav ul{
	padding:8px 0px 0px 20px;
}
#main-nav li,
#sub-nav li{
	list-style:none;
	padding:5px 0px 5px 0px;
}
#main-nav a:link,
#main-nav a:visited,
#main-nav a:active,
#sub-nav a:link,
#sub-nav a:visited,
#sub-nav a:active{
	color:#FFF;
}
#main-nav a:hover,
#sub-nav a:hover{
	color:#B32B09;
	text-decoration:none;
}
#main-nav a.selected:link,
#main-nav a.selected:visited,
#main-nav a.selected:active,
#sub-nav a.selected:link,
#sub-nav a.selected:visited,
#sub-nav a.selected:active{
	color:#333;
}
#main-nav a.selected:hover,
#sub-nav a.selected:hover{
	color:#333;
	text-decoration:none;
}

#main-content{
	margin-left:225px;
	padding:0px 185px 0px 10px;
	line-height:1.55em;
	min-height:150px;
}
* html #main-content{
	height:150px;
	margin-left:215px;
}
div#main-content.no_right_pad{
	padding-right:0px;
}

#deco-block{
	width:67px;
	height:18px;
	margin:0px;
	padding:0px;
	background-color:#FFF;
	position:relative;
	left:-87px;
	margin-right:-87px;
	margin-bottom:-20px;
}
#feature-block{
	width:135px;
	padding:0px;
	margin:0px;
	float:right;
	position:relative;
	margin-right:-170px;
	margin-left:-130px;
}
#flash_musicplayer{
	margin-bottom:30px;
}
#flash_sidebar{
	margin-bottom:30px;
}
#testimonial{
	width:135px;
	text-align:right;
	color:#CCC;
	background:url(images/quote_top.jpg) top left no-repeat #999;
	line-height:1.3em;
}
.left_testimonial{
	position:relative;
	left:-25px;
	margin-top:40px;
}
#testimonial p,
#testimonial blockquote{
	padding:0px 10px 10px 15px;
	margin:0px;
}
#testimonial blockquote{
	padding-top:10px;
}
#testimonial p{
	background:url(images/quote_bottom.jpg) bottom left no-repeat #999;
}
#main-content h1,
#main-content h2{
	margin-top:0px;
}
#main-content h1{
	text-transform:uppercase;
	font-weight:normal;
}
#main-content h2{
	text-transform:capitalize;
}
#main-content ul{
	margin:0px;
}
#main-content li{
	margin-left:-27px;
}
* html #main-content li{
	margin-left:15px;
}

#contactForm,
#directionsForm{
}
label{
	width:150px;
}
#contactForm label,
#directionsForm label,
#admin_addform label{
	float:left;
	width:100px;
	font-weight:bold;
}
#contactForm p{
	font-weight:bold;
}
#contactForm input,
#directionsForm input,
#admin_addform input{
	padding:2px;
}
#contactForm input,
#contactForm select,
#contactForm textarea,
#directionsForm input,
#directionsForm select,
#admin_addform input,
#admin_addform select,
#admin_addform textarea{
	font-size:11px;
	margin-bottom:6px;
}
#contactComments{
	width:223px;
	clear:both;
}
#contactFName{ width:64px; }

* html #contactFName { width:67px; }

#directionsCity,
#directionsZip,
#contactCity,
#contactZip{
	width:67px;
}

#contactSubmit{
	margin-left:250px;
}
#directionsSubmit{
	margin-left:227px;
}

.staff_listing{
	margin:0px 0px 25px 0px;
}
.staff_desc h4,
.staff_listing h4{
	color:#333;
	margin-bottom:0px;
}
.staff_desc p,
.staff_desc h4{
	
}
.staff_listing p,
.staff_listing h4{
	margin-top:0px;
	margin-left:95px;
}
.staff_desc p,
.staff_listing p{
	margin-right:5px;
	line-height:1.45em;
}
.staff_desc img,
.staff_listing img{
	float:left;
	width:75px;
	height:74px;
	border:1px solid #333;
	background-color:#FFF;
}
.staff_desc img{
	margin:0px 20px 10px 0px;
}
.staff_desc a,
.staff_listing a{
	text-transform:capitalize;
}

.home_dance_list{ height:120px; }
* html .home_dance_list{ font-size:10px; }
.home_dance_list ul{ float:left; padding-right:15px; }

#map{
	margin-bottom:15px;
}
#map img{
	border:1px solid #333;
	width:320px;
}

#video_div{
	padding:0px;
	margin:0px;
}
#video_div object,
#video_div embed{
	padding:0px;
	margin:0px;
}

#gutter{
	background:url(images/gutter_bg.jpg) bottom left no-repeat #B0B0B0;
}

#contact_info{
	color:#FFF;
	border-top:1px solid #999;
	padding-top:10px;
	padding-bottom:35px;
	text-align:center;
}
#contact_info,
#contact_info a{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contact_info p{
	display:inline;
}

#footer{
	padding:10px 0px 10px 0px;
	text-align:right;
}
#copyright,
#designer-id{
	color:#999;
	font-size:9px;
}
#designer-id{
	width:123px;
	height:32px;
	float:left;
	background:url(images/mlm_logo.jpg) top left no-repeat #333;
}
#copyright{
	padding-top:10px;
}

/* ---- IMAGE GALLERY ---- */

#image-gallery-wrap{
	width:450px;
	margin:auto;
}
#image-gallery{
	height:350px;
	background:url(images/gallery_bg.jpg) no-repeat top left #B0B0B0;
	margin-bottom:0px;
}
#current-image{
	height:300px !important;
	text-align:center;
	padding-top:15px;
}
#current-image img{
	border:1px solid #000;
}
#current-image img#waiting_icon{
	margin-top:100px;
	border:none;
}
#current-image-desc{
	margin:0px 50px 0px 50px;
	padding:0px;
	text-align:center;
	color:#000;
}

#thumbnail-nav{
	width:440px;
	margin:auto;
	background:url(images/gallery_thumbs_bg.jpg) no-repeat top center #B0B0B0;
	overflow:hidden;
}
#thumbnails{
	height:53px;
	padding:1px 15px 6px 15px;
	margin-left:20px;
	margin-right:20px;
	overflow:hidden;
}
#thumbnails img{
	border:1px solid #000;
	margin:3px 13px 3px 1px;
}
#thumbnails img:hover{
	cursor:pointer;
}
#prev-thumbnail,
#next-thumbnail{
	position:relative;
	width:28px;
	height:28px;
}
#prev-thumbnail span,
#next-thumbnail span{
	display:none;
}
#prev-thumbnail a,
#next-thumbnail a{
	display:block;
	width:28px;
	height:28px;
}
#prev-thumbnail{
	top:-40px;
	left:-25px;
	background:url(images/gallery_prev_button.jpg) no-repeat top left #B0B0B0;
}
#next-thumbnail{
	top:-68px;
	left:448px;
	background:url(images/gallery_next_button.jpg) no-repeat top left #B0B0B0;
}

/*---*/
#lightbox-gallery{ margin:0px; padding:0px; list-style:none; width:450px; }
#lightbox-gallery li{ display:block; height:50px; width:50px; float:left; margin-right:7px; margin-bottom:7px; margin-left:0px; }
.clear_block{ clear:both; }


/* ---- ADMIN STYLES ---- */

#admin_login{
	margin:auto;
	margin-top:50px;
	padding:30px;
	width:200px;
	text-align:center;
	border:1px solid #000;
	color:#333;
	background-color:#FFF;
}
#admin_loginform{
	text-align:left;
	padding-left:30px;
}
#admin_loginform_user{}
#admin_loginform_pass{}
#admin_loginform_submit{}

.admin_content{
	padding:0px 10px 0px 10px !important;
	line-height:1.2em !important;
}
.admin_content input,
.admin_content select,
.admin_content textarea{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.admin_content label{
	font-weight:bold;
}

.table_listing1{
	width:100%;
	border:none;
	text-align:left;
	font-size:11px;
}
.table_listing1 thead{
	font-weight:bold;
}
.table_listing1 td,
.table_listing1 th{ padding:3px 15px 3px 10px; }

.table_listing1 th{
	background-color:#333;
}
.table_listing1 td.highlight{
	color:#333;
	font-weight:bold;
	background-color:#CCC;
}
.table_listing1 td.desc{
	border-top:1px solid #999;
}
.table_listing1 td.desc p{
	margin-top:0px;
}

.admin-sub-nav{
	font-size:11px;
	font-weight:normal;
}
.admin-sub-nav ul li{
	background:url(images/arrow_dark.jpg) no-repeat left #B0B0B0;
	position:relative;
	left:-12px;
	padding-left:12px !important;
}

/* ---- ADMIN PHOTO GALLERY ---- */

#admin_photo_thumb_wrap{
	
}
.admin_photo_thumb{
	float:left;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#E6E6E6;
	border:1px solid #000;
	width:72px;
	padding:5px;
	margin:5px 10px 5px 5px;
}
.admin_photo_thumb img{
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

.ddimage_div{
	z-index:9999999;
	position:absolute;
	top:-1000px;
	left:0px;
	width:450px;
	padding:10px;
	background-color:#FFF;
	border:1px solid #000;
	text-align:center;
}
.ddimage_div p,
.ddimage_div a{
	text-align:right;
	margin:0px 0px 5px 0px;
	padding:2px;
}
.ddimage_div p.description{
	text-align:left;
	margin-top:5px;
	color:#333;
}