/* $Id: global.css 67 2006-09-29 21:21:47Z pcrump $ */
/* Global Stylesheet */

/*Link Styles----------------------------------------------------------------------------*/
a:link, a:visited{
  color:#145667;
  text-decoration:underline;
}
a:hover{
  color:#145667;
}
a:link.reversed, a:visited.reversed{
  color:#b9e0d5;
  text-decoration:underline;
}
a:hover.reversed{
  color:#b9e0d5;
}
/*Main Structural Styles-----------------------------------------------------------------*/
body{
  background-color:#2a2a2a;
  background-image:url(../images/bg-body.jpg);
  font-family:Arial, Helvetica, sans-serif;
  font-size:.7em;
  margin:0;
  padding:0 15px 15px 15px;
  text-align:center;
}
div#wrapper{
  margin: 10px auto 10px auto;
	padding:0;
	position:relative;
	text-align:left;
	width:732px;
}
div#header{
  background-image:url(../images/bg-header.jpg);
	margin:0;
	padding:0 0 10px 0;
}
div#main{
  background-image:url(../images/bg-main.jpg);
	background-repeat:repeat-y;
	border-bottom:1px solid transparent;
	clear:both;
	padding:0;
	margin:0;
	position:relative;
	text-align:left;
}
div#mainHome{
	padding:0 0 15px 0;
	margin:0;
	position:relative;
}
div#mainTrackstars{
  background-image:url(../images/trackstars-main.jpg);
	background-repeat:no-repeat;
	padding:350px 85px 50px 85px;
	position:relative;
}
div#mainTrackstats{
  background-image:url(../images/trackstats-main.jpg);
	background-repeat:no-repeat;
	padding:100px 85px 50px 85px;
	position:relative;
}
div#nav{
  background-image:url(../images/bg-nav.jpg);
	background-repeat:repeat-x;
  height:24px;
  margin:0 10px;
	padding:0;
	width:712px;
}
div#noFlash{
	margin:0;
	padding:0;
	background:url(../images/home-main.jpg) no-repeat;
}
div#footer{
  background-image:url(../images/bg-footer.jpg);
	background-repeat:no-repeat;
	clear:both;
	color:#999;
	margin:-2px 0 0 0;
	padding:25px;
	position:relative;
	text-align:center;
}
div#column1{
  float:left;
	position:relative;
  width:330px;
}
div#column2{
  float:right;
	margin-top:100px;
	position:relative;
  width:200px;
}
div#column2b{
	color:#fff;
  float:right;
	margin-top:0;
	position:relative;
  width:200px;
}
div#desensitization{ 
  background-color:#3e482c;
	padding:10px 0;
}
div#column2b h4{
  font-size:1.1em;
	font-weight:bold;
  padding:0 15px 0 15px;
	margin-bottom:0;
}
div#column2b p{
  padding:0 15px 0 15px;
	margin-bottom:15px;
}
div#column2b p.flagged{
  background-image:url(../images/bg-flagged.gif);
	background-repeat:repeat-y;
}
div#column2 p{
	margin:0;
  padding:15px 0;
	position:relative;
}
div#column3{
  float:right;
	margin-bottom:40px;
	padding:0 0 0 15px;
	position:relative;
  width:270px;
}
div#column3 .tragedy{
  background-color:#eee;
	margin-top:15px;
	padding:10px;
	position:relative;
}
div#column3 .tragedy img{
  border:1px solid #fff;
  float:left;
	margin:0 10px 5px 0;
	position:relative;
}
div#column3 .tragedy h4, div#column3 .tragedy p{
  float:right;
	margin:0;
	padding:0;
	position:relative;
	width:155px;
}
div#column3 .tragedy h4{
  font-size:1.1em;
	font-weight:bold;
	position:relative;
}
div#downloads, div#stories{
  background-image:url(../images/bg-downloads.gif);
	background-repeat:repeat-y;
	color:#fff;
	padding:15px 25px;
	position:relative;
}
div#misconceptions{
  background-color:#6a8905;
	color:#fff;
	padding:15px;
	margin:0 10px;
	position:relative;
}
div#misconceptions p{
  float:right;
	margin:0 0 15px 0;
	padding:0;
	position:relative;
	width:185px;
}
div#misconceptions img{
  border:1px solid #fff;
  float:left;
	margin:0 0 15px 0;
	position:relative;
}
div#stories p{
  float:right;
	margin:0 0 15px 0;
	padding:0;
	position:relative;
	width:185px;
}
div#stories img{
  border:1px solid #fff;
  float:left;
	margin:0 0 15px 0;
	position:relative;
}
div#wallpapers{
  float:left;
	position:relative;
}
div#wallpapers p{
  margin:0;
	padding:0;
  text-align:center;
	width:210px;
}
div#buddyIcons{
  float:right;
	position:relative;
	width:52px;
}
div#wallpapers img.h3, div#buddyIcons img.h3{
  padding-bottom:10px;
}
img.wallpaper{
  border:3px solid #fff;
  margin-bottom:5px;
}
img.buddyIcon{
  border:1px solid #fff;
  margin-bottom:15px;
}
img.poster{
  border:none;
  margin:10px 15px 5px 0;
}
img.poster2{
  border:none;
  margin:10px 0 5px 0;
}




