/*
Theme Name: UMass Campus Center Hotel
Theme URI: http://www.umasshotel.com/
Description: Custom theme developed for the UMass Campus Center Hotel by <a href="http://www.glexia.com/">Glexia, Inc.</a>.
Version: 1.1
Author: Glexia, Inc.
Author URI: http://www.glexia.com/
Tags: custom
*/


/*////////////////////////////////////////]=  Imports  [////////////////////////////////////////*/
@import url("css/resets.css");
@import url("css/base.css");
@import url("css/typography.css");


/*////////////////////////////////////////]=  Layout  [////////////////////////////////////////*/
body {
	background:url(images/body_bg.png) repeat;
	}

/*//////////]+  Header  [//////////*/
#header_wrap {
	background:#881c1c url(images/header_bg.png) repeat;
	}
#header {
	margin:0 auto;
	width:980px;
	height:84px;
	}

/* Logo */
p#logo {
	margin:0;
	text-indent:-9999px;
	position:relative;
	}
p#logo #hotel_logo {
	width:535px;
	height:43px;
	display:block;
	position:absolute;
	top:21px;
	left:0;
	background:url(images/hotel_logo2.png) 0 0 no-repeat;
	}
p#logo #umass_logo {
	width:183px;
	height:68px;
	display:block;
	position:absolute;
	top:10px;
	right:0;
	background:url(images/umass_logo.png) 0 0 no-repeat;
	}


/*////////////////////////////////////////]=  Nav  [////////////////////////////////////////*/
#nav_wrap {
	border-top:1px solid #333;
	border-bottom:1px solid #2c2c2c;
	width:100%;
	background:#000;
	}

/*//////////]+  Nav  [//////////*/
#nav {
	margin:0 auto;
	width:980px;
	height:33px;
	overflow:auto;
	}
#nav li {
	padding:0 21px;
	line-height:33px;
	float:left;
	}
#nav li a {
	text-decoration:none;
	color:#fff;
	}
#nav li a:hover {
	text-decoration:underline;
	}


/*////////////////////////////////////////]=  Body  [////////////////////////////////////////*/
#body_wrap {
	width:100%;
	min-height:500px;
	height:auto!important;
	height:500px;
	float:left;
	background:url(images/body_wrap_bg.png) 0 0 repeat-x;
	}
#body {
	margin:15px auto 0;
	width:980px;
	background:url(images/content_bg.png) repeat-y;
	}


/*//////////]+  Body > Primary Content  [//////////*/
#primary_content {
	padding:10px;
	width:636px;
	float:left;
	}
#primary_content h1 {
	font:italic 3.5em baskerville,georgia,times new roman,times,serif;
	}
#primary_content h1 a {
	text-decoration:none;
	color:#aa1c1c;
	}
#primary_content h1 a:hover {
	color:#d30;
	}

/* Primary Content > Lists */
#primary_content ul {
	list-style:disc outside;
	}
#primary_content ol {
	list-style:decimal outside;
	}

/*//////////]+  Body > Sidebar  [//////////*/
#sidebar {
	padding:10px 10px 20px;
	width:304px;
	float:left;
	}
.sidebar_item, .widget {
	margin:18px 0 0;
	padding:12px 0 0;
	background:url(images/sidebar_item_bg.png) top repeat-x;
	}
.sidebar_item h3, .widget h3 {
	font-family:"myriad pro", "lucida grande", "helvetica neue", helvetica, sans-serif;
	text-align:center;
	color:#cf2626;
	}
.sidebar_item h3 a, .widget h3 a {
	text-decoration:none;
	color:#cf2626;
	}
.sidebar_item h3 a:hover, .widget h3 a:hover {
	text-decoration:underline;
	color:#d16161;
	}
	
.picasa_widget {
height: 300px;
}

/* Sidebar > Reservations */
#sidebar_reservations {
	margin:0;
	padding:0;
	background:none;
	}
#sidebar_reservations ul {
	margin:0;
	}
#sidebar_reservations li {
	padding:0 10px 10px;
	font-size:1.1em;
	width:284px;
	float:left;
	}
#sidebar_reservations li div {
	padding:0 15px 0 0;
	float:left;
	}
#sidebar_reservations label {
	display:block;
	color:#777;
	}
#sidebar_reservations select {
	padding:1px;
	font-size:1.2em;
	color:#777;
	}
#sidebar_reservations select#check_in_month {
	width:146px;
	}
#sidebar_reservations select#check_in_day {
	width:57px;
	}
#sidebar_reservations select#nights,
#sidebar_reservations select#adults,
#sidebar_reservations select#children {
	width:76px;
	}
#sidebar_reservations #submit_li input,
#sidebar_reservations #submit_li input:focus {
	padding:3px 0;
	border:3px double #ccc;
	border-top-color:#ccc;
	border-right-color:#888;
	border-bottom-color:#888;
	border-left-color:#ccc;
	font-size:1.1em;
	width:236px;
	cursor:pointer;
	color:#222;
	background:#e8e8e8 url(images/sidebar_reservation_form_input_bg.png) top repeat-x;
	}
#sidebar_reservations #submit_li input:active {
	border:3px double #ccc;
	border-left-color:#999;
	border-top-color:#999;
	background:#f4f4f4;
	}

