/*
Theme Name: Plaid
Theme URI: http://www.goodmorningyou.net
Description: business casual.
Version: 1.0
Author: kenan rubenstein
Author URI: http://www.underthehaystack.net/
Tags: plaid, fixed width, fixed height, content management
*/

body {
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  background:#000;
  font-family:trebuchet ms;
  }

a {
  text-decoration:none;
  }
a:link {
  color:#000;
  }
a:visited {
  color:#000;
  }
a:hover {
  color:#000;
  }

#vertical {
  position:absolute;
  height:100%;
  width:900px;
  top:0px;
  bottom:0px;
  left:50%;
  right:50%;
  margin:0 -450px;
  padding:0;
  }
#header {
  position:absolute;
  top:0;
  bottom:0;
  left:0px;
  width:240px;
  height:100%;
  background:#555;
  z-index: 1;
  opacity:.4;
  filter:alpha(opacity=40);
  }

#header img {
  position: absolute;
	height: 97px;
	top: 50%;
	margin: -267px 0 0 0;
	padding: 0;
	border-width: 0;
	}

.header {
  position:absolute;
  height:84px;
  top:50%;
  margin-top:-250px;
  text-align:right;
  width:100%;
  font-size:26px;
  line-height:46px;
  letter-spacing:9px;
color: #fff;
font-weight:bold;
  }

#navigation {
  position:absolute;
  width:648px;
  margin: 0 0 0 252px;
  height:100%;
  background:#101010;
  }
.stadium1 {
  position:absolute;
  top:0;
  bottom:0;
  left:0px;
  height:100%;
  width:4px;
  background:#446;
  z-index:6;
  opacity:.4;
filter:alpha(opacity=40);
  }
.stadium2 {
  position:absolute;
  top:0;
  bottom:0;
  right:0px;
  width:4px;
  height:100%;
  background:#446;
  z-index:6;
  opacity:.4;
filter:alpha(opacity=40);
  }

#column4 {
  position:absolute;
  top:0;
  bottom:0;
  right:19px;
  width:60px;
  height:100%;
  background:#aaa;
  z-index:3;
  }
#column3 {
  position:absolute;
  top:0;
  bottom:0;
  right:112px;
  width:130px;
  height:100%;
  background:#aaa;
  z-index:3;
  }
#column2 {
  position:absolute;
  top:0;
  bottom:0;
  right:256px;
  width:120px;
  height:100%;
  background:#aaa;
  z-index:3;
  }
#column1 {
  position:absolute;
  top:0;
  bottom:0;
  right:390px;
  width:120px;
  height:100%;
  background:#aaa;
  z-index:3;
  }
.column {
  opacity:.3;
filter:alpha(opacity=30);
}
.column-select {
  opacity:.6;
filter:alpha(opacity=60);
}
.navigation {
  position:absolute;
  height:30px;
  top:50%;
  margin-top:-149px;
  text-align:center;
  width:100%;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
  }


#horizontal {
  position:absolute;
  height:540px;
  width:100%;
  top:50%;
  bottom:50%;
  left:0;
  right:0;
  margin:-250px 0;
  padding:0;
  }

#title {
  position:absolute;
  top:5px;
  right:0;
  left:0;
  height:77px;
  background:#333;
  opacity:.7;
filter:alpha(opacity=70);
z-index: 0;
  }

#subhead {
  position:absolute;
  top:100px;
  width:100%;
  left:0;
  right:0;
  background:#999;
  margin:0;
	padding: 0;
	word-spacing: 4px;
  z-index:2;
  opacity:.3;
filter:alpha(opacity=30);
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	height: 20px;
  }
#subhead p {
  width:243px;
  margin:0px auto;
	padding: 1px 657px 0 0;
  }

#menu {
  margin: 132px 0 0;
  height:368px;
  background:#111;
font-size: 14px;
color: #444;
text-transform: lowercase;
  }
#menu a {
font-weight: bold;
}
.menu {
  position:relative;
  top:170px;
  background:#ddd;
  width:100%;
  z-index:4;
  opacity:.3;
filter:alpha(opacity=30);

  margin-bottom: 10px;
  }
