/* ============================================================
  
   Title:	Leeds Snowriders Stylesheet
   Author:	Tom Toner, tom@tomtoner.com
   Updated:	27th April 2010

---------------------------------------------------------------
   Copyright (c) 2010 Leeds Snowriders. All rights reserved.
=============================================================== */

/* @group Misc */

*:focus::-moz-focus-inner {
    border-color: transparent ! important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
.clear {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

html{
	height:100%;
}

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #1A1A1A  url(../img/bg.jpg) repeat-x;
	color: #FFFFFF;
	line-height: 1.25em;
	text-align: center;
	letter-spacing:1px;
}

#container {
	margin:0 auto;
	padding:0;
	width:750px;
	text-align:left;
	}

ol, ul {
	list-style: none;
}

p { color:#FFFFFF;margin:10px 0;line-height:1.4em;}

h2 {font-size:225%;color:#00FFFF;}

a {color:#00AAAA;}
a:hover {text-decoration:none;}


/* HEADER */

#header {
	background:url(../img/header_bg.png) repeat-x 0 0;
	width:100%;
	height:100px;
	border-bottom:1px solid #242424;
	}
#main-logo {
	float:left;
	padding:20px 0 0 0;
	}

/* @ end */

/* NAVIGATION */
	
#main-navigation {
	padding: 8px 0 0 0;
    margin: 0;
    list-style: none;
    width: 750px;
    height: 27px;
    overflow: hidden;
	clear:left;
}

#main-navigation li {float:left;text-indent:-9999px;}

#main-navigation a {
    display: block;
    background-image:url(../img/nav-sprite.png);
    padding-top: 27px; /* same as height of #main-navigation */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}

#nav-home {width: 54px;}
#nav-home:hover {background-position: 0px -27px;}

#nav-socials {width: 77px; background-position:-54px 0}
#nav-socials:hover {background-position: -54px -27px;}

#nav-gallery {width: 72px; background-position:-131px 0}
#nav-gallery:hover {background-position: -131px -27px;}

#nav-trips {width: 65px; background-position:-203px 0}
#nav-trips:hover {background-position: -203px -27px;}

#nav-committee {width: 101px; background-position:-268px 0}
#nav-committee:hover {background-position: -268px -27px;}

#nav-racing {width: 154px; background-position:-369px 0}
#nav-racing:hover {background-position: -369px -27px;}

#nav-merchandise {width: 67px; background-position:-523px 0}
#nav-merchandise:hover {background-position: -523px -27px;}

#nav-sponsors {width: 88px; background-position:-590px 0}
#nav-sponsors:hover {background-position: -590px -27px;}

#nav-contact {width: 72px; background-position:-678px 0}
#nav-contact:hover {background-position: -678px -27px;}

/* @ end */

/* MAIN CONTENT HOLDER */

.main-content-wrap {padding:0 40px 0 45px;}
#main-content-top {background:url(../img/content_bg_top.png) no-repeat;height:51px;width:525px;float:right;margin-top:20px;}
#main-content-main {background:url(../img/content_bg_main.png) repeat-y;width:525px;float:right;}
#main-content-bottom {background:url(../img/content_bg_bottom.png) no-repeat;height:48px;width:525px;float:right}

#main-content-wrap {float:right;width:525px;}

#main-content-wrap ul {margin:20px; 0 0 20px}
#main-content-wrap li {margin:10px 0;}

#side-bar-wrap {float:left;}

#main-content-main p {padding:0 20px 0 0;}

/* HEADERS */
h2#upcoming-events {background:url(../img/news-feed-heading.png) no-repeat;text-indent:-9999px;height:17px;padding:4px 0 0 0;}
h2#contact-find-us-header {background:url(../img/contact_find_us.png) no-repeat;text-indent:-9999px;height:17px;padding:20px 0 0 0;}
h2#contact-us {background:url(../img/contact_heading.png) no-repeat;text-indent:-9999px;height:29px;padding:20px 0 0 0;}
h2#trips-heading {background:url(../img/trips_heading.png) no-repeat;text-indent:-9999px;height:29px;padding:0 0 0 0;}
h2#racing-freestyle-heading {background:url(../img/racing_freestyle_heading.png) no-repeat;text-indent:-9999px;height:29px;padding:0 0 0 0;}
h2#merchandise-heading {background:url(../img/merchandise_heading.png) no-repeat;text-indent:-9999px;height:29px;padding:0 0 0 0;}
h2#gallery-heading {background:url(../img/gallery_heading.png) no-repeat;text-indent:-9999px;height:29px;padding:0 0 0 0;}
h2#socials-heading {background:url(../img/socials_heading.png) no-repeat;text-indent:-9999px;height:29px;padding:0 0 0 0;}
h2#sponsors-heading {background:url(../img/sponsors_heading.png) no-repeat;text-indent:-9999px;height:29px;padding:0 0 0 0;}
h2#committee-heading {background:url(../img/committee_heading.png) no-repeat;text-indent:-9999px;height:18px;padding:0 0 0 0;margin:0 0 20px 0}

