/* layoutstyles.css */

/* Universal style rule */
*{
/* Block all browser default margins and padding */
   margin:0;
   padding:0;
}


body {
  background-color: #ff0000;
  background-image: url("images/gradientbackground.jpg");
  background-repeat: repeat-x;
  font-family: Arial, Helvetica, sans-serif;
}

#wrapper{
  width:45em;
  background-color: #111;
/* Center the wrapper */
  margin: .5em auto 0 auto;
  border: solid 2px #333;
}

#logo {
  float:left;
  width:135px;
  position:absolute;
  top:0;
  left:1em;
}

/* 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;
  background-color: #000;
  width: 45em;
  height: 5.7em;
  margin: .5em auto 0 auto;
  border-bottom: solid 2px #333;
}


/* Absolutely position links in the branding division */
#branding a{
  text-decoration:none;
  font-size:0.8em;
  font-weight:bold;
}

#contact_link{
  position:absolute;
  top:4.5em;
  left:11.5em;
}

#contact_link a,
#contact_link a:link,
#contact_link a:visited{
  color:#f00;
}

#contact_link a:hover{
  color:#00f;
}


#about_link{
  position:absolute;
  top:4.5em;
  left:18em;
}

#about_link a,
#about_link a:link,
#about_link a:visited{
  color:#f90;
}

#about_link a:hover{
  color:#00f;
}

#sizing_link{
  position:absolute;
  top:4.5em;
  left:23.5em;
}

#sizing_link a,
#sizing_link a:link,
#sizing_link a:visited{
  color:#ff0;
}

#sizing_link a:hover{
  color:#00f;
}

#events_link{
  position:absolute;
  top:4.5em;
  left:30.5em;
}

#events_link a,
#events_link a:link,
#events_link a:visited{
  color:#0f0;
}

#events_link a:hover{
  color:#00f;
}

#photos_link{
  position:absolute;
  top:4.5em;
  left:35em;
}

#photos_link a,
#photos_link a:link,
#photos_link a:visited{
  color:#39f;
}

#photos_link a:hover{
  color:#00f;
}

#videos_link{
  position:absolute;
  top:4.5em;
  left:39.6em;
}

#videos_link a,
#videos_link a:link,
#videos_link a:visited{
  color:#c6f;
}

#videos_link a:hover{
  color:#00f;
}
  
#contact_branding {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .75em;
  font-weight: bold;
  color: #fff;
  text-align:right;
  position:absolute;
  left:45.6em;
  top:2em;
}
  
#contact_branding a,
#contact_branding a:link,
#contact_branding a:visited{
  color:#f00;
}

#contact_branding a:hover{
  color:#00f;
}

/* Navbar division (Vertical navbar) */
#navbar{
  width:80%;
  /* Center horizontally */
  margin:9em auto 7em auto;
  text-align:center;
  border:solid 2px #333;
}

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
  z-index:100;
}

/* List items in the navbar */
#navbar li{
 /* Required for flyout menus */
  position:relative;
  text-decoration:none;
  z-index:100;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:80%;
  color:#f00;
  display:block;
  height:2em;
  width:auto;
  line-height:2em;
  text-align:center;
  outline-style:none;
  text-decoration:none;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
  background:#222;
  color:#f00;
}
#navbar ul li ul li.selected a:link,
#navbar ul li ul li.selected a:visited{
  background:#aaa;
  color:#000;
}


/* flyout menu styles */
/* Applies to flyout menus in navbar */
#navbar li ul{
  position:absolute;
  top:0;
  left:99%;
  z-index:105;
  visibility:hidden;
  display:block;
}

/* Make flyout visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
  z-index:105;
}

/* Applies to links on the flyout menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
  background:#fff; /* Removes background image */
  color:#000;
  text-align:left;
  display:block;
  width:10em;
  padding:0 0 0 1em;
  height:auto;
}

/* Hover on flyout menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #aaa; 
  color:#000;
  display:block;
}

/* IE6 hack applies to its table flyout menus */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0em;
  left:99%;
  z-index:105;
}


#leftcolumn{
/* Remember, content left margin must match this width */
   width:9.5em;
   display: block;
   position: absolute;
   top: 0;
   margin: 1em 0 0 0;
   float:left;
   z-index:100;
}

span.blog a,
span.blog a:link,
span.blog a:visited{
  color:#f00;
  font-family:Arial, Helvetica, sans-serif;
  font-size:.8em;
  text-decoration:none;
  margin-left:2em;
  border:solid 2px #333;
  padding:.4em;
  line-height:3em;
  text-align:center;
}

span.blog a:hover{
  color:#00f;
}
   

#paypal_seal {
  text-align: left;
  position:relative;
  float:left;
  margin:.2em 0 0 2.5em;
}

#content{
/* Left margin must match leftcolumn width */
  height: 25em;
  margin: 6.4em 0 .7em 9.5em;
  background-color: #000;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px 50px 5px;
  border-top: #333 2px solid; 
  border-bottom: #333 2px solid;
  border-left: #333 2px solid;
  z-index:0;
}

#video {
  text-align:center;
}

