/* 
---------------------------------------------------------------------------
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: #EAE8DC;
}
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:#F2F0E9;
	width: 960px;	
	overflow:hidden;
	margin:0;
	padding:20px 0 10px 0;
}

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

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

#service_box { overflow:hidden;border:#DBD8C6 1px solid;background: #E5E0D1 url(/themes/hotel_golf_serravalle/images/main_menu_bg.png) repeat-x;}
#service { padding:0 10px 0 10px; }
.language_menu a.current { font-weight:bold; }
.language_menu 	{ float:right; }
.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;
}

/* 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:50px;
	overflow:hidden;
	background: #E5E0D1 url(/themes/hotel_golf_serravalle/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; }

/* .story */
.story h3.title 			{ font-size:1.4em; font-weight:bold; margin-bottom:0.5em; }
.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; }

.story div.logo				{ float:left; margin-right:10px; }
.story div.logo img.frame 	{ border:4px solid #E5E0D1; }

.story						{ overflow:hidden; margin-top:15px; padding-bottom:10px; clear:both; border-bottom:1px solid #E5E0D1; }
.story.first				{ margin-top:0px; }
.story.last					{ border:0px solid transparent; }

/* homepage items: 3 cols on the homepage */
.home_page_col {float:left;width:320px;text-align:center;} /* 320 * 3 = 960 */
.home_page_item {width:270px;text-align:left;margin:0 25px 0 25px;}
.home_page_item .story div.abstract { display:block; }

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

/* -- 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 #E5E0D1; }

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

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

#top_menu {height:155px;background-color:transparent;position:relative;}
#logo {
	position:absolute;
	bottom:15px;
	left:0;
	width:126px;height:125px;background: transparent url(/themes/hotel_golf_serravalle/images/serravalle_golf_hotel.gif) no-repeat;}
		
#logo h2 {visibility: hidden;}

#top_menu #main_menu {
	position:absolute;
	bottom:15px;
	right:0;
}

#main_menu {height:58px;border:#DBD8C6 1px solid;background: transparent url(/themes/hotel_golf_serravalle/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;
	padding: 22px 1.3em 20px 1.3em;
	color: #24215E;
	text-decoration: none;
	float: left;
	border-right: 1px solid #DBD8C6;
}
#main_menu ul.subcategories li a:hover {
	color:#000;
	background-color:#DBD8C6;
}

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

/* -- 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.jpg) repeat-x;}

/*Links*/
#links{overflow:hidden;}
#links #link_exchange_link{width:335px;height:100px;}
#links #col_sx{float:left;width:500px;}
#links #col_dx{float:left;}
#links #col_dx .paging{display:none;}
#link_exchange_links dl{clear:both;}
#link_exchange_links dt{float:left;margin:0px;padding:0px;}
#link_exchange_links dd{float:left;margin:12px 0 0 0;}
/*Fine Links*/


/* feature text */
#feature_box {padding:20px 0 20px 0;}
#feature {font-size:15px;text-align:right;padding:30px;border-right:#BCB188 3px dotted;width:300px;height:280px;}
#feature h2.title {color:#BCB188;font-size:30px;font-weight:100;line-height:1.2em;}

/* skewed image */
#skew {position:absolute;border:0px solid #FF0000;margin-top:-460px;margin-left:390px;}

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

/* -- footer -- */
#footer a, #footer a:visited,#footer a:hover {
	padding:0 8px 0 8px;
	text-decoration: none;
	color: #CACACA; 
}
#footer a:hover {
	color: #FFF;
}
#footer_box { background-color:#24215E;color:#C2C3BF; }
#footer { padding:8px 10px 8px 10px; }
#copyright { float:auto;margin-left:2px; }
#footer_menu { float:right; }

.clearer{clear:both;}