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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
:focus { outline:0 none; }
.clear {
font-size:0;
clear:both;
height:0;
width:0;
line-height:0;
}
body { background:#000000 url(/i/mobile/site/main-bg-all.jpg) center 791px repeat-y; }
.wrapper {
width:480px;
margin:0 auto;
position:relative;
background:url(/i/mobile/site/main-bg.jpg) center top no-repeat;
}
.content {
padding-top:80px;
padding-bottom:100px;
min-height:620px;
}
body, p {
font:normal 12px Tahoma, Verdana, sans;
color:#ffffff;
}
a {
color:#ffffff;
cursor:pointer;
text-decoration:underline;
}
p { margin:1em 0; }
.text { padding:0 18px; }
strong, .strong { font-weight:bold; }
.article-page .content {
padding-top:130px;
min-height:570px;
}
.article-menu {
z-index:2;
height:43px;
width:480px;
background:url(/i/mobile/site/article-header-bg.png) 0 0 repeat-x;
background:-webkit-linear-gradient(top,rgba(82,82,82,0.6) 0%,rgba(57,57,57,0.6) 1%,rgba(33,33,33,0.6) 49%,rgba(14,14,14,0.6) 51%,rgba(0,0,0,0.6) 100%);
position:fixed;
top:71px;
}
.article-menu .next, .article-menu .prev {
display:block;
position:absolute;
height:42px;
width:44px;
text-indent:-9999em;
background:url(/i/mobile/site/button-article.png) 0 0 no-repeat;
top:0px;
}
.article-menu .cats {
overflow:hidden;
overflow-x:auto;
width:350px;
margin:0 auto;
height:43px;
}
.article-menu .cats ul {
height:42px;
overflow:hidden;
margin-top:2px;
width:9999em;
margin-left:-15px;
}
.article-menu .cats li {
display:block;
float:left;
}
.article-menu .cats li a {
display:block;
height:40px;
padding:0 8px;
line-height:38px;
text-transform:uppercase;
border-radius:4px;
margin-left:15px;
overflow:hidden;
background:-webkit-linear-gradient(top,rgba(119,119,119,0.4) 0%,rgba(57,57,57,0.4) 50%,rgba(6,6,6,0.4) 51%,rgba(0,0,0,0.4) 95%,rgba(80,80,80,0.4) 96%,rgba(80,80,80,0.4) 100%);
box-shadow:0 0 3px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.4);
}
.article-menu .next { left:5px; }
.article-menu .prev {
right:5px;
background-position:right 0;
}
.article .title {
font-size:30px;
text-transform:uppercase;
margin-bottom:15px;
text-align:center;
}
.article .text { padding-top:15px; }
.article .photo {
width:295px;
margin:0 auto 20px;
border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 0 18px #000000;
-webkit-box-shadow:0 0 18px #000000;
overflow:hidden;
position:relative;
}
.article .photo img {
width:295px;
display:block;
border-radius:10px;
-webkit-border-radius:10px;
}
.article .photo .image { overflow:hidden; }
.article .photo .controls {
position:absolute;
bottom:0;
width:295px;
text-indent:-999em;
overflow:hidden;
}
.article .photo .controls .disabled { opacity:.5; }
.article .photo .controls a {
display:block;
width:148px;
float:left;
height:45px;
background:url(/i/mobile/site/photo-controls.png) 0 0 no-repeat;
border-radius:0 0 0 10px;
-webkit-border-radius:0 0 0 10px;
}
.article .photo .controls .share {
width:147px;
background-position:-148px 0;
border-radius:0 0 10px 0;
-webkit-border-radius:0 0 10px 0;
}
.list { padding-left:21px; }
.list a { text-decoration:none; }
.list .item {
display:block;
width:444px;
height:150px;
overflow:hidden;
background:url(/i/mobile/site/list-item-bg.png) 0 0 no-repeat;
}
.list .item .inner {
margin:22px 18px;
overflow:hidden;
}
.list .item .item-inner {
margin-left:170px;
margin-top:-2px;
display:block;
}
.list .item .item-title {
font-weight:bold;
text-transform:uppercase;
color:#d12c32;
display:block;
margin-bottom:5px;
}
.list .item .item-text {
height:2em;
width:100%;
text-overflow:ellipsis;
}
.list .item .image {
display:block;
position:relative;
height:101px;
width:155px;
overflow:hidden;
float:left;
border:1px solid #3d3d3d;
margin-right:-100%;
}
.list .item .image-zoom {
position:absolute;
height:14px;
width:16px;
background:url(/i/mobile/site/image-zoom.gif) 0 0 no-repeat;
bottom:5px;
right:5px;
}
.articles-list-page .header {
height:135px;
background:none;
position:static;
border-bottom:none;
}
.articles-list-page .header .logo {
background:url(/i/mobile/site/logo.png) 27px 19px no-repeat;
height:135px;
width:360px;
}
.articles-list-page .header .info {
display:block;
background:url(/i/mobile/site/button-info.png) 0 0 no-repeat;
height:60px;
width:48px;
position:absolute;
top:40px;
right:40px;
}
.articles-list-page .header .back { display:none; }
.articles-list-page .content { padding-top:0; }
.image-page .content { padding-bottom:120px; }
.image-list {
overflow:visible;
overflow-x:auto;
position:relative;
}
.image-list ul, .image-list li { display:block; }
.image-list ul {
width:9999em;
position:relative;
top:0;
left:0;
}
.image-list li {
float:left;
width:480px;
text-align:center;
}
.image-points {
text-align:center;
margin-left:-15px;
padding:15px 0 25px;
}
.image-points li {
display:inline-block;
margin-left:15px;
text-indent:-999em;
height:10px;
width:10px;
border:1px solid #ffffff;
border-radius:10px;
}
.image-points .active { background:#ffffff; }
.share-block {
position:absolute;
top:170px;
left:64px;
width:230px;
padding:60px 60px 30px;
border-radius:10px;
-webkit-border-radius:10px;
background:#ffffff;
display:none;
}
.share-block .inner { margin-left:-30px; }
.share-block a {
display:block;
height:98px;
width:98px;
float:left;
background:url(/i/mobile/site/share-block.gif) 0 0 no-repeat;
text-indent:-9999em;
margin-left:30px;
margin-bottom:30px;
}
.share-block .fb { background-position:0 0; }
.share-block .tw { background-position:0 -98px; }
.share-block .vk { background-position:0 -196px; }
.share-block .ok { background-position:0 -294px; }
.header {
height:71px;
width:480px;
background:#000000 url(/i/mobile/site/header-bg.png) 0 0 repeat-x;
text-indent:-999em;
position:fixed;
top:0;
z-index:2;
}
.header a { display:block; }
.header .logo {
background:url(/i/mobile/site/logo-sm.png) center center no-repeat;
height:70px;
width:100%;
position:absolute;
}
.header .info { display:none; }
.header .back {
float:left;
height:71px;
width:78px;
background:url(/i/mobile/site/button-back.png) center center no-repeat;
margin-left:11px;
position:relative;
z-index:2;
}
.main-menu {
position:fixed;
overflow:hidden;
bottom:0;
height:114px;
width:480px;
background:url(/i/mobile/site/main-menu-over.png) 0 top no-repeat;
}
.main-menu a {
display:block;
float:left;
height:114px;
width:240px;
text-indent:-9999em;
font-size:0;
background:url(/i/mobile/site/main-menu-bg.png) 0 bottom no-repeat;
}
.main-menu .main-menu-articles { background-position:right bottom; }
@media all and (orientation: landscape) {
.header, .main-menu { position:static; }
.content {
padding-top:10px;
padding-bottom:0;
height:auto;
min-height:0;
}
.article-page .content, .articles-list-page .content { padding:0; }
.article-menu {
top:auto;
position:relative;
margin-bottom:15px;
}
.image-page .main-menu { position:fixed; }
.article-subtext{ font-weight: bold; }