/* Cascading style sheet for playezinternational.com */
/* Designed by spektredesign.net */

html {
  scrollbar-face-color: #222; 
  scrollbar-highlight-color: #999; 
  scrollbar-shadow-color: #444; 
  scrollbar-3dlight-color: #555; 
  scrollbar-arrow-color: #999; 
  scrollbar-track-color: #000;
  scrollbar-darkshadow-color: #999; 
}

body { 
  font-family: Verdana, Arial, Helvetica, Sans-serif; 
  background: #000 url('../images/backgrounds/layoutbg.gif') 50% 60px no-repeat;
  color: #FFF;
  font-size: 11px; 
  text-align:center; 
  margin:0; 
}

p { 
  font-size: 11px; margin:10px 0; 
}

h1 { font-size:1.6em; } h2 { font-size:1.4em; } h3 { font-size:1.2em; }
h4 { font-size:1.1em; } h5 { font-size:1.1em; } h6 { font-size:1.0em; }

h1 { color:#FFF; }
h2 { color:#FFF; }
h3 { color:#F6C; }
h4 { color:#FFF; }

acronym, abbr { 
  border-bottom:dashed 1px #ABC; 
  cursor:help; 
}

fieldset {
  margin: 1em;
  padding: 1em;
  color: #FFF;
}

fieldset p {
  margin: 0 0 10px 0;
}

legend {
  letter-spacing: 1px;
  font-weight: bold;
  color: #CC6699;
}

form { margin: 0; }

/* layout */

#wrap { 
  background-color: #333;
  width: 800px; 
  height: 600px;
  text-align:left; 
  margin: 80px auto 0 auto; 
}

#header { 
  background: url('../images/backgrounds/headerbg.jpg') top left repeat-x;
}

#topnav {
  background: #161616 url('../images/international.gif') 30px 50% no-repeat;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  padding-left: 240px;
}

#flashcontent { 
  height: 409px; 
  width: 516px; 
} 

#body {
  background: url('../images/backgrounds/bodybg.jpg') bottom left no-repeat;
  height: 471px;
}

#content {
  background: url('../images/backgrounds/contentbg.png') top left no-repeat; 
  font-family: Arial, Helvetica, Sans-serif; 
  border-bottom: solid 1px #5C5C5C;
  border-top: solid 1px #5C5C5C;
  margin: 10px 10px 0 10px;
  height: 429px;
  width: 536px; 
  float:left; 
  overflow: auto;
} 

/*
#ishome #content { 
  background:none;
  overflow: hidden; 
  border: none;
  padding: 0; 
}
*/

#ishome #content #splash {
  margin: 0 0 0 30px;
}

#iswomens #content { 
  background: url('../images/backgrounds/wapparelbg.jpg') top left no-repeat; 
  overflow: hidden; 
  padding: 0; 
}

#ismens #content { 
  background: url('../images/backgrounds/mapparelbg.jpg') top left no-repeat;  
  overflow: hidden; 
  padding: 0; 
}

#isout, #isout div { 
  background-image: none;
  background-color:#000; 
  margin: 0; 
}

#isout #wrap, #isout #content { width: auto; overflow: hidden; }
#isout #header, #isout #details, #isout #footer { display: none; }

#content #apnav { margin-top: 395px; text-align: center; } 

#content #apnav p { 
  font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif;
  font-size: 12px;
  color: #C36; 
}

#content #apnav a { margin: 0 6px 0 6px; }

#details {
  background: url('../images/backgrounds/rightnavbg.jpg') center center no-repeat;
  font-family: Arial, Helvetica, Sans-serif;
  height: 429px;
  width: 230px;
  overflow-y: auto; 
  float: left;
  margin: 10px 5px 0 0;
  padding-top: 25px;
}

* html #details { width: 220px; } /* IE6 fix */

#footer {
  width: 800px; 
  text-align: center;
  clear: both;
  height: 40px;
  font-size: 11px;
  color: #666;
  margin: 0 auto 30px auto;
  line-height: 150%;
}

/* presentation */

#content p, #details p, #content ul, #content ol, #details ol, #details ul {
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 12px;
  margin: 5px 20px;
}

#content p {
  font-family: 'Franklin Gothic', Verdana, Arial, Helvetica, Sans-serif;
  line-height: 180%;
  font-size: 11px;
  margin: 10px 20px;
}

#content h1, #content h2, #content h3  {
  font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans-serif;
  margin: 5px 20px;
}

#content h4 {
  font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
  margin: 0 20px 0 20px;
  font-size: 11px;
}

#content ul, #content ol {
  margin: 5px 0 5px 25px;
  padding-left: 15px;
}

#content li {
  margin-bottom: 5px;
}

#content li a {
  font-weight: bold;
}

