/* screen.css for LA Bruell
-----
by:Drew Hornbein
dhornbein@gmail.com
www.dhornbein.com
-----
version: 0.1 (6.12.09)
*/

/*
#fff6db - background cream / #eeddac - dark cream
#36afbb - LA blue
#69655a - Bruell grey
*/

/* GLOBAL ========== */

* {margin: 0;padding: 0;}

img {border: none;}

a, a:link {color:#4444FF; text-decoration:none; /*border-bottom:1px dotted #4444FF;*/}
a:visited{color:#4444DD;}
a:hover{color: #36afbb;}

a:link img {border:none;}

.clear {clear:both;display:block;width:100%;}
.break {clear:both;}
.alignleft{text-align: left;}
.aligncenter{text-align: center;}
.alignright{text-align: right;}
.left{float: left;}
.right{float: right;}

html small {font-size:80%;}
html big {font-size:120%;}

html body {
background-color:#fff6db;
color:#69655a;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

p {
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin: 0 0 1.5em 0;
}

h1 {
  font-size: 2em; /* 24px */
  line-height: 1.5em; /* 36px */
  margin-top: 0.75em;
  margin-bottom: 0em;
}

h2 {
  font-size: 1.8333em; /* 22px */
  line-height: 1.6364em; /* 36px */
  margin-top: 0.8182em;
  margin-bottom: 0em;
}

h3 {
  font-size: 1.6667em; /* 20px */
  line-height: 1.8em; /* 36px */
  margin-top: 0.9em;
  margin-bottom: 0em;
}

h4 {
  font-size: 1.5em; /* 18px */
  line-height: 1em; /* 18px */
  margin-top: 1em;
  margin-bottom: 0em;
}

h5 {
  font-size: 1.3333em; /* 16px */
  line-height: 1.125em; /* 18px */
  margin-top: 1.125em;
  margin-bottom: 0em;
}

h6 {
  font-size: 1.1667em; /* 14px */
  line-height: 1.2857em; /* 18px */
  margin-top: 1.2857em;
  margin-bottom: 0em;
}

/* WRAPPER ====================== */

#wrapper {
margin:0 auto;
text-align:left;
width:752px;
}

/* HEADER ================= */

#header {position:relative;height:1%;}

/* NAV ===== */

.nav {
list-style: none;
position:absolute;
right:0;
bottom:0;
}

.nav .navMiddle {
border-left:1px solid #333333;
border-right:1px solid #333333;
margin:0 0.5em;
padding:0 0.5em;
}

.nav li {
display:inline;
}

.nav #current {font-weight:bold;}

.nav li a,.nav li a:link {
border: none;
color: #69655a;
}

.nav li a:hover {
color:#36afbb;
}

/* CONTENT ================== */

.content {
background-color:white;
border:1px solid #EEDDAA;
margin:1em 0;
padding:25px;
}

#contact {
font-family:georgia;
font-size:1.5em;
line-height:1.5;
padding:20px;
text-align:center;
}

#home {padding:0;}

/* FILM STRIP ============================ */
.activeSlide {background-color:#FFF;}
#filmStripTop .activeSlide {}
#filmStripBtm .activeSlide {}

.filmStrip {
clear:both;
}

.filmStrip li {
background-color:#000;
display:block;
float:left;
height:100px;
list-style:none;
border:1px solid #FFF;
}

.filmStrip li a {
}

/* FRAME =================================== */

#frame {
clear:both;
height:150px;
padding:50px 20px;
}

.frameText {
width:410px;
}

.frameGraphic {text-align:center;}

/* PORTFOLIO ============================== */

#portfolio p {margin:1em 0; line-height:1.5;}

.player_border {background-color:#CCCCCC;text-align:center;}

.menu {
background-color:#ccc;
height:1.5em;
overflow:auto; 
padding:0 10px 10px 10px;
position:relative;
}
.menu a {
color:#222;
}
.menu a:hover {
font-weight:bold;
}

.program {
background-color:#EED;
margin:1em 0;
overflow:auto;
padding:1em;
}

.program img {border:1px solid #999;margin:0 10px;}

#cycleBox {}

#cycleBox li {background-color:#fff; list-style:none;}

#navSlide {text-align:right;}

#navSlide a,
#navSlide a:link,
#navSlide a:visited {border-right:1px solid #69655A;padding:0 0.5em;}

#navSlide .activeSlide {font-weight:bold;}

/* WHO WE ARE =============================== */

#whoweare {overflow:auto;}

#topLine {}
#midLine {clear:both;}

.peopleTab {}

.peopleTab a,.peopleTab a:link,.peopleTab a:visited {
background-color:white;
border:1px solid #fff;
color:#69655A;
display:block;
float:left;
margin:10px;
padding:10px;
text-align:center;
}

.peopleTab a:hover {border:1px solid #f5f5f5;}

.peopleTab a h2 {}

.peopleModal {width:720px;height:500px;}
.peopleModal img {float:left;}
.peopleModal .Modalcontent {margin-left:120px;text-align:left; font-family:Georgia, "Times New Roman", Times, serif;}
.peopleModal .Modalcontent h2,
.peopleModal .Modalcontent h3, 
.peopleModal .Modalcontent h5 {font-weight:normal; margin:0;}


/* modal */

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#fff; border:10px solid #FFF6DB; padding:10px;}

/* FOOTER ========================================= */

#footer {text-align:right;}

#footer p {
color:#aba081;
font-family:Tahoma,sans-serf;
font-size:0.75em;
letter-spacing:0.05em;
}

html, body, div, span, applet, object, iframe, 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}