/*
Theme Name: Storrs Gate House
Theme URI: http://wordpress.org/
Description: Custom design for Storrs Gate House by Andrew Armitage. Visit <a href="http://www.armitage-online.co.uk">Armitage Online Solutions</a> for more information or call 015395 33043.
Version: 1.0
Author: Andrew Armitage
Author URI: http://www.armitage-online.co.uk


*/


/* import CSS for compliant browsers */
/* ------------------------------------------------------- */
@import url(css/typography.css);
@import url(css/navigation.css);


/* stops the nasty horizontal shift with centered layouts in moz etc */
/* html { height: 100%; margin-bottom: 1px; } */

/* overrule basic.css styles */

/* positioning */

#skipLink {
	display: block;
	position: absolute;
	top:0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
	z-index:999;
}
#topLink {
	display: block;
	position: absolute;
	bottom:0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
	z-index:999;
}
#skipLink:focus, #topLink:focus {
	left: 0;
}
.container {
	width: 922px;
	margin-left: -461px;
	position: relative;
	left: 50%;
	background: url(/images/bgRepeat.gif) repeat-y;
}
body {
	background: #1c1c1c;
}
#navandpic {
	height: 278px;
	background: #7a7a7b;
}
#masthead {
	height: 55px;
	padding-top: 30px;
	position:relative;
}
.accessibilityOptions {
	position:absolute;
	right:0;
	top:0;
}
#navandpic .container {
	background: url(/images/navBg.gif) repeat-y;
	padding-top: 9px;
	height: 278px;
}
#navandpic .container img {
	padding-bottom: 8px;
	padding-left: 8px;
}

#leftCol {
	float: left;
	width: 370px;
	margin-top: 10px;
	padding-bottom: 80px;
}
#rightCol {
	float: right;
	width: 500px;
	margin-top: 10px;
	padding-right:20px;
}

#leftCol ul {
	float: left;
	margin-left: 20px;
}
.banner {
	margin-bottom: 10px;
}
.banner a, .banner a:hover {
	border:0 none !important;
	}
#footer {
	clear: both;
	border-top: 1px solid #5b5b5b;
	margin-top: 10px;
	width: 922px;
	margin-left: -461px;
	position: relative;
	left: 50%;
}

#leftCol li {
	float: left;
}
#leftCol li img {
	margin: 5px;
}
#leftCol blockquote {
	clear: left;
	padding-left: 25px;
	width: 300px;
	padding-top: 25px;
}
#logos {
	left: 20px;
	bottom: 130px;
	position: relative;
	width: 320px;
	height: 46px;
	clear:both;
}

/*#logos img {
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}*/
.TA_rated {
	position:absolute;
	left:20px;
	bottom:60px;
	}
.cdsFRRBadge {
	margin:0 0 10px 0 !important;
	}
.cdsFRRBadge var {
	padding:0 !important;
	text-align:center;
	margin:0 !important;
	}
.cdsFRRCopy a {
	color:#000000 !important;
	}
ul.smallPics, ul#roomsList, ul#roomsList li a, ul#roomsList li a:hover, ul#roomsList li a:focus {
	border:0 none;
	}
.smallPics li a img, ul#roomsList li a img {
	border: 1px solid #7a7a7b;
}
.smallPics li a:hover img, ul#roomsList li a:hover img {
	border: 1px solid #9a9a9a;
}
#rightCol ul#roomsList {
	width:520px;
	float:left;
	list-style:none;
	margin:0;
	}
#rightCol  ul#roomsList li {
	float:left;
	margin-right:10px;
	}
p.editLink {
	position:absolute;
	right:15px;
	top:5px;
	background-color:#fff;
	padding:10px;
	border:1px solid #1c1c1c;
}
#rightCol ul {
	margin:5px 0 15px 30px;
	}
#rightCol ul li {
	margin:5px 0 5px 0;
	}
.directions {
	clear:left;
	position:relative;
	top:20px;
	left:30px;
	}
.tomtomLink {
	margin:10px 0;
	}
img.mapLink {
	border:1px solid #7a7a7b;
	margin:5px 0 5px;
	}
img.mapLink:hover {
	border: 1px solid #9a9a9a;
}
.entrytext blockquote {
	/*border-top:1px solid #5b5b5b;*/
	padding:30px 30px 0px 30px;
	margin:20px 0 30px;
	width:80%;
	background: url(/images/bqBg.gif) no-repeat left 10px;
	}
.entrytext p.guestName {
	padding:0px 30px 10px 30px;
	border-bottom:1px solid #5b5b5b;
	width:80%;
	}
p.inviteComments {
	clear:left;
	position:relative;
	top:20px;
	/*left:30px;*/
	}
#rightCol table {
	border-collapse: collapse;
	border: 1px solid #9a9a9b;
	}
#rightCol th, #rightCol td {
	padding:0.5em 1em;
	}
#rightCol tr {
	border-bottom:1px solid #9a9a9a;
	}
#rightCol td.roomName, #rightCol th.room {
	border-right:1px solid #9a9a9a;
	}
#rightCol tbody td, #rightCol thead th {
	border-bottom:1px solid #9a9a9a;
	}
