/*
Theme Name: The City Rooms Theme
Theme URI: http://blog.thecityrooms.co.uk/
Description: 
Version: 1.0
Author: PSDgator
Author URI: http://www.psdgator.com/
*/

body {
background:		#ccccbb;
color:			#777755;
font-family:		Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size: 		small;
font-weight:		normal;
text-align:		left;
line-height:		1.6em;
margin:			0;
padding:		0;
}




/* ---------------------- TYPOGRAPHY ---------------------- */

h1.home_title {
background:		url(images/title/home_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.conferences_title {
background:		url(images/title/conferences_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.weddings_title {
background:		url(images/title/weddings_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.specialevents_title {
background:		url(images/title/specialevents_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.bedrooms_title {
background:		url(images/title/bedrooms_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.history_title {
background:		url(images/title/history_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.testimonials1_title {
background:		url(images/title/testimonials1_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.testimonials2_title {
background:		url(images/title/testimonials2_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.testimonials3_title {
background:		url(images/title/testimonials3_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.news_title {
background:		url(images/title/news_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.contact_title {
background:		url(images/title/contact_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.terms_title {
background:		url(images/title/terms_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h1.privacy_title {
background:		url(images/title/privacy_title.gif) no-repeat top left;
width:			430px;
height:			33px;
margin:			0 0 20px 0;
padding:		0;
}

h2.vt_title {
background:		url(images/title/vt_title.gif) no-repeat top left;
width:			336px;
height:			27px;
margin:			0 0 20px 0;
padding:		0;
border-bottom:		1px solid #665500;
}

h2 {
	color:			#777755;
	font-size: 		160%;
	font-weight:		lighter;
	margin:			0 0 5px 0;
	padding:		0;
	letter-spacing:		0.01em;
	line-height:		normal;
}

h2 a {
	color:			#777755;
	text-decoration:none;
}

a {
	color:#777755;
}

.dot h2 {
padding:		0;
}

h4 {
font-size: 		100%;
font-weight:		normal;
margin:			0 0 10px 0;
padding:		0 0 2px 0;
border-bottom:		1px solid #ccccbb;
}

.container p {
font-size: 		100%;
line-height:		1.6em;
margin:			0 0 20px 0;
padding:		0;
}

.container p a, .container ul li a {
color:			#777755;
border-bottom:		1px dotted #777755;
text-decoration:	none;
}

.container p a:hover, .container ul li a:hover {
color:			#665500;
border-bottom:		1px dotted #665500;
}

.container ul {
list-style-type:	none;
margin:			0 0 20px 0;
padding:		0;
}

.bold {
font-weight:		bold;
}










/* ---------------------- HEADER ---------------------- */

.header {
background:		#fff;
width:			980px;
height:			140px;
margin:			0;
padding:		0;
position:		relative;
}

a.logo {
background:		#fff url(images/general/logo.gif) no-repeat top left;
display:		block;
width:			430px;
height:			110px;
margin:			0;
padding:		0;
position:		absolute;
top:			10px;
left:			30px;
}










/* ---------------------- NAV ---------------------- */

.nav {
width:			900px;
height: 		16px;
overflow:		hidden;
margin:			0 40px 20px 40px;
padding:		0;
}

.nav ul {
list-style-type: 	none;
margin:			0;
padding:		0;
}

.nav ul li {
list-style: 		none;
display: 		inline;
}

.nav ul li a {
display:		block;
height:			20px;
background:		url(http://www.thecityrooms.co.uk/images/general/navigation.gif) no-repeat;
float: 			left;
}

.nav ul li.home a {
width:			53px;
background-position:	0 0;
}

.nav ul li.home a:hover {
background-position:	0 -20px;
}

.nav ul li.home a.selected {
background-position:	0 -40px;
}

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

.nav ul li.conferences a {
width:			127px;
background-position:	-53px 0;
}

.nav ul li.conferences a:hover {
background-position:	-53px -20px;
}

.nav ul li.conferences a.selected {
background-position:	-53px -40px;
}

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

.nav ul li.weddings a {
width:			100px;
background-position:	-180px 0;
}

.nav ul li.weddings a:hover {
background-position:	-180px -20px;
}

.nav ul li.weddings a.selected {
background-position:	-180px -40px;
}

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

.nav ul li.christmas a {
width:			101px;
background-position:	-280px 0;
}

.nav ul li.christmas a:hover {
background-position:	-280px -20px;
}

.nav ul li.christmas a.selected {
background-position:	-280px -40px;
}

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

.nav ul li.specialevents a {
width:			138px;
background-position:	-381px 0;
}

.nav ul li.specialevents a:hover {
background-position:	-381px -20px;
}

.nav ul li.specialevents a.selected {
background-position:	-381px -40px;
}

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

.nav ul li.bedrooms a {
width:			101px;
background-position:	-519px 0;
}

.nav ul li.bedrooms a:hover {
background-position:	-519px -20px;
}

.nav ul li.bedrooms a.selected {
background-position:	-519px -40px;
}

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

.nav ul li.testimonials a {
width:			127px;
background-position:	-620px 0;
}

.nav ul li.testimonials a:hover {
background-position:	-620px -20px;
}

.nav ul li.testimonials a.selected {
background-position:	-620px -40px;
}

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

.nav ul li.about a {
width:			70px;
background-position:	-747px 0;
}

.nav ul li.about a:hover {
background-position:	-747px -20px;
}

.nav ul li.about a.selected {
background-position:	-747px -40px;
}

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

.nav ul li.contact a {
width:			83px;
background-position:	-817px 0;
}

.nav ul li.contact a:hover {
background-position:	-817px -20px;
}

.nav ul li.contact a.selected {
background-position:	-817px -40px;
}











/* ---------------------- CONTAINER ---------------------- */

.containerwrap {
background-color:	#fff;
width:			980px;
margin-left:		auto;
margin-right:		auto;
margin-top:		0;
margin-bottom:		0;
padding:		0;
}

.container {
background:		#fff url(images/general/logo_bg.gif) no-repeat center bottom;
width:			900px;
margin:			0 40px 0 40px;
padding:		40px 0 0 0;
}





/* ---------------------- FLOATING CONTAINERS---------------------- */

.left430_container {
float:			left;
width: 			557px;
margin: 		0;
padding: 		0;
}

.left430_container_footer {
float:			left;
width: 			430px;
margin: 		0;
padding: 		0;
}

.right430_container {
float:			right;
width: 			336px;
margin: 		0;
padding: 		0;
}

.right430_container_footer {
float:			right;
width: 			430px;
margin: 		0;
padding: 		0;
}

.left195_container {
float:			left;
width: 			195px;
margin: 		0;
padding: 		0;
}

.right195_container {
float:			right;
width: 			195px;
margin: 		0;
padding: 		0;
}

.left524_container {
float:			left;
width: 			524px;
margin: 		0;
padding: 		0;
}

.right336_container {
float:			right;
width: 			336px;
margin: 		0;
padding: 		0;
}







/* ---------------------- GALLERY ---------------------- */

.gallery {
background-color:	#777755;
width:			980px;
margin:			0;
}








/* ---------------------- HEADER IMAGE ---------------------- */

.header_image {
background-color:	#777755;
width:			980px;
height:			320px;
margin:			0;
padding: 		0;
}



/* ---------------------- INSET ---------------------- */

.inset_220 {
background-color:	#ccccbb;
width:			336px;
height:			220px;
margin:			0;
padding: 		0;
overflow:		hidden;
}

.inset_500 {
background-color:	#ccccbb;
width:			336px;
height:			500px;
margin:			0;
padding: 		0;
overflow:		hidden;
}

.inset_220 a {
background-color:	#ccccbb;
width:			336px;
height:			220px;
margin:			0;
padding: 		0;
}

.inset_220 a:hover img {
filter:			progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 		0.8;
opacity:		0.8;
}




/* ---------------------- NEWS LIST ---------------------- */

.news_list {
margin:			0;
padding:		20px 20px 10px 20px;
}

.news_list h2 {
height:			27px;
margin:			0;
padding:		0;
border-bottom:		1px solid #665500;
}

.news_list h3 {
color:			#777755;
font-size: 		100%;
font-weight:		bold;
border-bottom:		1px solid #665500;
margin:			0 0 0 0;
padding:		5px 0 5px 0;
text-transform:		uppercase;
}

.news_list h3 a {
display:		block;
color:			#777755;
text-decoration:	none;
}

.news_list h3 a:hover {
color:			#665500;
}

.news_list h3 a.selected {
color:			#665500;
}

.news_img img {
margin:			0 0 40px 0;
padding:		0;
}

.nextprev_button {
width:			388px;
height:			25px;
margin:			10px 0 0 0;
}

a.prev_button {
background:		url(images/general/prev_button.gif) no-repeat;
background-position:	0 0;
width:			52px;
height:			25px;

float:			right;  /*was right */
overflow:		hidden;
margin:			0 10px 0 0;
padding:		0;
}

a:hover.prev_button {
background-position:	0 -25px;
}

a.next_button {
background:		url(images/general/next_button.gif) no-repeat;
background-position:	0 0;
width:			52px;
height:			25px;
float:			right;
overflow:		hidden;
}

a:hover.next_button {
background-position:	0 -25px;
}














/* ---------------------- NEWS PANEL ---------------------- */

.news_panel {
border:			1px solid #665500;
width:			388px;
margin:			0;
padding:		20px 20px 10px 20px;
}

.news_panel h2 {
background:		url(images/title/latestnews_title.gif) no-repeat top left;
width:			388px;
height:			27px;
margin:			0;
padding:		0;
border-bottom:		1px solid #665500;
}

.news_panel h3 {
color:			#665500;
font-size: 		100%;
font-weight:		bold;
margin:			0 0 5px 0;
padding:		0;
text-transform:		uppercase;
}

.news_panel h3 a {
color:			#777755;
text-decoration:	none;
}

.news_panel h3 a:hover {
color:			#665500;
}

.news_panel_img a {
background:		#ccccbb;
display:		block;
width: 			120px;
height: 		120px;
margin: 		20px 0 20px 0;
padding: 		0;
float:			left;
overflow:		hidden;
}

.news_panel_img a:hover img {
filter:			progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 		0.8;
opacity:		0.8;
}

.news_panel_story {
float:			right;
width: 			258px;
margin: 		0;
padding: 		20px 0 20px 0;
}

.news_panel p {
font-size: 		100%;
line-height:		1.3em;
}

.news_spacer {
clear:			both;
height:			1px;
border-top:		1px solid #665500;
margin: 		0;
padding: 		0;
}

.news_button {
width:			388px;
height:			25px;
margin:			10px 0 0 0;
}

.news_button a {
background:		url(images/general/news_button.gif) no-repeat;
background-position:	0 0;
width:			105px;
height:			25px;
float:			right;
overflow:		hidden;
}

.news_button a:hover {
background-position:	0 -25px;
}













/* ---------------------- FOOTER ---------------------- */

.footer {
background:		#fff url(images/general/footer_bg.gif) repeat-x top left;
width:			900px;
margin:			0;
padding:		40px 40px 40px 40px;
line-height:		1.4em;
}

.footer ul {
font-size:		90%;
list-style-type: 	none;
margin:                	0 0 10px 0;
padding:                0;
}

.footer ul li {
color:			#777755;
text-decoration:	none;
margin:			0;
padding:		0;
}

.footer ul li a {
color:			#777755;
text-decoration:	none;
}

.footer ul li a:hover {
color:			#665500;
}





/* ---------------------- FORM ---------------------- */

form {
margin:			0;
padding:		0;
}

p.form {
margin:			0;
padding:		0;
}

.textform {
background-color:	#fff;
width:			328px;
font-size: 		100%;
font-family:		Arial, Helvetica, Tahoma, Verdana, sans-serif;
color:			#777755;
border: 		1px solid #777755;
margin:			0;
padding:		3px;
}

.submit {
width:			63px;
height:			25px;
margin:			0;
padding:		0;
cursor:			pointer;
}

.dotted_outline {
border: 		1px dashed #777755;
margin:			0 0 20px 0;
padding:		20px 20px 20px 20px;
}






/* ---------------------- NEWSLETTER---------------------- */

.newsletter {
width:			353px;
margin:			20px 0px 0 0;
padding:		0;
position:		absolute;
top:			20px;
left:			587px;
}

h3.call {
background:		#fff url(images/general/call.gif) no-repeat top left;
width:			353px;
height:			25px;
margin:			0;
padding:		0;
}

.signupform {
background:		url(images/general/signup.gif) no-repeat top left;
margin:			0;
padding:		5px 0 0 170px;
line-height:		1em;
width:			183px;
height:			20px;
}

.signup {
background-color:	#fff;
width:			128px;
height:			17px;
font-size: 		100%;
font-family:		Arial, Helvetica, Tahoma, Verdana, sans-serif;
color:			#777755;
border: 		1px solid #665500;
margin:			0;
padding:		3px;
float:			left;
font-size:		90%;
}

.go {
width:			37px;
height:			25px;
margin:			0;
padding:		0;
cursor:			pointer;
float:			right;
}




















/* ---------------------- CLEAR	 ---------------------- */

.clear {
clear:			both;
height:			1px;
margin: 		0;
padding: 		0;
}

.spacer {
clear:			both;
height:			40px;
margin: 		0;
padding: 		0;
}

.line {
clear:			both;
height:			20px;
margin: 		40px 0 40px 0;
padding: 		0;
border-bottom:		1px solid #ccccbb;
}





/* ---------------------- GENERAL ---------------------- */

img {
margin:			0;
padding:		0;
border:			0;
}

a img {
margin:			0;
padding:		0;
border:			0;
}

img a {
margin:			0;
padding:		0;
border:			0;
}

.invisible {
display:		none;
}

a:active, a:focus {
outline: 		0;
}

.entry ul {
	list-style:disc;
	list-style-position:outside;
}

.entry ul li {
	list-style:disc;
	list-style-position:outside;
	margin-left:20px;
}

.entry ol {
	list-style:decimal;
	list-style-position:outside;
}

.entry ol li {
	list-style:decimal;
	list-style-position:outside;
	margin-left:20px;
}




.post {
	border-bottom:1px solid #666;
	margin-bottom:20px;
}






































.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}


.clear {
	clear: both;
}

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

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

#sidebar form {
	margin: 0;
	}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.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 img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}