/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* THIS is to hide any text you need hiding */
.hidetext {display:none; overflow: hidden; position: absolute;} 
/* END of text you need hiding */


/* Main Layout (body, wrapper, footer etc.) */

a:link, a:active, a:visited, a:hover{
	color:#052934;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

body {
	margin:0px;
	padding:0px;
	background-color:#FFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:16px;
	color: #333;
	background:url(images/layout/body_bgnd.jpg) repeat-x;
}

#wrapper{
	position: relative;
	margin:0px auto;
	width:840px;
}

#header {
	width: 840px;
	height: 250px;
	background:url(images/layout/header_bgnd.jpg) no-repeat;
}

#container {
	float:left;
	width: 840px;
	background:url(images/layout/container_bgnd.jpg) no-repeat;
}

#content_home {
	width: 350px;
	float:left;
	height: 400px;
	overflow: visible;
	padding:40px 10px 40px 50px;
	margin-bottom:50px;
}

#content_other {
	width: 430px;
	float:left;
	height: 400px;
	overflow: visible;
	padding:40px 10px 40px 50px;
	margin-bottom:50px;
}

#content_roomlist {
	width: 740px;
	float:left;
	height: 400px;
	overflow: visible;
	padding:40px 50px 40px 50px;
	margin-bottom:50px;
}

#sidebar_home {
	float:left;
	width:380px;
	padding:40px 0px 0px 10px;
}

#sidebar_other {
	float:left;
	width:300px;
	padding:40px 0px 0px 10px;
}

#footer {
	clear:both;
	position: relative;
	width: 840px;
	height: 25px;
	background:url(images/layout/footer_bgnd.jpg) no-repeat;
}

.line {
	border-bottom:1px solid #DDDDDD;
	clear:both;
}

/* Nav */

#nav_container{
	position: relative;
	top:0px;
	left:0px;
	z-index: 5;
	float:left;
	width: 800px;
	height: 40px;
	margin: 210px 0px 0px 20px;
}
#nav_container ul{
	padding: 0px;
	top:0px;
	left:0px;
	z-index: 50;
	margin: 0px;
}
#nav_container li, #nav_header_1, #nav_header_2, #nav_header_3, #nav_header_4, #nav_header_5, #nav_header_6, #nav_header_7, #nav_header_8{
	position: relative;
	top:0px;
	left:0px;
	z-index: 50;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	height: 40px;
}

#nav_header_1, #nav_header_2, #nav_header_3, #nav_header_4, #nav_header_5, #nav_header_6, #nav_header_7, #nav_header_8{
	margin: 0px 0px 0px 0px;
}
#nav_header_1 { width: 84px; background: url(images/layout/nav_bgnd.jpg) 0px 0px no-repeat ;}
#nav_header_2 { width: 83px; background: url(images/layout/nav_bgnd.jpg) -84px 0px no-repeat ;}
#nav_header_3 { width: 75px; background: url(images/layout/nav_bgnd.jpg) -167px 0px no-repeat ;}
#nav_header_4 { width: 78px; background: url(images/layout/nav_bgnd.jpg) -242px 0px no-repeat ;}
#nav_header_5 { width: 61px; background: url(images/layout/nav_bgnd.jpg) -320px 0px no-repeat ;}
#nav_header_6 { width: 108px; background: url(images/layout/nav_bgnd.jpg) -381px 0px no-repeat ;}
#nav_header_7 { width: 98px; background: url(images/layout/nav_bgnd.jpg) -489px 0px no-repeat ;}
#nav_header_8 { width: 213px; background: url(images/layout/nav_bgnd.jpg) -587px 0px no-repeat ;}

#nav_header_1 a{ width: 84px; background: none;}
#nav_header_2 a{ width: 83px; }
#nav_header_3 a{ width: 75px; }
#nav_header_4 a{ width: 78px; }
#nav_header_5 a{ width: 61px; }
#nav_header_6 a{ width: 108px; }
#nav_header_7 a{ width: 98px; }
#nav_header_8 a{ width: 213px; }

#nav_header_1 a:hover{ width: 84px; background: url(images/layout/nav_bgnd.jpg) -0px -40px no-repeat ;}
#nav_header_2 a:hover{ width: 83px; background: url(images/layout/nav_bgnd.jpg) -84px -40px no-repeat ;}
#nav_header_3 a:hover{ width: 75px; background: url(images/layout/nav_bgnd.jpg) -167px -40px no-repeat ;}
#nav_header_4 a:hover{ width: 78px; background: url(images/layout/nav_bgnd.jpg) -242px -40px no-repeat ;}
#nav_header_5 a:hover{ width: 61px; background: url(images/layout/nav_bgnd.jpg) -320px -40px no-repeat ;}
#nav_header_6 a:hover{ width: 108px; background: url(images/layout/nav_bgnd.jpg) -381px -40px no-repeat ;}
#nav_header_7 a:hover{ width: 98px; background: url(images/layout/nav_bgnd.jpg) -489px -40px no-repeat ;}
#nav_header_8 a:hover{ width: 213px; background: url(images/layout/nav_bgnd.jpg) -587px -40px no-repeat ;}

#nav_header_1 a, #nav_header_2 a, #nav_header_3 a, #nav_header_4 a, #nav_header_5 a, #nav_header_6 a, #nav_header_7 a, #nav_header_8 a{
	display: block;
	margin: 0px 0px 0px 0px;
	height: 40px;
}

#nav_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}

/* TEXT */

.page_title {
	font-size:24px;
	line-height:30px;
	color:#052934;
	padding-bottom:15px;
	font-weight:bold;
}

/* #content_home .page_title {
	display:none;
} */

p {
	padding-bottom:15px;
}

h1 {
	font-size:24px;
	line-height:30px;
	color:#052934;
	padding-bottom:15px;
}

h2 {
	font-size:16px;
	line-height:30px;
	color:#052934;
	padding-bottom:5px;
}

h3 {
	font-size:14px;
	line-height:18px;
	color:#052934;
	font-weight:normal;
	padding-bottom:15px;
}

h6 {
	color:#052934;
	padding-bottom:15px;
	font-weight:bold;
}

/* TABLE */

tr td {
	font-size:10px;
	line-height:14px;
	padding:4px;
	text-align:center;
}

tr.header td {
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background: #013644;
	color:#FFFFFF;
}

tr td {
	border-bottom: 1px solid #CCCCCC;
}