/* layoutstyles.css */



/* Universal style rule */

*{

/* Block all browser default margins and padding */

   margin:0;

   padding:0;

}





body {

	background-color: #666;

	font-family: Arial, Helvetica, sans-serif;

	}



#wrapper{

	width:50em;

	/* Center the wrapper */

  margin: auto auto 0 auto;

	border: solid 1px #000;

	background-image: url("images/wallpaperweb.jpg");

}



#logo {

  float:left;

  width:135px;

  position:absolute;

  top:.1em;

  left:1.5em;

}

#punch {

  float:left;

  width:35px;

  position:absolute;

  top:-2.6em;

  left:18.2em;

}

#tee_statement {
 
  float:left;
  
  font-weight:bolder;
  
  font-style:italic;
  
  font-family:Arial, Helvetica, sans-serif;
  
  font-size:1.5em;
  
  color:#000;
  
  text-align:center;
  
  width:10em;

  position:absolute;

  top:.8em;

  left:24.5em;

}



/* Fixes the mysterious image gap */

#branding img{

  display:block;

  float:left;

}



/* Make branding a positioned element, but don't move it */

#branding{

  position:absolute;

  top:0;

  width: 50em;

  height: 5.7em;

  margin: .5em auto 0 auto;

}





/* Absolutely position links in the branding division */



#branding a{

  text-decoration:none;

  font-size:0.7em;

  font-weight:bold;

}



#branding div.selected a:link,

#branding div.selected a:visited{

  color:#FF0000;

  }



#top_navigation{

  position:relative;

  left:1.5em;

  display:block;

  text-align:center;

}



#alltshirts_link{

  position:absolute;

  top:5.6em;

  left:.5em;

}



#alltshirts_link a,

#alltshirts_link a:link,

#alltshirts_link a:visited{

  color:#000;

}



#alltshirts_link a:hover{

  color:#f00;

}



#men_link{

  position:absolute;

  top:5.6em;

  left:6em;

}



#men_link a,

#men_link a:link,

#men_link a:visited{

  color:#000;

}



#men_link a:hover{

  color:#f90;

}

  

#women_link{

  position:absolute;

  top:5.6em;

  left:8.5em;

}





#women_link a,

#women_link a:link,

#women_link a:visited{

  color:#000;

}



#women_link a:hover{

  color:#ff0;

}





#contact_link{

  position:absolute;

  top:5.6em;

  left:12em;

}



#contact_link a,

#contact_link a:link,

#contact_link a:visited{

  color:#000;

}



#contact_link a:hover{

  color:#0f0;

}





#about_link{

  position:absolute;

  top:5.6em;

  left:16.2em;

}



#about_link a,

#about_link a:link,

#about_link a:visited{

  color:#000;

}



#about_link a:hover{

  color:#39f;

}





#events_link{

  position:absolute;

  top:5.6em;

  left:20.6em;

}



#events_link a,

#events_link a:link,

#events_link a:visited{

  color:#000;

}



#events_link a:hover{

  color:#c6f;

}



#photos_link{

  position:absolute;

  top:5.6em;

  left:24.2em;

}



#photos_link a,

#photos_link a:link,

#photos_link a:visited{

  color:#000;

}



#photos_link a:hover{

  color:#f00;

}



#videos_link{

  position:absolute;

  top:5.6em;

  left:27.9em;

}



#videos_link a,

#videos_link a:link,

#videos_link a:visited{

  color:#000;

}



#videos_link a:hover{

  color:#f90;

}



#blog_link{

  position:absolute;

  top:5.6em;

  left:31.3em;

}



#blog_link a,

#blog_link a:link,

#blog_link a:visited{

  color:#000;

}



#blog_link a:hover{

  color:#ff0;

}



/* e-mail info */

  

#contact_branding {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 1em;

  font-weight: bold;

  text-align:center;

  position:absolute;

  left:38em;

  top:2.5em;

 

}





span.viewcart {

 position:absolute;

 margin-top:-.3em;

 margin-right:.5em;

}

  

#contact_branding a,

#contact_branding a:link,

#contact_branding a:visited{

  color:#000;

}



