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

* CROWN TOP KINGS 2008
* Filename: style.css
* Version: 2.0.0 (06-05-2008) DD-MM-YYYY
* Website: http://www.stockportplaza.co.uk/
* Author: Dave Musgrove
* Description: Handles the site layout.

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


/* _Body
==========================================*/

html { height: 100%; margin-bottom: 1px; }
body {
	margin: 0;
	padding: 0;
	background: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 100%;
}
p { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height: 13px; 
	font-size: 12px;
	margin: 0 0 12px 0; 
}
img { border: 0px; }


/* _Wraps
==========================================*/

#wrap { width: 707px; height: 700px; margin: 0 auto; background: url(../images/back-main.jpg) no-repeat; position: relative; }


/* _Containers
==========================================*/

#content-block { width: 652px; height: 527px; background: url(../images/back-blank.jpg) no-repeat; position: absolute; top: 126px; left: 27px; }

.text-block { width: 542px; height: 409px; position: absolute; top: 64px; left: 56px; overflow: auto; }
#text-area { width: 480px; margin: 0 0 20px 20px; }
#text-area h4 { width: 480px; border-bottom: 1px solid #000; }
.date-text { font-weight: bold; float: left; font-size: 14px; line-height: 15px; }
.date-descrip { margin-left: 70px; font-size: 14px; line-height: 15px;}
#title-dates { background: url(../images/title-dates.jpg) no-repeat; }


/* _Navigation
==========================================*/

#menu-home { width: 176px; height: 141px; position: absolute; top: 26px; left: 23px; z-index: 99; }

#menu-dates { width: 106px; height: 26px; position: absolute; top: 41px; left: 261px; }
#menu-gallery { width: 106px; height: 26px; position: absolute; top: 41px; left: 375px; }
#menu-mailing { width: 106px; height: 26px; position: absolute; top: 41px; left: 487px; }
#menu-news { width: 106px; height: 26px; position: absolute; top: 77px; left: 261px; }
#menu-links { width: 106px; height: 26px; position: absolute; top: 77px; left: 375px; }
#menu-music { width: 106px; height: 26px; position: absolute; top: 77px; left: 487px; }

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

.thumb-pic { width: 140px; height: 105px; margin: 0 10px 10px 0; border: 3px solid #c71014; float: left; background-color: #290f07; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
.thumb-pic img { width: 140px; height: 105px; }
.clear { clear: both; }

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