/* 6/30/09 6:59 PM*/ /* ---------Imported Styles---------*/ @import url(reset.css); @import url(classes.css); /* 180 #c13828 449 #544726 = 47371C 451 #ada07a 454 #e2d8bf */ body { color: #333; font-family: Verdana, Arial, Geneva, Tahoma, sans-serif; font-size: 100%; font-size: 11px; font-weight: normal; line-height: 1.4; margin: 0; padding: 0; text-align: center; background-color: #E0DBCF; } /* forces scrollbars */ html { height: 100%; margin-bottom: 1px; } /* Sets the style for unvisited links. */ a, a:link, a:visited { color: #c13828; text-decoration: underline; outline: none; cursor: hand; } a:hover { color: #391A0E; text-decoration: underline; } a:focus,a:active { color: #391A0E; } a:active { outline: none; } a img, a:link img, a:visited img, a:hover img, a:focus img, a:active img { border-style: none; outline: none; text-decoration: none !important; outline-width: 0; border: 0 !important; } /*heading styles*/ h1, h2, h3, h4, h5, h6 { color: #391A0E; line-height: 14px; font-weight: 700; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Geneva, Tahoma, sans-serif; } h1 { font-size: 14px; margin: 0 0 0.5em 0; padding: 0 0 0.25em 0; } h2 { font-size: 12px; margin: 0 0 0.33em 0; padding: 0 0 0.25em 0; } h3 { font-size: 11px; margin: 0 0 0.25em 0; padding: 0 0 0.125em 0; } h4 { font-size: 10px; margin: 0.5em 0 0 0; } h5 { font-size: 10px; margin: 0.5em 0 0 0; font-weight: 500; } /*tags*/ p { margin: 0.33em 0 1em 0; line-height: 1.6; } blockquote, ul, ol, dl { margin: 1em 0; padding-left: 2.5em; } blockquote p { font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman" serif; line-height: 1.333; font-style: italic; font-weight: 500; padding-top: 0.75em; margin-bottom: 0; font-size: 1.2em; color: #8B7D6B; } blockquote cite { padding-left: 3em; margin-top: 0; font-style: normal; } ul li { list-style: square outside; } ol li { list-style: decimal outside; } dt { margin: 0.5em 0 0 0; } dl dd { margin: 0.25em 0 0.5em 1em; } pre, code, tt { font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; margin: 1em 0; } code, tt { border-bottom: 1px solid #E3E3E3; padding: 0 1px; } small { font-size: 85%; } big { font-size: 115%; } sup { font-size: smaller; vertical-align: 0.5em; line-height: 1px; } em, i { font-style: italic; font-weight: normal; } strong, b { font-weight: bold; } /*indicating to users that more info is available */ abbr, acronym { background-color: #FFF; padding-left: 0.2em; padding-right: 0.2em; border-bottom: dotted #000 1px; cursor: help; } #outerWrapper { background-color: #E0DBCF; text-align: left; width: 960px; margin: 40px auto 0; } #outerWrapper #topNavigation { background-color: #E0DBCF; margin: 0; padding: 0; width: 960px; float: left; } #outerWrapper #topNavigation ul { height: auto; border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #outerWrapper #topNavigation ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #outerWrapper #topNavigation ul li a { background: #6C5F49; width: 96px; /*96px*/ height: auto; padding: 0; margin: 0; color: #fff; text-decoration: none; display: block; text-align: center; font: normal 10px/18px verdana, lucida, sans-serif; text-transform: uppercase; font-size: 90%; letter-spacing: 0.25em; } #outerWrapper #topNavigation ul li a:hover { color: #544726; background: #fff; } #outerWrapper #topNavigation a:active { background: #f5d7b4; color: #9F3F46; } #outerWrapper #topNavigation ul li#home a { width: 240px; background: #c13828;/*9F3F46*/ letter-spacing: 0.67em; } #outerWrapper #topNavigation ul li#home a:hover { color: #c13828; background: #fff; } #outerWrapper #topNavigation ul li#portfolio a, #outerWrapper #topNavigation ul li#clients a { background: #544726; border-right: 1px solid #FFF; } #outerWrapper #topNavigation ul li#portfolio a:hover, #outerWrapper #topNavigation ul li#clients a:hover { background: #fff; color: #544726; } #outerWrapper #topNavigation ul li#home a, #outerWrapper #topNavigation ul li#about a { border-right: 1px solid #FFF; } #outerWrapper #contentWrapper { width: 960px; height: 553px; background: url(../images/contentwrapper-bg.gif) repeat-y 0 0; } #outerWrapper #contentWrapper #sidebar { background-color: #ada07a; /*ada07a*/ float: left; width: 160px; padding: 60px 40px 40px; } #outerWrapper #contentWrapper #content { margin: 0 0 0 240px; padding: 76px 110px 40px 292px; } #outerWrapper #contentWrapper #content h1 { font-size: 11px; letter-spacing: 0.2em; font-weight: 700; text-transform: uppercase; } #outerWrapper #contentWrapper #content ul { padding-left: 0; } #outerWrapper #contentWrapper #content ul li { list-style-type: none; margin-bottom: 0.25em; } #outerWrapper #contentWrapper #content ul li.x2 { margin-bottom: 1em; } #outerWrapper #footer { background: #D5CFBF; padding: 10px 10px 10px 10px; height: auto; font-size: 9px; } #outerWrapper #footer a { color: #333;} #outerWrapper #contentWrapper .clearFloat { clear: left; display: block; } /*subNav*/ #outerWrapper #contentWrapper #sidebar #subNav { padding: 0; margin: 0; } #outerWrapper #contentWrapper #sidebar #subNav ul { margin: 0 0 1.5em; padding: 0; text-align: left; list-style-type: none; text-transform: capitalize; } #outerWrapper #contentWrapper #sidebar #subNav ul + ul { margin-top: 1em; } #outerWrapper #contentWrapper #sidebar #subNav ul li, #outerWrapper #contentWrapper #sidebar #subNav ul ul li { list-style-type: none; line-height: 1.4; padding: 0 0 0.75em 0; } #subNav a, #subNav a:link, #subNav a:visited { color: #4c280f; text-decoration: none; } #subNav a:hover, #subNav a:focus, #subNav a:active { color: #4C280F; font-weight: 700; } #subNav h2 { color: #000; text-transform: uppercase; letter-spacing: 0.25em; font-size: 10px; } #outerWrapper #contentWrapper #sidebar #subNav ul ul { padding: 3px 10px 0 15px; } #outerWrapper #contentWrapper #sidebar #subNav a img, #outerWrapper #contentWrapper #sidebar #subNav a:link img, #outerWrapper #contentWrapper #sidebar #subNav a:visited img, #outerWrapper #contentWrapper #sidebar #subNav a:hover img, #outerWrapper #contentWrapper #sidebar #subNav a:focus img, #outerWrapper #contentWrapper #sidebar #subNav a:active img { border: 1px solid gray !important; } #outerWrapper #contentWrapper #sidebar #subNav a img.here, #outerWrapper #contentWrapper #sidebar #subNav img.here { border: 1px solid #c13828 !important; } body#portfoliopage #outerWrapper #topNavigation ul li#portfolio a, body#clientspage #outerWrapper #topNavigation ul li#clients a, body#aboutpage #outerWrapper #topNavigation ul li#about a, body#contactpage #outerWrapper #topNavigation ul li#contact a { background: #FFF; color: #000; } body#portfoliopage.exhibitionspage li#exhibitions a, body#portfoliopage.identitiespage li#identities a, body#portfoliopage.bookspage li#books a, body#portfoliopage.illustrationspage li#illustrations a, body#portfoliopage.publicationspage li#publications a, body#portfoliopage.posterspage li#posters a { color: #c13828; text-decoration: none; font-weight: 700; } body#homepage #outerWrapper #contentWrapper #content { background: url(../images/fern-bg.gif) no-repeat 10px 50px; padding: 76px 76px 220px 292px; margin-bottom:-20px; height: 280px; } body#portfoliopage.identitiespage #outerWrapper #contentWrapper #content, body#portfoliopage.illustrationspage #outerWrapper #contentWrapper #content, body#portfoliopage.exhibitionspage #outerWrapper #contentWrapper #content, body#portfoliopage.bookspage #outerWrapper #contentWrapper #content, body#portfoliopage.publicationspage #outerWrapper #contentWrapper #content, body#portfoliopage.posterspage #outerWrapper #contentWrapper #content { padding: 76px 36px 76px 16px; _height: 345px; /*required by IE*/ _overflow: auto; } /* exhibitions */ body#portfoliopage.exhibitionspage #outerWrapper #contentWrapper #content.ex1 { background:url(../images/bg-ex-1.jpg) no-repeat 0 18px; } body#portfoliopage.exhibitionspage #outerWrapper #contentWrapper #content.ex2 { background:url(../images/bg-ex-2.gif) no-repeat 0 18px; } body#portfoliopage.exhibitionspage #outerWrapper #contentWrapper #content.ex3 { background: url(../images/bg-ex-3.jpg) no-repeat 0 18px; } body#portfoliopage.exhibitionspage #outerWrapper #contentWrapper #content.ex4 { background: url(../images/bg-ex-4.gif) no-repeat 0 18px; } body#portfoliopage.exhibitionspage #outerWrapper #contentWrapper #content.ex5 { background: url(../images/bg-ex-5.gif) no-repeat 0 18px; } body#portfoliopage.exhibitionspage #outerWrapper #contentWrapper #content.ex6 { background: url(../images/bg-ex-6.jpg) no-repeat 0 18px; } /* identities */ body#portfoliopage.identitiespage #outerWrapper #contentWrapper #content.id1 { background:url(../images/bg-id-1.gif) no-repeat; } body#portfoliopage.identitiespage #outerWrapper #contentWrapper #content.id2 { background:url(../images/bg-id-2.gif) no-repeat 25px 6px; } body#portfoliopage.identitiespage #outerWrapper #contentWrapper #content.id3 { background: url(../images/bg-id-3.gif) no-repeat 0 0 !important; } body#portfoliopage.identitiespage #outerWrapper #contentWrapper #content.id4 { background: url(../images/bg-id-4.gif) 25px 25px no-repeat; } body#portfoliopage.identitiespage #outerWrapper #contentWrapper #content.id5 { background: url(../images/bg-id-5.gif) no-repeat; } body#portfoliopage.identitiespage #outerWrapper #contentWrapper #content.id6 { background: url(../images/bg-id-6.gif) no-repeat; } /* bookspage */ body#portfoliopage.bookspage #outerWrapper #contentWrapper #content.bk1 { background:url(../images/bg-bk-1.jpg) no-repeat 0 22px; } body#portfoliopage.bookspage #outerWrapper #contentWrapper #content.bk2 { background:url(../images/bg-bk-2.jpg) no-repeat; } body#portfoliopage.bookspage #outerWrapper #contentWrapper #content.bk3 { background: url(../images/bg-bk-3.jpg) no-repeat 0 12px; } body#portfoliopage.bookspage #outerWrapper #contentWrapper #content.bk4 { background: url(../images/bg-bk-4.jpg) no-repeat; } body#portfoliopage.bookspage #outerWrapper #contentWrapper #content.bk5 { background: url(../images/bg-bk-5.jpg) no-repeat; } body#portfoliopage.bookspage #outerWrapper #contentWrapper #content.bk6 { background: url(../images/bg-bk-6.jpg) no-repeat; } /* illustrationspage */ body#portfoliopage.illustrationspage #outerWrapper #contentWrapper #content.il1 { background: url(../images/bg-il-1.gif) no-repeat -65px 0; } body#portfoliopage.illustrationspage #outerWrapper #contentWrapper #content.il2 { background: url(../images/bg-il-2.jpg) no-repeat; } body#portfoliopage.illustrationspage #outerWrapper #contentWrapper #content.il3 { background: url(../images/bg-il-3.gif) no-repeat -10px 30px; } body#portfoliopage.illustrationspage #outerWrapper #contentWrapper #content.il4 { background: url(../images/bg-il-4.gif) no-repeat 0 40px; } body#portfoliopage.illustrationspage #outerWrapper #contentWrapper #content.il5 { background: url(../images/bg-il-5.jpg) no-repeat 0 20px; } body#portfoliopage.illustrationspage #outerWrapper #contentWrapper #content.il6 { background: url(../images/bg-il-6.gif) no-repeat 14px 20px; } /* publicationspage */ body#portfoliopage.publicationspage #outerWrapper #contentWrapper #content.pb1 { background-image: url(../images/bg-pub-1.gif); background-repeat: no-repeat; background-position: -10px 3px; } body#portfoliopage.publicationspage #outerWrapper #contentWrapper #content.pb2 { background:url(../images/bg-pub-2.gif) no-repeat 0 16px; } body#portfoliopage.publicationspage #outerWrapper #contentWrapper #content.pb3 { background: url(../images/bg-pub-3.gif) no-repeat -2px 18px; } body#portfoliopage.publicationspage #outerWrapper #contentWrapper #content.pb4 { background: url(../images/bg-pub-4.jpg) no-repeat 0 18px; } body#portfoliopage.publicationspage #outerWrapper #contentWrapper #content.pb5 { background: url(../images/bg-pub-5.gif) no-repeat 0 18px; } body#portfoliopage.publicationspage #outerWrapper #contentWrapper #content.pb6 { background: url(../images/bg-pub-6.jpg) no-repeat 0 40px; } /* posterspage */ body#portfoliopage.posterspage #outerWrapper #contentWrapper #content.po1 { background:url(../images/bg-po-1.gif) no-repeat 0 35px; } body#portfoliopage.posterspage #outerWrapper #contentWrapper #content.po2 { background:url(../images/bg-po-2.gif) no-repeat 0 35px; } body#portfoliopage.posterspage #outerWrapper #contentWrapper #content.po3 { background: url(../images/bg-po-3.jpg) no-repeat -60px 35px; } body#portfoliopage.posterspage #outerWrapper #contentWrapper #content.po4 { background: url(../images/bg-po-4.gif) no-repeat 0 35px; } body#portfoliopage.posterspage #outerWrapper #contentWrapper #content.po5 { background: url(../images/bg-po-5.jpg) no-repeat 0 35px; } body#portfoliopage.posterspage #outerWrapper #contentWrapper #content.po6 { background: url(../images/bg-po-6.jpg) no-repeat 0 35px; } /*content tags*/ body#portfoliopage #outerWrapper #contentWrapper #content h1 { font-size: 11px; letter-spacing: normal; font-weight: 700; text-transform: none; margin-bottom:0; } body#portfoliopage #outerWrapper #contentWrapper #content h1, body#portfoliopage #outerWrapper #contentWrapper #content h3, body#portfoliopage #outerWrapper #contentWrapper #content p { width: 220px; } body#portfoliopage #outerWrapper #contentWrapper #content p { line-height:normal; } body#portfoliopage #outerWrapper #contentWrapper #content #credits p { line-height: normal; } body#portfoliopage #outerWrapper #contentWrapper #content.ex4 h1, body#portfoliopage #outerWrapper #contentWrapper #content.ex4 p, body#portfoliopage #outerWrapper #contentWrapper #content.bk1 h1, body#portfoliopage #outerWrapper #contentWrapper #content.bk1 p { width: 260px; } body#portfoliopage #outerWrapper #contentWrapper #content.ex5 h1, body#portfoliopage #outerWrapper #contentWrapper #content.ex5 h3, body#portfoliopage #outerWrapper #contentWrapper #content.ex5 p, body#portfoliopage #outerWrapper #contentWrapper #content.bk1 h1, body#portfoliopage #outerWrapper #contentWrapper #content.bk1 h3, body#portfoliopage #outerWrapper #contentWrapper #content.bk3 h1, body#portfoliopage #outerWrapper #contentWrapper #content.bk3 h3, body#portfoliopage #outerWrapper #contentWrapper #content.bk3 p, body#portfoliopage #outerWrapper #contentWrapper #content.bk6 h1, body#portfoliopage #outerWrapper #contentWrapper #content.bk6 h3, body#portfoliopage #outerWrapper #contentWrapper #content.bk6 p { width: 300px; } body#clientspage #outerWrapper #contentWrapper #content { margin: 0 0 0 240px; padding: 76px 10px 40px 95px; } body#clientspage #outerWrapper #contentWrapper #content dl { margin: 1em 0; padding-left: 0; } body#clientspage #outerWrapper #contentWrapper #content dl dd { margin: 0 0 1em 0; } body#clientspage #outerWrapper #contentWrapper #content h1 { color: #c13828; } body#clientspage #outerWrapper #contentWrapper #content h1.mg-top { margin-top: 18px; } body#clientspage #outerWrapper #contentWrapper #content h2 { margin: 0.25em 0 ; padding: 0.25em 0 ; } body#clientspage #outerWrapper #contentWrapper #content h2 + ul, body#clientspage #outerWrapper #contentWrapper #content h2 + dl { margin: 0 0 1em 0; padding: 0 0 0.25em 0; } body#portfoliopage.hp #outerWrapper #contentWrapper #content { padding: 76px 76px 220px 292px; width: auto !important; } body#portfoliopage #outerWrapper #contentWrapper #content p.wide { width: auto; line-height: 1.6; }