/* ----------------------------------------------------------------
 * FILE: style.css
 * ----------------------------------------------------------------
 * Author: Dave Musgrove
 * Template: Bal-Swing Jive
 * ---------------------------------------------------------------- 
*/

/* ---------------------------------------------------------------- 
 * BODY
 * ---------------------------------------------------------------- 
*/ 

html { font-size: 100%; }
body {
	height: 100%;
	margin: 0 0 40px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #6f0000 url(../images/back.jpg) top center repeat-y;
}

/* ---------------------------------------------------------------- 
 * BODY > TEXT
 * ---------------------------------------------------------------- 
*/ 

p { font-size: 13px; color: #000; margin: 0 0 10px 0; }

a { color: #900; text-decoration: none; }
a:hover { color: #000; }

img { border: 0; }
img.right { margin: 5px 0 5px 10px; }
img.left { margin: 5px 10px 5px 0; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 8px 0; font-family: Georgia, "Times New Roman", Times, serif; color: #900; }
h1 { font-size: 18px; margin: 20px 0; }
h2 { font-size: 16px; margin: 20px 0 8px 0; text-decoration: underline; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; margin: 15px 0 0 0; }	
h6 { font-size: 11px; margin: 0 0 5px; 0; }

pre, code, blockquote { display: block; margin: 25px 0; padding: 15px; }
blockquote { padding-top: 0; padding-bottom: 20px; }	
blockquote > div { padding: 1px; }
blockquote p { margin-bottom: 0; }

/* ---------------------------------------------------------------- 
 * LAYOUT > CONTAINERS
 * ---------------------------------------------------------------- 
*/

#wrap { width: 825px; margin: 0 auto; }

#header1 { height: 384px; background: url(../images/header.jpg) no-repeat; position: relative; }
#header2 { height: 295px; background: url(../images/header2.jpg) no-repeat; position: relative; }

.menu-btn a p { display: none; }
.menu-btn a { width: 162px; height: 52px; display: block; }
.menu-btn a:hover { background: url(../images/btn-active.gif) no-repeat; }

.menu-btn2 a p { display: none; }
.menu-btn2 a { width: 162px; height: 32px; display: block; }
.menu-btn2 a:hover { background: url(../images/btn-active2.gif) no-repeat; }

#about-us { width: 162px; height: 52px; position: absolute; top: 20px; left: 40px; }
#dance-classes { width: 162px; height: 52px; position: absolute; top: 77px; left: 40px; }
#dance-workshop { width: 162px; height: 52px; position: absolute; top: 136px; left: 40px; }
#private-tuition { width: 162px; height: 52px; position: absolute; top: 196px; left: 40px; }
#gallery { width: 162px; height: 32px; position: absolute; top: 254px; left: 40px; }

#social-dances { width: 162px; height: 52px; position: absolute; top: 17px; right: 36px; }
#b-and-b { width: 162px; height: 52px; position: absolute; top: 76px; right: 36px; }
#links { width: 162px; height: 52px; position: absolute; top: 136px; right: 38px; }
#contact { width: 162px; height: 52px; position: absolute; top: 196px; right: 38px; }

#logo1 { height: 87px; background: url(../images/logo.jpg) no-repeat; }
#logo2 { height: 87px; background: url(../images/logo2.jpg) no-repeat; }

#content1 { height: 340px; background: url(../images/index-back.jpg) no-repeat; }
#content2 { height: 421px; background: url(../images/content-back.jpg) no-repeat; position: relative; }

#text-block { width: 524px; height: 389px; position: absolute; top: 9px; left: 154px; overflow: auto; }
#text-block p { width: 505px; }
#text-block .title { margin: 0 0 20px 0; }

#footer { padding: 22px 55px 0 55px; height: 50px; background: url(../images/footer.jpg) no-repeat; }
#footer p { color: #fff; font-size: 9px; margin: 0 0 8px 0; float: right; }
#footer p a { color: #8b8fee; }
#footer p a:hover { color: #8b8fee; }
#footer p.copyright { float: left; }

/* ---------------------------------------------------------------- 
 * LAYOUT > MENU
 * ---------------------------------------------------------------- 
*/

#menu { font-size: 12px; border-bottom: 1px solid #900; height: 35px; }
#menu ul { padding: 0; margin: 10px 0px; width: 100%; }
#menu ul li { display: inline; }
#menu ul li a { padding: 3px 10px; color: #000; text-decoration: none; floar: left; border-right: 1px solid #900; font-weight: bold; }
#menu ul li a:hover { background-color: #900; color: #fff; }
#menu ul li a.last { border-right: #fff; }

/* ---------------------------------------------------------------- 
 * LAYOUT > TABLES
 * ---------------------------------------------------------------- 
*/

#fixtures { width: 650px; border: 0; font-size: 12px; color: #000; font-weight: bold; }
#fixtures tr td.event { border-right: 1px solid #900; width: 440px; padding: 5px 0; }
#fixtures tr td.event a { color: #900; }
#fixtures tr td.event a:hover { color: #000; }
#fixtures tr td.details { width: 98px; padding: 5px 0; text-align: right; }
#fixtures tr td.details a { color: #000; }
#fixtures tr td.details a:hover { color: #900; }
#fixtures tr td.results { width: 98px; padding: 5px 0; text-align: right; color: #e6b7ba; }
#fixtures tr td.results a { color: #900; }
#fixtures tr td.results a:hover { color: #000; }

/* _Gallery
==========================================*/

.thumb-bg { margin: 0 10px 10px 0; float: left; background: url(../images/thumb-bg.png) no-repeat; text-align: center; }
.thumb-pic { width: 140px; height: 105px; margin: 7px; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
.thumb-pic img { width: 140px; height: 105px; border: none; }
.clear { clear: both; }

#gallery2 { margin: 20px; text-align: left; }
#gallery2 a h3 { 
	color: #fao; 
	font-size: 16px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 0 0 10px 0;
	text-decoration: none;
	border: 0;
}
#gallery2 a:hover h3 { color: #fff; }

.gallery-block { background: #2d3192; margin: 0 0 10px 0; padding: 12px; position: relative; }
.gallery-block a img { border: 1px solid #fc6; }
.gallery-block a:hover img { border: 1px solid #fff; }
.gallery-block .text-box { width: 325px; float: right; }
.gallery-block .text-box2 {  }
.gallery-block .img-box { background: #000; margin: 0 0 10px 0; text-align: center; }
.gallery-block p, .gallery-block h2 {  
	color: #fff; 
	font-size: 11px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 0;
}
.gallery-block h2 { font-size: 18px; color: #fc0; margin: 0 0 8px 0; line-height: 18px; }

/* _Lightbox
==========================================*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }


#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}