/*
stearns coffee / stearnscoffee.com
Adam Campbell / adam@hotmeteor.com
November 2007

Layout
*/

* {
	margin:0;
	padding:0;
}

body {
	background-color:#000;
}

/* General Layout ---------------*/

#container {
	background:url(../images/bg_body.jpg) no-repeat 30% 0;
	background-attachment:fixed;
	margin:0 auto;
	padding-right:70px;
	width:870px;
}

#header {
	clear:both;
	height:95px;
	padding:25px 0 0;
	position:relative;
	width:100%;
}

#main {
	clear:both;
	margin-left:70px;
}

	#home #main {
		margin-left:60px;
	}
	
#commercial {
	display: none;
	text-align: center;
}
	
#commercial object {
	display: block;
	margin: 0 auto;
}

#footer {
	clear:both;
	margin-left:70px;
	padding:0 0 20px;
}

#bottom {
	clear:both;
	margin:0;
	padding:20px 0;
}
	
	#home #bottom {
		margin-left:70px;
	}

/* Home Page */

#currentsong {
	position:absolute;
	right:0;
	top:55px;
}

#leftblock {
	float:left;
	height:335px;
	position:relative;
	width:410px;
}

#rightblock {
	float:right;
	height:335px;
	position:relative;
	width:400px;
}

.hoverblock {
	background: #000;
	bottom: 15px;
	display: none;
	left: 15px;
	height: 73px;
	position: absolute;
	width: 234px;
}

	#leftblock .hoverblock { left:25px; }

#newsfeed {
	background-color:#1a1a1a;
	clear:both;
	display:block;
	height:36px;
	margin:0;
	padding:0;
}

#storeinfo {
	text-align:right;
}

/* Sub Pages ----------*/

.col {
	float:left;
	margin:10px 4% 20px 0;
	width:21%;
}

	#lastcol {
		margin-right:0;
	}

.popout {
	background:#83b9ce url(../images/bg-popout.gif) no-repeat 0 0;
	margin-bottom:25px;
	margin-left:-24px;
	padding:20px 8px 5px 12px;
}

div.fleft {
	float:left;
	margin-right:30px;
	margin-bottom:15px;
	width:170px;
}

.coffeecol {
	float:left;
	margin-right:4%;
	width:30%
}

#widecol {
	width:500px;
}