/*
Theme Name: 	Starkers
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally nude Wordpress theme!
Version: 		4.0
Author: 		Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://viewportindustries.com
Tags: 			starkers, naked, clean, basic
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ 
position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ 
}
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

{ /* Place your styles here for all 'Retina' screens */ }

}


body  {
margin:0px;
padding:0px;
font: italic 16px/18px georgia, 'times new roman',serif;
color:#616060;
background:#FCF9F0;
}

.logofloat {
position:absolute;
left:0;
top:120px;
z-index:10000;
}


.pagebox {
position:relative;
height:auto;
}

.contenthome,.contentarea {
position:relative;
margin: 460px auto 30px auto;
text-align:left;
line-height:30px;
clear:both;
height:auto;
width:990px;
border:1px solid transparent;
}

.contentarea {
position:relative;
margin-top: 460px;
line-height:30px;
}

.contentarea li {
margin:0px 0px 0px 30px;
list-style-type:square;
}

.contentleft {
float:left;display:inline;
width:620px;
margin:0px 0px 0px 10px;
}

.contentright {
float:left;display:inline;
width:285px;
margin:0px 0px 0px 50px;
}

.homeleft,.homemiddle,.homeright {
float:left;display:inline;
width:280px;
margin:0px 30px 0px 30px;
text-align:center;
}

.homeleft img,.homemiddle img,.homeright img {
margin-bottom:14px;
}



.homeright {
margin:-30px 0px 0px 0px;
}

.whatshappening {
float:left;
margin:0px 30px 0px 0px;
padding:50px 0px 0px 0px;
width:270px;
}

.whatshappeningtext {
float:left;
margin:0px 0px 0px 0px;
width:750px;
}


.homebottom {
background:url(../../../images/bg-home_bottom.jpg) top center no-repeat;
margin:25px 0px 0px 0px;
}

.homebottombox {
width:1060px;
margin:10px auto 0px auto;
padding-top:30px;
padding-bottom:30px;
}

.homebottombox b {
color:#565656;
font:16px/20px 'Sansita One', cursive;
}

/*  TEXT -------------------------------------------    */

h1 {
font-size:30px;
font-weight:normal;
color:#5a0b0f;
display:inline;
padding-right:.2em;
line-height:20px;
float:left;
}

h2 {
font-size:24px;
font-weight:normal;
color:#5a0b0f;
display:inline;
padding-right:.2em;
line-height:30px;
}

a {
text-decoration:none;
color : #9f2b2e;
}

a:hover {
text-decoration:underline;
color : #9f2b2e;
}

/*  TOPNAV -------------------------------------------    */

#topnavbox {
margin: 0px auto 0px auto;
width:890px;
padding-top:36px;
}


#topnav {
width:640px;
font:18px/22px 'Oswald', sans-serif;
text-transform:uppercase;
}

#topnav a    {
text-decoration:none;
color:#f3f0e7;
display:block;
float:left;
display:inline;
padding: 10px 22px 0px 22px;
}

#topnav a:hover,#topnav a.topnavon {
text-decoration:underline;
color:#f3f0e7;
}

.reservationbutton {
width:190px;
float:left;
margin:-40px 0px 0px 0px;
}

/*  FOOTER -------------------------------------------    */

.footerbox {
position:relative;
background: #9f2b2e;
height:100px;
text-align:center;
}

.footercontainer {
padding:40px 0px 0px 0px;
margin:0px auto 0px auto;
width:970px;
font-size:16px;
line-height:40px;
color:#ebb9bb;
}

.footercontainer a  {
text-decoration:none;
color:#ebb9bb;
margin: 0px 0px 0px 20px;
}

.footercontainer a:hover  {
text-decoration:underline;
}

.footerlogos img  {
text-align:left;
float:left;
display:inline;
margin: 0px 12px 0px 0px;

}