a img {
border: none;
}

#utility a { color: white; } /* for some reason need this specificity for IE 5.x to 7.x */

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

body {
background: black;
color: white;
padding: 0;
margin: 0;
font-size: 88%;
font-family: helvetica, arial, sans-serif;
line-height: 1.4;
text-align: center; /* IE 5 & 5.5 */
}

a {
color: inherit; /* Fails in all sorts of browsers */
color: white;
outline: none;
text-decoration: underline;
}

#container {
width: 960px;
margin: 0 auto;
position: relative;
padding: 0;
text-align: left; /* reset centering hack for IE 5.x */
overflow: hidden;
}


/* Establish base typography */



/* Main page layouts */





/* Site section colouring */

#navigation .writing a { color: #bd1220 !important; }
#navigation .directing a { color: #bdaf12 !important; }
#navigation .filming a { color: #20bd12 !important; }
#navigation .editing a { color: #12bdaf !important; }
#navigation .concepts a { color: #1220bd !important; }
#navigation .music a { color: #af12bd !important; }

.writing { border-color: #bd1220 !important; }
.directing { border-color: #bdaf12 !important; }
.filming { border-color: #20bd12 !important; }
.editing { border-color: #12bdaf !important; }
.concepts { border-color: #1220bd !important; }
.music { border-color: #af12bd !important; }

.writing * { border-color: #bd1220 !important; }
.directing * { border-color: #bdaf12 !important; }
.filming * { border-color: #20bd12 !important; }
.editing * { border-color: #12bdaf !important; }
.concepts * { border-color: #1220bd !important; }
.music * { border-color: #af12bd !important; }


.writing h1 { color: #bd1220 !important; }
.directing h1 { color: #bdaf12 !important; }
.filming h1 { color: #20bd12 !important; }
.editing h1 { color: #12bdaf !important; }
.concepts h1 { color: #1220bd !important; }
.music h1 { color: #af12bd !important; }




#site_id {
float: left;
margin: 15px 0 20px;
}


#navigation {
display: block;
font-size: 1.5em;
margin: 45px 30px 20px 40px;
float: left;
}

#navigation li {
display: block;
float: left;
}

#navigation a {
text-decoration: none;
padding: 80px 0 0 0;
width: 95px;
display: block;
}

#navigation li.editing a {
background: url(images/editing.png) no-repeat top center;
}

#navigation li.music a {
background: url(images/music.png) no-repeat top center;
}

#navigation li.filming a {
background: url(images/filming.png) no-repeat top center;
}

#navigation li.directing a {
background: url(images/directing.png) no-repeat top center;
}

#navigation li.writing a {
background: url(images/writing.png) no-repeat top center;
}

#navigation li {
display: inline;
padding: 3px;
margin: 0 6px;
text-align: center;
background: transparent;
}

#utility {
float: left;
margin: 76px 0 20px;
}

.involvement {
white-space: nowrap;
}

.involvement li {
display: inline;
padding: 2px;
margin: 0 2px;
}

.involvement li a {
color: #eee;
}

.involvement img {
height: 50px;
width: auto;
float: none;
background: black;
padding: 3px;
}

#involvement-key {
font-size: 0.8em;
padding: 5px 5px 0 15px;
width: 366px;
border: 2px solid #666;
border-left: 12px solid #666;
float: left;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
margin: -30px 10px 20px 0;
}

#flvbox {
width: 400px;
float: left;
padding-bottom: 20px;
margin: 0 10px 0 0;
}

#flvbox p {
float: left;
margin: 23px 0 0 0;
font-size: 0.8em;
}

.gallery {
clear: left;
width: 960px;
width: 840px;
margin-left: -25px;
}

.gallery img {
height: 100px;
margin: -100px auto 0;
display: block;
}

.gallery a {
text-decoration: none;
border: none;
outline: none;
}

.gallery li {
width: 178px;
float: left;
display: inline; /* IE Double Float bugfix */
margin: 0 7px 20px 25px;
font-size: 0.9em;
padding-top: 100px;
height: 3em;
}

.gallery li p {
margin: 0;
padding: 0;
}

.gallery li p+p {
font-size: 0.8em;
}

.gallery li.still {
padding-top: 250px;
}

.gallery li.still img {
height: 250px;
margin: -250px auto 0;
display: block;
}

.comment img {
float: left;
}

.comment {
padding: 15px 5px 5px 15px;
width: 355px;
border: 2px solid #666;
border-right: 12px solid #666;
float: right;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
margin: 0 0 20px 0px;
position: relative;
}

.comment h1 {
font-size: 2em;
padding: 0 10px 0 10px;
margin: 0;
font-weight: normal;
}

.russ h1,
.terri h1 {
padding-right: 70px;
}


.both h1 {
padding-right: 130px;
}


.comment h2 {
font-size: 1.3em;
padding: 0 10px 0 10px;
margin: 10px 0 5px;
font-weight: bold;
}

.wide {
width: 760px;
}

.left {
padding: 5px 5px 5px 15px;
width: 366px;
border: 2px solid #666;
border-left: 12px solid #666;
float: left;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
margin: 0 10px 20px 0;
position: relative;
/* min-height: 296px; */
}

.comment.russ {
background: url(images/russ.jpg) no-repeat right top transparent;
}

.comment.terri {
background: url(images/terri.jpg) no-repeat right top transparent;
}

.comment.both {
background: url(images/both.jpg) no-repeat right top transparent;
}

.comment p {
margin: 10px;
/*font-size: 0.9em;*/
line-height: 1.5em;
}



#footertop {
clear: both;
border-top: 1px solid #ddd;
}

#footer {
font-size: 0.9em;
width: 960px;
margin: 0 auto;
padding: 0;
text-align: left; /* reset centering hack for IE 5.x */
}


#footer div {
margin: 0;
padding: 20px 20px 20px 0;
width: 180px;
float: left;
}

#footer div#last {
float: right;

}

