/*
Theme Name: hmb_inn
Theme URI: http://halfmoonbayinn.com
Description: Half Moon Bay Inn theme.
Version: 1
Author: The Graphic Works
Author URI: http://thegraphicworks.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*-----------------------------
Structure Styles 
-----------------------------*/
*    { margin:0;  padding:0; }
img  { margin:0;  padding:0;   border:0; }
body { margin:0;  padding:0;   background:#ffebb4 url(images/top_bg.gif) top center repeat-x;  color:#575757;  font-size:14px;  font-family:"Georgia", Helvetica, Verdana, serif; }

#header      { margin:0 auto;	padding:0; 	 width:375px;  height:115px; }
#wrapper     { margin:0 auto;   padding:0;   width:100%;   background:#b8984f; }
#banner_area { margin:0;        padding:0;	 width:100%;   background:url(images/wrapper_bg.gif) repeat-x top left;  border-top:1px solid #fff;  border-bottom:1px solid #fff; }
#bannershow  { margin:0 auto;	padding:0;   width:992px;  border-left:1px solid #fff;   border-right:1px solid #fff; }








/*-----------------------------
set the width and height to match your images 
-----------------------------*/
#slideshow { margin:0 auto;  padding:0;  position:relative;  height:384px;  width:992px;  border-left:1px solid #fff;   border-right:1px solid #fff; }
#slideshow IMG             { position:absolute;  top:0;  left:0;  z-index:8;  opacity:0.0; }
#slideshow IMG.active      { z-index:10;  opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }








/*----------------------------- 
Global Font Styles 
-----------------------------*/
code, p, ul, li, ol { text-align:left;   }
ul { margin:0px 0px 30px 20px;  }
ol { margin:0px 0px 30px 20px;  list-style:decimal; }
p  { margin-bottom:20px;  padding:0; }
a  { margin:0;  padding:0;  color:#f15c29;  text-decoration:none; }
a:hover, 
h1 a:hover, h2 a:hover, h3 a:hover, 
h4 a:hover, h5 a:hover, h6 a:hover { color:#f15c29;  text-decoration:underline; }

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin-bottom:5px;  color:#3a3a3a;   text-align:left;   font-weight:500; }
h1, h1 a { font-size:28px; }
h2, h2 a { font-size:26px; }
h3, h3 a { font-size:24px; }
h4, h4 a { font-size:18px; }
h5, h5 a { font-size:14px; }
h6, h6 a { font-size:12px; }






/*----------------------------- 
Main Navigation Styles 
-----------------------------*/
#main_nav    { margin:0 auto;	padding:0;	width:100%;	height:28px;	z-index:300;	background:#b8984f;}
#dropmenu    { margin:0 auto;padding:0;	list-style-type:none;	list-style-position:outside;	position:relative;	line-height:1.5em;	z-index:300;	width:995px;	background:#b8984f;}
#dropmenu ul { position:absolute;  display:none;  width:8em;  margin:0;  padding:0;  list-style:none; }
#dropmenu li { float:left; }
#dropmenu a  { display:block;  padding:0.25em 2.65em;  color:#fff;  text-decoration:none;  background:#b8984f; }
#dropmenu a:hover {	background:#9f8345;  color:#fff; }

/*----------------------------- 
begins the drop down menu part 
-----------------------------*/
#dropmenu li ul      { width:auto;  margin:0;  background:#b8984f;  padding:0;  border-top:1px dashed #fff;  border-left:1px solid #323232;  border-bottom:0.1em solid #323232;  border-right:0.1em solid #323232; }
#dropmenu ul ul      { top:auto; }
#dropmenu li ul li   { margin:0;  padding:0;  width:auto;  float:none; }
#dropmenu li ul li a { width:auto;  margin:0;  padding:3px 10px;  display:block;  border-bottom:1px solid #d1ba7c; }

#dropmenu ul li a:hover, 
#dropmenu ul li a:active, 
#dropmenu ul li a:focus { color:#fff;  background:#9f8345; }
#dropmenu .page_item a:link, 
#dropmenu .page_item a:visited, 
#dropmenu .page_item a:active { color:#fff; }
#dropmenu .current_page_item a:link, 
#dropmenu .current_page_item a:visited, 
#dropmenu .current_page_item a:active { color:#fff;  background:#856e3a; }
#dropmenu .current_page_item .page_item a {	color:#fff;  background:#b8984f; }
#dropmenu .current_page_parent a:link, 
#dropmenu .current_page_parent a:visited, 
#dropmenu .current_page_parent a:active { color:#fff;  background:#856e3a; }
#dropmenu .current_page_parent .page_item a { color:#fff; background:#b8984f; }
#dropmenu ul .page_item a:hover, 
#dropmenu ul .page_item a:active, 
#dropmenu ul .page_item a:focus { color:#fff;  background:#9f8345; }
#dropmenu .current_page_parent .current_page_item a:link, 
#dropmenu .current_page_parent .current_page_item a:visited, 
#dropmenu .current_page_parent .current_page_item a:active { color:#fff;  background:#856e3a; }








/*-----------------------------
 Contact Boxes Styles 
-----------------------------*/
#contact_boxes   { margin:0 auto;   padding:15px 0px 35px 0px;   width:995px; }

#room_check,
#oceano,
#email_box       { margin:0;   padding-right:10px;  height:140px;   border-right:1px dotted #fff;   float:left; }
#room_check      { width:310px;  }
#email_box       { width:242px;  padding-left:10px; }
#oceano          { width:180px;  padding-left:10px; }
#dog_friendly    { width:160px;   float:right; }

#room_check h1,
#email_box h1, 
#dog_friendly h1 { margin:0px 0px 5px 0px;   padding:0;   font-size:18px;   color:#fff;   font-weight:100;   text-align:left; }

#room_check p,
#email_box p,
#dog_friendly p,
#oceano p  { margin:0;    padding:0;   width:auto;   font-size:12px;   color:#fff;   text-align:left; }

#email_wrap      { margin-top:15px;   padding:0;   width:242px;   height:18px;}
#email           { margin:0;   padding-top:2px;   color:#949494;   text-align:center;   font-size:12px;   width:150px;   float:left;   height:18px;  
                  border-left:1px solid #fff;   border-top:1px solid #fff;   border-bottom:1px solid #fff;}
				  			  				  
#submit-btn,
#dog_btn         { margin:0;    padding:0;    height:22px; }
#submit-btn      { width:89px;  float:right; }


#res_times td    { margin:0;  padding-bottom:4px; color:#fff; }
#zday, 
#zmonth, 
#zyear, 
#zlength         { border:1px solid #d8d8d8;   font-size:10px;   width:auto;   color:#949494; }
#zday            { width:44px; }

.thumbnail       { border:2px solid #856e3a; }
.post_thumbnail  { width:218px; border:2px solid #856e3a; }






/*-----------------------------
Global Page Styles 
-----------------------------*/
#content      { margin:0 auto;	  padding:0;    width:995px; }
.entry_home   { margin-top:30px;  float: left;  width:700px; }
.entry_home p {	text-align:justify; }
.entry        { margin-top:30px;  float:left;  width:750px; }
.entry p      { text-align:justify;   margin:0;  padding:0; }
.entry img    { border:2px solid #000; }
.entry_room   { margin:20px 0px 0px 20px;    padding:0;    width:530px;   float:left; }
.entry_hubpage{ margin-top:20px;   padding:0;   width:730px;    float:left; }
#hub-container{ width:218px; display:block;  float:left; padding:0 20px 20px 0; }
#left_side    { margin:0;    padding:0;    width:190px;   float:left; }
#right_side   { float:right;  margin-top:20px;   padding:0;   width:200px;  border:1px solid #666;   background:#b8984f; }
.entry_blog   { float:left;	  width:680px;  margin-top:20px;   padding:0; }
#post_wrapper {	float:left;	  border-bottom:1px dotted #000;   width:680px;   margin-top: 15px;   margin-bottom:5px;   padding:0; }
#post_wrapper p { text-align:justify; }
#post_wrapper img {	border:2px solid #000; }
#small            { width:500px;   height:20px;   margin:0;   padding:0; }
.more-link        { padding:0; margin:0; }
#events           { float:right;   width:240px;   margin-top:30px;   padding:0; }
#events p         { margin-top:15px;   padding:0; width:240px;  text-align:justify; }
#events a         { margin:0;   padding:0; }
#map              { width:992px;   height:384px;   border:0; }
.alignnone        { border:1px solid #000;}
.alignleft        { float:left;   margin:0px 10px 5px 0px;}
.alignright       { float:right;	margin:5px; }
#navgition       { margin:0;   padding-top:30px;   width:500px; }








/*-----------------------------
subnav Styles 
-----------------------------*/
#subnav         { margin-top:20px;  padding-right:15px;	width: 180px;	border-right: 1px dotted #856e3a;  float:left;}
#subnav h3      { margin-bottom:10px;   text-align: left;	font-size: 24px;	color: #3a3a3a;	list-style: none;}
#subnav ul      { margin:0;  padding-bottom: 6px;	list-style: none;}
#subnav li      { margin:0px 0px 6px 0px;	padding:0;}
#subnav a       { margin:0;  text-align: left;	text-decoration: none;	font-size: 15px;	color: #3b3b3b;}
#subnav a:hover { color:#cb632d;   text-decoration: underline;}
#subnav .current_page_item a:link, 
#subnav .current_page_item a:visited, 
#subnav .current_page_item a:active { color: #cb632d;  text-decoration:underline; }








/*----------------------------- 
Sidebar Styles 
-----------------------------*/
#sidebar         { margin-top:10px;   width:200px; }
#sidebar h2, 
#sidebar h3      { margin:0;   padding-left:10px;   text-align:left;    font-size:20px;    color:#000;    width:190px;   display:block;   background:#fff;   list-style:none; }
#sidebar ul, 
#sidebar ol, 
#sidebar li      { text-align:left;	 list-style:none;   margin:0; }
#sidebar li      { margin-bottom:5px;   padding:0; }
#sidebar a, 
.textwidget      { padding:4px 10px;   margin:0 auto;   display:block;   text-align:left;   text-decoration:none;    font-size:15px;   color:#fff; }
#sidebar a:hover { background:#fff;    color:#676767; }

#oceano-side     { width:184px;  margin-left:10px; auto;  text-align:center; }







/*-----------------------------
styles Calendar widget 
-----------------------------*/
.widget_calendar, 
.widget_links, 
.widget_recent_entries, 
.widget_pages, 
.widget_text     { margin-bottom:10px; }
#wp-calendar     { margin:0 auto;   width:180px; }
#wp-calendar a   { margin:0;   padding:0;   color:#fff;   width:20px; }
#today           { margin:0 auto;   padding:0;  text-align:left;  color:#fff; }
#prev a,
#next a { margin:0;   padding:0;   color:#fff;   width:70px; }














/*-----------------------------
Room Side Boxes Styles 
-----------------------------*/
#room_boxes         { width:200px;  margin-top:20px;    padding:0;    float:right;   border:1px solid #666;   background:#b8984f; }
#room_side_check,
#email_side_box,
#dog_side_friendly  { margin:0;     padding:20px 0px;   border-bottom:1px solid #fff; }
#phone_number       { margin:0;     padding:20px 0px;   text-align:center; }


.dog_icon           { float:left;    clear:left;     margin:0;     padding-right:10px; }
#dog_side_btn       { margin:10px 0px 0px 60px;    padding:0;    height:22px; }
#room_side_check    { margin:0 auto;  width:160px; }
#room_side_check h1 { font-size:20px; color:#fff;    font-weight:100;     text-align:center;     padding:0;     margin-bottom:10px; }
#room_btn           { margin:10px 0px 0px 0px;     width:153px; }
#email_btn          { margin:10px 0px 0px 60px; }

#res_side_times td  { color:#fff;    padding-bottom:5px; }
#zday, 
#zmonth, 
#zyear, 
#zlength             { border:1px solid #d8d8d8;   font-size:12px;   width:103px;   color:#949494; }
#zday                { width:44px; }

#email_side_box h1, 
#dog_side_friendly h1, 
#phone_number h1     { font-size:20px;   width:200px;   color:#fff;    font-weight:100;    text-align:center;    padding:0;    margin-bottom:10px; }
#email_side_box p,
#dog_side_friendly p { font-size:12px;   color:#fff;    text-align:center;    padding:0;   margin:0; }


#room_menu           { width:730px; }
#room_menu td        { margin:0;    padding:0; }
#room_menu img a     { border:1px solid #000;}
#pet, #vet           { margin-bottom:30px;}








/*----------------------------- 
contact form Styles 
-----------------------------*/
#left_form  { margin:0;  padding:0;  width:350px;  float:left; }
#right_form { margin:0;  padding:0;  width:350px;  float:right; }
select      { width:290px;  height:24px;  color:#666;  font-size:15px;   padding:2px;   border:1px solid #666;  }








/*----------------------------- 
Footer Styles 
-----------------------------*/
#footer    { margin:0 auto;  padding-top:20px;  padding-bottom:10px;  width:940px; }
#footer ul { margin-bottom:20px;  padding-top:10px;  border-top:1px solid #666;  list-style:none;  text-align:center; }
#footer li { margin:0;   padding:0 5px;  display:inline; }
#footer a  { color:#69694e;  font-size:12px; }

#preloader { margin:0 auto;position:absolute;z-index:1000;width:992px;height:384px;background:#000;opacity:.80;-moz-opacity:.80;filter:alpha(opacity=80);}
#load p    { margin:0 auto;padding-top:150px;width:66px;height:66px;color:#fff;font-size:35px;}








/*----------------------------- 
Clears all Styles 
-----------------------------*/
#clear_top1, 
#clear_top2, 
#clear_email, 
#clear_home, 
#clear_nav, 
#clear_sub,
#clear {clear:both;}