@import url("bmTypography.css");

/**
 * BASEMENT CSS DOCUMENT
 * 
 * _______@author Neil Azzopardi <neilazzopardi@gmail.com>
 * _______@date april 2009
 * _______@last updated 9th april 2009
 * _______@copyright 2004 - 2009 Basement
 *
 */
 
.col1 {
	float:left;
	width:50%;
	height:auto;
	}
	
.ulReset {
	padding:0;
	margin:0;
	list-style:none;
	}

.ulReset ul li {
	padding:0;
	margin:0;
	list-style:none;
	}

.ulReset ul li h4 a {
	color:white;
	text-decoration:underline;
	}

.ulReset ul li h4 a:hover {
	background:black;
	}

body, html {
	margin:0;
	padding:0;
	min-height:100%;
	}

img {border:0}

h1, h2, h3, h4, h5, h6 {
	padding:0px;
	margin:0px;
	}

.relative {
	position:relative;
	z-index:10;
	}	

.bmRow {
	width:inherit;
	*width:100%;
	height:auto; 
	overflow:hidden;
	}

.bmCanvas {
	width:972px;
	*width:100%;
	height:auto; 
	overflow:hidden;
	background:white;
	}

.bmCanvasPadding {
	width:942px;
	height:auto; 
	overflow:hidden;
	background:white;
	padding:0px 15px;
	}

.txtWhite {color:#fff};

.linksBullit {padding:0; margin:0;}
.linksBullit ul {padding:20px; margin:0; list-style:none;}
.linksBullit ul li {padding:0; margin:0 0 10px 0;}
.linksBullit ul li span a {color:#d32c63; font-weight:bold; text-decoration:none;}
.linksBullit ul li span a:hover {color:#333333; font-weight:bold;}

/* BREAKING NEWS CONTAINERS _____________________________________________________________ */

.newsContainer {width:inherit; height:76px;}
.newsContainer h2 {margin:0 0 0 220px; padding:13px 20px 15px 20px; }
.breakingNews {background:url(../imgs/breaking-news.gif) no-repeat yellow;}
.advertorial {background:cyan;}

	
/* GENERAL ELEMENTS _____________________________________________________________________ */

.marginSpacing10TB {padding:10px 0 10px 0;}
.margin10T {margin:10px 0 0 0}
.margin10TB {margin:10px 0 10px 0}
.margin10B {margin:0 0 10px 0}
.margin20L {margin:0 0 0 20px}
.margin20R {margin:0 20px 0 0}
.margin20LR {margin:0 20px 0 20px}
.marginSpacing20TB {padding:20px 0 20px 0;}

.padding10TB {margin:10px 0 10px 0}
.padding20TB {margin:20px 0 20px 0}
.padding20 {padding:20px}

.greyLinethrough a {color:#000;}
.greyLinethrough a:hover {background:#CCC; text-decoration:line-through;}

.hidden {display:none;}

.smlIconReviews {background:url(../imgs/smlIcon-reviews.gif) no-repeat left top;}
.smlIconFacebook {background:url(../imgs/smlIcon-facebook.gif) no-repeat left top;}
.smlIconPostComment {background:url(../imgs/smlIcon-comments.gif) no-repeat left top;}

/* LAYOUT CONTAINERS ____________________________________________________________________ */

#bmContainer {float:left; width:1192px; background:url(../imgs/background-site-left.gif) repeat-y left top; }

#siteContainer {
	float:left;
	width:972px;
	margin:0 10px 0 20px;
	*display:inline;
	}

#bmSkyscraper {
	float:left;
	margin:160px 0 0 0;
	width:180px;
	height:auto;
	}

#headerContainer {
	width:inherit;
	height:150px;
	background:url(../imgs/header-background.gif) no-repeat top left;
	}

.innerBillboard {
	width:inherit;
	height:150px;
	background:#000000;
	}

/* DESIGN ELEMENTS ______________________________________________________________________ */

.cornerDE {
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:20px;
	z-index:5;
	}

.pinkDE {
	background:url(../imgs/headlines-de.gif);
	}
	
/* SITE TITLES ___________________________________________________________________________ */

.titleContainer {
	width:auto;
	height:16px;
	}
	
.titleContainer56 {
	float:left;
	width:auto;
	height:56px;
	}

.titleHolder56 {
	width:auto;
	height:56px;
	background:url(../imgs/title_bk.gif) repeat-x;
	}

/* HEADER ELEMENTS _______________________________________________________________________ */

#BasementBrand {
	width:336px;
	height:93px;
	padding:50px 0px 0px 0px;
	}

/* NAVIGATION ELEMENTS ___________________________________________________________________ */

#navContainer {
	width:inherit;
	height:54px;
	overflow:hidden; /* reset */
	}