#rightCol table tr td img {
	vertical-align:top;
}
.ttHeader {
	background:#F3F0E7;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #7a7a7b;
	padding:5px;
	width:150px;
	opacity:0.9;
	filter: alpha(opacity=90);
         }
         
.ttBody {
	background:#ffffee;
	color:#1c1c1c;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	border-left:1px solid #7a7a7b;
	border-right:1px solid #7a7a7b;
	border-bottom:1px solid #7a7a7b;
	padding:5px;
	width:150px;
	opacity: 0.9;
	filter: alpha(opacity=90);
         }
#rightCol ol {
	margin:6px 0 8px 30px;
	}
#rightCol ol li {
	line-height:150%;
	}
#footer #info {
	float:left;
	width:50%;
	}
#footer #credit {
	float:right;
	width:49%;
	}
a.facebookLink {
	border:0 none !important;
	}
/*-----------------subscribe form----------------------*/
#leftCol p {padding-left:10px;font-size:11px;margin-bottom: 0;}
form#subForm {
	width:auto;
}
#leftCol div#awards p {
	font-size: 15px;
    padding: 5px 0 0 10px;
}
form#subForm label {
	font: 12px Verdana, Geneva, sans-serif;
	color:#fff;
	width:auto;
}
form#subForm input[type="text"] {
	border:1px solid #1c1c1c;
	padding:2px;
	width:228px;
	margin-left:19px;
}
form#subForm input {
	width:auto;
}
.greyed {color:#999999;}
/*-----------------------*/
/*-----------------contact form------------------------*/
form {
	width:450px;
	}
fieldset {
	margin:1em 0;
	padding:1em;
	border:1px solid #ccc;
	background:#1c1c1c;
	position: relative;
	}
/* Fix Fieldset in IE. Hide from IE Mac \*/
html legend{ position:absolute; top: -.5em; left: .5em; }
html fieldset{ position: relative; margin-top:1em; padding-top:.75em; }
/*End*/
fieldset.submit input {
	width: auto;
}
fieldset a#calAnchor_arrive, fieldset a:hover#calAnchor_arrive {
	border: 0 none;
	}
legend {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffee;
	}
label {
	display:block;
	font-weight: bold;
	float:left;
	width:14em;
	}
input, textarea {
	width:200px;
	}
input:focus, textarea:focus {
	background:#ffffee;
	}
input[type="text"], textarea {
	border-top:2px solid #999;
	border-left:2px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
#rightCol form p {
	width:auto;
	}
.shortInput {	
	width:80px;
	}
#calendar {
	background-color:#515151;
	position:absolute;
	visibility:hidden;
	z-index: 15;
/*	height: 150px;
	width: 150px;*/
	}
#calendar {
	top:20px;
	left:220px;
	}
#calendar th, #calendar td {
	padding:2px;
	}
#calendar table {
	border:none;
	}
/*--------------------end contact form---------------------------*/
.ctaward {
	position:relative;
	left:50px;
	top:10px;
	margin-bottom:15px;
}
#awardsBadges {
	padding-left:15px;
}
.pLivingAward {
	padding-top:15px;
}
#TA_excellent271 {
	width:180px;
	float:left;
}
#rightCol blockquote {
	margin:10px 0 0 15px;
	/*background-color:#303030;*/
	padding:15px;
	width:80%;
}
/*-------------------------slider for scenes page---------------------*/
#s3slider {
   width: 706px; /* important to be same as image width */
   height: 260px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float:right;
   background-color:#1c1c1c;
}

#s3sliderContent {
   width: 706px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span{
   position: absolute; /* important */
   right: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 225px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
   height:260px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
#navandpic .container li.s3sliderImage img {
	padding:0;
}
	
.s3sliderImage span p {
	font:12px/18px Verdana, Geneva, sans-serif;
}
.clear {
   clear: both;
}
/*----------------------------------------
 * FACEBOOK WIDGET STYLES
 * -------------------------------------*/
.fb_iframe_widget {
	background: #CCCCCC;
    float: left;
    margin: 0 10px;
    padding: 0 10px;
    width: 89.2%;
}
/*----------------------------------------
 * TWITTER FEED STYLES
 * -------------------------------------*/
div#twitterFeed {
	background: #CCCCCC;
    color: #434343;
    float: left;
    margin: 0 10px 10px;
    padding: 10px;
    width: 89.2%;
}
div#twitterFeed h2 {
	color: #434343;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
}
div#twitterFeed iframe.twitter-follow-button {
	float: left;
    height: 20px;
    margin: 10px 0 0;
    width: auto;
}
div#twitterFeed a {
	color: #186487;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}
div#twitterFeed p {
    color: #434343;
    padding: 0;
}

/*----------------------------------------
 * AWARD BANNER STYLES
 * -------------------------------------*/
div#awards {
	background: none repeat scroll 0 0 #1C1C1C;
    border: 1px solid #FFFFFF;
    float: left;
    margin: 10px;
    padding: 10px;
}
div#awards img {
	float: left;
}
div#awards p {
	margin: 0 0 0 40px;
}

/*----------------------------------------
 * SHARE THIS STYLES
 * -------------------------------------*/
div#shareThis {
    float: left;
    margin: 10px 0;
    width: 100%;
}
div#shareThis h2 {
	color: #FFFFFF;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}