/* CSS style sheet | screen | burythorpehouse.co.uk
---------------------------------------------- */


/* Basic Elements
---------------------------------------------- */

* { padding: 0; margin: 0; }


body {font:normal 12px/20px helvetica,arial,sans-serif; color: #5b5952; }
p {line-height:16px;}

b, strong {font-weight:bold;}
i, em {font-style:italic;}
u {text-decoration:underline;}

h1, h2, h3, h4 {font-weight:normal; font-family:"trebuchet ms",verdana,helvetica,arial,sans-serif;}
h1 {font-size:20px; line-height:40px;}
h2 {font-size:16px; line-height:18px;}
h3 {font-size:12px; line-height:16px;}
h4 {font-size:14px; line-height:14px;}

a {text-decoration:underline; color:#cd9f3d; background:none; border:none;}
a:hover {text-decoration:none; color:#cd9f3d; background:none;}

.invisible {
 overflow: hidden;
 position: absolute;
 height: 0em;
 width: 0em;
}

.clear { clear: both; height: 0; width: 0; }
/* Basic Elements
---------------------------------------------- */


body {margin: 0; padding:0; background: url(../img/body_bg.jpg) repeat-x #fff; text-align: center;}
hr {display:none;}

p {margin:0 0 16px 0;}

/*
ul {margin:5px 0px 10px 15px; padding:0;}
li {list-style-type:none; margin:0; padding:0 0 0 15px; background:url(../_images/bullet.gif) no-repeat left center;}
*/

img {border:none;}

/* Layout Blocks
----------------------------------------------- */

#top-name { visibility: hidden; position: absolute; top: 0; right: 0; }

.home-spiel { visibility: hidden; position: absolute; top: 0; right: 0; }


#wrapper { width: 1000px; margin: 0 auto 0 auto; padding: 0; text-align: left; background: url(../img/wrapper-bg.png) no-repeat; background-position: 0 125px; } /*remove height tag when finished */

#header { width: 1000px; height: 100px; margin-bottom: 40px; }	

		#header-left { float: left; width: 420px; height: 100px; background: url(../img/logo-lgbt.jpg) 0 0 no-repeat; }

		#nav { margin-top: 29px; float: right; width: 546px; height: 40px; }

#home-top { margin-top: 20px; width: 1000px; height: 250px; }

	#home-top-right { display: inline; float: right; width: 310px; height: 250px; /*background: url(../img/chat-bg.png) 0 0 no-repeat;*/ }

	#home-top-left { display: inline; float: left; padding: 0 10px 0 10px; width: 315px; height: 250px; background: #fff; border-right: 1px solid #cacaca; }

	#home-top-middle { display: inline; float: left; padding: 0 20px 0 10px; width: 300px; height: 250px; background: #fff; border-right: 1px solid #cacaca; }

#links-top { margin-top: 20px; width: 1000px; }

	#links-top-right { float: right; width: 650px; background: #fff; }

	#links-top-left { padding: 0 20px 0 10px; width: 310px; background: #fff; border-right: 1px solid #cacaca; }

#events-top { margin-top: 20px; width: 1000px; }

	#events-top-right { float: right; width: 700px; background: #fff; }

	#events-top-left { padding: 0 20px 0 10px; width: 260px; background: #fff; border-right: 1px solid #cacaca; }

#home-bottom { margin-top: 20px; width: 1000px; height: 230px; }

	#home-bottom-right { padding: 95px 20px 0 20px; display: inline; margin-right: 10px; float: right; width: 280px; height: 125px; background: url(../img/home-bg-happy.png) 0 0 no-repeat; }

	#home-bottom-left { padding: 95px 20px 0 20px; display: inline; margin-left: 10px; float: left; width: 280px; height: 125px; background: url(../img/home-bg-events.png) 0 0 no-repeat; }

	#home-bottom-middle { padding: 95px 20px 0 20px; margin: 0 322px 0 338px; width: 280px; height: 125px; background: url(../img/home-bg-faq.png) 0 0 no-repeat; }

#vote-div { float: left; display: inline; width: 280px; text-align: left; }

#banner-home { display: inline; float: left; width: 645px; height: 81px; margin-top: -15px; margin-bottom: 10px; background: url(../img/banner-home.jpg) 0 0 no-repeat; padding: 200px 0 0 44px;}

#banner-contact { width: 956px; height: 72px; margin-top: -6px; margin-bottom: 20px; background: url(../img/banner-contact.jpg) 0 0 no-repeat; padding: 200px 0 0 44px;}

#footer { clear: both; width: 100%; margin-top: 20px; min-height: 250px; padding:0; background: url(../img/footer_bg.jpg) repeat-x #0a0c0b; text-align: center; }

	#footer-content { margin: 0 auto 0 auto; width: 1000px; text-align: left; padding-top: 30px; }

	#footer-content p { color: #808080; font-weight: bold; }

	#footer-content a { color: #808080; font-weight: bold; }

	#privacy a { color: #f9b601; }

	#blanckanvas a { text-decoration: none; }

	#blanckanvas a:hover { color: #f9b601; }


/* Nav Specific Tags
----------------------------------------------- */

#nav ul { margin: 0; }/*margin: 37px 0 0 -15px; }*/

#nav li {
		
			float: left;

			list-style-type:none;

			}

#nav li a {

			float: left;

			display: inline;

			height: 40px;

			width: 75px;

			margin-right: 3px;

			text-indent: -2000px;

			background-image: url(../img/nav_master.png);

			background-repeat: no-repeat;



		}

/*
#nav li { margin-bottom: -1px; } /* ie5 hack */
/*html>body #nav li { margin: 0; }

#nav li a { margin-top: 0; } 
*:first-child+html #nav li a { margin-top: -1px; } /* firefox/ie7 hack */

		/* nav links */

		#home-nav { background-position: 0px -80px; }
		#about-nav { background-position: -78px -80px; }
		#comments-nav { background-position: -156px -80px; }
		#events-nav { background-position: -234px -80px; }
		#infobank-nav { background-position: -312px -80px; }
		#links-nav { background-position: -390px -80px; }
		#contact-nav { background-position: -468px -80px; }

		/* nav hover */

		#home-nav:hover { background-position: 0px -40px; }
		#about-nav:hover { background-position: -78px -40px; }
		#comments-nav:hover { background-position: -156px -40px; }
		#events-nav:hover { background-position: -234px -40px; }
		#infobank-nav:hover { background-position: -312px -40px; }
		#links-nav:hover { background-position: -390px -40px; }
		#contact-nav:hover { background-position: -468px -40px; }

		/* class on body tag for nav links*/

		.home #home-nav, .home #home-nav:hover { background-position: 0px 0px; }
		.about #about-nav, .about #about-nav:hover { background-position: -78px 0px; }
		.comments #comments-nav, .comments #comments-nav:hover { background-position: -156px 0px; }
		.events #events-nav, .events #events-nav:hover { background-position: -234px 0px; }
		.infobank #infobank-nav, .infobank #infobank-nav:hover { background-position: -312px 0px; }
		.links #links-nav, .links #links-nav:hover { background-position: -390px 0px; }
		.contact #contact-nav, .contact #contact-nav:hover { background-position: -468px 0px; }

		
#footer-email a img { width: 220px; height: 20px; background: url(../img/footer_email.gif) no-repeat; position: absolute; top: 673px; left: 139px; }
#footer-email a:hover img { width: 220px; height: 20px; background: url(../img/footer_email_hover.gif) no-repeat; position: absolute; top: 673px; left: 139px; }

#footer-web a img { width: 220px; height: 20px; background: url(../img/footer_web.gif) no-repeat; position: absolute; top: 673px; left: 359px; }
#footer-web a:hover img { width: 220px; height: 20px; background: url(../img/footer_web_hover.gif) no-repeat; position: absolute; top: 673px; left: 359px; }

#page {width:562px; margin:0 auto 10px auto; padding:0; text-align:left; background:url(../_images/contentbg.gif);}


/*  Any Button Code
------------------------------ */

#banner-button li {
		
			list-style-type:none;

			}

#banner-button li a {

			float: left; /* essential/important */

			height: 55px;

			width: 207px;

			text-indent: -2000px;

			background-image: url(../img/banner-button.png);

			background-repeat: no-repeat;
		}

