how t/* RESET */
/* ----------------------------------------- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
div { position:relative;}


/* LAYOUT */
/* ----------------------------------------- */
body {background: #010b13 url(../images/graphic_main_bg.jpg) no-repeat center top; font: normal 100% Arial, Helvetica, sans-serif; color:#fff;}

#wrapper { width:960px; margin:15px auto;}

/*HUB*/
#latest { float:left; width: 729px; min-height: 100px; background:url(../images/graphic_latest_news_bg.png) no-repeat;   }

	#latest .news-item { float:left; width: 185px; margin: 2px 10px;  }
	#latest .news-item .read-more { position:absolute; top: 50px; left: 70px; }
	#latest .first { margin-left: 120px; }

/*11 MEDIA*/
#media11 #primary-content .faux { background:url(../images/graphic_club_11_bg_mid.png) repeat-y; margin-bottom: 0px; overflow: auto;}
#media11 #primary-content .lower-cush { height: 34px; width:960px; background:url(../images/graphic_club_11_lower.png) no-repeat top left; }
#media11 #primary-content #small-banners	{ float: left; width:230px; background:url(../images/graphic_club_11_corner.png) no-repeat top left; }
#media11 #latest {/*float:left; width: 729px; min-height: 100px;*/ background:url(../images/graphic_latest_event_bg_med.png) no-repeat; }
#media11 #sign-up { height: 200px; width:235px; background:url(../images/graphic_club_11_sign_up.png) no-repeat top left; }

/*YOUR 11*/
#your11 #primary-content .faux { background:url(../images/graphic_your_11_bg_mid.png) repeat-y; margin-bottom: 0px; overflow: auto;}
#your11 #primary-content .lower-cush { height: 34px; width:960px; background:url(../images/graphic_your_11_lower.png) no-repeat top left; }
#your11 #primary-content #small-banners	{ float: left; width:230px; background:url(../images/graphic_your_11_corner.png) no-repeat top left; }
#your11 #latest {float:left; width: 729px; min-height: 100px; background:url(../images/graphic_latest_event_bg_yr.png) no-repeat; }
#your11 #sign-up { height: 200px; width:235px; background:url(../images/graphic_your_11_sign_up.png) no-repeat top left; }

/*ALL*/
#primary-content .faux { background:url(../images/graphic_11_bg_mid.png) repeat-y; margin-bottom: 0px; overflow: auto;}
#primary-content #main-text {	margin-left: 230px;	margin-right: 245px; padding:10px; }
#primary-content  #extra	{float: right; width:245px; margin-top: 10px;  padding:5px;   }
#primary-content #small-banners	{ float: left; width:230px; background:url(../images/graphic_11_corner.png) no-repeat top left; }
#primary-content .lower-cush { height: 34px; width:960px; background:url(../images/graphic_11_lower.png) no-repeat top left; }
#primary-content #sign-up { height: 200px; width:235px; background:url(../images/graphic_your_11_sign_up.png) no-repeat top left;padding:5px; }

#introduction { background:url(../images/graphic_intro_bg.png) no-repeat; min-height: 171px; width:940px; padding: 9px 10px;}

	#introduction #intro-text, #introduction embed, #introduction #sign-up { float:left; margin-right: 10px;  } 
	#introduction #intro-text { width: 340px; margin-left:20px; }
	#introduction #sign-up { width: 215px; }
	
#banners { background:url(../images/graphic_sponsors_bg.png) no-repeat; min-height: 230px; width:960px; padding: 10px 10px 0 10px; }

	#banners #media11, #banners #your-11 { float:left; width:450px; padding-right:30px;}
	#banners #media11 { width:420px; padding-right:60px;}
	#banners .banner-secondary { margin-left: 10px; float:left; width:100%;}
	#banners .banner-secondary .banner-image { width: 60px; float:left; margin: 2px 10px 15px 0; }
	#banners .banner-secondary .banner-text { width:200px; float:left;   }
	#banners .banner-secondary-sponsors { padding: 10px 30px;}	

#archive { margin: 10px 0 10px 15px; }

	#archive ul { padding-left:15px; margin-bottom:15px; }
	#archive li { list-style-type:square; line-height:1.3em; margin-bottom: 5px;  }

#footer { clear:both; background:url(../images/graphic_footer_bg.png) no-repeat; min-height: 201px; width:960px; margin-top: 5px; padding: 5px 35px; }

	#footer p {  float:right; margin: 0 45px 0 0;}

/*POSTS*/
/*full width for all news pages*/
body.posts #primary-content #main-text { margin-right:0px;}

#page #main-text #news { float:left; width:100%;}
#page #main-text .post { width:450px; float:left;   }
#page #main-text .post span { font-size: 10px;   }
#page #main-text .post-images { width: 200px; float:left; margin-right:10px;  }
#page #main-text .post-images img { margin-bottom:30px; }

.posted { font-size:11px; font-style:italic; margin: 30px auto; background: url(../images/push_pin_16x16.png) no-repeat top left; background-position: 0 15px; padding: 10px 0 0 25px; border-top: 1px dashed #ccc;  }

.post-image { margin: 0 10px 15px 0;}

/*COMMENTS*/
.comment-header  { font-size:16px; font-weight:bold; margin: 20px 0 20px 0; background: url(../images/comment_16x16.png) no-repeat top left; background-position: 0 2px; padding: 0 0 0 25px;   }
.comment-form-header  { font-size:16px; font-weight:bold; margin: 20px 0 35px 0; background: url(../images/edit_16x16.png) no-repeat top left; background-position: 0 2px; padding: 0 0 0 25px;   }
textarea#comment { width: 450px;}
li#comment { background-color: #7A9BB7; margin: 10px 0; padding: 5px; list-style-type:none;}
li.alt#comment { border-bottom: 1px solid #ccc; }

/* TYPOGRPAHY */
/* ----------------------------------------- */

/*scale*/
h1, h2, h3, h4 { margin-bottom: 2px; }
h1 { font-size:1.7em; }
h2 { font-size:1.4em; }
h3 { font-size:1.125em; }
h4 { font-size:0.875em; }
p, li  { font-size:0.75em; }

/*headers*/
#main-text h1 { margin-bottom:10px; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: -1px; line-height: 1.2em;} 

#main-text h2 { margin-bottom:5px;}
#latest h2 { max-width:580px; height: 18px; margin: 10px 0 0 125px; padding-bottom:2px;background: url(../images/titles/title_latest_news.png) no-repeat; text-indent: -9999px; border-bottom: 1px dotted #a2b8cc; }
h2.visit-us {  height: 18px; width:209px; background: url(../images/titles/title_facebook.png) no-repeat; text-indent: -9999px; }
h2.mailing-list { height: 22px; width:205px; background: url(../images/titles/title_mailing_list.png) no-repeat; text-indent: -9999px;  }

#media11 h3 { color: #38A7C9; }
#your-11 h3 { color: #a91920; }
#banners .banner-secondary h3 { margin-bottom: 5px;}

/*body text */
#main-text p { margin-bottom: 10px; line-height: 1.4em;}
#footer p, #footer li { color:#627989; font-size:0.6em}
p.facebook { background:url(../images/facebook.png) center left no-repeat;padding-left: 40px;list-style: none; height:36px; margin-top:8px;}
#banners .banner-secondary p { margin-bottom: 5px;}

/*lists*/
#main-text ul { margin: 20px 0 20px 10px; padding-left: 10px; }
#main-text li { list-style-type:square; line-height: 1.5em;}
#main-text ol {}
#main-text ol li { list-style-type:none; font-size:0.875em;}

/*HUB*/
#latest p { font-size: 0.7em; line-height:14px; }

/*CLUB 11*/
#media11 #latest p { color: #a6dcf2; font-size: 12px; font-weight:bold; position:absolute; left: 125px; top: 5px;}

/*Top news */
#latest .news-item p { line-height:12px;}

/* LINKS
-------------------------------------------------------------- */
a:link { color:#eee;  text-decoration:none;}
a:visited { color:#eee;  text-decoration:none;}
a:hover { color:#ccc;}
a:active { color:#eee;}

#primary-content a:link, #banners a:link {text-decoration:none;border-bottom:1px #eee dotted}
#primary-content a:visited, #banners a:visited {text-decoration:none;border-bottom:1px #eee dotted}
#primary-content a:hover, #banners a:hover {text-decoration:none;border-bottom:1px #ccc solid}
#primary-content a:active, #banners a:active {text-decoration:none;border-bottom:1px #eee dotted}

#social-links-small a:link, #sponsor-links a:link, #social-links-small a:visited, #sponsor-links a:visited { border-bottom:0}
#social-links-small a:hover, #sponsor-links a:hover, #social-links-small a:active, #sponsor-links a:active { border-bottom:0 }

#news .post-images a:link, #banners .banner-image a:link, #news .post-images a:visited, #banners .banner-image a:visited, #news .post-images a:hover, #banners .banner-image a:hover, #news .post-images a:active, #banners .banner-image a:active {border-bottom:0}
#media11 .clean a:link, #your-11 .clean a:link, #media11 .clean a:visited, #your-11 .clean a:visited, #media11 .clean a:hover, #your-11 .clean a:hover, #media11 .clean a:active, #your-11 .clean a:visited {border-bottom:0;}

#footer a:link, #footer a:visited { color: #797f89; }
#footer a:hover, #footer a:active {color: #eee; border-bottom:1px #eee dotted;}

/* NAV - PRIMARY
-------------------------------------------------------------- */
#primary-nav {margin-left: 412px; height: 30px;}

ul#nav { background:url(../images/graphic_hub_nav.png); }
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:28px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navHome a, li#navAboutUs a, li#navNews a, li#navGetInvolved a, li#navDownloads a, li#navChase a, li#navContact a { background:url(../images/graphic_hub_nav.png) }

li#navHome a { background-position:0 0; width:71px; left:0 }
li#navHome a:hover { background-position:0 -28px }
body#pageHome li#navHome a	{ background-position:0 -56px }

li#navAboutUs a { background-position:-71px 0; width:71px; left:71px }
li#navAboutUs a:hover	{ background-position:-71px -28px }
body#navAboutUs li#navAboutUs a { background-position:-72px -56px }

li#navNews a { background-position:-150px 0; width:71px; left:150px }
li#navNews a:hover	{ background-position:-150px -28px }
body#navNews li#navNews a { background-position:-150px -56px }

li#navGetInvolved a { background-position:-222px 0; width:95px; left:222px }
li#navGetInvolved a:hover	{ background-position:-222px -28px }
body#navGetInvolved li#navGetInvolved a { background-position:-222px -56px }

li#navDownloads a { background-position:-318px 0; width:85px; left:318px }
li#navDownloads a:hover	{ background-position:-318px -28px }
body#navDownloads li#navDownloads a { background-position:-318px -56px }

li#navChase a { background-position:-405px 0; width:71px; left:405px }
li#navChase a:hover	{ background-position:-405px -28px }
body#navChase li#navChase a	{ background-position:-405px -56px }

li#navContact a { background-position:-480px 0; width:68px; left:480px }
li#navContact a:hover	{ background-position:-480px -28px }
body#navContact li#navContact a { background-position:-480px -56px }


/* NAV - 11 MEDIA
-------------------------------------------------------------- */
#media11-nav {margin-left: 542px; height: 30px;}

ul#media11nav { background:url(../images/graphic_media11_nav.png); }
ul#media11nav li { float:left; list-style-type:none }
ul#media11nav li a { height:28px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navmedia11Home a, li#navmedia11What a , li#navmedia11How a , li#navmedia11OurWork a, li#navmedia11Contact a  { background:url(../images/graphic_media11_nav.png) }

li#navmedia11Home a { background-position:0 0; width:70px; left:0 }
li#navmedia11Home a:hover { background-position:0 -28px }
body#pageclub11Home li#navmedia11Home a	{ background-position:0 -56px }

li#navmedia11What a { background-position:-75px 0; width:85px; left:75px }
li#navmedia11What a:hover	{ background-position:-75px -28px }
body#navGallery li#navmedia11What a { background-position:-75px -56px }

li#navmedia11How a { background-position:-165px 0; width:95px; left:165px }
li#navmedia11How a:hover	{ background-position:-165px -28px }
body#navNextEvent li#navmedia11How a { background-position:-165px -56px }

li#navmedia11OurWork a { background-position:-260px 0; width:85px; left:260px }
li#navmedia11OurWork a:hover	{ background-position:-260px -28px }
body#navNextEvent li#navmedia11OurWork a { background-position:-260px -56px }

li#navmedia11Contact a { background-position:-348px 0; width:70px; left:348px }
li#navmedia11Contact a:hover	{ background-position:-348px -28px }
body#navNextEvent li#navmedia11Contact a { background-position:-348px -56px }


/* NAV - YOUR11
-------------------------------------------------------------- */
#your11-nav {margin-left: 562px; height: 30px;}

ul#your11nav { background:url(../images/graphic_your11_nav.png); }
ul#your11nav li { float:left; list-style-type:none }
ul#your11nav li a { height:27px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navYour11Home a, li#navWhy11 a, li#navWhatsNext a, li#navClients a, li#navYour11Contact a { background:url(../images/graphic_your11_nav.png) }

li#navYour11Home a { background-position:0 0; width:70px; left:0 }
li#navYour11Home a:hover { background-position:0 -27px }
body#pageYour11Home li#navYour11Home a	{ background-position:0 -54px }

li#navWhy11 a { background-position:-75px 0; width:98px; left:75px }
li#navWhy11 a:hover	{ background-position:-75px -27px }
body#pageWhy11 li#navWhy11 a { background-position:-75px -54px }

li#navWhatsNext a { background-position:-175px 0; width:92px; left:175px }
li#navWhatsNext a:hover	{ background-position:-175px -27px }
body#pageWhatsNext li#navWhatsNext a { background-position:-175px -54px }

li#navClients a { background-position:-270px 0; width:60px; left:270px }
li#navClients a:hover	{ background-position:-270px -27px }
body#pageClients li#navClients a { background-position:-270px -54px }

li#navYour11Contact a { background-position:-332px 0; width:66px; left:332px }
li#navYour11Contact a:hover	{ background-position:-332px -27px }
body#pageYour11Contact li#navYour11Contact a { background-position:-332px -54px }


/* NAV - FOOTER
-------------------------------------------------------------- */
#footer #text-nav ul { width: 300px; } 
#footer #text-nav li { display:inline; padding: 0 .5em; border-right:1px solid #627989;} 
#footer #text-nav li.last { border:none; padding:0 .5em; } 

#footer ul#social {	list-style-type: none;	margin: 15px 0 0 5px;}
#footer #social li {display:inline; margin-right: 10px; padding-left: 20px; padding-top:8px;list-style: none; background-position: 0 5px; letter-spacing:normal; }
li#foot-facebook {background:url(../images/graphic_icon_facebook.png) center left no-repeat; }
li#foot-twitter  {background:url(../images/graphic_icon_twitter.png) center left no-repeat;}
li#foot-rss  {background:url(../images/graphic_icon_rss.png) center left no-repeat;}
li#foot-myspace  {background:url(../images/graphic_icon_myspace.png) center left no-repeat;}
li#foot-bebo  {background:url(../images/graphic_icon_bebo.png) center left no-repeat;}

/* IMAGES
-------------------------------------------------------------- */
.left { float:left;}

/*sprites*/
#your11-logo {float:left; margin: 15px 15px 30px 0; width:232px; height:88px; text-decoration:none; display:block; }
#your11-logo:hover, #your11-logo:active { background-position:232px 0; }

#media11-logo {float:left; margin: 15px 15px 30px 0; /*width:189px;*/ width:225px; /*height:88px;*/ height:90px; text-decoration:none; display:block; }
#media11-logo:hover,#media11-logo:active { background-position:220px 0; }
#media11-logo {background-image:url(../images/graphic_11_media_sprite.png); background-position:0 0;}

#your11-logo {background-image:url(../images/graphic_your_11_sprite.png); background-position:0 0; }

/*social link sprites - large*/
#social-links { margin-top:10px; height: 50px;}
ul#social-links-nav { background:url(../images/graphic_social.png);  }
ul#social-links-nav li { float:left; list-style-type:none;  }
ul#social-links-nav li a { height:50px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none;  }

li.sprite-facebook a, li.sprite-myspace a, li.sprite-bebo a, li.sprite-twitter a { background:url(../images/graphic_social.png) }
li.sprite-facebook a { background-position:0 0; width:50px; left:0 }
li.sprite-facebook a:hover { background-position:0 -50px }
li.sprite-myspace a { background-position:-55px 0; width:50px; left:55px }
li.sprite-myspace a:hover { background-position:-55px -50px }
li.sprite-bebo a { background-position:-105px 0; width:50px; left:105px }
li.sprite-bebo a:hover { background-position:-105px -50px }
li.sprite-twitter a { background-position:-160px 0; width:50px; left:160px;  }
li.sprite-twitter a:hover { background-position:-160px -50px; }

/*social link sprites - small*/
#social-links-small { margin-top:10px; height: 45px;}
ul#social-links-small-nav { background:url(../images/graphic_social_small.png);  }
ul#social-links-small-nav li { float:left; list-style-type:none;  }
ul#social-links-small-nav li a { height:45px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none; }

li.sprite-facebook-small a, li.sprite-myspace-small a, li.sprite-bebo-small a, li.sprite-twitter-small a { background:url(../images/graphic_social_small.png) }
li.sprite-facebook-small a { background-position:-3px 0; width:40px; left:3px }
li.sprite-facebook-small a:hover { background-position:-3px -45px }
li.sprite-myspace-small a { background-position:-52px 0; width:40px; left:52px }
li.sprite-myspace-small a:hover { background-position:-52px -45px }
li.sprite-bebo-small a { background-position:-100px 0; width:40px; left:100px }
li.sprite-bebo-small a:hover { background-position:-100px -45px }
li.sprite-twitter-small a { background-position:-150px 0; width:40px; left:150px;  }
li.sprite-twitter-small a:hover { background-position:-150px -45px; }

/*sponsor link sprites */
#sponsor-links {  height: 42px; margin-top: 10px}
ul#sponsor-links-nav { background:url(../images/graphic_sponsors_sprite.png);  }
ul#sponsor-links-nav li { float:left; list-style-type:none;  }
ul#sponsor-links-nav li a { height:42px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none;  }

li.sprite-adidas a, li.sprite-ministry a, li.sprite-apple a, li.sprite-r1 a, li.sprite-mtv a, li.sprite-pussy a, li.sprite-innocent a, li.sprite-superdry a, li.sprite-ed a, li.sprite-nintendo a, li.sprite-valmont a { background:url(../images/graphic_sponsors_sprite.png) }
li.sprite-adidas a { background-position:0 0; width:40px; left:0 }
li.sprite-adidas a:hover { background-position:0 -40px }
li.sprite-ministry a { background-position:-50px 0; width:45px; left:50px }
li.sprite-ministry a:hover { background-position:-50px -40px }
li.sprite-apple a { background-position:-100px 0; width:28px; left:100px }
li.sprite-apple a:hover { background-position:-100px -40px }
li.sprite-r1 a { background-position:-140px 0; width:70px; left:140px;  }
li.sprite-r1 a:hover { background-position:-140px -40px; }
li.sprite-mtv a { background-position:-220px 0; width:50px; left:220px;  }
li.sprite-mtv a:hover { background-position:-220px -40px; }
li.sprite-pussy a { background-position:-282px 0; width:70px; left:282px;  }
li.sprite-pussy a:hover { background-position:-282px -40px; }
li.sprite-innocent a { background-position:-363px 0; width:85px; left:363px;  }
li.sprite-innocent a:hover { background-position:-363px -40px; }
li.sprite-superdry a { background-position:-460px 0; width:85px; left:460px;  }
li.sprite-superdry a:hover { background-position:-460px -40px; }
li.sprite-ed a { background-position:-555px 0; width:87px; left:555px;  }
li.sprite-ed a:hover { background-position:-555px -40px; }
li.sprite-nintendo a { background-position:-645px 0; width:70px; left:645px;  }
li.sprite-nintendo a:hover { background-position:-645px -40px; }
li.sprite-valmont a { background-position:-725px 0; width:109px; left:725px;  }
li.sprite-valmont a:hover { background-position:-725px -40px; }

/*specifics*/
.logo { float:left; margin-top:-20px;}
.sub-logo { float:left; margin: 15px 15px 30px 0;}
#latest .news-item img { float:left; margin: 2px 5px;}
#banners .banner-secondary-sponsors img{ position:absolute; left: 230px; top:20px;}

/* FORMS
-------------------------------------------------------------- */
#sign-up form { margin-bottom: 10px;}
#sign-up input[type="text"] { width: 120px; padding:2px; border:1px solid #fff; margin:5px 0 2px 0;}
#sign-up label.error { font-weight:bold;color:red; }
#sign-up #message { background: #666; padding: 5px; margin: 5px auto; width: 220px; }
.button { background: #8d979d; border: none;	color: #fff;	cursor: pointer;	overflow: hidden;	padding: 2px 1px;	text-transform: uppercase; width: auto; font-weight: bold; }
.button:hover { background-color: #000; }

/* EXTRAS
-------------------------------------------------------------- */
.s {clear:both;line-height:0;font-size:0;height:0px;}
.hub-link { position:absolute; left:-90px; top:10px; font-size:10px; background-color:#c90606; padding:2px 4px; -moz-border-radius: 5px;}
#twitter { margin: 20px 0 20px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding: 50px 15px 5px 10px; background: url(../images/graphic_twitter_bg.png) no-repeat top left; background-position: 0 0; height:153px;}
#twitter p { font-family:Arial, Helvetica, sans-serif; font-style:normal; margin-top: 15px; padding-left:0; }

p.tickets { font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight:bold; text-transform: uppercase;  letter-spacing: normal; line-height: 1.5em; background: url(../images/graphic_ticket.png) no-repeat top left; background-position: 0 2px; padding: 0 0 0 20px; }

/* WORDPRESS BITS
-------------------------------------------------------------- */
.aligncenter { display:block; margin:10px auto }
.alignleft { float:left; margin: 10px 10px 10px 0; }
.alignright { float:right; margin: 10px 0 10px 10px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* PAGENAVI
-------------------------------------------------------------- */
.wp-pagenavi  {text-align:left; margin: 15px 0 10px 0; clear:both }
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {font-size:11px !important;	border-style:dotted !important;border-color:#ccc !important;background:transparent !important;color: #ccc !important;}
.wp-pagenavi a:hover {background-color:#ccc !important;color: #999 !important;border-style:dotted !important;}
.wp-pagenavi span.current { background-color: #ccc !important; color: #999 !important; border-style:dotted !important;}