#navContainer ul {
	margin:0px;
	padding:0px;
	}
		
	#navContainer ul li {
	float:left;
	list-style:none;
	}
	
#btnHomepage {width: 125px; height: 54px;}	
#btnEventsGuide {width: 139px; height: 54px;}	
#btnReviews {width: 188px; height: 54px;}	
#btnGallery {width: 148px; height: 54px;}	
#btnCommunity {width: 136px; height: 54px;}
#btnFashion {width: 96px; height: 54px;}

/* FOOTER ________________________________________________________________________________ */

#bmFooter ul {
	float:left;
	list-style:none;
	padding:0;
	margin:0 10px 0 0;
	}

#bmFooter ul li h6 a {
	padding:5px;
	background:white;
	margin:0 1px 1px 0;
	display:inline-block;
	color:#999999;
	}

#bmFooter ul li h6 a:hover {
	color:#CCC;
	background:#000000;
	}

ul.normalUL {
	list-style:none;
	padding:10px 5px;
	height:30px;
	margin:0;
	}
	
ul.normalUL li {
	float:left;
	list-style:none;
	padding:0;
	margin:0 15px 0 0;
	}

ul.normalUL li a {
	font:Verdana, Arial, Helvetica, sans-serif 10px;
	color:#000000;
	text-decoration:none;
	}

#bmFooter {
	overflow:hidden;
	margin:10px 0 0 0px;
	}

/* LOGIN MODULE _________________________________________________________________________ */

.loginContainer {
	width:inherit;
	height:43px;
	background:url(../imgs/login-bar.gif) #403531;
	overflow:hidden; /* reset */
	}
	
.loginContainer h4 {
	color:#fff;
	margin:14px 0 0 20px;
	}

.loginContainer h4 a {
	color:#fff;
	text-decoration:underline;
	}

.loginContainer ul {
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	}

.loginContainer ul li {
	float:left;
	margin:0 20px 0 0;
	}

/* REGISTER TO BASEMENT __________________________________________________________________ */

.coloumn {
	float:left;
	width:460px;
	overflow:hidden;
	}

.formRow {
	width:inherit;
	height:31px;
	padding:10px 0;
	background:url(../imgs/row_background.gif) repeat-x;
	}

.formContent {
	float:left;
	width:190px;
	height:30px;
	}

.formContent p {
	padding:9px 0 0 0;
	margin:0;
	}

.formInput {
	float:left;
	width:242px;
	height:30px;
	}

.formInput input {
	width:242px;
	height:31px;
	background:url(../imgs/formInput.gif) no-repeat;
	border:0;
	}

/* REGISTER TO BASEMENT __________________________________________________________________ */

.coloumn .topborder, .coloumn .bottomborder {
	width:inherit;
	height:auto;
	}

.coloumn .border {
	width:inherit;
	height:auto;
	background:url(../imgs/login-border.gif) repeat-y;
	overflow:hidden;
	}

.formRowSpecial {
	width:400px;
	height:31px;
	padding:10px 0;
	margin:auto;
	}

.formRowSpecial .formContent {
	float:left;
	width:130px;
	height:30px;
	}

.formRowSpecial .formContentWide {
	float:left;
	width:inherit;
	height:30px;
	}