/*
  standard.css - Created for Fun 2 C Faces
  
  Last Modified: 22-August-2009 - Mike Becvar - File Created


*/

/* BASE HTML ELEMENTS */

BODY {
  margin: 10px 5%; padding: 0px;
  font-size: medium;
  border: solid 1px black;
  font-family: Arial, Sans-Serif;
  background: #969696;
}

H1,H2,H3,H4 { 
  margin: 0.2em 0px; 
  font-family: Comic Sans MS;
}

H2 { 
  font-size: 200%; 
  text-align: center;
}

P { 
  margin: 1.75em 0px; 
}

TABLE {
  border-collapse: collapse;
}

TABLE TH {
  padding: 3px;
  font-size: 85%;
}

TABLE TD {
  padding: 3px;
  font-size: 70%;
  vertical-align: top;
}

/*Colors */


.pageHeader H1 { font-size: 150%; margin-top: 1em; }
.pageHeader P  { font-size: 125%; font-weight: bold; } 

.pageFooter P { color: #d0d080; }

/* LAYOUT */

.page {
  margin: 2em 2%;
  padding: 1em;
  border: solid 1px red;
  background: black;
  color: white;
}
.pageHeader {
  text-align: center;
  font-family: Comic Sans MS, Arial, Sans-Serif;
  color: Yellow;
}

.pageTitle { }

.pageCenter {
  margin-left: 4em;
  margin-right: 4em;
}

.galleryCenter { }

.pageFooter {
  text-align: center;
  font-size: 80%;
}

.squareButton A { 
  width: 120px;
  height: 40px;
  padding: 6px;
  text-align: center;
  margin: 10px;
  border: solid 1px white;
  color: White;
  display: inline-block; 
  text-decoration: none;
  font-size: 125%;
  font-weight: bold;
}

.squareButton A:hover {
  color: yellow;
  background: #252525;
}

.squareButton A.activeLink {
  color: yellow;
  background: #252525;
}


.imageBar {
  text-align: center; 
}
  
/* */

.clearFloat {
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
}

.floatRight {
  float: right;
  margin-left: 10px;
  width: auto;
}

IMG.floatRight { margin-left: 20px; }

.floatLeft {
  float: left;
  margin-right: 10px;
  width: auto;
}

.centerText {
  width: 100%;
  text-align: center;
}

.tableWithBorders, .tableWithBorders TD, .tableWithBorders TH {
  border: solid 1px black;
}


/* PHP Gallery Styles */

.galleryTable TD { padding: 10px; border: solid 1px #e0e0e0; }
.menuIMG IMG, singleIMG IMG { margin: 2px 10px; }

.menuIMG { width: 210px; text-align: center; height: 470px; overflow: auto; }
.singleIMG { width: 490px; text-align: center; height: 470px; }
.thumbnailIMG { width: 60px; }
.wideIMG { width: 600px; }
.tallIMG { height: 450px; }

.regLink {color: White; }