#logo img {
  position: relative;
  top: 45px;
  left: 25px;
  z-index: 10;
}

#logo h1 {
  background: url('../images/surfstreetwear.gif')  95% 90% no-repeat;
  height: 80px;
  margin: 0;
}

#details ul {
  margin: 5px 0 8px 10px;
  padding: 0 0 0 5px;
}

#details li { margin-bottom: 3px; }

#ishome #details ul {
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0 0 0 5px;
} 

#ishome #details li {
  margin: 0 10px 10px 0;
}


#topnav p {
  margin: 20px 30px 20px 0;
  font-size: 11px;
}

#details span {
  color:#666;
}

#details .extra {
  margin: 0 15px 10px 15px;
}

#details .extra p {
  line-height: 150%;
  margin: 0 0 5px 5px;
}

#details .extra h2 { color: #FFF; font-size: 20px; font-family: Arial, Helvetica, Sans-serif; margin: 0; font-weight: normal; }
#details .extra h3 { color: #F36; font-size: 15px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Sans-serif; margin: 0 0 10px 0; }
#details .extra h4 { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-serif; margin: 0 0 5px 0; }

#footer p {
  margin: 20px 0 10px 0;
}

/* topnav */

#nav, #nav ul {
  margin: 0; 
  list-style: none;
  background-color:#161616;
  height: 16px;
  padding: 15px;
  color:#FFF;
}

#nav a { padding: 3px 11px; color: #FFF; }

#nav a:link, #nav a:visited { text-decoration: none; }
#nav a:hover, #nav a:active { text-decoration: underline; }

#nav li {
  margin-bottom:0; 
  list-style-image:none;
  float: left; 
}

#nav li ul {
  background-color:transparent;
  position: absolute;
  width: 80px;
  left: -999em;
  font-size: 11px;
}

#nav li ul a {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  moz-opacity: 0.6; opacity:0.6; 
  filter: alpha(opacity=70); 
  border: solid 1px #979797;
  font-weight: normal;
  white-space: nowrap;
  text-transform: none;
  background-color: #000000;	
  font-size: 1.1em;
  display: block; 
  font-size: 11px;
  width: 80px;
  color: #fff;
}

#nav ul a:hover, #nav ul a:active { 
    background-color:#000; 
    color:#F0F; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);	
    -moz-opacity: 1.0; 
    opacity:1.0; 
    filter: alpha(opacity=100); 	
    text-decoration:none; 	
}

#nav li:hover ul, #nav li.sfhover ul {
    left: 55%;
    top: 173px;
    zoom: 1;
    z-index:99;
}

/* pseudo classes */

a:link, a:visited { color:#FFF; text-decoration: none; }
a:hover, a:active { color:#FFF; text-decoration: underline; }

.date a:link, .date a:visited { color:#DDD; text-decoration: underline; }
.date a:hover, .date a:active { color:#FFF; text-decoration: none; }

#content a:link, #content a:visited { color:#F6C; text-decoration: underline; }
#content a:hover, #content a:active { color:#F6C; text-decoration: none; }

#content h2 a:link, #content h2 a:visited { color:#FFF; text-decoration: underline; }
#content h2 a:hover, #content h2 a:active { color:#FFF; text-decoration: none; }

#content .comment a:link, #content .comment a:visited { color:#FFF; text-decoration: underline; }
#content .comment a:hover, #content .comment a:active { color:#FFF; text-decoration: none; }

#apnav a:link, #apnav a:visited { color:#CC9998; text-decoration: none; }
#apnav a:hover, #apnav a:active { color:#FFFFFF; text-decoration: underline; }

#details a { font-weight: bold; }
#details a:link, #details a:visited { color:#C69; text-decoration: none; }
#details a:hover, #details a:active { color:#FFF; text-decoration: underline; }

#footer a:link, #footer a:visited { color:#666; text-decoration: none; }
#footer a:hover, #footer a:active { color:#FFF; text-decoration: underline; }

/* classes */

.clear {
  clear: both;
}

#content .contact p {
  float: left; 
  margin: 5px 20px;

}

#content .contact label {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color:#FF55FF;
}

#content .date, #content .paginator {
  font-family:Verdana,  Arial, Helvetica, Sans-serif;
  border-top: solid 1px #666;
  font-size: 10px;
  height: 20px;
  color: #999;
}

#content .paginator { border-top: solid 1px #666; }

#content .comment p.date {
  font-family:Verdana,  Arial, Helvetica, Sans-serif;
  border-top: none;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  color: #FFF;

}

#content .comment { 
  margin: 10px 20px 0 30px;
  padding-bottom: 10px; 
  border-bottom: solid 1px #666; }

#content .comment p {
  font-size: 11px;
  color:#CCC;
}

.smtxt2 {
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-weight: bold;
  font-size: 10px;
}