h3.best-society-in-leeds {background:url(../img/best_society_in_leeds_header.png) no-repeat;text-indent:-99999px;height:18px;margin:0 0 15px 50px;}

h2.racing-headers {font-size:1.5em;font-family:Geneva, Arial, Helvetica, sans-serif;color:#666666;font-weight:bold;margin:20px 0;}
h3 {color:#00AAAA;font-size:1.2em;}

/* NEWS FEED */

.news-feed {
	background:url(../img/news-feed-bg.png) no-repeat;
	height:290px;
	width:225px;
	margin:20px 0 0 0;
	float:left;
	}

.news-feed-content {padding: 44px 20px 0 25px;}

.news-feed-event {font-weight:bold;color:#00AAAA;padding-bottom:5px;line-height:1.5em;}
.news-date {padding:0px 0 0 0}

.news-feed ul {padding-left:15px;}

/* BILLBOARD */

#billboard {width:515px;height:275px;float:right;margin-top:30px;clear:right}

/* @ end */

/* HOME PAGE CONTENT */

#home-page-content-top {background:url(../img/content_bg_top.png) no-repeat;height:51px;width:543px;float:left;margin-top:20px;}
#home-page-content-main {background:url(../img/content_bg_main.png) repeat-y;width:543px;float:left;}
#home-page-content-bottom {background:url(../img/content_bg_bottom.png) no-repeat;height:48px;width:543px;float:left}

#home-page-content-main p {margin:0 50px 10px 50px;line-height:1.4em;}

/* @ end */

/* FOOTER */

#footer {float:left;clear:both;width:100%;height:120px;background:url(../img/footer_bg.png) repeat-x;margin-top:30px;}

#footer-wrap {width:750px;margin:0 auto;padding:0;height:155px;background:url(../img/footer_wrap_bg.png);text-align:left;}

.footer-col-1 {float:left;width:20%;position:relative;margin-left:20px;}
.footer-col-2 {float:left;width:20%;position:relative;}
.footer-col-3 {float:left;width:20%;position:relative;}
.footer-col-4 {float:left;width:20%;position:relative;}

#footer img {margin:20px 0 10px 0;}

#footer a {color:#FFFFFF;text-decoration:none;}
#footer a:hover {color:#00AAAA;text-decoration:underline;}

/* @ end */

/* CONTACT PAGE */

.contact-find-us {
	background:url(../img/contact_find_us_bg.png) no-repeat;
	height:205px;
	width:225px;
	margin:20px 0 0 0;
	float:left;
	clear:both;
	}

.contact-find-us-icons {padding: 50px 20px 0 25px;}

#contact-form-wrap {margin:0 20px 0 60px;}

.contact-form {
margin:0 auto;
padding:0;
}

.contact-form p{
font-size:12px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
.contact-form label{
display:block;
font-weight:bold;
text-align:left;
color:#666666;
font-weight:normal;
font-size:1em;
line-height:1.5em;

}

.contact-form input{
font-size:12px;
height:20px;
border:solid 1px #999999;
width:250px;
margin:4px 0 10px 0;
}

.contact-form textarea {width:250px;border:solid 1px #999999;}

.contact-form .button {float:left;border:1px solid #333333; width:50px;margin:10px 0 0 0; padding:0 0 2px 0;}

/* COMMITTEE */

.committee-left-col {width:125px;float:left;}

.committee-right-col {width:300px;float:right;margin-top:10px;;}

.committee-member {margin:5px 0 5px 0;height:125px;clear:both}

h4.committee-title {color:#00AAAA;font-size:1.4em;}
h5.committee-name {color:#666666;font-size:1.3em;font-weight:bold;}

/* TRIPS */

span.trip-details {color:#00AAAA;}

/* SOCIALS */

h4.social-event {font-size:1.2em;color:#00AAAA;font-weight:bold;margin-top:40px;}

/* AGM */

.agm-positions {padding:20px 0 0 0;}