/*
Theme Name: The Rooms
Theme URI: http://www.fanboycreative.co.uk/
Description: The Rooms Theme.
Version: 1.0
Author:Ryan Hussey
Author URI: http://www.fanboycreative.co.uk/

*/



/*****************************************************
* Global
*****************************************************/

* { padding: 0; margin: 0; }

body {
	text-align: left;
	padding-bottom: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height:1.125em;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

ul,
li  { list-style-type: none; }
img { border: 0; }
a   { outline: none; }

div.clear { clear: both; }

.nodisp { display: none; }

.right { float: right; }



/*****************************************************
* Typography
*****************************************************/

h1 {
	color: #C28B81;
	font-size: 1.8em;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: -1px;
	padding-bottom: 15px;
}
h2,
h3 {
	color: #820053;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: -1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 8px;
}
h3 {
	margin-top: 20px;
	clear: both;
}
h1+p {
	font-size: 0.8em;
}
p {
	color: #820058;
	font-size: 0.7em;
	line-height: 1.4em;
	font-weight: normal;
	padding-bottom: 12px;
}
p.home-rss {
	background-image: url(/images/rss-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 22px;
}
p.introtext {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.comment-meta {
	color: #820058;
	font-size: 0.7em;
	line-height: 1.4em;
	float: right;
	margin-top: -25px;
}
.comment-author span.says,
.comment-author cite {
	color: #820058;
	font-size: 0.9em;
	line-height: 1.2em;
	font-style: normal;
}
.comment-author img {
	margin-right: 3px;
}
.comment-author {
	margin-bottom: 10px;
}
li.comment {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 8px;
}


/*****************************************************
* Links
*****************************************************/

a,
a:visited {
	font-weight: bold;
	color: #CD8D82;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p.more-testimonials a,
p.more-testimonials a:visited,
p.home-rss a,
p.home-rss a:visited {
	font-weight: normal;
	color: #820053;
	text-decoration: underline;
}
p.more-testimonials a:hover,
p.home-rss a:hover {
	text-decoration: none;
}



/*****************************************************
* Image Alignment
*****************************************************/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	overflow: auto;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	overflow: auto;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/*****************************************************
* Layout
*****************************************************/

/* main */

#wrapper {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #830053;
	width: 100%;
}
.inner-wrap {
	width: 981px;
	position: relative;
}
.text {
	width: 500px;
	padding-top: 20px;
	padding-left: 38px;
	padding-right: 15px;
	background-image: url(/images/white-bg.png);
	background-repeat: repeat;
	background-position: left top;
	z-index: 100;
	float: left;
	margin-top: -400px;
	padding-bottom: 20px;
}
.sidebar-wrap {
	width: 228px;
	position: absolute;
	top: 0px;
	z-index: 100;
	left: 720px;
	text-align: right;
}
.sidebar {
	background-image: url(/images/nav-bg.png);
	background-repeat: repeat;
	background-position: left top;
	z-index: 100;
	padding-top: 50px;
}
.logo {
	padding-bottom: 25px;
}
.entry {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 20px;
}
.roombox:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .roombox,*:first-child+html .roombox{zoom:1}
.hotelguide {
	padding-top: 20px;
}


/* footer */

#footer {
	width: 981px;
	padding-left: 38px;
	padding-top: 20px;
}
.footer-cols {
	float: left;
	width: 287px;
	margin-right: 25px;
}
#footer .right {
	margin-right: 0px;
}
.padded-img img {
	margin-bottom: 7px;
}
.times {
	z-index: 200;
	position: absolute;
	left: 500px;
	top: 80px;
}


/*****************************************************
* Footer
*****************************************************/




/*****************************************************
* Lists
*****************************************************/

ul#main-nav {
	padding-bottom: 40px;
	padding-right: 10px;
	padding-left: 10px;
}
ul#main-nav li {
	font-size: 0.8em;
	line-height: 1.3em;
}
ul#main-nav li a,
ul#main-nav li a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-right: 17px;
	padding-bottom: 5px;
}
ul#main-nav li.current_page_item a,
ul#main-nav li.current_page_item a:visited,
ul#main-nav li.current_page_item a:hover,
ul#main-nav li.current_page_parent a,
ul#main-nav li.current_page_parent a:visited,
ul#main-nav li.current_page_parent a:hover,
ul#main-nav li a:hover {
	color: #C28A80;
	background-image: url(/images/circles-hover.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}
.from-blog li {
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 0.9em;
	line-height: 1em;
}
.from-blog li a,
.from-blog li a:visited {
	display: block;
	padding-bottom: 8px;
}
.from-blog li a:hover {
	text-decoration: none;
	color: #820053;
}
.home-testimonials li {
	font-size: 0.8em;
	line-height: 1.4em;
	color: #C78D86;
	text-indent: 18px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(/images/quote-mark.gif);
	background-position: 4px 2px;
	background-repeat: no-repeat;
}
.home-testimonials li span {
	color: #820053;
}


/*****************************************************
* Forms
*****************************************************/

.wpcf7-form input.wpcf7-validates-as-required,
.wpcf7-form span.booking-date input,
.wpcf7-form textarea,
.wpcf7-form input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #333333;
	padding: 3px;
	width: 350px;
	border: 1px solid #999999;
	text-transform: none;
	background-color: #FFFFFF;
}
.wpcf7-form input.accept {
	width: 20px;
}
.wpcf7-form .accept input {
	width: 20px;
}
.wpcf7-form input#submit {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #830053;
	text-transform: uppercase;
	width: 150px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#commentform input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #333333;
	padding: 3px;
	width: 250px;
	border: 1px solid #999999;
	text-transform: none;
	background-color: #FFFFFF;
}
#commentform textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #333333;
	padding: 3px;
	width: 350px;
	border: 1px solid #999999;
	text-transform: none;
	background-color: #FFFFFF;
}
#commentform input#submit {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #830053;
	text-transform: uppercase;
	width: 150px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}


/*****************************************************
* Rotator
*****************************************************/

#rotator
{
	overflow: hidden;
	width: 592px;
	height: 487px;
	float: left;
	z-index: -100;
	position: absolute;
	left: 387px;
	top: 0px;
}



/*****************************************************
* Fanboy
*****************************************************/

p.fanboy {
	float: right;
	height: 22px;
	width: 180px;
	display: block;
	margin-right: 70px;
	margin-top: -10px;
}
p.fanboy a,
p.fanboy a:visited {
	text-indent: -7777px;
	background-image: url(images/web-design-by-fanboy.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 100%;
	height: 22px;
}
p.fanboy a:hover {
	background-image: url(images/web-design-by-fanboy.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}