/* Sidebar > Reservations > Choose Date > Calendar Icon */
#sidebar_reservations #choose_date_wrap {
	padding:15px 0 0;
	float:left;
	}
#sidebar_reservations #choose_date {
	text-indent:-9999px;
	width:29px;
	height:26px;
	display:block;
	background:url(images/sidebar_reservation_form_choose_date.png) 0 0 no-repeat;
	}
#sidebar_reservations #submit_li {
	padding:10px 0 0 26px;
	}

/* Sidebar > Reservations > Choose Date > Fade box area */
#date_chooser_wrap {
	padding:10px;
	}
#date_chooser_wrap .alert_green {
	margin:0 0 10px;
	position:relative;
	}
#date_chooser_wrap .alert_green h4 {
	margin:0;
	}
#date_chooser_wrap .alert_green p.close_box {
	position:absolute;
	top:10px;
	right:10px;
	}

/* Sidebar > Promos */
#sidebar_promos ul {
	margin:5px 0 0;
	}
#sidebar_promos li {
	padding:0 0 0 20px;
	line-height:1.8em;
	background-position:2px 3px;
	}

/* Sidebar > Flickr */
#sidebar_flickr_photos {
	padding:5px 0 0 15px;
	}
.flickr_badge_image {
	margin:0 8px 8px 0;
	float:left;
	}
.flickr_badge_image img {
	padding:4px;
	border:1px solid #ccc;
	background:#fff;
	}

/* Sidebar > Picasa Widget */
#picasa-widget {
	margin:0;
	padding:5px 0 0 15px;
	}
.picasa_badge_image {
	margin:0 22px 22px 0;
	float:left;
	}
.picasa_badge_image img {
	padding:4px;
	border:1px solid #ccc;
	background:#fff;
	}


/*//////////]+  Body > Secondary Content  [//////////*/
#secondary_content_wrap {
	width:980px;
	overflow:auto;
	clear:left;
	background:url(images/secondary_content_wrap_bg.png) repeat;
	}
#secondary_content {
	padding:15px;
	width:950px;
	min-height:100px;
	overflow:auto;
	background:url(images/secondary_content_bg.png) center top no-repeat;
	}
.secondary_content_item {
	min-height:100px;
	float:left;
	background:url(images/secondary_content_item_bg.png) left repeat-y;
	}
#secondary_content_item_1 {
	padding:0 15px 0 0;
	width:296px;
	background:none;
	}
#secondary_content_item_2 {
	padding:0 15px;
	width:300px;
	}
#secondary_content_item_3 {
	padding:0 0 0 15px;
	width:294px;
	}
.secondary_content_item img {
	margin:0 6px 0 0;
	padding:4px;
	border:1px solid #ccc;
	width:90px;
	float:left;
	background:#fff;
	}
.secondary_content_item a:hover img {
	border:1px solid #16e;
	}
.secondary_content_item h3 {
	font:normal 2em "myriad pro","lucida grande", tahoma, helvetica, sans-serif;
	text-align:left;
	float:right;
	clear:none;
	}
#secondary_content_item_1 h3 {
	width:190px;
	}
#secondary_content_item_2 h3 {
	width:194px;
	}
#secondary_content_item_3 h3 {
	width:188px;
	}
.secondary_content_item h3 a {
	text-decoration:none;
	color:#555;
	}
.secondary_content_item h3 a:hover {
	text-decoration:underline;
	color:#27a;
	}
.secondary_content_item ul {
	margin:0;
	padding:0;
	float:left;
	}
.secondary_content_item ul li {
	margin:0;
	padding:0;
	font-size:1.1em;
	line-height:normal;
	}
.secondary_content_item ul li a {
	padding:2px 3px 2px 5px;
	text-decoration:none;
	width:182px;
	display:block;
	color:#888;
	}
#secondary_content_item_3 ul li a {
	width:180px;
	}
.secondary_content_item ul li a:hover {
	text-decoration:underline;
	color:#27a;
	}


/*////////////////////////////////////////]=  Footer  [////////////////////////////////////////*/
#footer_wrap {
	clear:left;
	}
#footer {
	margin:0 auto;
	padding:10px 5px;
	width:970px;
	height:180px;
	overflow:auto;
	background:url(images/footer_bg.png) center top no-repeat;
	}
#footer_left,
#footer_right {
	width:485px;
	float:left;
	}
#footer p {
	font-size:1.1em;
	line-height:1.5em;
	width:255px;
	color:#b1b2b5;
	}
#footer p a {
	color:#b1b2b5;
	}
#footer p a:hover {
	color:#919295;
	}
#footer_right p {
	text-align:right;
	float:right;
	}
#footer_contact span {
	display:block;
	}


/*////////////////////////////////////////]=  Homepage  [////////////////////////////////////////*/
#homepage_slideshow_wrap {
	padding:10px;
	background:#fff;
	}


/*////////////////////////////////////////]=  Pages  [////////////////////////////////////////*/
#page_slideshow_wrap {
	padding:10px;
	background:#fff;
	}


/*//////////]+  Pages > Guest Rooms  [//////////*/
#guest_rooms_table td {
	padding:20px 0 0;
	}

/*//////////]+  Pages > FAQs  [//////////*/
ul#faqs {
  margin-top:10px;
}
ul#faqs li {
  margin-bottom:10px;
}