/*

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";*/

/*

	COLORS

			light sand - #e6c985

			dark sand - #d28d2e

			black - #000000

			light red -  #9F1B1B

			dark red - #7F1616

/*

	RESET

*/



*								{ margin: 0; padding: 0; }

html							{ overflow-y: scroll; }

html, body				{ height: 100%; }

body							{ font: 75% Verdana, Arial, Helvetica, sans-serif; color: #000000; background: url(style/images/pg-bg.png) repeat;}

ul								{ list-style: none; }

ol								{ list-style: none; }

a							  	{ outline: none; text-decoration: none; }

a img					  	{ border: none; background: none; }

table							{ border-collapse: collapse; margin: 0; padding: 0 5px;}



/*

	IMAGES

*/

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}

	

img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */



/*

	UTILITY

*/

.floatLeft 					{ float: left; }

.floatRight					{ float: right; }

.clear							{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0;	height: 0;}

.brclear						{ clear:both; height:0; margin:0; font-size: 1px; line-height: 0px;}

.button						{ border: 1px solid #272727; background: white; padding: 3px 8px; 

									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #991f23; }

.button:hover				{ background: #990000; color: white; }

/*

	TYPOGRAPHY

*/

p					               { font: 1.1em/1.6em; margin: 0 0 8px 0; list-style: disc url(style/images/bullet.gif) inside;}

a								{ color: #991f23;}

h1							{ font: 2.4em Arial, Verdana, sans-serif; }

h2							{ font: 2.2em Arial, Verdana, sans-serif;}

h3							{ font: bold italic 1.6em Arial, Verdana, sans-serif; }

h4							{ font: bold italic 1.4em Arial, Verdana, sans-serif;}

iframe 						{ border: 0; overflow-x: hidden; overflow-y: scroll; }

/*

	LAYOUT

*/



#page-wrap				 { width: 1040px; background: url(style/images/content-bg.jpg) no-repeat;

									margin: 0px auto; min-height: 100%; height: auto !important; height: 100%; position: relative;}

#left-sidebar				{ width: 230px; float: left; margin: 210px 15px 0 15px;}

#main-col 					{ width: 510px; float: left; margin: 30px 10px 0px 10px;}

#main-col p				{ font-size: 1em; line-height:1.3em;}

#main-col ul				{ list-style: disc inside; }

#right-sidebar		     	{ width: 230px; float: right; margin: 10px 0 0 5px;}

#push 						{ height: 10px; }

/*

	LOGO

*/

#logo							{ width: 234px; height: 245px; position: absolute; top: 45px; left: 15px; z-index: 1000; }										

/*

	HEADER

*/

#three-locations		     { width: 255px; float: right; margin: 3px 21px 0 0; }

#top-bar					{ padding-top: 5px; }

#top-bar p 				     { color: #000000; width: 260px; float: left; }

/*

	MAIN NAVIGATION

*/

#menu						{ width: 780px; float: left; margin: 30px 0 0 280px; }

/*ul#nav li 			     	{ display: inline; padding: 5px 15px;}*/



#jsddm						{ margin: 0; padding: 0;}	

#jsddm li					{ float: left; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif;}

#jsddm li a					{ display: block; background: transparent; padding: 5px 12px; text-decoration: none; border-right: none; 

									color: #EDA942; white-space: nowrap;}

#jsddm li a:hover		{ background: transparent;}	

#jsddm li ul				{ margin: 0; padding: 0; position: absolute; visibility: hidden;z-index: 100; }

#jsddm li ul li				{ float: none; display: inline;}

#jsddm li ul li a			{ width: auto;	background: #9F1B1B; border-bottom: 1px solid #7F1616;}

#jsddm li ul li a:hover   { background: #7F1616}



/*

	RIGHT SIDEBAR

*/

#book-now				{ width: 208px; height: 58px; padding: 50px 40px 10px 0;}

#box1					{ background: url(style/images/rt-sb-box1-bg.png) no-repeat; width: 195px; height: 117px; padding: 10px 10px 5px 10px; }

#box1 p 				{ width: 170px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; }

#box2					{ background: url(style/images/rt-sb-box2-bg.png) no-repeat; width: 195px; height: 107px; padding: 10px 10px 5px 10px; }

#box2 p					{ width: 175px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.rt-sb-image			{ width: 195px; height: 279px; padding: 0;}



/*

	BLOG ENTRIES

*/

#post						{ width: 510px; float: left; margin: 0 15px 0 0; }



/*

	LEFT-SIDEBAR

*/

.vacation					{ width: 230px; height: 79px; padding: 0; }

.year-round				{ width: 230px; height: 60px; padding: 5px 0; text-align: center; }

#dog_blog					{ background: url(style/images/blog-bg.png) no-repeat; width: 197px; height: 128px; padding: 12px; margin-left: 5px;}

#dog_blog p				{ width: 170px; padding: 8px; }

#dog_blog ul				{ width: 170px; padding: 8px; }

#dog_blog li				{ list-style: disc url(style/images/bullet.gif) inside; }

#franchise_op				{ background: url(style/images/franchise-bg.png) no-repeat; width: 190px; height: 120px; padding: 12px; margin-left: 5px;}

#franchise_op p			{ width: 170px; padding: 8px; }



/*

	LOCATION

*/

.tagline						{ width: 511px; height: 53px; margin: 0 auto 15px;}

.location-title				{ width: 122px; height: 25px; margin: 0 auto 20px auto;}



/*

	LOCATION NAVIGATION

*/

#location-menu 			  { width: 505px; height: 37px; margin: 0; padding: 6px 0 0 5px; background: url(style/images/loc-nav-bar.png) no-repeat;}

#jsddm2					  { margin: 0; padding: 0;}	

#jsddm2 li					  { float: left; list-style: none; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif;}

#jsddm2 li a				  { display: block; background: transparent; padding: 5px 7px; text-decoration: none; border-right: none; 

									color: #EDA942; white-space: nowrap}

#jsddm2 li a:hover		  { background: transparent;}	

#jsddm2 li ul				  { margin: 0; padding: 0; position: absolute; visibility: hidden; }

#jsddm2 li ul li			  { float: none; display: inline;}

#jsddm2 li ul li a			  { width: auto; background: #9F1B1B; border-bottom: 1px solid #7F1616;}

#jsddm2 li ul li a:hover    { background: #7F1616}



/*

	FOOTER

*/

#footer						{ height: 60px; margin-top: 55px;}

#footer-inside				{ width: 980px; margin: 0 auto; }

#footer p					{ color: white; font-size: .9em;  text-align: center;}

#footer a					{ color: white; }