/*
Theme Name: 176keys
Theme URI: http://eight6.com/
Description: 176 v2
Version: 1.0
Author: Noel Jackson / eight6
Author URI: http://eight6.com/
*/

/*************************************
eight6 designed this.
© copyright eight6, llc. All rights reserved.
*************************************/

/* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
/*************************************/


body {
    font-size: 75%; /* 16px * 0.75 = 12px */
    line-height:1.5em; /* 12x1.5 = 16 */
	font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, sans-serif;
	background: #222;
	color: white;
}

a, a:link, a:visited { color: #ccc; }
a:hover, a:active { color: red; text-decoration: none;}
em, cite { font-style: italic; }
strong { font-weight: bold; }

h1,h2,h3,h4,h5,h6 { color: #D50400; font-family: "Lucida Grande","Trebuchet MS"; line-height: 1.25em;}
h3 { font-size: 2em; margin-bottom: .25em;}
h4 { font-size: 1.5em; margin-bottom: .25em;}
h1 a, h1 a:link, h1 a:visited, h2 a, h2 a:link, h2 a:visited, h3 a, h3 a:link, h3 a:visited, h4 a, h4 a:link, h4 a:visited, h5 a, h5 a:link, h5 a:visited, h6 a, h6 a:link, h6 a:visited {
color: #D50400;
}
h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active {  }

p, pre, dl, ul, ol { margin-bottom: 1.5em;}
table, td, th, tr, thead, tbody, tfoot {}
dd, dt, li {}
blockquote {
font-style: italic;
padding-left: 1em;
}
form, fieldset, address{}

#page {
width: 900px;
margin: 0 auto;
position: relative;
}
#header {
position: relative;
}
h1 {
width: 198px;
height: 182px;
background: url(./images/logo.png) no-repeat;
text-indent: -1000em;
position: relative;
z-index: 100;
	_background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/176/images/logo.png', sizingMethod='scale');
}
#menu_wrapper {
height: 60px;
background: #A20300;
margin-top: 3em;
position: absolute;
width: 100%;
z-index: -10;
top: 0;
left: 0;
}

#contactinfo {
position: absolute;
right: 0;
line-height: 30px;
font-size: .75em;
}
#menu {
position: absolute;
top: 3em;
left: 220px;
float: left;
z-index: 1000;
}
#menu li {
display: inline;
float: left;
margin-right: 1em;
}
#menu li a, #menu li a:link, #menu li a:visited {
float: left;
display: block;
color: #f7f7f7;
text-decoration: none;
text-transform: uppercase;
height: 60px;
line-height: 60px;
padding: 0 10px;
}
#menu li a:hover, #menu li a:active, #menu li a.selected {
background: #5b0000;
}

#content {
float: right;
width: 676px;
position: absolute;
top: 10em;
left: 224px;
}

.title {
font: normal 3em/1.2em "Lucida Grande", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
background: #333;
color: #f7f7f7;
margin-bottom: .5em;
border-radius: .4em; 
-webkit-border-radius: .4em; 
-moz-border-radius: .4em;
padding: .4em;
}

#sidebar {
display:inline;
position: absolute;
top: 80px;
margin-left: -205px;
width: 180px;
font-size: .85em;
left: 0;
}
#sidebar p {
margin-bottom: 1em;
}
#sidebar h4 {
margin-top: 1em;
}

#content img {
border: 5px solid #ccc;
margin-bottom: 1.5em;
}
#about h3 {
clear: both;
}

#footer {
clear: both;
margin-top: 2em;
padding-top: 1em;
border-top: 1px solid #ccc;
font-size: .75em;
}
#videos object {
float: left;
}
#videos strong {
float: left;
height: 344px;
width: 200px;
display: block;
margin-left: 10px;
margin-bottom: 2em;
}
.players {
margin-left: -1em;
}
.players td p{
padding-bottom: 2em;
}
.players td  {
vertical-align: top;
padding-left: 1em;
}


#reviews .gallery {
float: right;
margin-left: 1em;
padding-left: 1em;
border-left: 1px solid #ccc;
}
#reviews .gallery img {
max-width: 200px;
border: 0;
}

.cform textarea, .cform input {
width: 250px !important;
}
#contact span.reqtxt, #contact span.emailreqtxt {
display: block !important;
margin-left: 100px !important;
}
#contact input.sendbutton {
width: 100px !important;
}
#contact .linklove {
display: none;
}
/* Utility */
.highlite, blockquote em, { background-color:#FFFCCE; }
.none { text-indent: -1000em; }

/* Alignment */
.alignleft,.alignright,.align-left,.align-right { }
.alignright,.align-right, .inset { float:right; margin-left: 1em; }
.alignleft, .align-left, .alternate { float:left; margin-right: 1em;}
.text-left{text-align:left;}
.text-right{text-align:right;}

/* Figures & images */
.image {}
.figure {}
.figure .caption {}

.clear {
clear: both;
}

object embed { border: 2px solid white; }

.weekend {
color: white !important;
}