/* screen styles from template version 1.0 */ /* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */ /* Table of Contents Non-displaying Elements Layout Page Specific Layout Typography and Inline Elements Page Specific Typography Navigation Specific Nav Button Styling */ /* Non-displaying Elements*/ /* *************************************************************************************** */ #foo { display:none; } #bar { text-indent:-9999px; overflow:hidden } /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */ /* Layout */ /* *************************************************************************************** */ html {background-color:#f0ece1; background-image:url(../images/bg.png);} body { font-size:0.875em; /* makes font a specific size... must find it... */ text-align:center; } #container { height:auto; margin:0 auto; position:relative; text-align:left; background-color:#f0ece1 } #branding {background-repeat:repeat-x; background-position:top center; background-image:url(../images/header-tile.png); } #branding .logo {margin-top:20px; margin-left:64px;} #branding .inner-wrap{width:1080px;background-image:url(../images/branding-bg.png); background-position:top left; background-repeat:no-repeat; height:266px;} #content { font-size: 130%;background-color:#f0ece1; } #content { clear:left; float:left; width:100%; min-height:200px; padding:2em 0 0; background-image:url(../images/content-bottom-tile.png); background-repeat:repeat-x; background-position:bottom center } #content .inner-wrap {background-image:url(../images/snowdrift.png); background-position:right bottom; background-repeat:no-repeat; padding-bottom:120px;} #content .main { width:75%; float:left; } #content .aside { width:20%; float:right; } #footer { background-image:url(../images/footer-tile.png); background-position:top center; background-repeat:repeat-x; min-height:128px; padding:2em 0;color:#F0ECE1; } #footer {clear:left; float:left; width:100%; margin-bottom:2em; } .inner-wrap { margin: 0 auto; text-align: left; width: 960px; } /* Page Specific Layout */ /* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */ /* Typography and Inline Elements */ /* *************************************************************************************** */ h1 { } h2 { } h3 { } p { } /* Page Specific Typography */ /* use a class on the to change specific typographic elements (e.g.

backgrounds) / .layout-home h1 { } / Navigation / / placement of navigation / / *************************************************************************************** / #nav-main { float: left; width: 100%; padding-top:7px; overflow:hidden;background-color:#f0ece1 } #nav-main ul { list-style: none inside; margin: 0px; } / used to get the "current collection" button to be over the logo / #nav-main ul, #nav-main li{/ fix IE6 and IE7 List bug / display: inline; } #container { height:auto; margin:0 auto; position:relative; text-align:left; } .column { width:45% } / Portfolio Pages / / Page should have class=layout-portfolio / .layout-portfolio #images { float:left; width: 409px; overflow: hidden; } .layout-portfolio #main_portfolio_img { margin-bottom:25px; float:left; } .layout-portfolio .thumbnails p { font-size:0.8em; margin: 0; } .layout-portfolio .thumbnails img { margin:0 23px 23px 0; border: 1px solid #CCC; } .layout-portfolio #portfolio-info { float:right; width: 350px; } / Typography and Inline Elements / / *************************************************************************************** / / Page Specific Typography / / use a class on the to change specific typographic elements (e.g.

backgrounds) */