/* Theme Name: Barsy Theme URI: http://www.fuxy.net Version: 1 Author: Fuxy Author URI: http://www.fuxy.net Tags: Licence: */ @import url('reset.css'); body { color: #4b4b4b; background: transparent url("images/back.jpg") repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } a, a:active { color: #00275a; text-decoration: none; } a:hover { text-decoration: underline; } /* CONTAINER */ #container { width: 980px; margin: 0 auto; display: block; } /* HEAD */ #head-wrapper { width: 980px; height: 352px; background: transparent url(images/head.png) no-repeat 0 0; display: block; } #head { position: relative; width: 971px; height: 352px; background: transparent url(images/head-middle.jpg) no-repeat 10px 0; display: block; } #head h1 a { position: absolute; top: 61px; left: 20px; width: 308px; height: 90px; background: transparent url(images/logo.png) no-repeat 0 0; text-indent: -9999px; display: block; overflow: hidden; } #head ul { position: absolute; top: 282px; left: 28px; } #head ul li { float: left; } #head ul li a { width: 76px; height: 15px; font-size: 11px; font-weight: bold; padding-top: 4px; text-align: center; color: #00275a; text-transform: uppercase; float: left; display: block; } #head ul li a:hover { background: transparent url(images/menu-back.png) no-repeat 0 0; text-decoration: none; } #head ul li.current_page_item a, #head ul li.current_page_item a:active, #head ul li.current_page_item a:hover { font-weight: normal; color: #fff; background: transparent url(images/menu-back.png) no-repeat 0 -19px; } /* MAIN */ #main { width: 960px; padding: 50px 10px 0px 10px; background: transparent url(images/main-back.png) repeat-y; display: block; } /* SIDE */ #side { width: 200px; float: left; } #side h2 { color: #00275a; font-size: 14px; margin-bottom: 18px; text-transform: uppercase; } #side ul { margin-left: 8px; } #side ul ul { margin-left: 0px; } #side ul li a { font-size: 12px; width: 175px; height: 18px; padding: 3px 0px 0px 11px; color: #000; background: transparent url(images/side-menu-back.png) no-repeat 0 0; display: block; } #side ul li a:hover { color: #fff; text-decoration: none; background-position: 0 -63px; } #side ul li li li a { width: 168px; padding-left: 18px; color: #3d3d3d; background-position: 0 -21px; } #side ul li li li li a { width: 161px; padding-left: 25px; color: #666666; background-position: 0 -42px; } /* CONTENT */ #content { width: 736px; float: right; display: block; padding: 0 0 0 23px; border-left: 1px solid #dedede; } #content h1 { font-size: 14px; text-transform: uppercase; padding: 20px 0; } #content h2 { width: 749px; height: 16px; color: #00275a; text-transform: uppercase; padding: 4px 0 0 10px; margin: 0 0 35px -23px; background-color: #ffdec7; } #content h3 { font-size: 11px; color: #2a3e58; text-transform: uppercase; margin-bottom: 10px; } #content p { line-height: 1.3em; margin-bottom: 1em; } #content ul { list-style: circle; list-style-position: inside; margin-bottom: 15px; } #content .text { width: 600px; } #home-left, #home-right { width: 379px; display: block; float: left; padding-left: 1px; font-size: 13px; } #home-left h3, #home-right h3 { width: 369px; height: 16px; background-color: #ffdec7; padding: 4px 0 0 10px; display: block;} .road-title { width: 100%; height: 20px; background-color: #ffdec7; overflow: hidden; } .road-title span { height: 16px; background: transparent url(images/title-arrow.png) no-repeat right top; padding: 4px 20px 0 10px; display: block; float: left;} .road-title span a { color: #787777; text-transform: lowercase; font-size: 12px; } .road-title span.title-name { background: none; } .road-title span.title-name a { color: #00275a; font-size: 11px; padding-top: 4px; text-transform: uppercase; font-weight: bold; } .products { width: 759px; margin: 0 0 23px -23px; display: block; } #home-left a img { margin-bottom: 23px; border: 1px solid #8a8a8a; } .block p { line-height: 1.3em; } .block { margin-bottom: 23px; padding: 23px 23px 0 23px; overflow: hidden; } .more-btn { width: 116px; height: 17px; float: right; margin-top: 23px; color: #fff; padding-top: 3px; text-align: center; text-transform: lowercase; background: transparent url(images/btn.png) no-repeat 0 0; display: block; } ol#services { list-style: none; } #services li { padding-left: 20px; background: transparent url(images/check.png) no-repeat 0 0; margin-bottom: 7px; } #home-left strong { font-weight: normal; color: #000; } #home-left .block li { margin-bottom: 10px; } /* GALLERY */ .single-line { list-style: none; width: 720px; float: none; display: block; overflow: hidden; border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; } .single-line ol { list-style: none; } .single-line li { width: 100px; display: block; float: left; margin-right: 22px; } .single-line li img { border: 1px solid #7e7e7e; } li.last-in-row { margin-right: 0; } /* CLIENTS */ #clients li { float: left; font-size: 14px; width: 220px; } #clients li li { float: none; margin-bottom: 7px; } /* PRODUCTS */ #big { position: relative; width: 400px; height: 300px; border: 1px solid #8b8b8b; display: block; float: left; overflow: hidden; } #big ol { position: absolute; left: 0; top: 0; list-style: none; } #big ol li { float: left; } ol#thumbs { width: 326px; display: block; list-style: none; float: right; } ol#thumbs li { width: 100px; height: 70px; display: block; border: 1px solid #8b8b8b; float: left; margin: 0 6px 6px 0; } ol#thumbs li a { width: 100px; height: 70px; display: block; } ol#list-thumbs { list-style-position: outside; } /* CONTACTS */ .linklove { display: none; } .single { width: 322px; height: 14px; padding: 5px; font-size: 12px; background: transparent url(images/input.png) no-repeat 0 0; display: block; border: 0; } .area { width: 322px; height: 142px; overflow: auto; padding: 5px; font-size: 12px; background: transparent url(images/textarea.png) no-repeat 0 0; display: block; border: 0; } #sendbutton { width: 116px; height: 23px; float: right; color: #fff; text-align: center; text-transform: lowercase; background: transparent url(images/btn.png) no-repeat left bottom; border: 0; } .reqtxt, .emailreqtxt { font-size: 12px; text-transform: lowercase; color: red; float: right; } .success, .failure { font-size: 12px; text-transform: uppercase; color: green; margin-bottom: 10px; } .failure { color: red; } #cformsform ol li { margin-bottom: 10px; } #cformsform ol li label { margin: 0 0 5px 5px; font-size: 14px; display: block; } /* FOOTER */ #footer { position: relative; width: 980px; height: 85px; background: transparent url(images/footer.png) no-repeat 0 0; display: block; } #footer p { position: absolute; right: 23px; top: 38px; font-size: 12px; } #footer p span { color: #00275a; margin-right: 10px; } #footer a#webmaster { position: absolute; left: 25px; top: 37px; width: 75px; height: 16px; text-indent: -9999px; background: #fff url(images/logo-fuxy.png) no-repeat 0 0; display: block; overflow: hidden; } #footer a:hover#webmaster { background-position: 0 -16px; } .line { width: 100%; height: 1px; background: transparent url("images/line.png") repeat-x 0 0; display: block; } .clear { clear: both; } .spacer { width: 100%; height: 5px; display: block; clear: both; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float:left; } .alignright { float: right; }