/***  SMAAD.co.uk CSS  **************************************************/

html, body {
  height : 100%;
  align : center; /* Not valid CSS */
}

html {
  background-color : #181A1B;
  background-image : url(images/pagebg2.gif);
  background-repeat : repeat;
}

body {
  margin : 0px;
  padding : 10px;
  background-image : url(images/pagebg.gif);
  background-repeat : repeat-x;
}

hr {
  border : none 0;
  border-top : 1px;
  height : 1px;
  text-align : center;
  margin-bottom : 25px;
}

img {
  border : none 0;
  font-family : verdana,sans-serif;
  color : #FFF;
}



/***  Text formatting and site links  ***********************************/

h1, h2, h3, h4, h5, h6, p {color : #FFF; font-family : verdana,sans-serif;}
h1 { font-size : 140%; }
h2 { font-size : 110%; }
h3 { font-size : 100%; }
h4 { font-size : 90%; text-decoration : underline; }
h5 { font-size : 80%; text-decoration : underline; }
h6 { font-size : 70%; text-decoration : underline; }

p {
  font-size : 70%;
  line-height : 1.3em;
}

a:link {
  color : #f9004b;
  text-decoration : none;
  font-weight : bold;
}
a:visited {
  color : #f9004b;
  text-decoration : none;
  font-weight : bold;
}
a:active {
  color : #f9004b;
  text-decoration : none;
  font-weight : bold;
}
a:hover {
  color : #80FF00;
  text-decoration : underline;
  font-weight : bold;
}



/***  Navigation links  *************************************************/

.menutext {
  font: normal 14px arial;
  font-weight: bold;
  text-transform:uppercase;
  text-align:center;
  margin:0px 10px 0px 10px;
}

a.menutext:link {
  color : #FFF;
  text-decoration : none;
}

a.menutext:visited {
  color : #FFF;
  text-decoration : none;
}

a.menutext:active {
  color : #FFF;
  text-decoration : none;
}

  a.menutext:hover {
  color : #FFF;
  text-decoration : none;
  background-color : #f9004b;
}



/***  Div layout  *******************************************************/

#header { /* Contains the header image and navbar */
  margin: 0 auto;
  text-align: left;
  height: 129px;
  width: 490px;
}

#wrapper { /* Nests gallery div and content div */
  top: 150px;
  margin: 0 auto;

  width: 960px;
  height: auto;
}

#gallery {
  float: left;
  padding: 10px;
  text-align: center;
  background-color: #262829;
  width: 200px;
  border-bottom:2px solid #666869;
  border-top:2px solid #666869;
}

#content {
  text-align: left;
  background-color: #1e2021;
  margin: 0 0 0 220px;
  padding: 10px;
  border-bottom:2px solid #666869;
  border-top:2px solid #666869;
}

#gallerycontent {
  width:660px;
  text-align: left;
  background-color: #1e2021;
  padding: 10px;
  border-bottom:2px solid #666869;
  border-top:2px solid #666869;
  top: 150px;
  margin: 0 auto;
}

.spacer { /* Injects blank space between other divs */
  height : 12px;
}

.youtube { /* Center aligns youtube videos */
  text-align : center;
}

#note {
	background-color: #262829;
	border: 1px dashed #80FF00;
	border-bottom:2px solid #666869;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0px 20px;
	width: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#notebox {
	background-color: #262829;
	border: 1px dashed #80FF00;
	border-bottom:2px solid #666869;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0px 20px;
	width: 313px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float:left;
}