/*
Theme Name: 2am Media
Theme URI: http://2ammedia.co.uk/
Version: 1.0
Author: Ryan Hussey
Author URI: http://2ammedia.co.uk/
*/

/*****************************************************
* Reset 
*****************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0 none;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;text-decoration: none;}ul {list-style-type: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}:focus {outline: 0;}

/*****************************************************
* Global
*****************************************************/
.nodisp { display: none; }
.alignright { float: right; margin-left: 10px; margin-bottom: 10px; }
.alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }
.aligncenter {display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; }
.back { text-indent: -7777px; }
.clear{clear:both;}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #2B2B2B url(images/repeat-bg.gif) repeat center top;
}

/*****************************************************
* Generic
*****************************************************/
h1 {
	font-size: 2.0625em;
	line-height: 1.2em;
	font-weight: normal;
	color: #005300;
	padding-bottom: 10px;
}
h2 {
}
h3, h4, h5 {
	font-size: 0.875em;
	line-height: 1.4em;
	text-transform: uppercase;
}
p {
	font-size: 0.8125em;
	line-height: 1.5em;
	color: #535353;
	padding-bottom: 12px;
} 
h1 + p {
	font-size: 1em;
	color: #787878;
}
a,
a:visited {
	color: #005300;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}

/*****************************************************
* Header
*****************************************************/
#accessibility {
	display: none;
}
#header-wrap {
	background: url(images/repeat-bg-dark.jpg) repeat center top;
	height: 218px;
}
#wrapper {
}
#header {
	margin: 0px auto;
	width: 960px;
	height: 155px;
	background: url(images/header-bg.jpg) no-repeat center top;
	position: relative;
}
#logo {
	position: absolute;
	top: 56px;
	left: 0px;
	text-indent: -7777px;
	width: 558px;
	height: 45px;
}
#logo a,
#logo a:visited {
	height: 45px;
	width: 100%;
	display: block;
}
#otherhotels {
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent: -7777px;
	width: 489px;
	height: 34px;
}
#otherhotels li {
	float: left;
	width: 85px;
	display: block;
	height: 33px;
}
#otherhotels li.wider {
	width: 110px;
}
#otherhotels a,
#otherhotels a:visited {
	height: 33px;
	width: 100%;
	display: block;
}
/* book */
#headerbook {
	position: absolute;
	right: 0px;
	top: 63px;
	width: 151px;
	height: 33px;
}
#headerbook a,
#headerbook a:visited {
	height: 33px;
	width: 100%;
	display: block;
	text-indent: -7777px;
	background: url(images/book-btn.png) no-repeat left top;
}
#headerbook a:hover { background: url(images/book-btn.png) no-repeat left bottom; }
/* navigation */
#nav {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 960px;
	height: 37px;
}
#nav ul {
}
#nav li {
	height: 37px;
	float: left;
	width: auto;
	font-size: 0.875em;
	line-height: 1.5em;
	margin-right: 2px;
}
#nav li a,
#nav li a:visited {	
	height: 30px;
	padding: 7px 16px 0px 16px;
	display: block;
	color: #b6b5b5;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
}
#nav ul li a:hover {
	color: #FFF;
}
#nav ul li.current_page_item a,
#nav ul li.current_page_item a:visited,
#nav ul li.current_page_item a:hover,
#nav ul li.current_page_parent a,
#nav ul li.current_page_parent a:visited,
#nav ul li.current_page_parent a:hover,
#nav ul li.current_page_ancestor a,
#nav ul li.current_page_ancestor a:visited,
#nav ul li.current_page_ancestor a:hover {
	background: #FFF;
	color: #000;
}