.menu-select {
  position:relative;
  top:170px;
  background:#ddd;
  width:100%;
  z-index:4;
  opacity:.6;
filter:alpha(opacity=60);
  height: 19px;
  margin-bottom: 10px;
  }

.menu-container {
  width:900px;
  margin:0px auto;
  }
.menu-container p {
  width:230px;
  margin:0 760px 0 0;
  text-align: right;
line-height: 19px;
letter-spacing: 1px;
  }

#footbar {
  position:absolute;
  bottom: 12px;
  background:#333;
  width:100%;
  z-index: 2;
  opacity:.7;
filter:alpha(opacity=70);
	padding: 0;
	height: 17px;
  }

#footer {
  position:absolute;
  bottom: 0px;
  width:100%;
  z-index: 10;
  opacity:.7;
filter:alpha(opacity=70);
	padding: 0;
height: 43px;
  }

#footer p {
	position: absolute;
	bottom: 0px;
	right: 50%;
	width: 530px;
	margin: 0 -450px 0 0;
	padding: 15px 10px 14px 0;
	text-align: right;
	font-size: 11px;
	color: #888;
	line-height: 13px;
	overflow: visible;
	opacity: 1;
filter:alpha(opacity=100);
	}

#footer p.switch {
	text-align: left;
	opacity: 0;
filter:alpha(opacity=0);
	width: 630px;
	}

#footer a {
	color: #bbb;
	}

#footer .switch a {
	color: #bbb;
	border: 1px solid #666;
	}

#cinemascope1 {
  position:relative;
  top:0;
  left:0;
  right:0;
  height:4px;
  width:100%;
  background:#679;
  z-index:7;
  opacity:.4;
filter:alpha(opacity=40);
  }
#cinemascope2 {
  position:absolute;
  bottom:40px;
  left:0;
  right:0;
  height:4px;
  width:100%;
  background:#679;
  z-index:7;
  opacity:.4;
filter:alpha(opacity=40);
  }


#movie {
  position:absolute;
  height:360px;
  width:640px;
  background:#000;
  bottom:50%;
  right:50%;
  margin:0 -446px -246px 0;
  z-index:5;
  }

#movie img {
  position:absolute;
  top: 0;
	left: 0;
  opacity: 0;
filter:alpha(opacity=0);
  }

a.test { font-weight: bold; }

#gallery {
  position:absolute;
  height:360px;
  width:892px;
  background:#000;
  bottom:50%;
  right:50%;
  margin:0 -446px -246px 0;
  z-index:6;
  border-left: 4px solid #262633;
  overflow-x: auto;
  overflow-y: hidden;
  }

table.gallery a:link {
	color: #999;
	}

table.gallery a:visited {
	color: #999;
	}

table.gallery a:hover {
	color: #ccc;
	}

table.gallery a img {
	border-width: 1px;
	}

table.gallery a:link img {
	color: #000;
	border-color: #000;
	}

table.gallery a:visited img {
	color: #000;
	border-color: #000;
	}

table.gallery a:hover img {
	color: #999;
	border-color: #999;
	}

#gallery p {
letter-spacing: 2px;
font-size: 14px;
line-height: 19px;
}


table.gallery img {
  max-height: 280px;
  border: 1px solid #fff;
  }

table.gallery {
	height: 345px;
	padding: 0;
	vertical-align: bottom;
	border-collapse: collapse;
  }

td {
	border: 6px solid #000;
	padding: 0;
	vertical-align: middle;
  }

#chalkboard {
  position:absolute;
  height:320px;
  width:600px;
  background:#000;
  bottom:50%;
  right:50%;
  margin:0 -446px -246px 0;
  z-index:5;
	overflow-y: auto;
	padding: 20px;
  }

#chalkboard img {
	float: right;
	margin: 0 0 20px 20px;
border: 1px solid #666;
padding: 6px;
  }

#chalkboard p {
	color: #666;
	padding: 0 0 20px;
	margin: 0;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 20px;
text-align: left;
  }

#chalkboard a {
	font-weight: bold;
  }
#chalkboard a:link {
	color: #999;
	}
#chalkboard a:visited {
	color: #999;
	}
#chalkboard a:hover {
	color: #fff;
	}

.intro {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	}