#banner-button-pic:hover { background-position: 0px -55px; }  /* specific id on <a> tag */

/* End Button Code
-------------------------------------- */

#box-button { float: right; margin-top: -7px; }

#box-button li {
		
			list-style-type:none;

			}

#box-button li a {

			float: left; /* essential/important */

			height: 25px;

			width: 140px;

			text-indent: -2000px;

			background-image: url(../img/box-button.png);

			background-repeat: no-repeat;
		}

#box-button-pic:hover { background-position: 0px -25px; }  /* specific id on <a> tag */


#chat-button { margin: 0 0 0 0; }

#chat-button li {
		
			list-style-type:none;

			}

#chat-button li a {

			float: left; /* essential/important */

			height: 25px;

			width: 140px;

			text-indent: -2000px;

			background-image: url(../img/chat-button.png);

			background-repeat: no-repeat;
		}

#chat-button-pic:hover { background-position: 0px -25px; }  /* specific id on <a> tag */



#left {
		float:left;
		width:320px;
		margin:0; padding:0;
		background:url("corner.gif") top right no-repeat;
		font-size:80%;
		}
	#right {
		float:right;
		width:320px;
		margin:0; padding:0;
		background:url("corner.gif") top right no-repeat;
		font-size:80%;
		}
	#middle {
		margin:0 150px;
		background:yellow;
		font-size:80%;
		}



