/* Theme Name: Khaya Collection Version: 2 (WP2.9.1) Author: John Rackerby Author URI: http://jrack.com */ @charset "UTF-8"; /* CSS Document */ body {background-color:#f9f5f0; font-family:Arial, Helvetica, sans-serif; color:#666; padding:0; margin:0;} a:active, a:focus {outline: 0;} /*GLOBAL*/ h1 a:link, h2 a:link ,h3 a:link {text-decoration:none; color:#666666;} h1 a:visited, h2 a:visited, h3 a:visited {text-decoration:none; color:#666666;} h1a:hover, h2 a:hover, h3 a:hover {text-decoration:underline; color:#666666;} /* MAIN LAYOUT */ #shell {width:100%; padding:0; margin:0;} #wrapper {width:969px; margin:0 auto 0 auto; background-color:#fff; border: 1px solid #c0bdb9; padding:2px;} #eye {width:969px; margin:5px auto 0 auto;} #eyebrow { text-align:right; margin:5px 5px 0 0; height:20px; width:500px; float:right; padding:0; font-size: 11px; color: #baa087; text-decoration:none; } #eyebrow a:link, #eyebrow a:visited { font-size: 11px; color: #baa087; text-decoration:none; } #eyebrow a:hover { font-size: 11px; color: #baa087; text-decoration:underline; } .eye_div {padding:0 10px;} #header_l {float:left; width:166px; height:150px; background:url(/images/common/klogo.png) 0px 0 no-repeat; margin:0px; padding:0px;} a#logo {float:left; width:166px; height:150px; background:url(/images/common/klogo.png) 0px 0 no-repeat; margin:0px; padding:0px;} #header_r {float:left; width:801px; height:150px; background-color:#dfd7d0; margin-left:2px;} /* MENU ELEMENTS */ #nav_wrap {margin:0px 0 0 28px; padding:0; width:137px; height:287px; float:left;} #nav { float:left; background:url("/images/common/nav_all.png") no-repeat 0px 0px; width:137px; height:287px; margin:0; padding:0; } #nav a { display:block; padding:0; text-indent:-9999px; height:26px; } #nav li { list-style:none; padding:0; } #nav_about {height:25px; width: 137px; padding:0;} #nav_contact {height:28px; width: 137px; padding:0;} #nav_chairs {height:26px; width:137px; padding:0;} #nav_tables {height:26px; width:137px; padding:0;} #nav_ottomans {height:26px; width:137px; padding:0;} #nav_lights {height:26px; width:137px; padding:0;} #nav_mirrors {height:26px; width:137px; padding:0;} #nav_stools {height:26px; width:137px; padding:0;} #nav_cushions {height:26px; width:137px; padding:0;} #nav_rugs {height:26px; width:137px; padding:0;} #nav_wallpaper {height:26px; width:137px; padding:0;} #nav_about a:hover {background:url("/images/common/nav_all.png") -137px 0px no-repeat; padding:0;} #nav_contact a:hover {background:url("/images/common/nav_all.png") -137px -25px no-repeat; padding:0;} #nav_chairs a:hover {background:url("/images/common/nav_all.png") -137px -53px no-repeat; padding:0;} #nav_tables a:hover {background:url("/images/common/nav_all.png") -137px -79px no-repeat; padding:0;} #nav_ottomans a:hover {background:url("/images/common/nav_all.png") -137px -105px no-repeat; padding:0;} #nav_lights a:hover {background:url("/images/common/nav_all.png") -137px -131px no-repeat; padding:0;} #nav_mirrors a:hover {background:url("/images/common/nav_all.png") -137px -157px no-repeat; padding:0;} #nav_stools a:hover {background:url("/images/common/nav_all.png") -137px -183px no-repeat; padding:0;} #nav_cushions a:hover {background:url("/images/common/nav_all.png") -137px -209px no-repeat; padding:0;} #nav_rugs a:hover {background:url("/images/common/nav_all.png") -137px -235px no-repeat; padding:0;} #nav_wallpaper a:hover {background:url("/images/common/nav_all.png") -137px -261px no-repeat; padding:0;} #nav_about a:active {background:url("/images/common/nav_all.png") -411px 0px no-repeat; padding:0;} #nav_contact a:active {background:url("/images/common/nav_all.png") -411px -25px no-repeat; padding:0;} #nav_chairs a:active {background:url("/images/common/nav_all.png") -411px -53px no-repeat; padding:0;} #nav_tables a:active {background:url("/images/common/nav_all.png") -411px -79px no-repeat; padding:0;} #nav_ottomans a:active {background:url("/images/common/nav_all.png") -411px -105px no-repeat; padding:0;} #nav_lights aa:active {background:url("/images/common/nav_all.png") -411px -131px no-repeat; padding:0;} #nav_mirrors a:active {background:url("/images/common/nav_all.png") -411px -157px no-repeat; padding:0;} #nav_stools a:active {background:url("/images/common/nav_all.png") -411px -183px no-repeat; padding:0;} #nav_cushions a:activer {background:url("/images/common/nav_all.png") -411px -209px no-repeat; padding:0;} #nav_rugs a:active {background:url("/images/common/nav_all.png") -411px -235px no-repeat; padding:0;} #nav_wallpaper a:active {background:url("/images/common/nav_all.png") -411px -261px no-repeat; padding:0;} body#bodyabou #nav_about { background:url("/images/common/nav_all.png") -274px 0px no-repeat; } body#bodyabou #nav_about a:hover { background:url("/images/common/nav_all.png") -274px 0px no-repeat; } body#bodycont #nav_contact { background:url("/images/common/nav_all.png") -274px -25px no-repeat; } body#bodycont #nav_contact a:hover { background:url("/images/common/nav_all.png") -274px -25px no-repeat; } body#bodychai #nav_chairs { background:url("/images/common/nav_all.png") -274px -53px no-repeat; } body#bodychai #nav_chairs a:hover { background:url("/images/common/nav_all.png") -274px -53px no-repeat; } body#bodytabl #nav_tables { background:url("/images/common/nav_all.png") -274px -79px no-repeat; } body#bodytabl #nav_tables a:hover { background:url("/images/common/nav_all.png") -274px -79px no-repeat; } body#bodyotto #nav_ottomans { background:url("/images/common/nav_all.png") -274px -105px no-repeat; } body#bodyotto #nav_ottomans a:hover { background:url("/images/common/nav_all.png") -274px -105px no-repeat; } body#bodyligh #nav_lights { background:url("/images/common/nav_all.png") -274px -131px no-repeat; } body#bodyligh #nav_lights a:hover { background:url("/images/common/nav_all.png") -274px -131px no-repeat; } body#bodymirr #nav_mirrors { background:url("/images/common/nav_all.png") -274px -157px no-repeat; } body#bodymirr #nav_mirrors a:hover { background:url("/images/common/nav_all.png") -274px -157px no-repeat; } body#bodystoo #nav_stools { background:url("/images/common/nav_all.png") -274px -183px no-repeat; } body#bodystoo #nav_stools a:hover { background:url("/images/common/nav_all.png") -274px -183px no-repeat; } body#bodycush #nav_cushions { background:url("/images/common/nav_all.png") -274px -209px no-repeat; } body#bodycush #nav_cushions a:hover { background:url("/images/common/nav_all.png") -274px -209px no-repeat; } body#bodyrugs #nav_rugs { background:url("/images/common/nav_all.png") -274px -235px no-repeat; } body#bodyrugs #nav_rugs a:hover { background:url("/images/common/nav_all.png") -274px -235px no-repeat; } body#bodywall #nav_wallpaper { background:url("/images/common/nav_all.png") -274px -261px no-repeat; } body#bodywall #nav_wallpaper a:hover { background:url("/images/common/nav_all.png") -274px -261px no-repeat; } a#but_join{float:right; display:block; width:86px; height:25px; background:url(/images/common/but_join.png) no-repeat 0px -25px; text-indent:-9999px; padding:0; margin:45px 14px 0px 0px;} a#but_join:hover{background:url(/images/common/but_join.png) no-repeat 0px 0px;} #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px -198px;} body#bodyabou #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px 0px;} body#bodycont #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px -18px;} body#bodychai #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px -36px;} body#bodytabl #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px -54px;} body#bodyotto #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px -72px;} body#bodyligh #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px -90px;} body#bodymirr #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px -108px;} body#bodystoo #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px -126px;} body#bodycush #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px -144px;} body#bodyrugs #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px -162px;} body#bodywall #title {float:left; display:block; width:553px; height:18px; text-indent:-9999px; padding:0; margin:121px 14px 0px 26px; background:url(/images/common/titles.png) no-repeat 0px -180px;} #content {width:755px; float:right; margin-right:19px;} #content_l {width:530px; float:left;} #content_r {width:190px; float:left; margin-left:20px;} #selector {width:755px; float:right; margin:25px 0 25px 0;} #footer {width:969px; padding:0px; margin:0 auto;} #footer p {text-align:center; font-size:11px; color:#baa087; padding:0 0 0 0; line-height:100%;} #footer p a, #footer p a:visited {text-decoration:none; color:#baa087;} #footer p a:hover {text-decoration:underline; color:#baa087;} #content p {font-size:13px; color:#6f563f; padding:0px 30px 0px 0px; margin:0 0 20px 0; font-weight:normal; line-height:21px;} #content p a:link, #content p a:visited {color:#6f563f;} #content_r h1 {font-size:16px; color:#666666; padding:0px; margin:0 0 15px 0; font-weight:normal; text-transform:uppercase;} .part {font-size:80%;} #content_r h2 {color:#74aad8; font-size:11px; margin:0; padding:0; font-weight:normal;} #content_r p {font-size:13px; color:#666666; padding:0px 0 0px 0px; margin:0 0 15px 0; font-weight:normal; line-height:16px;} #content h5 {margin: 15px 0 10px 0; padding:0; font-weight:normal;color:#74aad8; font-size:12px;} /* WORK ELEMENTS */ #breakout {border: 1px solid #e7e7e7; width:290px; padding:15px; float:right;} #breakout ul {padding:0px 0 5px 0px; list-style:none;} #breakout li { line-height:140%; margin:0px 0px 0px 5px; font-size:13px; font-weight:normal; padding-top: 5px; padding-left: 15px; background-image: url(/images/common/bullet.gif); background-repeat: no-repeat; background-position: 0 .8em; } #breakout li a:link ,#breakout li a:visited {color:#666666;} #breakout li a:hover {color:#666666; text-decoration:none;} #page_col_l h4 {font-size:18px;} #breakout p {font-size:13px; color:#666666; padding:0px 0 0px 0px; font-weight:normal; line-height:18px;} #breakout a:link, #sidebar p a:visited {text-decoration:underline; color:#666666; } #breakout a:hover {text-decoration:none; color:#666666;} /* HIDDEN ELEMENTS */ .clear {clear:both; height:0;} .clear {clear:both;} .clear5 {clear:both; padding-bottom:5px;} .clear10 {clear:both; padding-bottom:10px;} .clear15 {clear:both; padding-bottom:15px;} .clear20 {clear:both; padding-bottom:20px;} .clear25 {clear:both; padding-bottom:25px;} .clear30 {clear:both; padding-bottom:30px;} .clear35 {clear:both; padding-bottom:35px;} .clear40 {clear:both; padding-bottom:40px;} @charset "UTF-8"; /* CSS Document */ /* root element for the scrollable. when scrolling occurs this element stays still. */ .scrollable { /* required settings */ position:relative; overflow:hidden; width: 635px; height:120px; /* custom decorations */ border:1px solid #ccc; background-color:#fbfaf6; /* background:url(/images/common/select_bg.jpg) repeat-x; */ } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; left: 0px; height: 122px; } .scrollable .items div img {border:none; width:90px; height:70px;} /* single scrollable item */ .scrollable .items div { margin:20px 0 20px 27px; float:left; padding:2px; background-color:#fff; cursor:pointer; width:90px; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; } /* active item */ .scrollable .items div .active { border:1px solid #bb9d80; z-index:9999; position:relative; } /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { background:url(/images/hori_large.png) no-repeat; display:block;å width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; } /* right */ a.right { background-position: 0 -30px; clear:right; margin-right: 0px;} a.right:hover { background-position:-30px -30px; } a.right:active { background-position:-60px -30px; } /* left */ a.left { margin-left: -40px; } a.left:hover { background-position:-30px 0; } a.left:active { background-position:-60px 0; } /* up and down */ a.up, a.down { background:urlåœ(/images/vert_large.png) no-repeat; float: none; margin: 10px 50px; } /* up */ a.up:hover { background-position:-30px 0; } a.up:active { background-position:-60px 0; } /* down */ a.down { background-position: 0 -30px; } a.down:hover { background-position:-30px -30px; } a.down:active { background-position:-60px -30px; } /* disabled navigational button */ a.disabled { visibility:hidden !important; }