#video h1 {
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
}

span.video_name {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:.7em;
}

#privacy_policy{
  text-align:left;
  margin-left:3em;
  margin-right:3em;
  margin-top:1em;
}

#privacy_policy h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:1em;
}

span.policy_title{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:.8em;
}

span.policy_text{
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight:normal;
  font-size:.8em;
}


#contact_us{
  text-align:center;
  margin-left:3em;
  margin-right:3em;
  margin-top:1em;
}

#contact_us h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:1em;
}

span.contact_title{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:.8em;
}

span.contact_info{
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight:bold;
  font-size:.8em;
}

#aboutus{
  text-align:left;
  margin-left:1em;
  margin-right:1em;
  margin-top:1em;
  display:block;
}

#aboutus h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:1em;
  margin-top:1em;
  line-height:1.2em;
}

span.aboutus_img{
  display:block;
  float:left;
  padding:.5em;
}

#aboutus_text{
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:.8em;
  float:right;
  margin:0 .5em 0 .5em;
}

span.aboutus_red{
  color:#f00;
}


#events{
  margin-left:.3em;
  margin-right:.3em;
}

#event_dates{
  text-align:left;
  line-height:2em;
  font-size:.8em;
}

#event_photos_a{
  display:block;
  float:left;
  padding-right:.3em;
}

#event_photos_b{
  display:block;
  text-align:left;
  padding-left:.3em;
  padding-top:.8em;
}

#events h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:1em;
  margin-top:1em;
  line-height:1.2em;
}

#events a,
#events a:link,
#events a:visited{
  text-decoration:none;
  color:#f00;
}

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

#photos{
}

#photos h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:.5em;
  margin-top:.5em;
}

#links {
  text-align:left;
  margin-left:2em;
  margin-right:2em;
}

#links h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:1em;
  margin-top:1em;
}

#links a,
#links a:link,
#links a:visited{
  text-decoration:none;
  color:#f00;
  font-size:.8em;
}

#links a:hover{
  text-decoration:none; 
  color:#00f;
}
  
#social_links {
  float:left;
  margin-left:3em;
  margin-right:3em;
    line-height:2em;
}

#resource_links {
  float:right;
  line-height:2em;
}

#testimonials{
  text-align:left;
  margin-left:1em;
  margin-right:1em;
  margin-top:1em;
  display:block;
}

#testimonials h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:1em;
}

span.customer{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  font-size:.8em;
}


span.customer_text{
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  font-weight:bold;
  font-size:.8em;
}

#customer_quotes{
  display:block;
  float:right;
  width:21.5em;
}

#customer_photos{
  display:block;
  float:left;
}

#men {
  margin-left:.5em;
  margin-right:.5em;
}

#men a,
#men a:link,
#men a:visited{
  text-decoration:none;
  color:#f00;
  font-size:.8em;
}

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

#men a:hover {background: transparent;} 
#men a img { 
border: 1px solid #f00; 
} 

#men a:hover img, 
#men a:active img { 
border: 1px solid #00f; 
} 

#men h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:.5em;
  margin-top:.5em;
}

#men_a {
  display:block;
  float:left;
  text-align:center;
  padding-top:.5em;
}

#men_b {
  display:block;
  float:left;
  text-align:center;
  padding-left:1em;
  padding-top:.5em;
}

#men_c {
  display:block;
  float:left;
  text-align:center;
  padding-left:1em;
  padding-top:.5em;
}

#women {
  margin-left:0em;
  margin-right:0em;
}

#women a,
#women a:link,
#women a:visited{
  text-decoration:none;
  color:#f00;
  font-size:.8em;
}

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

#women a:hover {background: transparent;} 
#women a img { 
border: 1px solid #f00; 
} 

#women a:hover img, 
#women a:active img { 
border: 1px solid #00f; 
} 

#women h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:.5em;
  margin-top:.5em;
}

#women_a {
  display:block;
  float:left;
  text-align:center;
  padding-top:.5em;
}

#women_b {
  display:block;
  float:left;
  text-align:center;
  padding-left:.5em;
  padding-top:.5em;
}

#women_c {
  display:block;
  float:left;
  text-align:center;
  padding-left:.5em;
  padding-top:.5em;
}

#gender_queer {
  margin-left:.5em;
  margin-right:.5em;
}

#gender_queer a,
#gender_queer a:link,
#gender_queer a:visited{
  text-decoration:none;
  color:#f00;
  font-size:.8em;
}

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

#gender_queer a:hover {background: transparent;} 
#gender_queer a img { 
border: 1px solid #f00; 
} 

#gender_queer a:hover img, 
#gender_queer a:active img { 
border: 1px solid #00f; 
} 

#gender_queer h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:.5em;
  margin-top:.5em;
}

#gender_queer_a {
  display:block;
  float:left;
  text-align:center;
  padding-top:.5em;
}

#gender_queer_b {
  display:block;
  float:left;
  text-align:center;
  padding-left:1.5em;
  padding-top:.5em;
}

#gender_queer_c {
  display:block;
  float:left;
  text-align:center;
  padding-left:1.5em;
  padding-top:.5em;
}

