@import "reset.css";

/* colors
yellow: #ffdc1e
-----
-------------*/

body {font-size:62.5%; font-family:Geneva, 'Geneva CY', tahoma, helvetica, arial, sans-serif; background-color:#fff; color:#000;
}

.container {width:960px; margin:0 auto;
}

#masthead {text-indent:-9999px; width:954px; height:10px; background-color:#ffdc1e; border-left:solid 6px #000; line-height:1px; 
}

#main-content {background-color:#000; float:right; display:inline; color:#ffdc1e; width:744px;
}

#page-title {height:100px; background-color:#ffdc1e; text-indent:-9999px;
}

.about-title {background:url(./images/about_title.gif) 44px 30px #ffdc1e no-repeat;
}

.cpr-title {background:url(./images/cpr_title.gif) 44px 30px #ffdc1e no-repeat;
}

.artists-title {background:url(./images/artists_title.gif) 44px 30px #ffdc1e no-repeat;
}

.statement-title {background:url(./images/statement_title.gif) 44px 30px #ffdc1e no-repeat;
}

#text-area {padding:25px 60px 50px 44px; width:640px;
}

.artists #text-area {padding:25px 60px 50px 0; width:684px;
}

#footer {clear:both; background:url(images/footer.jpg) 0 0 no-repeat; height:40px; width:960px;
}




.home #main-content {background:url(./images/displacement.jpg) 0 0 no-repeat; padding:550px 0 35px; background-color:#000;
}

.show-details {background:url(./images/show_details.gif) 0 0 #ffdc1e no-repeat; text-indent:-9999px; height:120px; margin:20px 0;
}

.home #main-content p {padding:0 60px 0 44px;
}




.artists .photo-title {float:left; margin:5px 40px 0 0; width:200px; background-color:#ffdc1e; display:inline;
}

.artist {margin:0 0 30px 240px;
}




/* main nav
----------------
-------------------------------*/

div#nav {width:215px; float:left; display:inline;
}

ul#main-nav {background-color:#fff; width:210px; font-size:18px; font-weight:normal; border-left:solid 6px #000; padding:30px 0 75px 0;
}

ul#main-nav li {margin:0 0 20px; line-height:1.4;
}

ul#main-nav li a {width:170px; display:block; padding:0 0 0 25px; color:#000; text-decoration:none;
}

ul#main-nav li a:hover, ul#main-nav li a:focus {background:url(./images/nav_block_over.gif) 0 3px no-repeat; color:#ffdc1e; text-decoration:none;
}

ul#main-nav li a.on { background:url(./images/nav_block.gif) 0 3px no-repeat; color:#000;
}



/* typography
----------------
-------------------------------*/

p {font-size:1.2em; margin:0 0 10px; line-height:1.4;
}

h2 {text-indent:-9999px; height:35px;
}

h3 {font-size:1.2em; font-weight:normal; text-transform:uppercase; line-height:1.4; margin:20px 0 0;
}

.photo-title h3 {text-indent:-9999px; width:200px; height:30px; line-height:1px; margin:0; padding:0;
}

h3.pereda {height:50px; background:url(./images/pereda_name.gif) 0 0 no-repeat;
}

h3.batsry {background:url(./images/batsry_name.gif) 0 0 no-repeat;
}

h3.graydon {background:url(./images/graydon_name.gif) 0 0 no-repeat;
}

h3.rozin {background:url(./images/rozin_name.gif) 0 0 no-repeat;
}

h3.shirley {background:url(./images/shirley_name.gif) 0 0 no-repeat;
}

h3.tung {background:url(./images/tung_name.gif) 0 0 no-repeat;
}

h3.displacement {text-indent:-9999px; height:30px; width:300px; line-height:1px; margin:0; padding:0; background:url(./images/displacement_title.gif) 0 0 no-repeat;
}

.statement h3 {margin:30px 0 5px;
}

.start-time {width:5.5em; float:left;
}

#main-content ul {font-size:1.2em; margin:15px 30px; list-style-image:url(./images/dash_bullet.gif);
}

#main-content ul li {margin:5px 0; line-height:1.3;
}

p.caption {color:#fff;
}

.caption-title {text-transform:uppercase; font-size:11px;
}

.artists p.opening-photos-text {margin:25px 0 20px 240px;
}

.cpr p.opening-photos-text {margin:0 0 25px;
}

.home p.highlight {font-size:1.4em; line-height:1.6;
}





/* links
----------------
-------------------------------*/
 
a, a:visited {text-decoration:none; color:#fff;
}

a:hover, a:focus {text-decoration:underline;
}





/* general
----------------
-------------------------------*/

strong {font-weight:bold;
}

em {font-style:italic;
}

.nobold {font-weight:normal;
}