/* =============================== */
/*      www.leonorachan.com        */
/*    site by theo bonham carter   */
/* =============================== */

/* This css is for pages with embedded slideshows */

/* Layout */
/* ------ */

body {
background:#000;
margin:0;
padding:0;
font-size:11px;
letter-spacing:0.075em;
font-family:helvetica, arial; /* ITC Avant Garde Gothic */
}

#container {
border:0px solid silver;
width:950px;
height:760px;
margin:0 auto;
padding:0;
}

.clear {clear:both;}
img {border:0;}


/* Navigation */
/* ---------- */

.nav1 {
height:60px;
background:url(assets/menu-bg-44.png) top left repeat-x;
margin:0;
padding:0;
}
 
.nav2 {
clear:left;
height:35px;
padding:0;
margin:0;
}

.nav3 {
clear:left;
height:20px;
padding:0;
margin:0;
}

/* ul */

.nav2 ul {margin:13px 0 0 130px;width:600px;}
.nav3 ul {margin-left:130px;width:600px;}

/* li */

.nav1 ul li,
.nav2 ul li,
.nav3 ul li {
margin:0;
padding:3px 5px;
float:left;
width:auto;
}

.nav1 ul li {margin:25px 0 0 0;}

.nav1 ul li.first {
margin:15px 0 0 0;
padding:0px 20px 5px 23px;
width:77px;
}

/* a */