#full_catalog {
  margin-left:0em;
  margin-right:0em;
}

#full_catalog a,
#full_catalog a:link,
#full_catalog a:visited{
  text-decoration:none;
  color:#f00;
  font-size:.8em;
}

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

#full_catalog a:hover {background: transparent;} 
#full_catalog a img { 
border: 1px solid #f00; 
} 

#full_catalog a:hover img, 
#full_catalog a:active img { 
border: 1px solid #00f; 
} 

#full_catalog h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:.5em;
  margin-top:.5em;
}

#full_catalog_a {
  display:block;
  float:left;
  text-align:center;
  padding-top:.5em;
}

#full_catalog_b {
  display:block;
  float:left;
  text-align:center;
  padding-left:.1em;
  padding-top:.5em;
}

#full_catalog_c {
  display:block;
  float:left;
  text-align:center;
  padding-left:.2em;
  padding-top:.5em;
}

#gifts {
}

#gifts a,
#gifts a:link,
#gifts a:visited{
  text-decoration:none;
  color:#f00;
  font-size:.8em;
}

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

#gifts a:hover {background: transparent;} 
#gifts a img { 
border: 2px solid #f00; 
} 

#gifts a:hover img, 
#gifts a:active img { 
border: 2px solid #00f; 
} 

#gifts h1{
  color: #f00;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size:1em;
  margin-bottom:.5em;
  margin-top:.5em;
}
  
#print {
  text-align: center;
  float: left;
  margin:.6em;
}

#price {
  font-family: Arial, Helvetica, sans-serif;
  font-size:.9em;
  text-align:center;
  font-weight: bold;
  color: #f00;
  margin-top:.6em;
}

span.print_name {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .75em;
  font-weight: bold;
  color: #fff;
}

#view_cart {
  text-align: center;
  margin:1em 0 0 auto;
  display:block;
}

#raglan {
  text-align: center;
  float: left;
  margin:.6em;
}

span.raglan {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .75em;
  font-weight: bold;
  color: #fff;
}

#raglan_option {
  text-align: left;
  margin:.5em 0 0 1.6em;
  display:block;
}

#raglan_cart {
  text-align: left;
  margin:.4em 0 0 1.6em;
  display:block;
}

#back_raglan {
  text-align: center;
  margin:.4em auto 0 auto;
  display:block;
}

#tshirt {
  text-align: center;
  float: right;
  margin-top:.6em;
  margin-right:.6em;
  margin-left:0;
}

#tshirt p{
  text-align: center;
  float: right;
  margin-top:.6em;
  margin-right:5em;
  margin-left:0;
}

span.tshirt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .75em;
  font-weight: bold;
  color: #fff;
  margin-top:.7em;
  display:block;
}

#tshirt_option {
   text-align: left;
   margin:.5em 0 0 1.6em;
   display:block;
}

#tshirt_cart {
   text-align: left;
   margin:.4em 0 0 1.6em;
   display:block;
}

#back_tshirt {
   text-align: center;
   margin:.4em auto 0 auto;
   display:block;
}

#footer {
   text-align: center;
   width:45em;
   height: 5em;
   background-color: #000;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #fff;
   border-top: solid 2px #333;
}

#bottom_links a{
  position:relative;
  display:block;
  font-size:0.6em;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  padding-bottom:.8em;
  text-decoration:none;
}

#privacy_link{
  position:relative;
  top:.1em;
  left:8em;
  float:left;
}

#privacy_link a,
#privacy_link a:link,
#privacy_link a:visited{
  color:#f00;
}

#privacy_link a:hover{
  color:#00f;
}


#links_link{
  position:relative;
  top:.1em;
  left:9em;
  float:left;
}

#links_link a,
#links_link a:link,
#links_link a:visited{
  color:#f90;
}

#links_link a:hover{
  color:#00f;
}

#testimonials_link{
  position:relative;
  top:.1em;
  left:10em;
  float:left;
}

#testimonials_link a,
#testimonials_link a:link,
#testimonials_link a:visited{
  color:#ff0;
}

#testimonials_link a:hover{
  color:#00f;
}

#footer_info{
   position:relative;
   top:1.3em;
   text-align:center;
   float:left;
   right:5.5em;
}

span.foundation {
   font-size: .75em;
   display: block;
   padding-bottom: .6em;
}

span.copyright {
   font-size: .6em;
   display: block;
   padding-bottom: .6em;
}

@media print {
/* start printer-friendly styles */

/* Make wrapper the full page width */
#wrapper {
   width:100%;
}

/* Hide left column, navbar, and footer */
#leftcolumn,
#navbar,
#footer {
   display:none;
}

/* Get rid of content div margins and padding. */
#content {
   margin-top:6em;
   padding:0;
   font-family: 'Century Schoolbook', Times, Serif;
   font-size:1em;
   color:#000;
}
/* End printer-friendly styles */
}

@media handheld {
/* start handheld styles */

/* Make wrapper 50% page width */
#wrapper {
   width:50%;
}
/* End handheld styles */
}