/*
Design by Luke Murray for The Crescent
Modifying an original design by Andreas Viklund.
*/

/* General layout */
body {background:url(../images/bgw5.jpg); color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;}
#container {background:#fff; margin:0 auto 20px; padding:5px 20px 20px; width:730px;}
#offers {background:transparent url(../images/red.png); margin:0 auto 20px; padding:5px 20px 20px; width:730px;}

#spacer {background:none; margin:none; padding:none; width:730px; height:10px;}

/* Site title */
#logo {margin:15px 0 0;}
#logo h1 a {border:none; color:#505050;}
#logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
#logo p {font-size:1.3em;  color:#505050; margin:0 0 10px 0;}
#logo p a {border:none; text-decoration:none;}
#logo p a:hover {border:none; text-decoration:none;}

/* Tags */
a {border-bottom:1px dotted #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
a img {border:0;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
p {line-height:1.5em; margin:0 0 15px; text-align:left;}
ul,ol {margin:0 0 15px 15px; padding:0;}
li {margin:0 0 15px 0;}

/* Toptabs menu */
#toptabs {font-size:.8em; margin:10px auto -13px; width:760px;}
#toptabs p {color:gray; text-align:right;}
.toptab {background:#f0f0f0; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa; color:#fff; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; color:#505050; text-decoration:none;}

/* Navitabs menu */
#navitabs {clear:both; padding-top:10px; padding-bottom:10px;}
.navitab {background:#48575c; color:#fff; border-bottom:1px solid #48575c; border-right:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
.navitab:hover {background:#70797d; color:#fff; border-bottom:1px solid #70797d; border-right:1px solid #fff; text-decoration:none;}
.activenavitab {background:#2b2b2b; color:#fff; border-right:1px solid #fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; border-right:1px solid #fff; text-decoration:none;}

/* Header description area */
#desc {clear:both; color:#fff; height:195px; margin:5px 0 15px; padding:0 0 5px 0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/* Main content - 1-column layout */
#main1col {border-right: none; float:left; margin:0; width:730px; padding-bottom:15px;}

/* Main content - 2-column layout */
#main2col {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:550px;}

/* Sidebar */
#sidebar {float:right; width:150px;}
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#70797d; color:#fff; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:140px;}
ul.sidelink li a:hover {background:#48575c; color:#fff; border:none; text-decoration:none;}

/* Input content - 2-column layout */
#input2col {float:left; margin:0; padding:0 15px 0 0; width:150px;}

/* Input Forms Sidebar */
#inputside {float:right; width:550px;}

/* Footer */
#footer {font-size:0.7em; background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0;}
#footer a {color:gray;}
#footer a:hover {color:#303030;}
#footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0;}

/* Photos */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px; text-decoration:none;}
.photo:hover {background-color:#d8d8d8; border:1px solid #333;}
.photostatic {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px; text-decoration:none;}

/* Additional classes */
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {background:#f0f0f0; padding:10px;}
.hide {display:none;}

hr.dotted {border: none 0; border-top:1px solid #d8d8d8; border-bottom: none; width: 730px; height: 1px; text-align: left;}

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

#lightbox img{ border: none; clear: both; text-decoration:none;} 
#overlay img{ border: none; }

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

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