вопрос
Помогите сместить меню влево. Нужно сделать как на скрине:
Подскажите, пожалуйста, как.
Вот сайт http://net-dvoek.ru/
Подскажите, пожалуйста, как.
Вот сайт http://net-dvoek.ru/
@font-face { font-family: 'PFBeauSansProLight'; src: url('../font/pfbeausanspro-light-webfont-webfont.eot');
src: url('../font/pfbeausanspro-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/pfbeausanspro-light-webfont-webfont.woff') format('woff'),
url('../font/pfbeausanspro-light-webfont-webfont.ttf') format('truetype');
url('../font/pfbeausanspro-light-webfont-webfont.svg#PFBeauSansProLight') format('svg');
font-weight: normal; font-style: normal; }
html, body { height: 100%; min-height:100%; }
dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote { margin:0; padding:0; }
img { border:0; vertical-align: top; } .clear { clear: both;}
a {color:#d14242; text-decoration: none; } a:hover {text-decoration: underline;}
body { background: #000000 url("../images/page.jpg") center top no-repeat; font-family:"PFBeauSansProLight", Geneva, sans-serif; font-size:11px; }
h3 { font-size:16px; font-weight:bold; padding:8px 0px; color:#333333; }
input, textarea, select, button { font-size: 100%; color:#000; }
input:focus, textarea:focus{outline:none;}
a:focus {outline:none;}
textarea { overflow: auto; } img { vertical-align: top; }
table { margin:0; padding:0; }
.postnews {position:absolute;left:-1950px;}
.wrapper { width:990px; margin:0 auto; position:relative; margin-top:120px; }
header .headline { width:100%; height:69px; background:url('../images/headline.png') repeat-x; position:fixed; z-index:100; left:0; top:0; }
header .headpad { width:1015px; margin:0 auto; position:relative; left:10px; }
header .hepad { padding:0px 15px; background:url('../images/headbl.png') right center no-repeat; height:69px; float:left; }
header .hepad:last-child { background:none; }
header .logo { background:url('../images/logo.png') no-repeat; width:201px; height:45px; float:left; padding-right:7px; position:relative; top:12px; }
header .hmenu { float:left; position:relative; top:16px; }
header .hmenu ul { margin:0; padding:0; list-style:none; }
header .hmenu ul li { padding:0px 5px; float:left; }
header .ih-1 { background:url('../images/headsprite.png') 0 0 no-repeat; width:25px; height:33px; float:left; display:block; }
header .ih-2 { background:url('../images/headsprite.png') -31px 0 no-repeat; width:25px; height:33px; float:left; display:block; }
header .ih-3 { background:url('../images/headsprite.png') -62px 0 no-repeat; width:25px; height:33px; float:left; display:block; }
header .ih-4 { background:url('../images/headsprite.png') -93px 0 no-repeat; width:25px; height:33px; float:left; display:block; }
header .ih-5 { background:url('../images/headsprite.png') -124px 0 no-repeat; width:25px; height:33px; float:left; display:block; }
header .ih-6 { background:url('../images/headsprite.png') -155px 0 no-repeat; width:25px; height:33px; float:left; display:block; }
header .hmenu ul li a { opacity:0.5; } header .hmenu ul li a:hover { opacity:1; }
header .search { float:left; width:400px; position:relative; top:16px; }
header .search input { background:url('../images/search.png') no-repeat; width:260px; height:15px; padding:5px 5px 5px 29px; line-height:11px; color:#fff; border:none; }
header .search a { color:#ccc; top:2px; position:relative; }
header .search-but { float:left; margin-top:3px; }
header .loginbox { float:left; position:relative; top:16px; }
header .loginbox ul { margin:0; padding:0; list-style:none; float:left; height:25px; width:180px; }
header .loginbox ul li { float:left; }
header .register { background:url('../images/login.png') 0 0 no-repeat; width:97px; height:25px; float:left; color:#fff; text-transform:uppercase; position:relative; left:4px; }
header .register:hover { opacity:0.8; }
header .login { background:url('../images/login.png') 0 -25px no-repeat; width:64px; height:25px; float:left; color:#fff; text-transform:uppercase; position:relative; left:-5px; }
header .login:hover { opacity:0.8; }
header .inlogin { background:url('../images/login2.png') 0 0 no-repeat; width:97px; height:25px; float:left; color:#fff; text-transform:uppercase; position:relative; left:4px; }
header .inlogin:hover { opacity:0.8; }
header .outlogin { background:url('../images/login2.png') 0 -25px no-repeat; width:64px; height:25px; float:left; color:#fff; text-transform:uppercase; position:relative; left:-5px; }
header .outlogin:hover { opacity:0.8; }
header .log-but { float:left; margin-top:5px; } header .log-but a { color:#ccc; }
header #loginbox { position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; background:url("../images/bg_window.png"); display:none; }
header .form { width:350px; background:#2b2b2b; border-radius:5px; box-shadow:0 0 100px #000; display:block; position:fixed; opacity:1; left:50%; margin-left:-182px; top:200px; }
header .headform { background:#ffb500; color:#fff; border-radius:5px 5px 0px 0px; height:32px; float:left; width:350px; position:relative; top:-2px; }
header .headform h1 { font-size:13px; text-transform:uppercase; position:relative; top:9px; left:9px; color:#fff; font-weight:100; }
header .dconter { padding:10px; }
header .close { position:relative; float:right; background:url("../images/close.png") no-repeat; width:25px; height:25px; right:10px; bottom:12px; cursor:pointer; }
header .close:hover { opacity:0.7; }
header .inputs { float:left; padding:10px 0px 5px 0px; }
header input.inp { background:#e1e2e6; border-radius:3px; border:none; border-top:1px solid #bbbcc4; height:18px; border-bottom:1px solid #fff; }
header input.inp { display:block; float:left; width:310px; font-size:16px; line-height:16px; padding:10px; margin-bottom:10px; color:#3c3d79; }
header .inputs div { padding:7px 1px; }
header .box { float:left; width:290px; padding-bottom:15px; }
header .sender { background:#484848; color:#fff; text-decoration:none; border-radius:4px; border:none; cursor:pointer; width:133px; height:30px; float:right; }
header .sender:hover { opacity:0.9; }
header .lost { float:left; padding:10px 1px; color:#1d79a9; text-decoration:underline; }
header .login-profile { width:100%; float:left; position:relative; margin:15px 0px; }
header .login-profile-image { width:60px; height:60px; float:left; padding-right:15px; }
header .login-profile-image img { border-radius:4px; width:60px; height:60px; }
header .login-profile-main { overflow:auto; }
header .login-profile-main ul { margin:0; padding:0; list-style:none; width:100px; float:left; }
header .login-profile-main ul li { float:left; width:100px; padding:3px; background:#272727; border-radius:2px; margin-bottom:3px; }
header .login-profile-main ul li a { color:#ccc; }
section .menu { float:left; width:990px; position:relative; }
section .mlogo { background:url('../images/mlogo.png') no-repeat; width:144px; height:36px; float:left; position:relative; top:5px; }
section .menu ul { margin:0; padding:0; list-style:none; background:url('../images/menu.png') repeat-x; border-radius:2px; min-height:39px; width:835px; margin-left:155px; }
section .menu ul li { float:left; padding:12px 10px; background:url('../images/li.png') right center no-repeat; text-transform:uppercase; position:relative; }
section .menu ul li a { color:#cacaca; } section .menu ul li a:hover { color:#ffb400; text-decoration:none; }
section .menu ul li:last-child { background:none; }
section .menu ul li ul { display:none; position:absolute; left:0; top:37px; width:200px; background:#000; opacity:0.7; margin:0; padding:0; border-radius:0px 0px 2px 2px; z-index:100; }
section .menu ul li ul li { float:left; width:174px; opacity:1; border:none; background:none; border-bottom:1px solid #333; }
section .menu ul li ul li:last-child { border-bottom:none; }
section .menu ul li:hover a { color:#ffb400; text-decoration:none; }
section .menu ul li:hover > ul { display:block; }
section .menu ul li ul li a { color:#fff !important; }
section .dmenu { float:left; width:990px; position:relative; margin:20px 0px; }
section .dmenu ul { margin:0; padding:0; list-style:none; background:url('../images/menu.png') repeat-x; border-radius:2px; height:39px; width:990px; }
section .dmenu ul li { float:left; padding:12px 11px; background:url('../images/li.png') right center no-repeat; text-transform:uppercase; position:relative; }
section .dmenu ul li a { color:#cacaca; } section .dmenu ul li a:hover { color:#ffb400; text-decoration:none; }
section .dmenu ul li:last-child { background:none; }
section .slider { float:left; width:990px; position:relative; margin-top:40px; height:271px; box-shadow:0px 0px 15px #000; z-index:10; }
section .slider ul { margin:0; padding:0; list-style:none; }
section .slider ul li { float:left; width:990px; height:271px; }
section .slider ul li span { position:absolute; padding:5px 10px; background:url(../images/sli.png); color:#fff; text-transform:uppercase; border-radius:2px; }
section .bx-prev { background:url(../images/pager.png) 0 0 no-repeat; width:60px; height:65px; text-indent:9999px; position:absolute; overflow:hidden; left:-100px; top:115px; z-index:10; }
section .bx-prev:hover { opacity:0.8; }
section .bx-next { background:url(../images/pager.png) -60px 0 no-repeat; width:60px; height:65px; text-indent:9999px; position:absolute; overflow:hidden; right:-100px; top:115px; z-index:11; }
section .bx-next:hover { opacity:0.8; }
article .content { float:left; width:681px; position:relative; background:#fff; border-radius:2px; padding-bottom:10px; margin-top:40px; }
article .gamefuck { width:100%; float:left; position:relative; }
article .gamefuck h3 { font-weight:100; color:#333; padding:0; margin:0; padding:10px 0 10px 10px; font-size:11px; text-transform:uppercase; }
article .gamefuck ul { margin:0; padding:0; list-style:none; background:#ededed url('../images/ul.png') bottom repeat-x; padding-bottom:23px; border-top:1px solid #ccc; float:left; margin-left:10px; }
article .gamefuck ul li { float:left; width:217px; height:110px; padding:5px; background:url('../images/caro.png') no-repeat; margin:10px 0; }
article .gamefuck ul li img { width:197px; height:98px; overflow:hidden; position:relative; }
article .gamefuck ul li a { position:relative; top:10px; width:100%; float:left; }
article .bx-prev { background:url("../images/pager2.png") 0 0 no-repeat; width:22px; height:22px; text-indent:9999px; position:absolute; overflow:hidden; right:35px; top:-28px; z-index:10; }
article .bx-prev:hover { background-position:0 -22px; }
article .bx-next { background:url("../images/pager2.png") -22px 0 no-repeat; width:22px; height:22px; text-indent:9999px; position:absolute; overflow:hidden; right:10px; top:-28px; z-index:11; }
article .bx-next:hover { background-position:-22px -22px; }
article .errors { background:#efefef; padding:10px; margin-bottom:15px; float:left; width:661px; }
article .feedback { float:left; width:100%; position:relative; border-radius:4px; margin-bottom:15px; }
article .chzn-container-active .chzn-choices { width:420px !important; }
article .chzn-container-multi .chzn-choices { width:420px !important; }
article .chzn-container .chzn-drop { width:421px !important; border-radius:0px 0px 4px 4px !important; }
article .c-news-main { float:left; position:relative; width:100%; }
article .c-news-main h3 { padding:0; font-size:14px; text-transform:uppercase; font-weight:100; width:100%; padding:0px 10px 10px 10px; }
article .c-news-main-full { float:left; position:relative; width:960px; }
article .c-news-main-full h3 { padding:0; font-size:14px; text-transform:uppercase; font-weight:100; width:100%; padding-bottom:10px; }
article .c-row { width:661px; float:left; position:relative; padding:10px; border-bottom:1px dashed #ccc; }
article .c-row:last-child{ border-bottom:none; }
article .c-row label { float:left; width:200px; padding-bottom:10px; position:relative; top:5px; }
article .c-row input { float:left; width:300px; padding:5px; height:12px; border:1px solid #ccc; font-size:11px; line-height:11px; color:#333; border-radius:2px; }
article .c-row select { float:left; width:312px; height:24px; border:1px solid #ccc; font-size:11px; line-height:11px; color:#333; border-radius:2px; }
article .c-row textarea { float:left; padding:5px; border:1px solid #ccc !important; font-size:11px; line-height:11px; color:#333; border-radius:2px; max-width:617px; }
article .c-row button { background:#484848; padding:5px 10px; float:left; cursor:pointer; border-radius:2px; color:#fff; border:none; position:relative; left:-2px; }
article .c-row button:hover { opacity:0.7; }
article .c-row-capt { margin-left:200px; } article .c-row-capt a { position:relative; top:2px; }
article .reginfo { padding: 10px 5px; background:#f9f9f9; border-radius:2px 2px 0px 0px; border-bottom:1px solid #ccc; }
article .c-news-fullhead { float:left; position:relative; width:641px; padding:0px 10px; margin:10px 0px; }
article .c-news-fullhead a { padding:5px 8px; background:#484848; color:#fff; border-radius:2px; float:left; margin-right:5px; display:block; }
article .bitchpost { width:668px; float:left; position:relative; margin-bottom:15px; }
article .bitchtitle { background:#eaeaea url('../images/bitch.png') left center no-repeat; padding:10px 0px; width:100%; border-radius:0px 2px 0px 2px; }
article .bitchtitle h3 { padding:0; margin:0; font-size:14px; color:#333; font-weight:100; padding:0px 23px; background:url('../images/title.png') left center no-repeat; margin:0 15px; }
article .bitchtitle h3 a { color:#333; }
article .bitchinfo { width:652px; float:left; margin-left:16px; padding:5px 0px; margin-bottom:10px; border-bottom:1px solid #ccc; }
article .bitchinfo ul { margin:0; padding:0; list-style:none; }
article .bitchinfo ul li { float:left; padding-right:15px; color:#333; position:relative; }
article .bitchtopic { padding:0px 16px; }
article .bitchtopic img { float:left; width:200px; margin-right:10px; margin-bottom:10px; }
article .bitchbar { width:652px; float:left; margin-left:16px; margin-top:10px; }
article .bitchbar ul { margin:0; padding:0; list-style:none; }
article .bitchbar ul li { float:left; padding:15px; color:#333; }
article .bitchmore { width:154px; height:40px; float:left; background:url('../images/more.png') no-repeat; display:block; position:relative; left:-6px; }
article .bitchmore:hover { opacity:0.8; }
article .bitchmore-comment { width:154px; height:40px; float:left; background:url('../images/comment.png') no-repeat; display:block; position:relative; left:-12px; }
article .bitchmore-comment:hover { opacity:0.8; }
article .bitchcomments { background:url('../images/comments.png') left center no-repeat; height:13px; display:block; padding-left:20px; }
article .bitchviews { background:url('../images/views.png') left center no-repeat; height:13px; display:block; padding-left:20px; }
article .bitchrating { float:right; padding:1px; position:relative; top:4px; background:#ffb400; border-radius:2px; color:#fff; }
article .bitchtopic2 { width:661px; padding:0px 10px; }
article .bitchtopic2 img { margin-right:5px; margin-bottom:5px; }
article .navigation { width:650px; margin-left:11px; background:#ededed; float:left; border-radius:4px; padding:5px 4px; }
article .pages { float:right; }
article .pages span { background:#fff; border-radius:2px; color:#333; float:left; margin:0 2px; height:20px; width:50px; text-align:center; line-height:20px; }
article .pages-list, .pages-list a, .pages-list span { float:left; }
article .pages-list span { background:#ffb400; border-radius:2px; padding:3px 8px; color:#333; float:left; margin:0 1px; }
article .pages-list a { background:#fff; border-radius:2px; padding:3px 8px; color:#333; float:left; margin:0 1px; }
article .related-news { background: #e3e3e3 url('../images/top.png') top repeat-x; min-height:100px; float:left; width:100%; border-top:1px solid #999; }
article .related-news h3 { color:#333; font-size:11px; text-transform:uppercase; font-weight:100; width:100%; padding:15px 10px; }
article .related-news ul { margin:0; padding:0; list-style:none; padding-top:5px; background:url('../images/relateddd.png') bottom repeat-x; padding-bottom:24px; }
article .related-news ul li { padding:5px 10px; border-bottom:1px dashed #99a7ae; }
article .related-news ul li:last-child { border-bottom:none; }
aside .side { width:297px; float:right; position:relative; margin-top:40px; }
aside .block { background:url('../images/block.png'); width:295px; border:1px solid #373a3a; float:left; position:relative; border-radius:2px; margin-bottom:13px; }
aside .block h3 { color:#ffb400; font-size:11px; text-transform:uppercase; font-weight:100; width:100%; padding:10px; }
aside .block ul { margin:0; padding:0; list-style:none; padding-bottom:10px; }
aside .block ul li { margin-bottom:1px; text-transform:uppercase; display:block; }
aside .block ul li a { color:#c8c8c8; display:block; padding:10px; background:#2b2b2b; }
aside .block ul li a:hover { opacity:0.8; color:#fff; }
aside .dcont { padding:0px 10px 10px 10px; }
aside .block a { color:#ccc; }
aside .block2 { background: #e3e3e3 url('../images/top.png') top no-repeat; width:295px; left:1px; float:left; position:relative; min-height:100px; border-radius:0px 0px 2px 2px; margin-bottom:13px; }
aside .block2 h3 { color:#333; font-size:11px; text-transform:uppercase; font-weight:100; width:100%; padding:15px 10px; }
aside .block2 ul { margin:0; padding:0; list-style:none; padding:10px 0px; }
aside .block2 ul li { background:url('../images/topnews.png') left 7px no-repeat; padding:8px 0px 8px 23px; margin:0px 10px; border-bottom:1px dashed #ccc; }
aside .block3 { background: #3b3b3b; width:295px; left:1px; float:left; position:relative; min-height:100px; border-radius:2px 2px 2px 2px; margin-bottom:13px; }
aside .block3 h3 { color:#fff; font-size:11px; text-transform:uppercase; font-weight:100; width:100%; padding:10px; }
aside .allvotes { float:right; }
aside .allvotes button { background:#fff; border-radius:2px; border:none; padding:5px; cursor:pointer; }
aside .vote-title { background:#ffb500; padding:10px; text-transform:uppercase; margin:0px -10px 0px -10px; color:#fff; }
aside .vote { width:100%; position:relative; }
aside .vote h2 { font-weight:100; padding:0; width:100%; color:#000; padding-bottom:10px; font-size:11px; text-transform:uppercase; }
aside .vote input { position:relative; top:2px; }
aside .vote div div { width:285px; display:block; background:#2b2b2b; color:#fff; border-bottom:1px solid #333; margin-bottom:1px; padding:5px 5px 5px 5px; margin-left:-10px; position:relative; line-height:20px; }
aside .voteres button { background:#484848; padding:5px 10px; cursor:pointer; border-radius:2px; color:#fff; border:none; position:relative; left:-2px; margin-top:1px; }
aside .voteres button { padding-bottom:5px; }
aside .voteres button.last { background:#f9f9f9; color:#000; border:1px solid #ccc; }
aside .voteprogress { border-radius:0px !important;}
aside .voteres { padding:10px; margin:-15px -10px -10px -10px; position:relative; top:2px; }
footer .footer { background:url('../images/footer.png') repeat-x; height:221px; width:100%; float:left; position:relative; }
footer .footer-cp { width:990px; margin:0 auto; position:relative; }
footer .subfooter { height:146px; width:100%; float:left; background:url('../images/subfooter.png') repeat-x; border-radius:2px; }
footer .banner-block { float:right; background:url('../images/bannerbg.png') no-repeat; width:478px; height:70px; position:relative; left:10px; top:20px; }
footer .banner-block h3 { position:absolute; top:-21px; left:5px; font-size:11px; font-weight:100; color:#666; text-transform:uppercase; }
footer .banner-cont { background:url('../images/hp.png') left center no-repeat; height:117px; width:500px; float:right; margin:20px 40px 0 0; }
footer .fblink { position:absolute; bottom:-18px; text-transform:uppercase; right:5px; color:#F90; }
footer .tagscloud { float:left; padding:20px; color:#999; width:410px; height:85px; overflow:hidden; }
footer .tagscloud a { color:#999; }
footer .tagscloud h3 { font-size:11px; font-weight:100; color:#666; text-transform:uppercase; }
footer .downf { width:100%; float:left; position:relative; top:37px; height:35px; }
footer .downf a { color:#F90; }
footer .copyright { background:url('../images/flogo.png') left center no-repeat; padding-left:55px; padding-top:2px; color:#999; float:left; height:35px; }
footer .counters { float:right; text-align:right; color:#999; }
article .bcomment { padding-bottom:15px; float:left; width:100%; }
article .spemenu { margin-left:0px; margin-top:3px; }
article .spemenu ul li { padding:1px 0px; }
article .bcomment .dcont, .bcomment .dtop { padding:0 10px; }
article .bcomment .dcont { padding-top:10px; }
article .bcomment .dtop { overflow: hidden; padding-left: 70px; height: 57px; border-top: 3px solid #ffb400; padding-bottom:8px; }
article .bcomment .dtop .lcol { width:53px; padding:0 10px; margin-left:-70px; }
article .bcomment .dtop .lcol span { margin-top:12px; float:left; width:43px; height:43px; overflow:hidden; }
article .bcomment .dtop .lcol span img { width:43px; }
article .bcomment .dtop .rcol { font-size:0.9em; color:#90a7b2; width:100%; }
article .bcomment .dtop .rcol ul { margin:0; padding:0; list-style:none; margin-top:12px; padding-top:4px; height:36px; float:left; margin-right:15px; }
article .cmsep { padding-left:19px; }
article .reply { background:#ededed; border-radius:3px; padding:6px 10px; float:right; margin-top:17px; margin-right:5px; position:relative; left:5px; }
article .reply a { color:#333; text-decoration:none; }
article .cominfo { position: relative; border-bottom: 1px solid #fff; color: #333; font-size: 0.9em; height: 29px; background: #ededed; }
article .cominfo .dpad { overflow: hidden; position:relative; left:-4px; }
article .comedit, .selectmass { display:inline; }
article .comedit ul, .comedit ul li { float:right; }
article .comedit ul li, .selectmass input { margin: 6px 0 0 8px; }
article .comedit ul { margin:0; padding:0; list-style:none; }
article .cominfo ul { margin:0; padding:0; list-style:none; padding-left:7px; }
article .comedit ul li { float:left; }
article .comedit ul li a { color:#333; }
article .cominfo ul, .cominfo ul li { float:left; }
article .cominfo ul li { border-right:1px solid #73858e; margin:8px 0 0 7px; padding-right:7px; }
article .signature { color:#93918d; }
/*Userinfo*/
article .userinfo { float:left; position:relative; padding:10px; width:640px; }
article .userimage { float:left; overflow:hidden; padding-right:10px; }
article .userimage img { border:3px solid #f1f1f1; border-radius:3px; }
article .userin { overflow:auto; margin-left:1px; }
article .userin ul { margin:0; padding:0; list-style:none; width:auto; position:relative; }
article .userin ul li { float:none; margin:0px 0px 2px 1px; padding:5px; background:#fff; border-radius:2px; }
article .useredit { background:#484848; width:100%; text-align:center; float:left; margin:10px 0px 0px 0px; padding:7px 0px; color:#fff; }
article .useredit a { color:#fff; }
article .panel { width:100%; position:relative; overflow:auto; }
article .panel a { float:left; width:100%; margin-bottom:4px; background:#484848; padding:5px 0px; text-indent:10px; font-size:12px; text-transform:uppercase; text-decoration:none; }
/*Navigation*/
article .navigation { float:left; background:#ededed; border-radius:4px; width:645px; margin-left:15px; overflow:hidden; }
article .navipages { float:left; position:relative; margin-bottom:3px; top:2px; }
article .navipages a { margin:0px 2px 0px 0px; background:#fff; border-radius:2px; color:#000; display:block; float:left; }
article .navipages span { margin:0px 3px; background:#ffb500; border-radius:2px; color:#fff; display:block; float:left; }
article .navipages span, .navipages a { padding:3px 7px; }
article .navibutt { float:right; }
article .navibutt span { background:#484848; border-radius:2px; color:#fff; padding:3px 10px; margin-right:3px; position:relative; top:5px; text-align:center; }
article .navibutt a { background:#ffb500; border-radius:2px; color:#fff; padding:3px 10px; margin-right:3px; position:relative; top:5px; text-align:center; }
/*Stats*/
article .stats { float:left; position:relative; }
article ul.stats { margin:0; padding:0; list-style:none; margin:10px 10px 10px 30px; padding:0px 10px; }
article .stats ul li { padding:3px 0px; }
/*Torrent*/
article .torrent-name { float:left; width:100%; position:relative; background:#e6e2e2; border-radius:1px 1px 0px 0px; border-top:1px solid #e6e2e2; }
article .torrent-name h3 { font-size:14px; color:#333; font-weight:100; padding:0; margin:0; padding:10px; }
article .torrent { float:left; width:637px; background:#fff; padding:10px; border-left:1px dashed #484848; border-right:1px dashed #484848; margin-left:1px; }
article .torrent-download { float:left; width:168px; overflow:hidden; }
article .torrent-but { background:url('../images/tor-but.png') no-repeat; width:168px; height:40px; float:left; position:relative; display:block; }
article .torrent-but:hover { background-position:0 -40px; }
article .torrent-info { overflow:auto; }
article .torrent-info ul { margin:0; padding:0; list-style:none; float:left; padding:5px 15px; border-right:1px dotted #ccc; }