/*
	CSS Framework
	© Ryan Townsend 2008
	
	This stylesheet contains the content styles common to all pages of the site
*/

/* LAYOUT */
body {background:#2fa9e8 url(../images/layout/bg.jpg) top center repeat-x;color:#fff;}
#clouds {width:98%;padding: 10px 1%;height:80px;margin-bottom:30px;background:transparent url(../images/layout/clouds.png) top center repeat-x;position:relative}
#clouds iframe#facebooklike { position: absolute; top: 10px; left: 250px; width: 400px; height: 30px; display: block; float: right }
#page {font-size:0.75em;}
#header {position:absolute;top:0px;left:0;z-index:10;}
#header h1 {	
	width:290px;
	height:146px;
	
	margin:0;
	padding:0;
	
	background:transparent url(../images/layout/title.png) center no-repeat;
	display:block;
}
#header h1 a {
	width:inherit;
	height:inherit;

	display:block;
	
	background:none;
	text-indent:-9999px;
	text-decoration:none;
}
#nav {
	position:absolute;
	top:170px;
	left:0;
	z-index:3;
}
#nav li {
	width:240px;
	height:50px;
	
	margin:0 0 10px 0;
	padding:0;
	
	display:block;
	clear:left;
}
#nav li a {
	width:240px;
	height:50px;
	
	display:block;
	background:transparent 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#nav li.active a, #nav li a:hover {
	background-position:-239px 0;
}

#nav li a.home {background-image:url(../images/layout/nav_home.png)}
#nav li a.activities {background-image:url(../images/layout/nav_activities.png)}
#nav li a.cafe {background-image:url(../images/layout/nav_cafe.png)}
#nav li a.parties {background-image:url(../images/layout/nav_parties.png)}
#nav li a.prices {background-image:url(../images/layout/nav_prices.png)}
#nav li a.safety {background-image:url(../images/layout/nav_safety.png)}
#nav li a.book {background-image:url(../images/layout/nav_book.png)}
#nav li a.find {background-image:url(../images/layout/nav_find.png)}
#nav li a.contact {background-image:url(../images/layout/nav_contact.png)}
#nav li a.blog {background-image:url(../images/layout/nav_blog.png)}

/* TYPOGRAPHY */
#container {
	width:680px;
	
	margin:0 0 120px 0;
	padding:120px 0 0 0;
	
	background:transparent url(../images/layout/container_top.png) top right no-repeat;
	
	position:absolute;
	top:50px;
	right:0;
}
#container div#bottom {
	width:680px;
	height:153px;
	
	position:absolute;
	bottom:-90px;
	z-index:0;
}
#content {
	padding:0 50px 60px 60px;
	
	background:transparent url(../images/layout/content_bg.png) top left repeat-y;
	color:#000;
	z-index:1;
}
#footer {
	width:680px;
	
	position:absolute;
	bottom:-10px;
	z-index:2;
	
	color:#ccc;
	text-align:center;
	font-size:0.9em;
}
#footer a {
	color:#ccc;
	text-decoration:none;
}
#footer a:hover {
	color:#999;
	text-decoration:underline;
}

#content h1 {
	color:#c00;
	text-shadow:#000 1px 1px 1px;
}

#content h1.main {
	width:580px;
	height:40px;
	
	position:absolute;
	top:60px;
	
	text-indent:-9999px;
	background:#fff url(../images/layout/heading_home.png) top left no-repeat;
}

#content h2 { color:#000; }
#content h3, #content a { color:#c00; }

#content table {
	width:400px;
	
	margin:0;
	padding:0;
	
	border:1px solid #ccc;
}
#content table tr {
	border-bottom:1px solid #eee;
}
#content table tr th {
	background:#eee;
	color:#000;
	
	font-weight:bold;
	
	margin:0;
	padding:0.5em 0;
}
#content table tr td {
	color:#333;
	margin:0;
	padding:0.5em 0;
}

#content table tr td span {
	display:block;
	clear:left;
	color:#666;
	font-size:0.8em;
}
#content strong {color:#c00}

#content ul {list-style:disc outside}

img.bubble {
	margin:0 0 20px 0;
	
	float:right;
	
	position:relative;
	left:20px;
}

h2.special {	
	width:330px;
	height:32px;
	
	margin:1em 0;
	padding:0;
	
	background:transparent url(../images/layout/new_special.png) center no-repeat;
	display:block;
	
	text-indent:-9999px;
}

blockquote {
	margin:0;
	padding:2em;
	
	font-family:georgia, times, serif;
	font-size:1.3em;
	font-style:italic;
	line-height:1.3em;
	color:#666;
}
blockquote span, blockquote strong {
	margin-top:0.5em;

	clear:both;
	display:block;

	text-align:right;
	font-family:"Lucida Grande", Arial, Verdana;
	font-style:normal;
	font-size:1em;
	font-weight:bold;
	color:#c00;
}