.link-box-top { padding: 0px 15px; width: 595px; height: 15px; background: url(../img/box-top.png) no-repeat; }
.link-box { padding: 0px 15px; width: 575px; background: url(../img/box-middle.png) repeat-y; }

.link-box p { padding: 0 10px 0 0; }

.link-box-bottom { padding: 0px 15px; width: 595px; height: 15px; background: url(../img/box-bottom.png) no-repeat; margin-bottom: 10px; }

.comment-box-bottom { padding: 0px 15px; width: 595px; height: 30px; background: url(../img/speechbubble-bottom.png) no-repeat; margin-bottom: 10px; }

.link-box h2 { font: bold 18px/24px helvetica,arial,sans-serif; color: #d1d1d1; }

.event-box { padding: 20px 15px; width: 200px; height: 360px; background: url(../img/events-box.png) no-repeat; margin-left: 20px; margin-right: -20px; }
.event-box h2 { font: bold 18px/24px helvetica,arial,sans-serif; color: #d1d1d1; }

.faq-box { padding: 20px 15px; width: 595px; height: 210px; background: url(../img/faqs-box.png) no-repeat; margin-left: 20px; margin-right: -20px; margin-bottom: 20px;}


/* ----------------------
Calendar CSS
----------------------- */

.calendar th, .calendar td {
text-align: center;
height: 10px;
padding: 2px;
font: normal 10px/16px helvetica,arial,sans-serif; }

td.available {
background: #cceecc;
color: #003300;
text-decoration: none;
}

td.available a {
color: #001100;
text-decoration: none;
}


td.organised {
background: #ff0000;
color: #fff;
}

td.organised a {
background: #ff0000;
color: #fff;
text-decoration: none;
}


#calendar_info ul li {
display: inline;
}

#calendar_info li a {
float: left;
width: 178px;
height: 40px;
}


#btn_back {
background: url(../img/calendar_info_btn_back.jpg) no-repeat;
font: bold 16px helvetica,arial,sans-serif; 
color: #000;
text-decoration: none;
}

#btn_back p {
margin-top: -6px;
}

#btn_back:hover {
background: url(../img/calendar_info_btn_bac_hover.jpg) no-repeat;
color: #aaa;
}

#btn_forward {
background: url(../img/calendar_info_btn_forward.jpg) no-repeat;
font: bold 16px helvetica,arial,sans-serif; 
color: #000;
text-decoration: none;
}

#btn_forward p {
margin-top: -6px;
}

#btn_forward:hover {
background: url(../img/calendar_info_btn_for_hover.jpg) no-repeat;
color: #aaa;
}

html>body #calendar_table {
margin: 0 auto;
}

#btn_back_no_anchor {
margin-left: -3px;
}

html>body #btn_back_no_anchor {
margin: 0;
}

#btn_forward_no_anchor {
margin-right: -3px;
}

html>body #btn_forward_no_anchor {
margin: 0;
}

.news-box { background: #fafafa; border: 1px dashed #ddd; margin: 10px 10px 10px 0; padding: 10px; }
.news-box h2 { font-size: 180%; margin: 0 0 10px 0; }

p.news-date { font-style: italic; color: #386380; }
p.news-description { padding: 0 5px 0 0; }
p.news-picture img { float: right; display: inline; padding: 5px; border: 1px solid #ccc; margin: 0; }