/*Nav Main Styles-----------------------------------------------------------------*/
#nav ul {
  float:left;
  height:24px;
  margin:0;
  padding:0;
	text-align:left;
}
#nav ul li {
  float:left;
  display:inline;
	height:23px;
  margin:0;
  padding:0;
}
#nav ul li a {
  display:block;
  height:23px;
}
li#home{
  background-image:url(../images/button-home-1.jpg);
  width:72px;
}
li#trackstars{
  background-image:url(../images/button-trackstars-1.jpg);
  width:120px;
}
li#trackstats{
  background-image:url(../images/button-trackstats-1.jpg);
  width:117px;
}
li#myspace{
  background-image:url(../images/button-myspace-1.jpg);
  width:174px;
}
li#quiz{
  background-image:url(../images/button-quiz-1.jpg);
  width:65px;
}
li#elist{
  background-image:url(../images/button-elist-1.jpg);
	position:absolute;
	left:584px;
  width:138px;
}
/*li#myspace a:hover{
  background-image:url(../images/button-myspace-2.jpg);
  width:147px;
}/*




/*Popup Styles-----------------------------------------------------------------*/

div#wrapperPopup{
  margin:10px auto 10px auto;
	padding:0 !important;
	padding:0 0 0 13px;
	position:relative;
	text-align:left;
	width:420px;
}
div#mainPopup{
  background-image:url(../images/bg-main-popup.jpg);
	background-repeat:repeat-y;
	padding:0;
	margin:0;
	text-align:left;
}
div#contentPopup{
  background-image:url(../images/popup-quiz-main.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:0 35px 25px 25px;
	margin:0;
	text-align:left;
	width:360px;
}
div#contentPopup h2, div#contentPopupMini h2{
  font-size:1.5em;
	font-weight:bold;
	padding:0;
	margin:0;
}
div#contentPopup h3{
  color:#999;
  font-size:1.3em;
	font-weight:bold;
	padding:0;
	margin:0 0 15px 0;
}
div#contentPopup h2{
  color:#000;
}
div#contentPopup form, div#contentPopupMini form{
	margin:0;
	padding:0;
}
div#contentPopup fieldset, div#contentPopupMini fieldset{
  border:none;
	margin:0;
	padding:15px 0 0 0;
}
div#contentPopup input{
	margin:0 3px -3px 0;
	padding:0 5px 0 0;
}
div#contentPopup input.button{
	margin:0 3px 0 0;
}
div#contentPopup .row{
  border:none;
	margin:0;
	padding:0 0 3px 0;
}
div#footerPopup{
  background-image:url(../images/bg-footer-popup.jpg);
	background-repeat:no-repeat;
	color:#999;
	padding:25px 15px 15px 15px;
	text-align:center;
}
/*Popup Mini Styles-----------------------------------------------------------------*/
div#wrapperPopupMini, div#wrapperPopupPhoto{
  margin:10px auto 10px auto;
	padding:0;
	position:relative;
	text-align:left;
	width:285px;
}
div#mainPopupMini, div#mainPopupPhoto{
	border-bottom:1px solid #999;
  background-image:url(../images/bg-main-popup-mini.jpg);
	background-repeat:repeat-y;
	padding:0;
	position:inherit;
	margin:0 0 -1px 0;
	text-align:left;
}
div#mainPopupPhoto{
  background-image:url(../images/bg-main-popup-photo.jpg);
}
div#contentPopupMini{
  background-image:url(../images/bg-content-popup-mini.jpg);
	background-repeat:no-repeat;
	padding:85px 35px 25px 25px;
	position:relative;
	margin:0;
	text-align:left;
}
div#contentPopupPhoto{
  background-image:url(../images/bg-content-popup-photo.jpg);
	background-repeat:no-repeat;
	padding:60px 0 10px 0;
	position:relative;
	margin:0;
	text-align:center;
}
div#contentPopupPhoto img{
	border:1px solid #fff;
}
div#footerPopupMini{
  background-image:url(../images/bg-footer-popup-mini.jpg);
	background-position:top;
	background-repeat:no-repeat;
	color:#999;
	padding:25px 15px 15px 15px;
	position:relative;
	text-align:center;
}
div#contentPopupMini input#name{
	margin:0 0 0 3px;
	padding:0;
	width:180px;
}
div#contentPopupMini input#email{
	margin:5px 0 0 6px;
	padding:0;
	width:180px;
}


/*Generic Styles-----------------------------------------------------------------*/
.hide{
  display:none;
}
.break{
  clear:both;
}
.left{
  float:left;
}
.right{
  float:right;
}