#contact_branding a:hover{

  color:#00f;

}







#content{

  height: auto;

  margin: 6.4em 0em .7em 0;

  color: #fff;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;

  text-align: center;

  padding: 5px 5px 50px 5px;

}









#content h1 {

  color: #f00;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;

  text-align: center;

}







#content h3 {

  color:#fff;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;

  text-align: left;

  position:relative;

  top:-1.5em;

  left:2em;

}

/*for text links on index page */

#content a,

#content a:link,

#content a:visited{

  text-decoration:none;

  color:#000;

  font-size:1em;

}



#content a:hover{

  text-decoration:none; 

  color:#00f;

}



/*for image links on index page */



#content a img,

#content a:link img,

#content a:visited img{

  color:#000;

}  

 

#content a:hover img{

  color:#00f;

}



/* for t-shirt attributes */

#tshirt_details {

  position:relative;

  top:-35.9em;

  left:-2.4em;

  display:block;

  font-family:Arial, Helvetica, sans-serif;

  color:#000;

  font-size:.7em;

  text-align:left;

  font-weight:normal;

  background-color:#E3E3E3;

  width:25em;

  height:32.7em;

  padding:1em 1em 2em 2em;

  float:right;

  border:#000000 solid 1px;

  

}



span.tshirt_details {

  color:#666;

  font-weight:bold;

  font-size:1em;

}



span.price {

  color:#FF0000;

  font-size:2em;

  font-weight:bold;

  }



#mens_sizes {

position:relative;

top:.1em;







}



#women_sizes {

float:right;

position:relative;

top:-5.6em;

left:-1em;



}



#tshirt_thumbnails {

  position:relative;

  top:1em;

  left:-.5em;

 }

 

#tshirt_suggestions {
  position:relative;
  display:block;
  top:2.8em;
  left:2.5em;
  color:#666;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:.7em;
  text-align:left;
  background-color:#E3E3E3;
  width:32.8em;
  height:14em;
  padding:1em 1em 2em 2em;
  border:#000 solid 1px;
}

#customer_comments {
  position:relative;
  display:block;
  top:-14.3em;
  left:40em;
  color:#666;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:.7em;
  text-align:left;
  background-color:#E3E3E3;
  width:25em;
  height:14em;
  padding:1em 1em 2em 2em;
  border:#000 solid 1px;
  margin-bottom:-20.5em;
}



/* end t-shirt attributes **/



#footer {

   position:relative;

   top:3em;

   text-align:center;

   width:50em;

   height:9em;

   font-family: Arial, Helvetica, sans-serif;

   font-weight: bold;

   color: #fff;

   background-image: url("images/wallpaperbottom2.jpg");

  }



#paypal_seal {

  text-align: left;

  position:relative;

  float:left;

  margin:4.2em 0 0 2.2em;

}







#bottom_links a{

  position:relative;

  right:2em;

  display:block;

  font-size:0.7em;

  font-weight:bold;

  font-family:Arial, Helvetica, sans-serif;

  text-align:center;

  text-decoration:none;

}



#bottom_links div.selected a:link,

#bottom_links div.selected a:visited{

  color:#FF0000;

  }



#privacy_link{

  position:relative;

  top:5em;

  left:9.8em;

  float:left;

}



#privacy_link a,

#privacy_link a:link,

#privacy_link a:visited{

  color:#fff;

}



#privacy_link a:hover{

  color:#f00;

}





#testimonials_link{

  position:relative;

  top:5em;

  left:11.5em;

  float:left;

}



#testimonials_link a,

#testimonials_link a:link,

#testimonials_link a:visited{

  color:#fff;

}



#testimonials_link a:hover{

  color:#f90;

}



#shipping_link{

  position:relative;

  top:5em;

  left:13.2em;

  float:left;

}



#shipping_link a,

#shipping_link a:link,

#shipping_link a:visited{

  color:#fff;

}



#shipping_link a:hover{

  color:#ff0;

}









#footer_info{

   position:relative;

   float:left;

   top:8.7em;

   right:-15.5em;

   text-align:center;

   font-size: .6em;

   display: block;

}