#content {
margin: 10px 0;
width: 808px;
padding: 10px 0 0 0;
float: left;
margin-right: -150px;
border-right: 150px solid black;
}


.bqstart {
     float: left;
     font-size: 4em;
padding: 0 4px 0 0;
margin: 0;
     margin-top: -0.3em;
     margin-left: 0em;
     height: 0.5em;

 }

.bqend {
     float: right;
     font-size: 4em;
padding: 2px;
margin: 0;
     margin-top: -0.3em;
     margin-right: 0;
     height: 0.5em;
 }

blockquote {
margin: 10px;
font-size: 0.9em;
}

.promobar {
width: 125px;
overflow: hidden;
float: left;
margin: 20px 0 20px 27px;
}

.promobar a {
position: relative;
clear: both;
width: 125px;
height: 250px;
margin: 0 0 10px 0;
overflow: hidden;
display: block;
text-decoration: none;
}

.promobar p {
position: absolute;
width: 110px;
bottom: 0px;
right: 0px;
color: black;
background: transparent;
margin: 0;
padding: 5px 7px;
text-decoration: none;
}

a#promo02 {
height: 250px;
}

a#promo03 {
height: 188px;
}

#promo03 p {
top: 37px;
right: 0px;
color: white;
}

a#promo04 {
height: 100px;
}

#promo04 p {
top: 50px;
right: 0px;
color: white;
}

a#promo05 {
height: 188px;
}

#promo05 p {
top: 0px;
right: 0px;
color: black;
}

a#promo06 {
height: 300px;
}

#promo06 p {
top: 0;
right: 0px;
color: white;
}

a#promo07 {
height: 300px;
}

#promo07 p {
top: 5px;
right: 0px;
color: white;
}

.news {
padding: 5px 5px 5px 15px;
width: 366px;
border: 2px solid #666;
border-left: 12px solid #666;
float: left;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
margin: 0 10px 20px 0;
position: relative;
/* min-height: 296px; */
}

.news * {
margin: 0;
padding: 0;
}

.news p a {
float: right;
font-size: 0.8em;
margin: 0.2em 1em 1.5em 0;
}

form {
float: right;
margin-top: 3em;
}

label {
width: 12em;
float: left;
}

.news h3 {
clear: both;
}