/*****************************************************
* Homepage
*****************************************************/
#rotator {
	background: #FFF;
	padding: 10px;
	position: relative;
	margin-bottom: 20px;
	height: 340px;
}
#home-links {
	padding: 10px 0px 10px 10px;
	margin-bottom: 20px;
	background: #FFF;
	height: 153px;
}
#home-links li {
	margin-right: 17px;
	margin-bottom: 20px;
	background: #FFF;
	float: left;
	position: relative;
}
.text {
	position: absolute;
	left: 0px;
	top: 103px;
	width: 162px;
	padding: 10px 50px 10px 10px;
	font-size: 0.75em;
	line-height: 1.4em;
}
#home-links li a,
#home-links li a:visited {
	color: #CCC;
	text-decoration: none;
}
#home-links li a:hover {
	color: #FFF;
}
#home-links li.nomargin {
	margin-right: 0px;
	margin-left: 1px;
}
#content {
	margin: -64px auto 0px;
	width: 960px;
	position: relative;
	padding-top: 1px;
}
#leftcontent {
	width: 644px;
	float: left;
	background: #FFF;
	padding: 30px 33px;
	margin-top: -1px;
}
#sidebar {
	width: 250px;
	float: left;
	background: #efefef;
	margin-top: -1px;
}
#maincontent .homesidebar {
	background: #2b2b2b;
}
.home-thumb {
	float: left;
	margin: 0px 20px 10px 0px;
	padding: 6px;
	background: #d2d2d2;
}
/* sidebar */
#sidebar .homebook h3 {
	margin: 0px 10px 0px 17px;
	background: #005300;
}
/* booking form */
#bookingform {
	padding: 10px 10px 10px 17px;
}
.homebook #bookingform {
	margin: 0px 0px 0px 17px;
	padding-left: 0px;
	background: transparent;
}
.inputcols {
	float: left;
	width: 107px;
	text-align: right;
}
.homebook p {
	color: #FFF;
}
#datepicker,
#datepicker_two {
	border: 1px solid #c5c5c5;
	background: #FFF url(images/cal-icon.gif) no-repeat 191px 2px;
	width: 215px;
	padding: 0px 3px;
	height: 25px;
}
#rotatorbook {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 253px;
}
#rotatorbook h3 {
	color: #FFF;
	padding: 8px 15px 8px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
#topbooking {
	padding: 10px 15px 4px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

/*****************************************************
* Rotator
*****************************************************/
.anythingSlider                         { width: 940px; height: 340px; position: relative; }
.anythingSlider .wrapper                { width: 940px; overflow: auto; height: 340px; position: absolute; top: 10px; left: 10px; }
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 340px; width: 940px; }
.anythingSlider .arrow                  { display: block; height: 45px; width: 45px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 150px; cursor: pointer; }
.anythingSlider .forward                { background-position: -50px 0; right: -20px; }
.anythingSlider .back                   { background-position: 0 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: -50px -45px; }
.anythingSlider .back:hover             { background-position: 0 -45px; }
#thumbNav                               { display: none; }
#start-stop                             { display: none; }
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#topimage .anythingSlider                         { width: 640px; height: 216px; position: relative; margin-bottom: 10px; }
#topimage .anythingSlider .wrapper                { width: 640px; overflow: auto; height: 216px; position: absolute; top: 0px; left: 0px; }
#topimage .anythingSlider .wrapper ul              { padding: 0; }
#topimage .anythingSlider .wrapper ul li             { background: transparent; padding: 0; width: 640px; height: 216px; }
#topimage .anythingSlider .arrow                  { top: 85px; }

/*****************************************************
* Generic Page
*****************************************************/
.generic_content {
	background: #efefef;
}
/* sidebar */
#sidebar h3 {
	color: #FFF;
	background: #5b5b5b;
	padding: 10px 17px;
}
.blockimg {
	margin-top: 12px;
	margin-left: 17px;
}
.block img {
	padding: 6px;
	background: #FFF;
}
/* subnav */
#subnav,
.blog-sidebar { border-top: 4px solid #5b5b5b; }
#subnav li,
.blog-sidebar li {
	border-bottom: 1px solid #c5c5c5;
	font-size: 0.875em;
}
#subnav li a,
#subnav li a:visited,
.blog-sidebar li a,
.blog-sidebar li a:visited {
	display: block;
	padding: 13px 17px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #5b5b5b;
}
#subnav li a:hover,
.blog-sidebar li a:hover {
	background: #FFF;
}
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited,
#subnav li.current_page_item a:hover {
	background: #FFF;
	color: #005300;
}
#subnav li.current_page_item li a,
#subnav li.current_page_item li a:visited {
	background: transparent;
	color: #5b5b5b;
}
#subnav li.current_page_item li a:hover {
	background: #FFF;
	color: #5b5b5b;
}
#subnav li ul {
	display: none;
}
#subnav li.current_page_item ul,
#subnav li.current_page_parent ul,
#subnav li.current_page_ancestor ul {
	display: block;
}
.mainimage {
	margin-bottom: 10px;
}
.prices_online {
	position: relative;
	margin: 20px 0px 10px;
	background: #efefef;
}
.prices_online p {
	font-size: 1.125em;
	color: #b8b8b8;
}
.pricestext {
	padding: 13px 22px;
	font-weight: bold;
}
#bottombook {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 151px;
	height: 33px;
}
#bottombook a,
#bottombook a:visited {
	height: 33px;
	width: 100%;
	display: block;
	text-indent: -7777px;
	background: url(images/book-btn.png) no-repeat left top;
}
#bottombook a:hover { background: url(images/book-btn.png) no-repeat left bottom; }
#leftcontent h2 {
	font-size: 1.75em;
	color: #005300;
	padding: 18px 0px 8px;
}
#leftcontent h3 {
	font-size: 1.125em;
	color: #5b5b5b;
	padding: 18px 0px 8px;
}
#leftcontent ul {
	background: #efefef;
	padding: 4px 8px 8px;
}
#leftcontent li {
	background: url(images/bullet.gif) no-repeat 4px 11px;
	display: block;
	padding: 6px 15px 6px 22px;
	font-size: 0.8125em;
	line-height: 1.5em;
	color: #535353;
	border-bottom: 1px solid #c5c5c5;
}

