/* ----------------------------------------- Stylesheet for dietzarch.com / Dietz & Company Architects Author: cdeVision.com Copyright: (c)2008 cdeVision Created: 24 February 2008 Updated: 23 June 2008 - pngfix for IE6 -------------------------------------------- */ body {margin:0 0 30px 0; padding:20px; font-family:arial,helvetica,sans-serif; font-size:11px; color:#333; background-color:#fff; background-repeat:no-repeat; /*background-position:80px 0;*/ background-position:0 0;} /* page backgrounds by section */ #introduction-bg {background-image:url(images/bg-introduction.jpg);} #creation-bg {background-image:url(images/bg-creation.jpg);} #recognition-bg {background-image:url(images/bg-recognition.jpg);} #connection-bg {background-image:url(images/bg-connection.jpg);} h1, h2, h3, h4 {padding:0; margin:0;} h1 {color:#0D3769; font:normal 22px arial,sans-serif; line-height:24px; padding-bottom:12px;} /* page titles */ h2 {font:normal 16px arial,sans-serif; color:#666; line-height:20px; padding:10px 0 8px 0;} /* sub-titles */ p {margin:0; padding:0 0 12px 0; line-height:20px;} p.intro {font-size:14px; line-height:18px;} /* page intro text */ p.error {padding:0 0 0 22px !important; background:url(admin/icons/warning.gif) 0 1px no-repeat; color:#de0000;} p.thanks {color:#9E3E42 !important;} ul, ol {margin:0 0 0 25px; padding:0 0 13px 0;} li {line-height:18px; padding:0 0 8px 0;} img {border:0;} .clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} div#printlogo {display:none;} /* fix PNG transparency in IE6- */ #flag, #quote, a.arrow, a.arrowdown {behavior:url(scripts/iepngfix.htc);} /* ---- links ----------------------------------------- */ a {color:#0B3A70; text-decoration:underline;} a:visited {color:#0B3A70;} a:hover {color:#145E9B; text-decoration:none;} a:active {color:#0B3A70;} a:active, a:focus {outline:none;} /* "moreinfo" links */ .moreinfo {display:none;} a.arrow {background:url(images/icon-arrow.png) 100% 3px no-repeat; padding-right:11px;} a.arrowdown {background:url(images/icon-arrowdown.png) 100% 4px no-repeat; padding-right:13px;} /* qTip tooltips (on team & portfolio pages thumbnails) */ div#qTip {display:none; text-transform:lowercase; padding:3px; border-right:1px solid #666; border-bottom:1px solid #666; background:#fff; color:#369; font-size:10px; text-align:left; position:absolute; z-index:1000;} /* services, news, awards, and employment pages show/hide divs */ div.extra {padding:0 15px 0 15px; margin-bottom:12px; background:transparent;} div.extra p {line-height:17px !important; padding-bottom:8px !important;} div.extra ul {padding-bottom:8px !important;} div.extra li {line-height:17px !important; padding-bottom:4px !important;} /* ---- forms ----------------------------------------- */ form {margin:0;} input, textarea, select, option {font-family:arial,helvetica,sans-serif; font-size:11px;} input {border:0; width:200px;} textarea {border:0; width:200px; height:180px;} input.button {background-color:#ccc; color:#666; width:80px;} /* ---- ids & classes ----------------------------------------- */ #header {width:770px; height:40px; position:relative; background:#fff; border-top:1px solid #69c; border-bottom:1px solid #69c; margin:0;} #flashheader {margin-left:3px;} #logo {position:absolute; top:10px; left:1px; width:413px; height:22px; background:url(images/logo.gif) no-repeat;} #logo h1 {padding:0; margin:0;} #logo span {display:none;} #logo a {display:block; width:413px; height:22px;} #tagline {position:absolute; top:15px; left:423px; width:348px; height:16px; background:url(images/tagline.gif) no-repeat;} #tagline h2 {padding:0; margin:0;} #tagline span {display:none;} #lcol {float:left; width:165px; background:transparent; margin-top:15px; position:relative;} #navmenu {background:transparent;} ul#menu, #menu ul {font-size:10px; font-weight:bold; list-style:none; margin:0; padding:0; letter-spacing:2px; text-transform:uppercase;} #menu li {padding:0; margin:0; line-height:20px; display:block;} #menu a {color:#333; text-decoration:none; display:block;} #menu a:hover {color:#69c;} #menu a.current {color:#69c !important;} #menu ul.on a.current {color:#69c !important;} #menu ul {padding:0 0 3px 15px;} #menu ul li {text-transform:lowercase; letter-spacing:1px !important; padding:0; line-height:14px;} li.exsubnav {line-height:11px !important; padding-top:3px !important; padding-bottom:3px !important;} #menu span {/*display:none;*/} /* grid logo only appears on home page */ #logofaded {width:76px; height:106px; position:absolute; top:351px; left:0; background:url(images/logo-faded.gif) no-repeat;} #footer {position:absolute; top:480px; left:0; margin-right:30px;} #footer p {color:#ccc; font:normal 10px/13px arial,sans-serif;} #content {background:transparent; width:auto; margin:0 0 0 175px; position:relative; /*border:1px solid red;*/} /* liquid to accomodate larger portfolio images */ #content h1 {display:none;/* text-transform:lowercase; padding:3px; color:#bbb;*/} #content a {color:#fff; text-decoration:none;} #content a:hover {text-decoration:underline;} /* slideshows */ #slideshow-home {width:540px; margin:50px 0 0 55px;} #slideshow-exhibition {margin:50px 0 0 55px;} /* flag left position is inline */ #flag {position:absolute; top:0; width:300px; height:87px;} #flag span {display:none;} /* textbox margin-left inline */ #textbox {width:340px; padding:30px 15px 20px; margin-top:86px !important; background:url(images/blue-bg.png);} #textbox p {} /* quote margin-left is inline */ #quote {width:390px; background:transparent; margin-top:25px;} /* google map on contact page */ #googlemap {background:#ccc;} #map_canvas {width:335px; height:300px; background:#efefef; border:1px solid #ccc; margin-bottom:12px;} #map_canvas img {background:transparent;} #map_embed {font-size:11px !important;} /* Team page */ #teamgrid {position:absolute; padding: 6px 0; top:60px; left:46px; width:170px; background:transparent url(images/bg-team.png); text-align:center;} #teamgrid p {padding:0; font-size:10px; line-height:12px; color:#369;} table#team {margin:0 auto;} table#team td {padding:8px;} table#team a.on img {filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; -khtml-opacity:0.25;} table#team a img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;} table#team a:hover img {filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; -khtml-opacity:0.25;} /* Exhibition pages */ #exgrid {position:absolute; padding:6px 0; top:60px; left:15px; width:110px; background:transparent url(images/bg-team.png); text-align:center; z-index:200;} #exgrid p {padding:0 10px; font-size:10px; line-height:12px; color:#369;} table#ex {margin:0 auto;} table#ex td {padding:8px;} table#ex a.on img {filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; -khtml-opacity:0.25;} table#ex a img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;} table#ex a:hover img {filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; -khtml-opacity:0.25;} .extext {margin-left:10px;} /*img#itemdetail {position:absolute; left:130px; top:87px; z-index:100;}*/ #projecttextbox {position:absolute; left:205px; top:340px; width:340px; padding:30px 15px 20px; background:url(images/blue-bg-2.png); visibility:visible; z-index:300; margin-bottom:30px;} /* may have to move top & left to inline */ /* jquery loader in place of #imgdetail above */ div#loader {overflow:hidden; position:absolute; left:156px; top:87px; z-index:100;} div#loader.loading {background:url(images/loader2.gif) 50% 50% no-repeat;} /* specific section classes (of content div) for absolute positioning of child elements where necessary */ /* home page slideshow */ div.home {/*padding:50px 0 0 55px*/ padding:1px;} div.introduction {padding:1px;} div.creation {padding:1px;} div.exhibition {padding:1px;} div.recognition {padding:1px;} div.connection {padding:1px;} /* form tables */ table#formTable {margin:0 auto;} table#formTable td {vertical-align:top; padding:4px; font-size:11px; border:0;} table#formTable td.right {text-align:right;} /* ---- admin panel styles -------------------- */ #adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:300;} #adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;} #adminmenu table td {padding:3px;} #adminmenu img {margin-left:6px;} #adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;} #adminmenu a:hover {color:red;}