/*
	Title:Eddie Briery Website Styles
	Author:Ben Stewart
	Date:1/28/2008
  
	colors:
	#0e0e0e background grey
	#000000 content background black
	#eee    foreground text
	#3a9fe9 bright blue
	#fec414	orange
	#232323 dark grey
	#666    medium grey
	
*/

@import 'reset.css';
@import 'typography.css';

/*basic layout*/
	/*@viewport {overflow-x:auto;overflow-y:scroll;}*/
	html {height:100%;border-top:1px solid #0e0e0e;background:#0e0e0e url(../img/html-bg.gif) top center repeat-x;}
  body {color:#eee;background-color:transparent;text-align:center;}
  #main {margin:0 auto;width:710px;text-align:left;}

/*classes*/
	.clr {clear:both;}
	.announcement, .error {padding:0 .5em;color:#fec414;background-color:#232323;text-align:center;font-weight:bold;}
  ul.pagelinks {list-style-type:none;padding-left:0;margin-left:0;text-align:center;font-weight:bold;clear:both;}
  ul.pagelinks li {background:none;padding:0;display:inline;margin:0 1.5em 1.5em;}
	p.goback {position:absolute;top:10px;right:10px;}

/*header*/
  div#header {width:710px;height:180px;position:relative;}

  div#header h1 {text-align:left;text-indent:-999em;overflow:hidden;background:transparent url(../img/logo.gif) top left no-repeat;width:321px;height:151px;position:absolute;left:-92px;top:0;}
  	div#header h1 a {display:block;height:180px;}

  ul#primary-nav {list-style-type:none;text-align:left;margin:0;padding:0;height:36px;width:710px;position:absolute;left:0;bottom:0;background:transparent url(../img/primary-nav.gif) top left no-repeat;}
 	 	ul#primary-nav li {float:left;margin:0 10px 0 0;padding:0;height:36px;width:110px;background:none;}
			ul#primary-nav li#media {margin:0;}
		ul#primary-nav li a {display:block;width:110px;height:36px;background-image:none;background-color:transparent;text-indent:-999em;overflow:hidden;}
		ul#primary-nav li a:hover {background:transparent url(../img/primary-nav.gif) 0 -36px no-repeat;}
			ul#primary-nav li#news a:hover {background-position:0 -36px;}
			ul#primary-nav li#about a:hover {background-position:-120px -36px;}
			ul#primary-nav li#calendar a:hover {background-position:-240px -36px;}
			ul#primary-nav li#contact a:hover {background-position:-360px -36px;}
			ul#primary-nav li#promo a:hover {background-position:-480px -36px;}
			ul#primary-nav li#media a:hover {background-position:-600px -36px;}
		body.news ul#primary-nav li#news a {background:transparent url(../img/primary-nav.gif) 0 -36px no-repeat;cursor:default;}
		body.about ul#primary-nav li#about a {background:transparent url(../img/primary-nav.gif) -120px -36px no-repeat;cursor:default;}
		body.calendar ul#primary-nav li#calendar a {background:transparent url(../img/primary-nav.gif) -240px -36px no-repeat;cursor:default;}
		body.contact ul#primary-nav li#contact a {background:transparent url(../img/primary-nav.gif) -360px -36px no-repeat;cursor:default;}
		body.promo ul#primary-nav li#promo a {background:transparent url(../img/primary-nav.gif) -480px -36px no-repeat;cursor:default;}
		body.media ul#primary-nav li#media a {background:transparent url(../img/primary-nav.gif) -600px -36px no-repeat;cursor:default;}
		
	p.userinfo {position:absolute;top:0;right:0;margin:0;padding:.75em;background-color:#000;}
    
/*footer*/
	div#footer {padding:.75em 0;background-color:#232323;color:#000;}
  ul#sitecredits {padding:0;margin:0;list-style-type:none;clear:both;}
  ul#sitecredits li {background:none;display:inline;padding:0 0 0 .75em;margin:0;font-size:.916em;line-height:1.636;}
  ul#sitecredits a:link, ul#sitecredits a:visited {color:#000;font-weight:normal;padding:0;}
	ul#sitecredits a:hover, ul#sitecredits a:active {color:#666;}
  
/*content*/
  div#content-out {background-color:#000;}
  div#content-in {overflow:hidden;}
  
	/* columns & spacing */
	div#primary-in {padding:10px;}
	div.single div#primary {width:710px;float:left;background:transparent url(../img/content-bg1.gif) top right no-repeat;min-height:156px;}
		body.admin div#primary {position:relative;}
  div.double {background:transparent url(../img/secondary-bg.gif) top right repeat-y;}
	div.double div#primary {width:470px;float:left;margin-right:10px;padding:10px 0;}
	div#secondary {width:230px;float:right;background:transparent url(../img/content-bg2.gif) top right no-repeat;min-height:156px;}
	div#secondary-in {padding:10px;}
	
	/* news page */
	div#welcome-note {background:#232323 url(../img/content-bg2.gif) 470px -10px no-repeat;padding:10px;margin-bottom:1.5em;}
  	div#welcome-note > p:last-child {margin:0;}
	
	div.article {padding-bottom:1.5em;margin-bottom:1.5em;background:transparent url(../img/horiz-dots.gif) bottom center repeat-x;}
		div > div.article:last-child {background:none;padding:0;}
		div.article h3 {color:#3a9fe9;margin-bottom:0;}
		div.article h4 {font-size:.833em;line-height:1.8;color:#666;}
		div.article > p:last-child {margin-bottom:0;}
	
	/* media page */
	body.media ul, body.media li {list-style-type:none;margin-left:0;padding-left:0;}
	
	/* promo page */
	ul#promo-pics {list-style-type:none;padding:0;margin:0;overflow:hidden;}
		ul#promo-pics li {float:left;width:220px;height:162px;overflow:hidden;margin:0 10px 1.5em 0;text-align:center;background:none;}
		ul#promo-pics li a {}
		ul#promo-pics li img {margin:0;background-culor:#232323;padding:2px;border:1px solid #666;}
			ul#promo-pics li a:link img, ul#promo-pics li a:visited img {border-color:#666;}
			ul#promo-pics li a:hover img, ul#promo-pics li a:active img {border-color:#3a9fe9;}
	
	/* admin section */
	body.admin ul li, 	body.admin ol li {position:relative;}
	body.admin ul li span,	body.admin ol li span {position:absolute;top:9px;right:0;}
		body.admin form ul li span, body.admin form ol li span {position:relative;}
	
	body.admin ul#promo-pics li {float:none;text-align:left;width:auto;height:auto;}