/*****************************************************
* Rooms
*****************************************************/
.roomtype { 
	border-bottom: 1px solid #c5c5c5; 
	padding-bottom: 30px;
	margin-bottom: 25px;
}
#leftcontent .roomtype h2 {
	padding-top: 0px;
}
.roomtype img {
	float: left;
	margin: 0px 20px 10px 0px;
	padding: 6px;
	background: #d2d2d2;
}
.roomstext {
	float: left;
	margin-right: 20px;
	width: 415px;
}
.roomfeatures {
	background: #efefef;
	padding: 4px 8px 12px;
}
.roomfeatures h4 {
	background: #FFF url(images/features-bg.gif) no-repeat 270px top;
	color: #5b5b5b;
	padding: 4px 10px;
	margin-top: 3px;
}
.roomtype li {
	float: left;
	width: 147px;
	margin-right: 7px;
}

/*****************************************************
* Blog
*****************************************************/

.postmetadata {
	position: relative;
	margin: 10px 0px 50px;
	background: #efefef;
	padding: 8px 15px;
}

/*****************************************************
* Contact
*****************************************************/
#leftcontent input,
#leftcontent textarea {
	border: 1px solid #c5c5c5;
	background: #FFF;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#leftcontent input {
	width: 350px;
	height: 20px;
}
#leftcontent input#bookingsubmit {
	width: 203px;
	height: 33px;
	border: none;
	padding: 0;
}
#leftcontent textarea {
	height: 170px;
	width: 500px;
}
#leftcontent #sendemail,
#leftcontent #submit {
	padding: 6px 10px;
	border: solid 1px rgb(153, 153, 153);
	background: rgb(240, 240, 240);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
	color: #333;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-shadow: 0px 1px 1px #FFF;
	line-height: 1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 100px;
	height: 30px;
	margin-bottom: 1px;
}
#leftcontent #submit {
	width: 160px;
}
#leftcontent #sendemail:hover,
#leftcontent #submit:hover {
	background: rgb(235, 235, 235);
}
#leftcontent #sendemail:active,
#leftcontent #submit:active {
	margin-top: 1px;
	margin-bottom: 0;
}

/* Comments */
#leftcontent .commentlist li {
	background: transparent;
	font-size: 1em;
	padding-left: 0px;
	margin-bottom: 15px;
}
.commentmetadata {
	display: none;
}
.comment-author {
	margin-bottom: 10px;
}

/*****************************************************
* Footer
*****************************************************/
#footer {
	background: #2e2e2e url(images/footer-logo.gif) no-repeat 33px 23px;
	padding: 26px 20px 40px 170px;
	margin-top: 30px;
}
#footer p {
	color: #727272;
	font-size: 0.75em;
}
#footer a,
#footer a:visited {
	color: #727272;
}
#footer a:hover {
	color: #FFF;
}
#social {
	float: right;
	width: 200px;
}
#footer li {
	color: #727272;
	font-size: 0.75em;
}
#footer li a,
#footer li a:visited {
	padding: 2px 0px 10px 25px;
	display: block;
	background: url(images/social.gif) no-repeat;
}
#footer li.facebook a,
#footer li.facebook a:visited { background-position: 1px top; }
#footer li.twitter a,
#footer li.twitter a:visited { background-position: left -25px; }

p.booknow img {
	border: none;
	padding: 0;
	margin: 0;
	float: right;
	margin-top: 14px;
}
