/* CSS style sheet for SilkSoles.com */

/* define basic font size here. Allows user to override in browser gracefully
All subsequent size definitions are relative to this */

body {
  font-size: medium;
  /*font-family: 'Telex', sans-serif;  font-weight: 200; */
  font-family: 'Cutive Mono', serif;
  background-color: rgb(0,0,0);
  color: rgb(220,220,220);
  padding: 8px;
}

.clearall {
  clear:both;
}


/* PREVIEW PAGE SPLASH STYLES */
div.landscapesplash {
  background-color: rgb(0,0,0);
  width: 75%;
  margin:auto;
  padding-top:30px;
  padding-bottom:10px;
  padding-left:0;
  padding-right:0;
 }

div.landscapesplash img {
  width:100%;
  max-width:1280px;
  margin:auto;
  text-align:center;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -border-top-left-radius: 10px;
  -border-top-right-radius: 10px; 
  -border-bottom-left-radius: 10px;
  -border-bottom-right-radius: 10px; 

}

div.landscapesplash h1 {
  font-family: 'Black Ops One', cursive;
  font-size: 200%;
  padding-bottom: 10px;
}

div.landscapesplash h2 {
  font-family: 'Black Ops One', cursive;
  font-size: 140%;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.landscapesplash a {
  text-decoration: none;
  color: rgb(255,128,128);
}

div.landscapesplash a:hover {
  color: rgb(255,255,255);
  text-shadow: 0px 0px 3px rgb(255,255,255);
  background-color: rgb(255,0,0);
}

div.landscapesplash video {
  width:100%;
  max-width:1280px;
  margin:auto;
  text-align:center;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -border-top-left-radius: 10px;
  -border-top-right-radius: 10px; 
  -border-bottom-left-radius: 10px;
  -border-bottom-right-radius: 10px; 

}


div.threeup {
  width:75%;
  margin:auto;
  padding-top:10px;
  padding-bottom:30px;
  padding-left:0;
  padding-right:0;
}


div.squaresplash {
  background-color: rgb(0,0,0);
  width: 30%;
  margin:auto;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
  float:left;
 }

div.squaresplash img {
  width:100%;
  max-width:400px;
  margin:auto;
  text-align:center;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -border-top-left-radius: 10px;
  -border-top-right-radius: 10px; 
  -border-bottom-left-radius: 10px;
  -border-bottom-right-radius: 10px; 
}

div.squaresplash h1 {
  font-family: 'Black Ops One', cursive;
  font-size: 200%;
  padding-bottom: 10px;
}

div.squaresplash h2 {
  font-family: 'Black Ops One', cursive;
  font-size: 120%;
  font-weight: 400;
  padding-top: 5px;
  padding-bottom: 2px;
}

div.squaresplash a {
  text-decoration: none;
  color: rgb(255,128,128);
}

div.squaresplash a:hover {
  color: rgb(255,255,255);
  text-shadow: 0px 0px 3px rgb(255,255,255);
  background-color: rgb(255,0,0);
}



/* MEMBERS PAGES STYLES */

div.bfffpage {
  background-color: rgb(0,0,0);
  width: 85%;
  margin:auto;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:0;
  padding-right:0;
 }


div.bfffpage h1 {
  font-family: 'Black Ops One', cursive;
  font-size: 250%;
  font-weight: 400;
  padding-bottom: 15px;
}

div.bfffpage h2 {
  font-family: 'Black Ops One', cursive;
  font-size: 200%;
  font-weight: 400;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.bfffpage p {
  padding-top: 3px;
  padding-bottom: 5px;
}

div.bfffpage a {
  text-decoration: none;
  color: rgb(255,128,128);
}

div.bfffpage a:hover {
  color: rgb(255,255,255);
  text-shadow: 0px 0px 3px rgb(255,255,255);
  background-color: rgb(255,0,0);
}

div.bfffdropdown {
  padding-top: 5px;
}


div.zipfilebutton {
  background-color: rgb(255,0,0);
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  margin:auto;
  text-align:center;
  width:80%;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -border-top-left-radius: 5px;
  -border-top-right-radius: 5px; 
  -border-bottom-left-radius: 5px;
  -border-bottom-right-radius: 5px; 
}

div.iconbutton {
  background-color: rgb(255,0,0);
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align:center;
  width:40%;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -border-top-left-radius: 5px;
  -border-top-right-radius: 5px; 
  -border-bottom-left-radius: 5px;
  -border-bottom-right-radius: 5px; 
}




div.bfffstory {
  width:60%;
  float:left;
  padding-left:0;
  padding-right:10px;
  padding-top: 5px;
  padding-bottom: 10px;
}

div.bfffstory p {
  font-size:120%;
}

div.bfffcredits {
  width: 35%;
  float:right;
  padding-right: 0;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 10px;
}

div.bfffcredits h2 {
  font-size:150%;
  font-weight:400;
}

div.bfffcredits h3 {
  padding-top:15px;
  font-size:150%;
  font-weight:400;
}

div.bfffcredits p {
  padding-bottom: 2px;
}

div.storybox {
  padding-bottom: 60px;
}

div.bfffgallery {
  padding-top: 10px;
  padding-bottom: 10px;
}

div.bfffgallery li {
  width:220px;
  height:220px;
  float:left;
  border-style:solid;
  border-width:1px;
  border-color:rgb(128,128,128);
  text-align:center;
  vertical-align:middle; 
  kin-height:220px;
}

div.bfffgallery ul {
  float:left;
}

div.bfffgallery a {
  margin:auto;
  vertical-align:middle;
  text-align:center;
  line-height:220px;
}

div.bfffgallery img {
  margin:auto;
  vertical-align:middle;
  text-align:center;
}

div.smallspace {
  height:5px;
}


div.updatesplash {
  background-color: rgb(0,0,0);
  width: 85%;
  margin:auto;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
  float:left;
 }

 
div.updatesplash img {
  width:40%;
  float:left;
  max-width:400px;
  margin:auto;
  text-align:center;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -border-top-left-radius: 10px;
  -border-top-right-radius: 10px; 
  -border-bottom-left-radius: 10px;
  -border-bottom-right-radius: 10px; 
}

div.updatesplashtext {
  width:50%;
  float:right;
  padding-left:20px;
}
 
/* Text-heavy page styles */

div.bffftextpage {
  background-color: rgb(0,0,0);
  width: 85%;
  margin:auto;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:0;
  padding-right:0;
 }

div.bffftextpage h1 {
  font-family: 'Black Ops One', cursive;
  font-size: 200%;
  font-weight: 400;
  padding-top: 40px;
  padding-bottom: 10px;
}

div.bffftextpage h2 {
  font-family: 'Black Ops One', cursive;
  font-size: 150%;
  font-weight: 400;
  padding-top: 15px;
  padding-bottom: 5px;
}

div.bffftextpage h3 {
  font-family: 'Black Ops One', cursive;
  font-size: 120%;
  font-weight:400;
  padding-top:15px;
  padding-bottom: 5px;
}

div.bffftextpage h4 {
  font-size:100%;
  font-weight:400;
  padding-top: 5px;
  padding-bottom: 7px;
}

div.bffftextpage p {
  padding-top: 5px;
  padding-bottom: 7px;
}

div.bffftextpage a {
  text-decoration: none;
  font-weight:400;
  color: rgb(255,128,128);
}

div.bffftextpage a:hover {
  color: rgb(255,255,255);
  text-shadow: 0px 0px 3px rgb(255,255,255);
  background-color: rgb(255,0,0);
}

div.bffftextpage p a {
  text-decoration: none;
  font-weight:400;
  color: rgb(255,128,128);
}

div.bffftextpage p a:hover {
  color: rgb(255,255,255);
  text-shadow: 0px 0px 3px rgb(255,255,255);
  background-color: rgb(255,0,0);
}

table.bfffscreenings th {
  font-weight: bold;
  font-size: 140%;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}

table.bfffscreenings td {
  text-align: left;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 40px;
}




/* Tables */

table.timetable td {
  padding: 10px;
}