/*--------------------------------------------
Website: McGinnis Front Row Restaurant + Sports Bar / www.thefrontrow.ca
Design & development: 4c / www.4c.ca
Date: July 2008
Description: Layout

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

/* WEBSITE ARCHITECTURE 
----------------------------------

CONTAINER / #Container
		
		1. - LEFT COLUMN / #leftcolumn
		
			1.1 - Logo / H1
			1.2 - navigation / #nav
			1.3 - contact / h5 + p
		
		
		2. - RIGHT COLUMN / #rightcolumn
		
		 ------ HOME -------
		 	2.1 - NEWS / #news
		 		2.1.1 - main new / #mainnews  -> date (h4) + title (h3) + subtitle (h5) + text (p)
		 		2.1.2 - Other news / .secondnews  -> date (h4) + title (h3) + subtitle (h5) + text (p)
							
	
----------------------------------*/

* {
	outline: none;
}

body {
	background: #3E2A12 url(../images/background.jpg) no-repeat center 0;
	margin: 0;
	padding: 0;
}

#container {
	background: url(../images/background_baseball.png) no-repeat 0 0;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	margin: 0 auto;
	width: 950px;
}

#club #container,
#contact #container,
#preorder #container {
	background: url(../images/background_soccer.png) no-repeat 0 0;
}

#menu #container {
	background: url(../images/background_basket.png) no-repeat 0 0;
}

#leftcolumn {
	float: left;
	width: 249px;	
}

#rightcolumn {
	background: url(../images/bg-rightcolumn.png) no-repeat 0 0;
	float: left;
	margin: 0;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 30px 20px;
	width: 465px;	
}

	#home #rightcolumn {
		margin: 0;
		padding: 0;
		width: 700px;
	}
	
	#menu #rightcolumn {
		padding-left: 0;
		width: 450px;
	}
	
.top {
	margin-left: 20px;
}

#footer {
	clear: both;
	height: 60px;
	width: 100%;
}

.frlogo {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 132px;
}

.clear {
	clear: both;
}

/*
----------------------------------
Navigation
----------------------------------
*/

ul#nav {
	margin: 0;
	padding: 0;
	width: 250px;
}

#nav li {
	list-style-type: none;
	width: 250px;
	height: 30px;
}

	#nav li a {
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		height: 30px;
		overflow: hidden;
		text-indent: -999em;
		width: 250px;
	}

	#nav a:hover,
	#nav li.selected a { background-position: -250px 0; }

	#nav a.home { background-image: url(../images/nav_home.jpg); }
	#nav a.menu { background-image: url(../images/nav_menu.jpg); }
	#nav a.club { background-image: url(../images/nav_club.jpg); }
	#nav a.group { background-image: url(../images/nav_group.jpg); }
	#nav a.contact { background-image: url(../images/nav_contact.jpg); height:31px; }
	
/* Subnav */

.subnav {
	clear: both;
	display: block;
	height: 25px;
	margin: 0 0 0 2px;
	padding: 0;
	width: 500px;
}

.subnav li {
	float: left;
	font-size: 1.2em;
	font-weight: normal;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.subnav a {
	border-right: 1px solid #472f13;
	color: #ea9e46;
	display: block;
	padding: 6px 12px;
	text-decoration: none;
}

	.subnav a.last {
		border: 0;
	}

	.subnav li.first a {
		padding-left: 20px;
	}

	.subnav a:link,
	.subnav a:visited {
		color: #ea9e46;
	}
	
	.subnav a:hover {
		color: #ea9e46;
	}
	
	.subnav li.subselected a {
		background-color: #472f13;
		color: #fff;
	}

/*
----------------------------------
Home
----------------------------------
*/
 
#news {
	margin: 0;
	padding: 0;
	width: 450px;
}

#mainnews {
	background: url(../images/theme-blank.png) no-repeat 0 0;
	height: 350px;
	margin: 0 0 1px 0;
	position: relative;
	width: 450px;
}

	.theme-4 { background: url(../images/theme-hockey.jpg) no-repeat 1px 0 !important; }	/* Hockey */
	.theme-6 { background: url(../images/theme-ufc.png) no-repeat 0 0 !important; }		/* UFC */

#maininfo {
	bottom: 20px;
	left: 20px;
	margin: 0;
	position: absolute;	
	width: 410px;
}

.secondnews {
	background: url(../images/bg-fade-rtl.png) no-repeat 0 0;
	margin: 0 0 1px 0;
	padding: 10px 20px;
	width: 420px;
}

.shortinfo {
	cursor: pointer;
	height: 35px;
	margin: 0 0 15px 0;
	width: 420px;
}

.darksecondnews {
	background: url(../images/background_news3.png) no-repeat 0 0;
}

/*
----------------------------------
Menu / Preorder
----------------------------------
*/

.menu-section {
	background: url(../images/bg-fade-rtl.png) repeat-y 0 0;
	margin: 0 0 1px;
	padding: 15px 20px;
}	

.preorder-box {
	background: url(../images/bg-fade-rtl.png) no-repeat 0 0;
	margin: 10px 0 0;
	padding: 15px;
}

#preorder-thanks {
	display: none;
}

/*
/ Contact page - logos
/----------------------------------------*/

ul#logo {
	height: 40px;
	margin: 0 auto;
	padding: 0;
	width: 400px;
}

ul#logo li {
	float: left;
	list-style-type: none;
	margin: 20px 20px 20px;
	padding: 0;
}

ul#logo li.frog {
	border-right: 0;
}

ul#logo a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	overflow: hidden;
	margin: 0 10px;
	text-align: left;
	text-indent: -999em;
	text-decoration: none;
	width: 130px;
}

	ul#logo a:hover {
		background-position: 0 -34px;
	}

ul#logo li.oarhouse a {
	background-image: url(../images/logo_oarhouse.png);	
}

ul#logo li.frog a {
	background-image: url(../images/logo_bfrog.png);
}

ul#logo li.mcginnis a {
	background-image: url(../images/logo_mcginnis.png);
}

ul#logo li.bertoldi a {
	background-image: url(../images/logo_bertoldis.png);
}