/* ******************************************************************************************** OrkinPhoto.com XHTML/CSS by Kenneth Feldman at KPFdigital.com http://www.kpfdigital.com All associated graphics Copyright 2008, Ruth Orkin Photo Archive THIS DESIGN IS NOT A TEMPLATE. YOU MAY NOT REPRODUCE IT ELSEWHERE WITHOUT THE DESIGNER'S WRITTEN PERMISSION. You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is Copyright 2008, Ruth Orkin Photo Archive and may not be reproduced. ********************************************************************************************** */ /* BASIC PRE-SETTING ====================================================*/ *{padding:0; margin:0} ul{padding-left:0em; margin-left:0em; list-style-type:none} ol{padding-left:2em; margin-left:0em} /* Setting consistent margin-bottom makes all elements push down on any following elements uniformly. */ h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ol, ul, dl, fieldset, address{margin-bottom:1em} /* MAIN STRUCTURAL ELEMENTS ====================================================*/ body{font:.9em/1.9em georgia,'times new roman','Palatino Linotype',Palatino,serif; background:#fff url('../img/page_bg.jpg') center top repeat-x; color:#333; text-align:center; padding-bottom:45px; padding-top:10px} #container{font-size:1.2em; width:880px; margin-left:auto; margin-right:auto; text-align:left; background-color:#fff; } #inner_container{padding:0 40px} #header{background-color:#fff; height:90px; position:relative} #img_box{background-color:transparent; border-bottom:0px solid white} img.block{display:block} #content_wrapper{padding:47px 0; background:#fff url("../img/bottom-lines.gif") bottom left repeat-x} #left_main_content{width:519px; background-color:transparent; float:left} #wide_main_content{width:800px; background-color:transparent; float:left; position:relative} #inner_content_pad{padding:0 25px 0 25px} blockquote{margin:0px} blockquote p{text-indent:-9999px; margin:0px} blockquote#home{background:#fff url("../img/home-quote4.png") top left no-repeat; width:628px; height:146px; float:left} #side_bar{float:right; width:230px} #side_bar p{font-size:.85em; color:#666; line-height:1.4em} #contactpage #side_bar ul{font-size:.70em; color:#666; line-height:1.2em;font-family:arial,helvetica,verdana,sans-serif} #contactpage #side_bar li{margin-bottom:10px} .newsletter_note {font-size:.70em; color:#666; line-height:1.2em;font-family:arial,helvetica,verdana,sans-serif} #side_bar img{padding:2px} .firstletter:first-letter {font-size:25px; float:left; margin-right:1px; line-height:.8em; color:#b77c37; background-color:transparent;} .gallery_img_box{float:left; margin:0 5px 15px 7px; background-color:transparent;} .gallery_img_box{display:inline; /* The IE5/6 Doubled Float-Margin Bug Fix */} #side_bar .gallery_img_box{margin:0 7px 12px 5px} .gallery_img_box img{padding:2px; display:block} .gallery_img_box p.caption{text-align:center; font-size:.85em; margin:0; padding:0px} .bio-image-box{margin-bottom:1.5em; padding-top:1em; background-color:transparent; } .bio-image-box img{padding:2px; border:1px solid #999; margin-bottom:0px} .bio-image-box p{font-size:.85em; color:#999; line-height:15px} .category_img_box{padding:15px 15px 0px; background-color:transparent; margin-bottom:0; position:relative} .category_img_box img.mag{position:absolute; top:140px; left:140px} .category_img_box img{float:left; padding:2px; margin-bottom:2px} .category_img_box div.details{width:450px; margin-left:175px; padding:0px; background-color:transparent; } .category_img_box div.details h3{color:#333; margin-bottom:.5em; font-size:1.0em} .category_img_box div.details p{font-size:.85em; line-height:1.5em} .film_stills{margin:.5em 0 1.0em 0} .film_stills img{margin-right:1.5em; padding:2px; border:1px solid #999} #footer{width:100%; padding-top:18px; margin-left:auto; margin-right:auto; text-align:center; background-color:transparent; background-repeat:no-repeat} #footer p{width:100%; font-size:.85em; color:#999; background-color:transparent; line-height:1.4em;margin-bottom:10px;margin-left:auto; margin-right:auto;} /* TEXT LINK STYLES ====================================================*/ #content_wrapper a:link{color:#906b36; text-decoration:none; border-bottom:1px dotted #906b36} #content_wrapper a:visited{color:#906b36; text-decoration:none; border-bottom:1px dotted #906b36} #content_wrapper a:hover{color:#333; text-decoration:none; border-bottom:1px dotted #333} a.footer:link{color:#999; text-decoration:none; border-bottom:1px dotted #999} a.footer:visited{color:#999; text-decoration:none; border-bottom:1px dotted #999} a.footer:hover{color:#906b36; text-decoration:none; border-bottom:1px dotted #906b36} a.h1:link{color:#069; text-decoration:none; border-bottom:0px dotted #BF0101} a.h1:visited{color:#069; text-decoration:none; border-bottom:0px dotted #BF0101} a.h1:hover{color:#633; text-decoration:none; border-bottom:0px dotted #BF0101} a img, a:link img, a:visited img{border:1px solid #CCC; text-decoration:none} a:hover img{border:1px solid #000; text-decoration:none; background-color:#fff} a{outline:none} /* Main Navigation Elements -------------------------------------------- */ #nav_bar{height:50px; background:#fff url("../img/bottom-lines.gif") bottom left repeat-x; text-align:center} #nav_bar ul{margin:0 0 0 0; padding-top:14px; background-color:transparent; font-family:'Palatino Linotype',Palatino,Georgia,'Times New Roman',serif; font-size:16px; font-weight:bold; text-transform:uppercase} #nav_bar li{display:inline; background-color:transparent; list-style-type:none; padding:0 7px} #nav_bar a:link{color:#333; text-decoration:none; border-bottom:0px dotted #099} #nav_bar a:visited{color:#333; text-decoration:none; border-bottom:0px dotted #099} #nav_bar a:hover{color:#b77c37; text-decoration:none; border-bottom:0px dotted #d11397} #nav_bar a.current:link{color:#b77c37; text-decoration:none; border-bottom:0px dotted #099} #nav_bar a.current:visited{color:#b77c37; text-decoration:none; border-bottom:0px dotted #099} #nav_bar a.current:hover{color:#b77c37; text-decoration:none; border-bottom:0px dotted #d11397} /* Maintains the on-page state of the Photographs navbar link for its sub-categories */ #celebritypage #nav_bar a.Photographs, #newyorkpage #nav_bar a.Photographs, #childrenpage #nav_bar a.Photographs, #musicpage #nav_bar a.Photographs, #bike_trippage #nav_bar a.Photographs, #american_girlpage #nav_bar a.Photographs, #europepage #nav_bar a.Photographs, #israelpage #nav_bar a.Photographs, #the70spage #nav_bar a.Photographs, #colorpage #nav_bar a.Photographs, #early_colorpage #nav_bar a.Photographs{color:#b77c37} /* DL STYLES (CAREER) ====================================================*/ dl{padding-left:1em; margin-bottom:2em} dt{padding-left:0em; margin-left:0; font-weight:bold; line-height:1.2em; margin-bottom:.5em; color:#906B36} dd{padding-left:1.5em; margin-left:0; line-height:1.2em; margin-bottom:.5em} #chronology dt, #solo dt, #group dt{float:left; clear:both} #chronology dd, #solo dd, #group dd{margin-left:75px; padding-left:0em} /* h(n) STYLES ====================================================*/ /* h1 STYLES *************************** */ #header h1{text-indent:-9876px; position:absolute; top:24px; left:0px; width:398px; height:46px; background:transparent url('../img/logo_7.gif') top left no-repeat; border-bottom:0px} #header h1 a{display:block; width:100%; height:100%; text-decoration:none; border-bottom:0px} /* h2 STYLES *************************** */ h2{color:#b77c37; margin-bottom:2em; font-family:georgia,'times new roman','Palatino Linotype',Palatino,serif; font-size:1.25em} #side_bar h2{color:#b77c37; margin-bottom:.5em; font-family:georgia,'times new roman','Palatino Linotype',Palatino,serif; font-size:.95em} /* h3 STYLES *************************** */ h3{color:#b77c37; margin-bottom:1em; padding-top:1em; font-family:georgia,'times new roman','Palatino Linotype',Palatino,serif; font-size:1.25em} #indexpage h3{margin-bottom:1em} #side_bar h3{font-size:1.3em; color:#099; margin-bottom:1px; font-family:Georgia,'Times New Roman',Times,serif; padding-right:23px} /* h4 STYLES *************************** */ h4{font-size:1.1em; margin-bottom:1.0em; color:#906B36; font-family:Georgia,'Times New Roman',Times,serif} #newspage h4{font-size:1.3em; margin-bottom:1.0em; color:#906; font-family:Georgia,'Times New Roman',Times,serif} /* FORM STYLES ====================================================*/ input{border:1px solid #999; background-color:#fff; color:#666; padding:3px} input#send{background-color:#3f3e33; color:#FFF; padding:3px 10px; margin-top:10px} input:hover{border:1px solid #000; color:#111} input:focus{background:#DFE3E1; border:1px solid #000; color:#111} fieldset {border:0} /* MISCELLANEOUS STYLES ====================================================*/ hr{margin:2em 0px 2em; height:1px; color:#b77c37; border:none}/* For Internet Explorer */ hr{margin:2em 0px 2em; height:1px; background-color:#b77c37; border:none}/* For Gecko-based browsers */ hr{margin:2em 0px 2em; height:1px; background-color:#b77c37; border:0px solid #b77c37}/* For Opera and Gecko-based browsers */ #sound_clip{position:absolute; top:89px; left:530px} #gallery_enlarge_note{margin:0 0 0em 1.65em; color:#B77C37; font-size:.85em} strong{color:#333} .clear {clear:both} #newspage strong{color:#666} /* self clearing rules */ .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix{display:inline-block} /* Hides from IE-mac \*/ .clearfix{display:block} /* End hide from IE-mac */