/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { background:#282828 url(../images/bg_body.jpg) repeat-y top center; font-family: "Lucida Grande", "Lucida Grande Regular", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif; } a:link, a:visited {color:#FF1E00; text-decoration: none} a:hover {color:#FF1E00; text-decoration:underline} p { font-size:14px; color:#656565; line-height:1.7em} h1 { font-size:18px; color:#282727} h5 { font-size:12px; color:#828282} h6 { font-size:12px; color:#111111} /* --------------------------------------------- 02. container and wrapper --------------------------------------------- */ #container { width:100%; background:url(../images/bg_container.gif) repeat-x top right; float:left} #wrapper { width:800px; margin:0 auto;} #wrapper p { padding-bottom:25px} /* --------------------------------------------- 03. topbar styles --------------------------------------------- */ #topbar { width:800px; height:100px; float:left} #topbar .logo { width:200px; height:100px; float:left} #topbar .nav { float: right; padding-top:55px } #topbar .nav ul { float: right} #topbar .nav ul li { float: left; text-align:right; font-size:12px; color:#A5A5A5; padding-left:25px; letter-spacing:2px} #topbar .nav ul li a { text-decoration:none; color:#A5A5A5;} #topbar .nav ul li a:hover { text-decoration:none; color:#fff;} #topbar .nav ul li a.selected { text-decoration:none; color:#fff;} /* --------------------------------------------- 04. subnav --------------------------------------------- */ #subnav { width:800px; height:20px; float:left} #subnav ul { float: left; padding-top:3px} #subnav ul li { float:left; text-align:left; font-size:10px; color:#656565; background:url(../images/divider_subnav.gif) no-repeat right center; letter-spacing:1px; padding-left:10px; padding-right:10px;} #subnav ul li a { text-decoration:none; color:#656565;} #subnav ul li a:hover { text-decoration:none; color:#fff;} #subnav ul li a.selected { text-decoration:none; color:#fff;} #subnav ul li.nodivider { background:none} /* --------------------------------------------- 05. content box --------------------------------------------- */ #contentbox { width:800px; height:340px; float:left; padding-bottom:20px;} #contentbox .photo { height:340px; margin:0 auto; text-align:center; width:508px;} #contentbox .photo ul#main_images {width:508px; height:340px;overflow:hidden;} body#gallery #contentbox {width:700px;margin:0 50px;} /* Added for usability */ .trans { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } /* --------------------------------------------- 06. footer styles --------------------------------------------- */ #footer {width:800px; margin:0 auto;} #footer p { font-size:10px; font-family: "Lucida Grande", "Lucida Grande Regular", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif; letter-spacing:1px; color:#BABABA;} #footer .nav { width:800px; float:left; text-align:center; padding-top:20px} #footer .nav p a { color:#A5A5A5; text-decoration:none; padding-left:5px; padding-right:5px} #footer .nav p a:hover { color:#fff; text-decoration:none} #footer .nav p a.selected { color:#fff; text-decoration:none} #footer .copyright { width:800px; float:left; padding-top:20px; padding-bottom:10px} #footer .copyright p { color:#656565; font-size:8px} #footer .copyright p a { color:#656565; text-decoration:none} #footer .copyright p a:hover { color:#BABABA; text-decoration:none} #footer .copyright p a.selected { color:#BABABA; text-decoration:none} #footer .copyright p span { padding-left:15px } /* --------------------------------------------- 07. gallery page --------------------------------------------- */ #contentbox .arrowleft { width:121px; float:left; text-align:right; padding-right:25px; padding-top:150px} #contentbox .arrowleft a { width:105px; height:11px; font-size:21px; color:#606060; text-decoration:none; letter-spacing:-2px} #contentbox .arrowleft a:hover { color:#fff; text-decoration:none;} #contentbox .gallery { width:508px; float:left; height:340px; text-align: center;} #contentbox .arrowright { width:120px; float: right; text-align:left; padding-left:25px; padding-top:150px} #contentbox .arrowright a { width:105px; height:11px; font-size:21px; color:#606060; text-decoration:none; letter-spacing:-2px} #contentbox .arrowright a:hover { color:#fff; text-decoration:none;} #photogallery { width:100%; height:120px; float:left; background:url(/images/gallery_thumb_bg.png) repeat-x; padding-top:15px; } #photogallery .photos { width:988px; height:120px; margin:0 auto; padding-left:10px;} #photogallery .thumb { width:70px; float:left; margin-right:1px;} /* --------------------------------------------- 08. current work page --------------------------------------------- */ #content { width:770px; background:#FFFFFF; padding:10px 15px; float:left; height:263px; overflow:auto;} body#current_work #content {margin-bottom:30px;min-height:310px;height:auto !important; height:310px;} /* --------------------------------------------- 08.1 current work page - article --------------------------------------------- */ .article { width:770px; float:left; border-bottom:1px solid #CFCECE; padding-bottom:40px; padding-top:10px} .article img { margin-top:8px;} .article h1 { font-size:18px; color:#282727} .article h6 { padding-bottom:25px} .readmore { font-size:12px} .article h5 a { background:url(../images/icon_comments.gif) no-repeat 0px 4px; padding-left:20px; color:#828282; font-size:11px; } .article h5 a:hover { text-decoration:none; color:#000;} /* --------------------------------------------- 09. innerpage - white box --------------------------------------------- */ #whitebox { width:800px; height:336px; background: url(../images/bg_whitebox.jpg) repeat-x top right; float:left; padding-top:4px; padding-bottom:20px } #whitebox #content { width:790px; height:258px; background: url(../images/bg_whitebox.jpg) repeat-x top right; padding:10px 5px; padding-bottom:5px; float:left; overflow:auto; padding-top:5px} #whitebox .content-full { width:790px; height:320px; background: url(../images/bg_whitebox.jpg) repeat-x top right; padding:10px 5px; padding-bottom:0px; float:left; overflow:auto; padding-top:5px } #whitebox p { line-height:1.6em;padding:0 10px 10px;} #whitebox p .highlight { font-size:18px; color:#000; } body#artist_statement #content {height:305px; margin-bottom:20px;} /* --------------------------------------------- 09.1 innerpage - white box - buttons --------------------------------------------- */ #whitebox .buttonlinks { width:800px; float:left; padding-top:15px; padding-bottom:20px} #whitebox .buttonlinks ul { float:left; padding-left:15px} #whitebox .buttonlinks ul li {height:34px; float:left; padding-right:15px; font-size:11px; font-weight: bold; } #whitebox .buttonlinks ul li a { min-width:126px; height:14px; float:left; background:#CFCECE; text-decoration:none; font-weight: bold; color:#FFFFFF; padding:10px 8px} #whitebox .buttonlinks ul li a:hover { color:#656565; text-decoration:none; cursor:pointer;} #whitebox .buttonlinks ul li a.selected { color:#656565; text-decoration:none; } #whitebox .buttonlinks a.big { width:195px} /* --------------------------------------------- 09.2 innerpage - photo shadow --------------------------------------------- */ #photo-shadow { width:800px; height:451px; float:left} /* --------------------------------------------- 09.3 innerpage - white box details --------------------------------------------- */ #whitebox-details { width:770px; float:left; background:#FFF; padding:10px 15px} #whitebox-details h6 { color:#000; font-size:12px; } #whitebox-details h1 { color:#656565; font-size:24px; padding-bottom:10px} #whitebox-details h1 span { font-style:italic; } #whitebox-details p { font-size:11px; padding-bottom:10px; line-height:2.1em; color:#000;} #whitebox-details h4 {font-size:11px; padding-bottom:10px; color:#000;font-weight:bold;} #whitebox-details .article { margin-bottom:10px; padding-bottom:20px} #whitebox-details table#complete_works {font-size:11px; color:#000; margin:10px 0 20px 0;} #whitebox-details table#complete_works th {text-transform:uppercase;font-weight:bold;} #whitebox-details table#complete_works tr {} #whitebox-details table#complete_works td, #whitebox-details table#complete_works th {border-bottom:1px solid #CFCECE; line-height:2.1em;} #whitebox-details table#complete_works td.year {width:61px;padding-right:10px;vertical-align:top;} #whitebox-details table#complete_works td.title {width:251px;font-style:italic;vertical-align:top;} #whitebox-details table#complete_works td.music {padding-right:10px; width:205px;vertical-align:top;} #whitebox-details table#complete_works td.description {width:225px;vertical-align:top;} ul#statement_images {width:800px;height:451px;overflow:hidden;} ul.positions {padding-bottom:15px;} ul.positions li {font-size:11px; line-height:2.1em; color:#000;} ul.publications li a.text {background:transparent url(../images/icon_text.gif) no-repeat scroll 0 0;padding-left:15px; color:#656565;} ul.publications li a.text:hover {color:#000000;} ul.publications li {} /* --------------------------------------------- 09.4 innerpage - white box - icon links --------------------------------------------- */ #whitebox-details .iconlinks { width:770px; float:left; padding-top:15px; padding-bottom:20px} #whitebox-details .iconlinks ul { float:left;} #whitebox-details .iconlinks ul li {float:left; padding-right:15px; font-size:11px} #whitebox-details .iconlinks ul li a { text-decoration:none; color:#656565; padding:5px 15px; padding-bottom:7px} #whitebox-details .iconlinks ul li a:hover { color:#000; text-decoration: none} #whitebox-details .iconlinks ul li a.selected { color:#656565; text-decoration:none} #whitebox-details .iconlinks ul li a.video { width:10px; height:10px; background:url(../images/icon_video.gif) no-repeat 0px 7px;} #whitebox-details .iconlinks ul li a.photo { width:10px; height:10px; background:url(../images/icon_photo.gif) no-repeat 0px 7px;} #whitebox-details .iconlinks ul li a.review { width:10px; height:10px; background:url(../images/icon_review.gif) no-repeat 0px 7px;} #whitebox-details .iconlinks ul li a.interview { width:10px; height:10px; background:url(../images/icon_interview.gif) no-repeat 0px 7px;} #whitebox-details .iconlinks ul li a.text { width:10px; height:10px; background:url(../images/icon_text.gif) no-repeat 0px 6px;} #whitebox-details .iconlinks ul li a.music { width:10px; height:10px; background:url(../images/icon_music.gif) no-repeat 0px 6px;} #whitebox-details .iconlinks ul li span { color:#000;} /* --------------------------------------------- 09.4 innerpage - close button --------------------------------------------- */ a.button_close { width:8px; height:8px; position:absolute; right:10px; margin-top:5px; background:url(../images/icon_close.gif) no-repeat center center; margin-left:-20px; padding:4px; top:5px;} a:hover.button_close { width:8px; height:8px; background:url(../images/icon_close_hover.gif) no-repeat center center; cursor:pointer;} #whitebox-details .content { width:770px; float:left; padding-bottom:10px; padding-top:10px} #whitebox-details .content h6 { padding-bottom:15px; font-weight:normal;} #whitebox-details .content h1 span {font-style:italic;} #whitebox-details .content p { padding-top:15px; padding-bottom:10px} #whitebox-details .content a.underline { text-decoration:underline;} /* --------------------------------------------- 09.5 innerpage - ajax content components --------------------------------------------- */ #content-load,#whitebox-details {display:none;position:relative;} .videos {display:none;} /* --------------------------------------------- 09.6 contact page --------------------------------------------- */ body#contact #contentbox {background-color:#111111; height:330px; padding:10px 0 20px 175px; width:545px;} #contact .contact_info {padding-left:105px;} body#contact p {padding-bottom:5px;} body#contact .contact_info p {color:#acacac;font-size:12px; line-height:15px;padding-bottom:10px;} body#contact p.intro, body#contact p.thanks {font-size:12px; color:#fff;padding-bottom:5px;} body#contact p.thanks {line-height:120px;} body#contact form p {text-transform:uppercase;font-size:10px; font-weight:bold;color:#fff; width:380px; height:20px;} body#contact form p#message {height:58px;} body#contact form {width:380px;} body#contact form input {} body#contact form input, body#contact form textarea {width:273px; float:right; color:#1e1e1e;border:none;padding:2px 1px;} body#contact form label {float:left;width:95px;text-align:right;} body#contact form div {clear:both;margin-bottom:10px;} body#contact form textarea {overflow:auto;} body#contact form input#submit {height:19px;width:86px; float:left; outline:0; margin:5px 0 0 105px;clear:both;}