.nav1 ul li a, .nav2 ul li a, .nav3 ul li a {margin:0;padding:2px 5px;}
.nav1 ul li a {padding:20px 15px; margin:0;}
.nav1 ul li.first a {padding:0; margin:0;}
.nav3 ul li a {color:#bebebe;}

#home ul li.first a {display:none;}

.nav2 ul li a,
.nav3 ul li a {
line-height:18px;
}


/* Typography */
/* ---------- */

a {color:#ffffff; text-decoration:none; outline:none;}
a:hover, li.active a {color:#4fa65e!important;}

p {margin:0 0 5px 0; padding:0; line-height:18px;}
ul {margin:0; padding:0; list-style-type:none;}
.small {font-size:10px;}

p.title {font-size:13px;}

.green {color:#4fa65e;}

/* Blurb */
/* ----- */
/* about and contact pages */

.blurb {
margin:60px 0 0 140px;
padding:0;
width:435px;
color:#ffffff;
}

#about .blurb {width:420px;}
#about.exhibitions .blurb {width:470px;}
#contact .blurb p.padbot {margin-bottom:45px;}
#contact .blurb {margin:109px 0 0 140px;}

.blurb p {
line-height:18px!important;
margin-bottom:10px;
}

.blurb ul {margin-bottom:10px;}
.blurb ul li {line-height:15px;}
span.indent {float:left; width:20px;}

/* Slideshows */
/* ---------- */

.slidewrapper {
clear:left;
margin:50px 0 0 140px;
padding:0;
width:auto;
color:#ffffff;
border:0px solid red;
}

body#photography .slidewrapper {
margin:17px 0 0 140px;
}

.pics {
height:511px;
width:681px;
padding:0;
margin:0;
overflow:hidden;
}

.pics img {
height:511px;
width:681px;
padding:0px;
border:0px solid #ccc;
top:0;
left:0
}

/* specifics */
body#photography.light .pics {height:511px;width:644px;}
body#photography.light .pics img {height:512px;width:644px;}
body#photography.theatre .pics {height:511px;width:644px;}
body#photography.theatre .pics img {height:511px;width:644px;}
body#photography.tablefortwo .pics {height:501px;width:669px;}
body#photography.tablefortwo .pics img {height:501px;width:669px;}
body#photography.tablefortwo .pics img.first, 
body#photography.tablefortwo .pics img.second {height:501px;width:629px;}
body#photography.tablefortwo .pics img.fourth {height:449px;width:670px;}
body#photography.usa .pics {height:511px;width:642px;}
body#photography.usa .pics img {height:511px;width:642px;}
body#films .pics {height:512px;width:691px;}
body#films .pics img.first {height:502px;width:658px;} 
body#films .pics img.second {height:512px;width:683px;}
body#films .pics img.third {height:352px;width:691px; margin-top:50px;} 
body#films .pics img.fourth {height:506px;width:644px;}
body#jumeirah .pics {width:686px;} 
body#jumeirah .pics img.first {width:686px;}
body#aftershock .pics {width:736px;} 
body#aftershock .pics img {height:510px; width:721px;} 
body#aftershock .pics img.first {width:736px;}
body#aftershock .pics img.sixth {width:714px;}
body#aftershock .pics img.seventh {width:681px;}
body#aftershock .pics img.eigth {width:419px;}
body#aftershock .pics img.ninth {width:354px;}
body#cent .pics {width:683px;} 
body#cent .pics img {height:511px; width:683px;} 
body#cent .pics img.short {height:269px; width:683px; margin-top:106px;} 

/* Caption */
/* ------- */
/* under slideshow */

.caption {
margin:10px 0 0 140px;
padding:0;
color:#ffffff;
width:681px;
}

.caption .controls {float:right;}
.caption .controls #prev, .caption .controls #next {padding:2px;margin:0;}
.caption .controls #prev {margin:0 5px 0 0;}

.caption p {line-height:15px; font-size:10px; margin-bottom:2px;}
.caption p span {
font-size:13px;
margin-right:20px;
}

.caption p.title {margin-bottom:10px;}

body#photography.tablefortwo .caption {margin-top:20px;}
body#photography.russia .caption {margin-top:555px;}
body#climate .caption {margin-top:580px;}

body#serpentine1 .caption p,
body#rca .caption p {width:640px;}


/* Control arrows */
/* -------------- */
/* realign with right edge of images */

body#cent .controls {margin-right:5px;}
body#films .controls {margin-right:30px;}

body#photography.light .controls,
body#photography.theatre .controls,
body#photography.usa .controls {margin-right:40px;}
body#photography.tablefortwo .controls {margin-right:55px;}
body#aftershock .controls {margin-right:-45px;}


/* Backgrounds */
/* ----------- */

/* static bgs */

#container {background:url(assets/bg-test.jpg) top left no-repeat;}
#container {background:url(assets/bg-blank1.jpg) top left no-repeat;}
body#home #container {background:url(assets/bg-home.jpg) top left no-repeat;} /* inc. logo */
body#jumeirah #container {background:url(assets/bg-jumeirah.jpg) top left no-repeat;} /* inc. shadow */
body#photography.russia #container {background:url(assets/bg-russia.jpg) top left no-repeat;} /* inc. bg */
body#climate #container {background:url(assets/bg-climate.jpg) top left no-repeat;} /* inc. bg */

/* fade bgs */

.serpentine1 {background:transparent url(assets/bg-serpentine-01.jpg) top left no-repeat!important;}
.serpentine2 {background:transparent url(assets/bg-serpentine-02.jpg) top left no-repeat!important;}
.mauvette1 {background:transparent url(assets/bg-mauvette-01.jpg) top left no-repeat!important;}
.mauvette2 {background:transparent url(assets/bg-mauvette-02.jpg) top left no-repeat!important;}
.mauvette3 {background:transparent url(assets/bg-mauvette-03.jpg) top left no-repeat!important;}
.mauvette4 {background:transparent url(assets/bg-mauvette-04.jpg) top left no-repeat!important;}
.mauvette5 {background:transparent url(assets/bg-mauvette-05.jpg) top left no-repeat!important;}
.berube1 {background:transparent url(assets/bg-berube-01.jpg) top left no-repeat!important;}
.berube2 {background:transparent url(assets/bg-berube-02.jpg) top left no-repeat!important;}
.berube3 {background:transparent url(assets/bg-berube-03.jpg) top left no-repeat!important;}
.berube4 {background:transparent url(assets/bg-berube-04.jpg) top left no-repeat!important;}
.berube5 {background:transparent url(assets/bg-berube-05.jpg) top left no-repeat!important;}
.berube6 {background:transparent url(assets/bg-berube-06.jpg) top left no-repeat!important;}
.berube7 {background:transparent url(assets/bg-berube-07.jpg) top left no-repeat!important;}
.berube8 {background:transparent url(assets/bg-berube-08.jpg) top left no-repeat!important;}
.berube9 {background:transparent url(assets/bg-berube-09.jpg) top left no-repeat!important;}
.berube10 {background:transparent url(assets/bg-berube-10.jpg) top left no-repeat!important;}
.rca1 {background:transparent url(assets/bg-rca-01.jpg) top left no-repeat!important;}
.rca2 {background:transparent url(assets/bg-rca-02.jpg) top left no-repeat!important;}
.rca3 {background:transparent url(assets/bg-rca-03.jpg) top left no-repeat!important;}
.rca4 {background:transparent url(assets/bg-rca-04.jpg) top left no-repeat!important;}
.rca5 {background:transparent url(assets/bg-rca-05.jpg) top left no-repeat!important;}