/* Название сайта: Автокочевник райдер Начало разработки: 2009.06.01 Верстальщик: G.Kozlovski */ /*------------------DEFAULTS------------------*/ /*standart*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px; outline:0px; font-size:100%; vertical-align:baseline; background:transparent;} #site {max-width:1280px; min-width:1000px; min-height:100%; height:100%; margin:0px auto; font:75%/1.2em Arial;} html {height:100%; background:#667525;} table {border-collapse:collapse; border-spacing:0;} ul {list-style:none;} :focus {outline:0;} div {zoom:1;} .text, textarea {font-size:1em;} /*links*/ a {text-decoration:underline; cursor:pointer; color:#000;} a:hover {text-decoration:none;} .more, .back {font:0.92em Arial; color:#000;} .more:hover, .back:hover {font:0.92em Arial; color:#3b5e10;} .more {padding-right:10px; background:url(../images/more.gif) right 4px no-repeat;} .back {padding-left:10px; background:url(../images/back.gif) left 4px no-repeat;} #left .more {padding-right:10px; background:url(../images/more-l.gif) right 6px no-repeat; color:#e3d19b;} /*hacks*/ .clear {clear:both; height:1px; overflow:hidden;} .zoom1 {overflow:auto;} .hidd {display:none;} /*text align*/ .tal {text-align:left;} .tar {text-align:right;} .tac {text-align:center;} .taj {text-align:justify;} /*floats*/ .floatLeft {float:left;} .floatRight {float:right;} .floatCenter {margin:0px auto;} /*------------------MARKING------------------*/ /*main*/ #main {min-height:100%; _height:100%; background:#667525; background:url(../images/main.jpg) left 250px no-repeat; position:relative;} /*header*/ #header {height:250px; background:url(../images/header.jpg) left top no-repeat;} /*content*/ #container {width:100%; padding-bottom:95px;} #content {width:100%; float:left; padding-top:115px;} #text {margin:0px 20px 0px 315px; background:#f4e0a3; padding:10px 20px 20px; position:relative;} /*left part*/ #left {float:left; width:250px; margin-left:-100%;} /*footer*/ #footer {height:75px; padding-top:20px; margin-top:-95px; position:relative; width:100%; background:url(../images/footer.jpg) left top no-repeat;} /*------------------CONTENT------------------*/ h1, h3, h4, h6 {color:#4a310c;} h2, h5 {color:#3b5e10;} h2, h3, h4, h5, h6 {margin:20px 0px 10px;} h1 {font:normal 1.5em Arial; margin-bottom:25px; text-transform:uppercase;} h2 {font-size:1.5em;} h3 {font-size:1.33em;} h4 {font-size:1.17em;} h5 {font-size:1.08em;} h6 {font-size:1em;} #text p {margin-bottom:10px;} #text p strong {color:#4a310c;} #text p img {border:3px solid #c4c1ae; background:#c5ab5e; padding:1px; margin:0px 15px 15px 0px;} #text table {margin:10px 0px 20px;} #text td, #text th {border:1px solid #c5ab5e;} #text th {background:#c5ab5e; color:#3b5e10; padding:5px 10px;} #text td {padding:3px 7px;} #text ol {margin:10px 0px 15px 2.5em;} #text ol li {} #text ul {margin:10px 0px 15px;} #text ul li {padding-left:10px; background:url(../images/ul-li.gif) left 5px no-repeat; zoom:1;} #text ol li a, #text ul li a {color:#e84403;} /*------------------DEFAULT BLOCKS------------------*/ /*logo*/ #logo {float:left; width:246px; height:142px; background:url(../images/logo.jpg) right bottom no-repeat; padding:33px 0px 0px 113px;} #logo a {display:block; width:246px; height:142px;} /*min-panel*/ #min-panel {width:60px; height:20px; float:right; clear:right; padding-right:70px;} #min-panel a {display:block; float:left; width:30px; height:20px;} #min-panel #home {background:url(../images/home.gif) left top no-repeat;} #min-panel #home:hover {background:url(../images/home-h.gif) left top no-repeat;} #min-panel #mail {background:url(../images/mail.gif) left top no-repeat;} #min-panel #mail:hover {background:url(../images/mail-h.gif) left top no-repeat;} /*feedback*/ #feedback {width:400px; margin-bottom:50px;} #feedback label {color:#3b5e10; font-size:0.92em;} #feedback input.text, #feedback textarea {width:400px; border:1px solid #b3b9c3; margin:2px 0px 10px; color:#344a8a;} #feedback textarea {height:100px;} #feedback img {float:right; margin-bottom:5px;} #feedback input.submit {float:right;} /*listing*/ #listing {margin:15px 0px 30px; text-align:center;} #listing span {padding:0px 3px; color:#fff; background:#82a419;} #listing a {text-decoration:none; color:#4b4e41; padding:0px 3px;} #listing a:hover {color:#fff; background:#82a419;} #listing a.back-list, #listing a.forward-list {text-decoration:underline; color:#4b4e41;} #listing a.back-list:hover, #listing a.forward-list:hover {text-decoration:none; color:#4b4e41; background:none;} /*gallery*/ #text .gallery {margin-top:20px;} #text .gallery li {*width:160px; min-height:135px; display:-moz-inline-box; display:inline-block; vertical-align:top; margin:0px 0px 30px; zoom:1; *display:inline; _height:135px; background:none; padding:0px; text-align:center; margin-right:20px;} #text .gallery li div {position:relative;} .gallery li img {border:3px solid #c4c1ae; background:#c5ab5e; padding:1px; margin-bottom:5px;} .gallery li span strong {color:#f00; font:bold 1.17em Arial;} #text .gallery li span a {width:150px; display:block; margin:0px auto; color:#49310b; font-weight:bold; text-decoration:underline;} #text .gallery li span a:hover {text-decoration:none;} .gallery li a {display:block; text-decoration:none; } /*menu*/ .folding {margin:0px 0px 0px 16px; width:269px; background:url(../images/folding.jpg) left top no-repeat #fcfbd7; padding-bottom:20px;} .folding li {padding-left:20px; background:url(../images/folding-li.gif) 10px 7px no-repeat;} .folding li a {color:#000; text-decoration:none; font-weight:bold; text-transform:uppercase; display:block; width:175px; zoom:1; padding:5px 30px 5px 0px; border-bottom:1px solid #c2c1ab;} .folding li.opened a, .folding li a:hover {color:#3b5e10;} .folding li.opened.folder a {color:#3b5e10; border:0px;} .folding li.folder a {color:#000; text-decoration:none; font-weight:bold; text-transform:uppercase; display:block; width:175px; zoom:1; padding:5px 30px 5px 0px; border-bottom:1px solid #c2c1ab;} .folding li.folder a:hover {color:#3b5e10;} .folding ul {margin:5px 0px; border-bottom:1px solid #c2c1ab; padding:0px 0px 5px; width:205px;} .folding li li, .folding li.opened li {padding-left:20px; background:url(../images/folding-li-2.gif) 10px 4px no-repeat; margin-bottom:3px;} .folding li li a, .folding li.opened li a, .folding li.folder li a, .folding li.opened.folder li a {color:#000; text-transform:none; display:inline; padding:0px; border:0px;} .folding li.opened li.opened a, .folding li.opened li a:hover, .folding li li a:hover, .folding li.opened.folder li.opened a, .folding li.folder.opened li a:hover, .folding li.folder li a:hover {color:#67801b; text-decoration:none;} /*news*/ #text .news-block div strong {color:#f00; font-size:1.17em;} .news-block {overflow:auto; margin:20px 0px 0px; position:relative;} .news-block img {float:left; border:3px solid #c4c1ae; background:#c5ab5e;} .news-block div {margin-left:100px; border-bottom:1px solid #fff; padding-bottom:10px;} .news-block div div span {color:#4a310c; background:#fff; float:left; font-size:1.17em; margin:0px; padding:2px 5px;} .news-block span, .news-date {color:#3b5e10; font-weight:bold; display:block; margin:0px 0px 15px;} .news-block.novice div {margin-left:140px;} .news-block.novice div div {margin:0px; border:0px; padding:0px; height:25px;} .news-block.novice img {margin-top:25px;} .news-block.novice.one div {border:0px;} .news-block div.hit {position:absolute; background:url(../images/hit.png); left:80px; top:15px; width:57px; height:36px; margin:0px; border-bottom:0px; padding:0px;} .news-block div.new {position:absolute; background:url(../images/new.png); left:0px; top:25px; width:53px; height:56px; margin:0px; border-bottom:0px; padding:0px;} /*------------------OTHER BLOCKS------------------*/ /*HEADER*/ #navigation {padding:15px 55px 10px 0px; float:right;} #navigation li {float:right; padding:0px 15px 0px 10px; background:url(../images/navigation.gif) left 4px no-repeat;} #navigation li a {color:#000; text-decoration:none; text-transform:uppercase;} #navigation li a:hover {color:#e84403;} #brand {float:right; clear:right; padding:0px 70px 10px 0px;} /*CONTENT*/ #header-png {position:absolute; left:-29px; top:-114px; width:280px; height:114px; background:url(../images/header-png.png);} #header-png .header-txt {position:absolute; left:87px; top:75px; margin:0px;} .header-txt {color:#43780b; font-size:2em; text-transform:uppercase; margin:0px 0px 30px 38px; position:relative; height:39px;} .header-txt span {background:url(../images/header-txt.gif) left top no-repeat #fff; display:block; height:26px; padding:13px 0px 0px 20px; float:left; min-width:185px; _width:180px;} .header-txt div {background:url(../images/header-txt-2.gif) left top no-repeat; height:50px; width:58px; position:absolute; left:-58px; top:-11px;} .kknd {position:relative; bottom:-40px;} /*RIGHT*/ #under-folding {position:relative; margin-left:16px; width:263px; height:35px; background:url(../images/folding-bottom.gif) left top no-repeat;} #under-folding div {width:263px; height:13px; background:url(../images/folding-png.png); position:absolute; left:0px; top:-13px; _top:-14px;} /*news*/ #left-news {margin:40px 0px 0px 35px;} #left-news div {text-align:right; color:#fff; width:220px; margin:0px 0px 10px 0px; font-size:2em; *padding-top:3px;} #left-news span {color:#f4e0a3; font-weight:bold; display:block; margin-bottom:15px;} #left-news img {float:left; border:3px solid #c4c1ae; background:#c5ab5e; padding:1px;} #left-news p {margin:0px 0px 10px 105px; color:#fff;} /*novice*/ .novice {overflow:auto; margin-bottom:10px;} #novice {overflow:auto; margin-bottom:10px;} #novice img {border:3px solid #c4c1ae; background:#c5ab5e; float:left;} #novice p {margin-left:140px;} #novice p span {color:#4a310c; font-weight:bold;} #novice p strong {color:#f00; font-size:1.17em;} /*FOOTER*/ #footer div {background:#f4e0a3; margin:0px 20px 0px 315px; color:#000;} #footer div a {color:#000;} #footer div p {padding:10px;} #footer div div {background:url(../images/footer-div.gif) left top repeat-y; padding:10px 10px 10px 15px; float:right; margin:0px;}