/* 
---------------------------------------------------------------------------
AUTHOR:  			Andrew Henze 
WEBSITE:   			http://www.mauicms.com/
TEMPLATE NAME: 		OverParanoid
TEMPLATE CODE: 		0001
VERSION:          	0.1   
LAST MODIFIED:    	June-19-2009       	
---------------------------------------------------------------------------- 
*/
 
/* see reset.css */

body {
	margin: 0; 	padding: 0;
	font: normal 73%/1.5em "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
	color:#7B734F;
	background-color: #ccc;
} 
a, a:visited, a:hover {
	text-decoration: none;
	background: inherit;
	color: #24215E; 
}
a:hover {
	color: #444;
}

h1, h2, h3, h4 {color:#24215E;margin:0px 0 10px 0;font-weight:normal;}
h1 {font-size:1.8em;} /* used for SEO */
h2 {font-size:1.6em;} /* category */
h3 {font-size:1.6em;} /* item title */

/* ------------------------------------------------------------------------- */

/* -- layout -- */

#page_box {
	padding-bottom:20px;
}

#service_box, #header_box, #content_box, #footer_box {
	width: 960px;
	margin: 0 auto;		
}

#service, #header, #content, #footer {	
	text-align: left;
}

#service h1 {font-size:1em;display:inline;color:#7B734F;}

#content {
	background-color:#EDE7DB;
	width: 960px;	
	overflow:hidden;
	margin:0;
	padding:20px 0 10px 0;
}

/* ------------------------------------------------------------------------- */

/* service menu: domain selection and language change */

#service_box { overflow:hidden;}
#service { padding:0 10px 0 10px; }
.language_menu a.current { font-weight:bold; text-decoration:underline}

.language_menu 	{ float:right; color:#C59741 }
.language_menu a  {
	color: #976300 !important;
	font-weight:bold;
}
.language_menu a:hover {
	font-weight:bold;
} 
.domain_menu 	{ float:left;display:block; }
.domain_menu li { display:inline; background-color:#DBD8C6;padding:0 5px 0 5px;}

/* ------------------------------------------------------------------------- */

/* 2 column content pages */

/*
-------------------------------------
|			|						|
|			|						|
| sidebar 	| 	 	  main 			|
|			| 						|
|			|						|
-------------------------------------
*/

/* sidebar */
#sidebar_box {
	float: left;
	width: 329px;
	margin: 0; 
	padding: 0;
	border-right:1px solid #E5E0D1;
}	
#sidebar {
	margin:0px 15px 0 15px;
}
#sidebar h2,#article h3.title {
	color: #801326;
	margin-bottom:20px;
	font-size:22px;
	font-family: Georgia, Helvetica, Sans-Serif;
}
#article .body  {
	color:#343233;
}
/* main */
#main_box {
	float: left;
	width: 630px;
	margin: 0; 
	padding: 0;
}
#main {
	margin:0px 15px 0px 15px;
}

	
/* ------------------------------------------------------------------------- */

/* -- booking form -- */

/* see /css/booking_form.css */
#booking_form_box {
	height:40px;
	overflow:hidden;
	background: #E5E0D1 url(/themes/hotel_select/images/booking_form_bg.png) repeat-x;
}

a.book_now, a.book_now:visited, a.book_now:hover {
	border:1px solid #444;
	margin:1em 0 0 0;display:block;padding-top:3px ;width:100px;text-align:center;font-weight:bold;background-color:#CCC;
}
a.book_now:hover {
	background-color:#FFF;
}

/* ------------------------------------------------------------------------- */ 

/* ------------------------------------------------------------------------- */
/* stories and articles */
/*
	Taking the nytimes as inspiration ...
	
	a Story is an introduction to an Article.
	You can have many Stories on a page but only
	one Article. 
	a list of items	: each Item is a .story
	a full item 	: item is #article

*/

/* #article */
#article h3.title   	{ font-weight:bold; margin-bottom:0.5em; }
#article div.timestamp 	{ }
#article div.subtitle 	{ font-style:italic;margin-bottom:1em; }
#article div.abstract 	{ font-weight:bold;margin-bottom:1em; }
#article div.body 		{ }
#article div.logo		{ float:right; margin-left:10px;}
#article img.frame		{ border:4px solid #E5E0D1; }
#article .body a,#article .body a:link ,#article .body a:visited  {
	color: #801326;
}
#article .body a:hover  {
	text-decoration:underline;
}

