/*  
Theme Name: The Albatross Newcastle
Theme URI: http://albatrossnewcastle.co.uk/
Description: Theme The Albatross Newcastle.  Designed and Coded by Sleeky Web Design
Version: 1.0
Author: Sleeky Web Design
*/


* {	margin:0; padding:0; }
html, body {	height:100% }
body {	text-align:center;	margin:0;	padding:0;	font-family: Arial, Helvetica, sans-serif;	font-size:12px;	background-color: #80b639;	background-image:url(images/bg.gif);	background-repeat:repeat-x;	background-position: left op;}
img { border:0}

#wrapper {	min-height:100%;	height:auto !important;	height:100%;	margin: 0 auto -127px;	position:relative;}
#content { width:980px; margin:0 auto; text-align:left; padding-top:25px; background-image:url(images/wrapimage.gif);}
#topim { position:absolute; right:-40px; top:-18px;}
#header { position:relative;}
#footercontainer  .youtube {
	position:absolute;
	left: 570px;
	top: -10px;
	z-index:900
}


/* ======================================= Nav */
#nav { width:965px; height:94px; background-image:url(images/nav.gif); background-repeat:no-repeat; padding-left:15px;}
#nav ul {}
#nav li { display:inline; font-size:14px; font-weight:bold; padding:0px 12px 0px 12px; line-height:70px;}
#nav li a { color:#FFFFFF; text-decoration:none;}
#nav li a:hover { color:#80b639;}


/* ======================================= Sidebar (left_ */
#sidebar { width:225px; float:left; }
#sidebar .attractions{ margin-bottom:15px;}
#sidebar  .nightlift { margin-top:25px;}

.wplc_event_list { list-style:none;}
.wplc_event_list li h3 { color:#80b639 !important; font-size:25px !important;}

/* ======================================= Sidebar right*/
#right { width:695px; float:right;}
#upcoming { width:190px; float:right;padding-top:30px; overflow:hidden;}
#upcoming h3, #upcoming h3 a, .wplc_event_list h3  { color:#000000; font-size:17px; text-decoration:none;}
#upcoming p, #upcoming p a{ color:#FFFFFF; margin-bottom:25px; text-decoration:none; font-weight:bold; font-size:13px}

/* ======================================= Top Image*/

#flash { width:677px; height:258px; background-image:url(images/flash-bg.png);  padding:9px; position:relative;}
#flash .flyhigh {	position:absolute;	top: 228px;	z-index:200}
#slider {	position:relative;	background:url(style/images/loading.gif) no-repeat 50% 50%; }
#slider img {	position:absolute;	top:0px;	left:0px;	display:none;}



/* ======================================= Main Content*/
#main { width:494px; padding-top:35px; float:left; }
#main  .top { width:494px; height:90px; background-image:url(images/welcome-top.png); background-repeat:no-repeat;}
#main .top h1 { padding-top:30px;}
#main .top h2 { padding-top:30px;}
#main .top h2 a{ color:#000000; text-decoration:none; font-size:30px; font-weight:bold; }
#main .top h2 a{ text-shadow: #555555 2px 2px 2px;}
#main .top .date { font-weight:bold;}
#main  .middle { width:454px; overflow:hidden; background-image:url(images/welcome-middle.png); background-repeat:repeat-y; padding:0px 20px}
#main  .bottom { width:494px; height:106px; background-image:url(images/welcome-bottom.png); background-repeat:no-repeat; margin-bottom:15px;}
#main .middle p { color:#333333; line-height:18px; padding-bottom:10px;}
#main  .middle p.first { color:#80b639; font-size:17px; line-height:25px; font-weight:bold;}
#main  .middle a{ color:#69a717; font-weight:bold;}

.rooms td{ background-color:#9BCD57; color:#FFFFFF; font-weight:bold; padding:4px;}
p.smallprint { font-size:10px;}
ul#facilities {color:#9BCD57; font-size:15px; font-weight:bold; margin-left:25px;}
ul#facilities li { padding-bottom:10px;}
h3 { margin-bottom:5px;}

.contactleft { width:200px; float:left;}
.contactright { width:250px; float:right;}
#theform { clear:both; width:494px;}



/* ======================================= Footer */
#footer, #push {	height:127px;}
#footer {background-image:url(images/footer.gif);	width:100%;	margin:0 auto;	color:#ffffff;}
#footercontainer { width:960px; margin:0 auto; position:relative; height:120px; }
#footercontainer .twitter {	position:absolute;	top: -70px;	left: 650px;	z-index:9}
#footercontainer  .facebook {	position:absolute;	right:0px;	top: -10px;	z-index:9}
#footercontainer .copyright { text-align:right; float:right; width:400px; padding-top:75px;} 

br { clear:both;}
.TB_caption { display:none; width:1px; height:1px; overflow:hidden;}

/* -----------------------------------------------------------------------------------------------------------------------------------------  Comment things*/

#comments, #add_comment {
width:484px;
clear:both;
margin-left:10px;
}

#comments ol { list-style:none; margin:0; padding:0;}
#comments ol li {
	padding-top: 5px;
	padding-right: 10px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom:10px;
}
#comments .author {

	font-weight: bold;
	font-size:15px;
	margin-bottom:0;
	padding-bottom:0;
	
}


#comments p { font-size:12px; line-height:20px;  margin-bottom:5px; }
#comments a {
	font-weight: bold;
	text-decoration: none;
}

#comments a:hover {color:#ffffff;}
#comments li .avatart {
	float:left;
	padding:0px;
	margin-right:5px;
	margin-bottom:5px;
	border: 1px solid #cde2e0;
}
.thecomment {  float:left; width:420px;}



#add_comment {
font-size:1em;
padding-left:25px;
}
#add_comment .cleft { float:left; width:170px; position:relative; display:inline}
#add_comment .cright {float:left; width:250px; padding-right:15px; position:relative; display:inline}

#add_comment em { font-size:0.8em;}
#add_comment span{ color:#FF0000}
#add_comment .submitb { text-align:right}
#add_comment .formy { width:135px; padding:2px; font-size:1em;}
#add_comment .formy_comment {
	width:230px;
	padding:2px;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
}
#add_comment p { margin-bottom:10px; clear:both;}