/* YUI Reset 2.0
======================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}

/* Layout
======================================================== */
body {
   background:url(../images/background.png);
   font-family:arial;
}
div.header,
div.frame,
div.footer {
   margin:auto;
   width:600px;
}
div.frame {
   padding-top:15px;
}
div.header,
div.footer {
   text-align:center;
}

div.top,
div.middle,
div.bottom {
   width:722px;
   margin:auto;
}

div.top,
div.bottom {
   height:54px;
   background-repeat:no-repeat;
}
div.top {
   background-image:url(../images/frame-top.png);
}
div.bottom {
   background-image:url(../images/frame-bottom.png);
}

div.middle {
   background:url(../images/frame-middle.png) repeat-y;
}

/* Headers
======================================================== */
h1 {
   font-size:30px;
   margin-left:139px;
}
h2 {
   font-size:30px;
}
h3 {
   font-size:15px;
}
h5 {
   font-size:12px;
   font-weight:bold;
}
h1,
h2,
h3 {
   font-weight:bold;
   padding:10px;
}

.image {
   text-indent:-5000px;
   overflow:hidden;
   display:block;
   background-repeat:no-repeat;
}
.schizocool {
   background-image:url(../images/title.png);
   height:56px;
   width:350px;
   margin-bottom:20px;
}

/* Links
======================================================== */
a {
   color:#b71d01;
}
p {
   padding:10px;
}

/* Navigation
======================================================== */

#nav {
background:url(../images/nav.png) top left no-repeat;
width:600px;
height:216px;
margin:0;
padding:0;
}

#nav span {
display: none;
}

#nav li, #nav a {
height:216px;
display:block;
}

#nav li {
float:left;
list-style:none;
display:inline;
}

#nav-01 {
width: 106px;
}
#nav-02 {width: 234px;}
#nav-03 {width: 140px;}
#nav-04 {width: 120px;}

/* Content
======================================================== */
div.cover {
   background-color:#aaa;
   opacity: .9;
   z-index:-1;
/*
   .opaque2 {  // for IE5-7
      filter: alpha(opacity=50);
   }

   .opaque3 {  // for IE8
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   }
   */
}
div.content {
   background:url(../images/fade.png) repeat-x;
}
.content p {
   line-height:24px;
   font-size:14px;
   color:#3f3f3f;
}
div.content ul {
   padding:10px;
   margin-bottom:10px;
}
div.content ul li {
   list-style-type:square;
   padding:10px;
   margin-bottom:10px;
}
div.content ul li p {
   padding:0px;
}

div.content div.biography {
   padding:10px;
   margin:10px 0px;
}
#parallax {
   display:none;
   position:relative; overflow:hidden; width:800px; height:400px;
   z-index:1;
}
.index #parallax {
   display:block;
   position:relative;
   overflow:hidden;
   width:800px;
   left:-90px;
   padding:100px 0px;
   -moz-border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   -webkit-border-radius:10px;
   background-color:transparent;
   background: url(../images/p1.gif);
}

ul.photos li {
   float:left;
}

.clear {
   clear:both;
}
.scripts {
   display:none;
}

/* Press Shots --------------------------------- */
a.left {
   float:left;
   position:relative;
   padding-right:20px;
}
a.right {
   float:right;
   position:relative;
   padding-left:20px;
}
a.left,
a.right {
   padding-bottom:30px;
}

a.center {
   padding-bottom:30px;
}

a.right,
a.left,
a.center {
   display:block;
   position:relative;
   margin:auto;
}
a.right img,
a.left img,
a.center img {
   z-index:5;
   top:5px;
}
a.right img {
   right:-5px;
}
a.left img {
   left:-4px;
}
a.center img {
   left:5px;
}

a:hover .layer_1,
a:hover .layer_2,
a:hover .layer_3,
a:hover .layer_4 {
   background-color:red;
}

.layer_1,
.layer_2,
.layer_3,
.layer_4 {
   background:darkred;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   position:relative;
   top:-2px;
   left:-2px;
   padding:7px;
}
.layer_1 {
   opacity:.8;
   z-index:4;
}
.layer_2 {
   opacity:.7;
   z-index:3;
}
.layer_3 {
   opacity:.6;
   z-index:2;
}
.layer_4 {
   opacity:.4;
   z-index:1;
}
.left .layer_1,
.left .layer_2,
.left .layer_3,
.left .layer_4 {
   left:auto;
   right:12px;
}


/* Biography --------------------------------- */
.biography {
   border-bottom:3px solid #b9a6a6;
}
.biography h3 {
   padding-bottom:0px;
   margin-bottom:10px;
   
}
.biography em {
   opacity:.5;
   font-style:italic;
}
.biography img {
   float:left;
   width:75px;
   height:100px;
   background-color:#b16e6e;
   margin-right:20px;
}
.biography p {
   font-size:13px;
   line-height:17px;
   margin-top:10px;
   padding-top:0px;
}

/* Footer
===================================================== */
.footer p {
   font-size:11px;
   background:#CCC;
   margin:20px 0px;
}
.external_links {
   margin-top:15px;
   height:100px;
}
.external_links .column {
   width:150px;
   float:left;
}
.external_links .column a {
   font-size:12px;
   color:#b34935;
}