/* .story */
.story h3.title 			{ font-size:1.4em; font-weight:bold; margin-bottom:0.5em; }
.story h3.title a {color: #801326 }
.story h3.current 			{ }
.story div.timestamp 		{ font-family:courier; }
.story div.subtitle 		{ font-style:italic; margin-bottom:1em; }
.story div.abstract 		{ display:none; font-weight:bold; margin-bottom:1em; }
.story div.body 			{ }
.story div.moreinfo			{ font-style:italic; float:right;}
.story div.moreinfo a,.story div.moreinfo a:link,.story div.moreinfo a:visited {font-style:normal; color:#C59741}
.story div.moreinfo a:hover {color:#801326}

.story div.logo				{ float:left; margin-right:10px; }
.story div.logo img.frame 	{ border:4px solid #D3A859; }
.home_page_col div.logo img.frame { border:7px solid #D3A859 !important; }
.story						{ margin-top:15px; padding-bottom:10px; clear:both;  }
.story.first				{ margin-top:0px; }
.story.last					{ border:0px solid transparent; }
.story  .body {
	color: #333;
}
/* homepage items: 3 cols on the homepage */
.home_page_col {float:left;width:320px;text-align:center;} /* 320 * 3 = 960 */
.home_page_item {width:284px;text-align:left;margin:0 18px 0 18px;}
.home_page_item .story div.abstract { display:block; color: #801326;  }

/* ------------------------------------------------------------------------- */

/* -- single item page -- */
#single_item {margin:0px 15px 0 15px;}

#map {float:right;margin-left:15px;margin-bottom:15px;border:4px solid #E5E0D1; }

/* ------------------------------------------------------------------------- */

/* -- item image gallery -- */

.gallery {margin-top:20px;overflow:hidden;clear:both;}
.gallery .logo {margin:8px;float:left;}
.gallery .logo img { border:4px solid #D3A859; }

/* ------------------------------------------------------------------------- */

/* -- logo and main cateogry menu -- */


#top_menu {height:115px;background-color:transparent;position:relative;}
#logo {
	position:absolute;
	bottom:15px;
	left:0;
	background: transparent url(/themes/hotel_select/images/logo.png) no-repeat;
	height:95px;
	width:199px}
		
#logo h2 {visibility: hidden;}
#language_menu {
	float:right;
	margin-top:25px;
}
#top_menu #main_menu {
	position:absolute;
	bottom:15px;
	right:0;
}

#main_menu {height:50px;border:#888888 2px solid;background: transparent url(/themes/hotel_select/images/main_menu_bg.png) repeat-x;}
/* main_menu & footer_menu: subcategories */
#main_menu ul.subcategories li {display:inline;}
#main_menu ul.subcategories li .current {font-weight:bold;}
#main_menu ul.subcategories li a {
	font-size:1.1em;
	height: 16px;
	padding: 18px 10px 17px 10px;
	color: #801326;
	font-family: Georgia;
	font-weight:bold;
	text-decoration: none;
	float: left;
	border-right: 1px solid #888;
}
#main_menu ul.subcategories li a:hover,#main_menu ul.subcategories li a.current {
	color:#fff;
	background: transparent url(/themes/hotel_select/images/main_menu_bg_selected.png) repeat-x;
}



/* ------------------------------------------------------------------------- */

/* -- store front -- */

#header_box, #top_menu, #store_front_box, #booking_form_box {position:relative;}

#store_front {height:380px;background-color:#24215E;margin-bottom:10px;color:#BCB188; }
#store_front {background: transparent url(../images/store_front.png) repeat-x;}

#feature { width: 410px }


/* feature text */

#feature_box {padding:0px}
#feature {font-size:15px;text-align:right;padding:20px;width:350px;height:337px;}
#feature h2.title {color:#fff;font-family:Georgia,Helvetica,Sans-Serif; font-size:40px;font-weight:100;line-height:1.2em;}
#feature div {
	color:#fff;
	font-size:20px;
	font-family:Georgia,Helvetica,Sans-Serif;
	line-height:24px;
}
#feature {
	float:left;
}

#feature div a ,#feature div  a:link ,#feature div  a:visited  {
	color: #bbb;
	
}
#feature div  a:hover {
	color: #fff;
}

/* ------------------------------------------------------------------------- */

/* -- footer -- */
#footer a, #footer a:visited,#footer a:hover {
	padding:0 8px 0 8px;
	text-decoration: none;
	color: #311D04; 
}
#footer #copyright{
	color: #311D04;
}
#footer a:hover {
	color: #FFF;
}
#footer_box { background-color:#C59741;color:#C2C3BF; width:100%; }
#footer { padding:8px 10px 8px 10px; width:960px;margin:0px auto}
#copyright { float:auto;margin-left:2px; }
#footer_menu { float:right; }
.system  { height:0px; position:absolute; z-index:30; width:0px; left:-10000000; top: -100000}
/* -- footer -- */
#flash {
	width:550px;
	height:377px;
	float:right;
}