/*
   Version B1.00 based on YUI Pure framework 
*/

/* NORMALIZE */

audio,canvas,video{
	display:inline-block;
}
audio:not([controls]){
	display:none;
	height:0
}
[hidden]{
	display:none
}
html{
	font-size:100%;
	height:100%;
	min-height:100%;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
html,button,input,select,textarea{
	font-family:sans-serif
}
body{
	margin:0;
	height:100%;
	min-height:100%;
	position:relative;
	min-width:320px;
	background:#fff
}
a:focus{
	outline:0
}
a:active,a:hover{
	outline:0
}
blockquote{
	margin:1em 40px
}
dfn{
	font-style:italic
}
em{
	font-style:normal
}
hr{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0;
	border:0;
	border-bottom:1px solid #000
}
mark{
	background:#ff0;
	color:#000
}
p,pre{
	margin:0 0 1em 0
}
sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup{
	top:-.5em
}
sub{
	bottom:-.25em
}
img{
	border:0;
	-ms-interpolation-mode:bicubic
}
svg:not(:root){
	overflow:hidden
}
figure{
	margin:0
}
form{
	margin:0
}
fieldset{
	border:0;
	margin:0;
	padding:.8em 0
}
legend{
	border:0;
	padding:0;
	white-space:normal
}
button,input,select,textarea{
	font-size:100%;
	margin:0;
	vertical-align:baseline
}
button,input{
	line-height:normal
}
button,select{
	text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled],a.disabled{
	cursor:default;
	pointer-events:none
}
input[type=checkbox],input[type=radio]{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0
}
input[type=search]{
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	border-radius:3px;
	padding:.4em .4em
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
	-webkit-appearance:none;
	border-radius:0
}
button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0
}
textarea{
	overflow:auto;
	vertical-align:top
}
table{
	border-collapse:collapse;
	border-spacing:0
}

/* HELPERS */
.my_div { width:192px; float:right; }
.fl{
	float:left
}
.fr{
	float:right
}
.oh{
	overflow:hidden
}
.tar{
	text-align:right
}
.tac{
	text-align:center
}
.tal{
	text-align:left
}
.ac{
	display:block;
	text-align:center
}
.mga{
	display:block !important;
	margin:0 auto !important
}
.mgz{
	margin:0 !important
}
.vam{
	vertical-align:middle !important
}
.vat{
	vertical-align:top !important
}
.vatt{
	vertical-align:text-top !important
}
.vatb{
	vertical-align:text-bottom !important
}
.vab{
	vertical-align:bottom !important
}
.cf:before,.cf:after,.cnt:before,.cnt:after{
	display: table;
	line-height: 0;
	content: ""
}
.cf:after,.cnt:after{
	clear:both
}
.nw{
	white-space:nowrap
}
.pr{
	position:relative
}
.udl{
	border-bottom:1px solid #000
}
.itl{
	font-style:italic
}


/* COLORS AND LINKS*/

a{
	text-decoration:none;
	color:inherit
}
a:focus{
	outline:0
}
.tdu a{
	border-bottom:1px solid;
	border-color:inherit
}
.tdd a{
	border-bottom:1px dotted;
	border-color:inherit
}
.blk{color:#000}
.dgr{color:#444}
.mgr{color:#666}
.lgr{color:#999}
.wht{color:#fff}
.red{color:#bc1f1f}
.dgr a:hover{color:#129eea;border-bottom-color:#129eea}
.wht a:hover{color:#fff;border-bottom-color:#fff}

header nav a:hover{border-bottom:1px solid #fff}

/* ICONS */

.icon, .icon-fl{
	display:inline-block;
	background:url('//d144mzi0q5mijx.cloudfront.net/i/ui.svg') no-repeat 0 0;
	background-size:cover;
	text-indent:-9999px;
	vertical-align:middle;
	overflow:hidden
}
.icon-fl{
	background:url('//d144mzi0q5mijx.cloudfront.net/i/flags_2x.png') no-repeat 0 0;
	background-size:728px 16px
}
.ui-user{
	background-position:2.5% 0
}
.ui-search{
	background-position:5% 0
}
.ui-tmenu{
	background-position:7.5% 0
}
.ui-tuser{
	background-position:10% 0
}
.ui-starr{
	background-position:12.5% 0
}
.ui-dnlr{
	background-position:15% 0
}
.ui-appr{
	background-position:17.5% 0
}
.ui-wfir{
	background-position:20% 0
}
.ui-fcr{
	background-position:22.5% 0
}
.ui-dcr{
	background-position:25% 0
}
.ui-rag{
	background-position:27.5% 0
}
.ui-lfr{
	background-position:30% 0
}
.ui-wish{
	background-position:32.5% 0
}
.ui-comm{
	background-position:35% 0
}
.ui-dnlw{
	background-position:37.5% 0
}
.ui-webf{
	background-position:40% 0
}
.ui-cart{
	background-position:42.5% 0
}
.ui-close{
	background-position:45% 0
}
.ui-cnoad{
	background-position:47.5% 0
}
.ui-cfnts{
	background-position:50% 0
}
.ui-cwfts{
	background-position:52.5% 0
}
.ui-cdnla{
	background-position:55% 0
}
.ui-cplus{
	background-position:57.5% 0
}
.ui-cinfo{
	background-position:60% 0
}
.ui-cwarn{
	background-position:62.5% 0
}
.ui-cstar{
	background-position:65% 0
}
.ui-ratf{
	background-position:67.5% 0
}
.ui-rate{
	background-position:70% 0
}
.ui-wishd{
	background-position:72.5% 0
}
.share-fb i{
	background-position:75% 0
}
.share-tw i{
	background-position:77.5% 0
}
.share-gp i{
	background-position:80% 0
}

.flag-gb{
	background-position:0 0
}
.flag-de{
	background-position:5% 0
}
.flag-es{
	background-position:10% 0
}
.flag-ro{
	background-position:15% 0
}
.flag-fr{
	background-position:20% 0
}
.flag-it{
	background-position:25% 0
}
.flag-pr{
	background-position:30% 0
}
.flag-ch{
	background-position:35% 0
}
.flag-ru{
	background-position:40% 0
}
.flag-ar{
	background-position:45% 0
}
.flag-jp{
	background-position:50% 0
}
.flag-in{
	background-position:55% 0
}
.sz16{
	width:16px;
	height:16px
}
.sz22{
	width:22px;
	height:22px
}
.sz26{
	width:26px;
	height:26px
}
.sz30{
	width:30px;
	height:30px
}
.sz38{
	width:38px;
	height:38px
}
.sz42{
	width:42px;
	height:42px
}


/* LISTS */

ul,dd,dl{
	list-style:none;
	padding:0;
	margin:0
}
li{
	line-height:1.6em;
	margin-bottom:.4em
}
.iconlist li span{
	display:inline-block;
	width:86%;
	vertical-align:text-top;
	margin-left:.3em
}
.numlist{
	padding-left:1.4em
}
.numlist li{
	padding-left:.4em
}
.emlist li span{
	display:inline-block;
	width:88%;
	padding-left:.8em
}
.emlist li:before{
	content:'\2014\a0';
	color:#bc1f1f;
	vertical-align:top
}
.nvlist li{
	display:inline-block;
	margin-right:1.4em;
	white-space:nowrap
}
.lang li{
	white-space:nowrap
}
.lang li i{
	margin-right:.6em;
	position:relative;
	top:-.1em
}
.abc li{
	display:inline-block;
	margin-left:.4em
}

/* TYPOGRAPHY */

body{
	font:1em/1.25em 'Lato', Helvetica, Arial, sans-serif;
	font-weight:500;
	color:#303030;
	margin:0;
	position:relative
}
h1,h2,h3,h4,h5,h6{
	color:#000;
	font-weight:400;
	margin-bottom:.75em
}
h2{
	font-weight:400;
	margin-top:1.75em
}
#content h2{
	margin-bottom:0
}
#content h3{
	margin-top:.2em
}
h3,h4{
	line-height:1.3em
}
strong, em{
	font-weight:700
}
p{
	margin-bottom:.2em;
	line-height:1.5em
}
small{
	font-size:48%;
	position:absolute
}
.caps{
	text-transform:uppercase
}
.lite{
	font-weight:300 !important
}
.s10{font-size:.625em}
.s11{font-size:.688em}
.s12{font-size:.750em}
.s13{font-size:.813em}
.s14{font-size:.875em;line-height:1.75em}
.s15{font-size:.938em}
.s16{font-size:1em}
.s18{font-size:1.125em;line-height:1.45em}
.s20{font-size:1.25em}
.s22{font-size:1.375em}
.s24{font-size:1.5em}
.s26{font-size:1.625em;line-height:1.25em}
.s28{font-size:1.75em;line-height:1.45em}
.s32{font-size:2em;line-height:1.25em}
.s34{font-size:2.125em;line-height:1.25em}
.s40{font-size:2.5em;line-height:1.25em}
.s64{font-size:4em;line-height:1em}
.s80{font-size:5em;line-height:1.25em}

.l0{line-height:1em !important}

/* BUTTONS */

.butn{
	font-family:'Lato', Helvetica, Arial, sans-serif;
	display:inline-block;
	zoom:1;
	line-height:normal;
	white-space:nowrap;
	vertical-align:baseline;
	text-align:center;
	cursor:pointer;
	-webkit-user-drag:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	border:0;
	border-radius:6px;
	padding:.6em 1.4em;
	color:#fff;
	background:#c4c4c4;
	text-decoration:none;
	position:relative;
	transition:.1s linear box-shadow
}
.butn:hover{
	background:#acacac;
}
.butn i{
	margin-right:.4em
}
.butn.red{
	background:#bc1f1f
}
.butn.red:hover{
	background:#a31a1a
}
.butn.gry{
	background:#666
}
.butn.gry:hover{
	background:#4d4d4d
}
.butn.share-fb{
	background:#415da6
}
.butn.share-tw{
	background:#2796dd
}
.butn.share-gp{
	background:#d73930
}
.butn:active{
	color:#fff;
	box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 0 6px rgba(0,0,0,.4) inset
}
.butn:focus{
	outline:none
}
.butn::-moz-focus-inner{
	padding:0;
	border:0
}
.fileio{
	position:relative;
	overflow:hidden
}
.fileio .butn{
	position:absolute;
	top:0;
	right:0;
	min-width:120px;
	border-top-left-radius:0;
	border-bottom-left-radius:0
}
.fileio input[type=file]{
	position:absolute;
	top:0;
	right:0;
	min-width:100%;
	min-height:100%;
	font-size:100px;
	text-align:right;
	filter:alpha(opacity=0);
	opacity:0;
	cursor:inherit;
	display:block
}
input[readonly]{
  	cursor:text !important;
}

/* FORMS */

legend{
	border:0;
	padding:0;
	white-space:normal
}
form li{
	list-style:none;
	margin-bottom:1.8em
}
.fgroup li{
	margin-bottom:.6em
}
form button,input,select,textarea{
	font-size:100%;
	margin:0;
	vertical-align:baseline
}
form button,input{
	line-height:normal
}
form button,input[type=button],input[type=reset],input[type=submit]{
	-webkit-appearance:button;
	cursor:pointer
}
form button[disabled],form input[disabled]{
	cursor:default
}
input[type=checkbox],input[type=radio]{
	box-sizing:border-box;
	border:1px solid #666;
	padding:0
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
	-webkit-appearance:none;
	border-radius:0
}
form button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0
}
textarea{
	overflow:hidden;
	height:3.2em
}

/* LAYOUT */

#wrp{
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -7em;
	overflow:hidden
}
#main.wsb{
	background:linear-gradient(to right, #fafafa 0%, #fafafa 33%, #fff 33%, #fff 100%)
}
#content{
	padding:10px 0 140px 2%
}
.err #content{
	padding-left:0
}
#sidebar{
	background:#fafafa;
	padding:5px 1% 100px 0
}
.wrp{
	display:block
}
.cnt{
	position:relative;
	margin:0 auto;
	width:92%;
	left:-60px;
	max-width:1200px
}
.sbar{
	padding-right:5%;
	min-width:250px
}
.grid{
	text-rendering: optimizespeed
}
.cols{
	display:table;
	table-layout:fixed
}
#adbar{
	width:200px;
	height:100%;
	position:absolute;
	right:-200px;
	padding-left:0px
}
.ut{
	display:inline-block;
	zoom:1;
	letter-spacing:normal;
	word-spacing:normal;
	vertical-align:top;
	text-rendering:auto;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.ut-t{
	display:table-cell;
	vertical-align:top
}
.w-16{
	display:block;
	width:100%
}
.w-15{
	width:93.75%
}
.w-14{
	width:87.5%
}
.w-13{
	width:81.25%
}
.w-12{
	width:75%
}
.w-11{
	width:68.75%
}
.w-10{
	width:62.5%
}
.w-9{
	width:56.25%
}
.w-8{
	width:50%
}
.w-7{
	width:43.75%
}
.w-6{
	width:37.5%
}
.w-5{
	width:31.25%
}
.w-4{
	width:25%
}
.w-3{
	width:18.75%
}
.w-2{
	width:12.5%
}
.w-1{
	width:6.25%
}
.l-2{
	margin-left:12.5%
}
.l-1{
	margin-left:6.255%
}
.l1{
	margin-left:1em
}
.t0{
	margin-top:0.1em !important
}
.t1{
	margin-top:1em !important
}
.t2{
	margin-top:2em !important
}
.t3{
	margin-top:3em
}
.t4{
	margin-top:4em
}
.t6{
	margin-top:6em
}
.b1{
	margin-bottom:1em
}
.p2{
	padding-top:2em
}
.p4{
	padding-top:4em
}
.p6{
	padding-top:6em
}

/* TABLES */

table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%
}

/* HEADER */

header{
	display:table;
	width:100%;
	background:#bc1f1f;
	padding:26px 0;
	box-shadow: inset 0px -48px 32px -54px rgba(0,0,0,0.7)
}
#logo, #flogo{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	min-width:176px;
	height:31px;
	background:url('//d144mzi0q5mijx.cloudfront.net/i/logo.svg') no-repeat 50% 50%;
	background-size:176px 31px;
	text-indent:-2000px;
	z-index:9;
	overflow:hidden
}
#logo a, #flogo a{
	display:block;
	width:100%;
	height:100%
}
header input[type=search]{
	-webkit-appearance:none;
	border:0;
	box-sizing:border-box;
	padding:.5em 36px .5em 1em;
	height:36px;
	width:100%;
	min-width:180px;
	border-radius:6px !important;
	color:#4a1616;
	border:none;
	font:0.688em/1em 'Lato', Helvetica, Arial, sans-serif;
	background:#a61c1c;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.2);
	transition:.4s linear background
}
header input[type=search]:focus{
	background:#fff;
}
header .stacksearch{
	position:relative;
	display:table-cell;
	width:25%;
	vertical-align:middle
}
header .stacksearch .sfld{
	width:100%;
	float:right
}
header .stacksearch .butn{
	position:absolute;
	display:block;
	background:transparent;
	width:34px;
	height:34px;
	padding:0;
	right:0;
	top:-2px
}
header .stacksearch .butn:active{
	box-shadow:none
}
header .circled{
	background:#4a1616;
	display:inline-block;
	text-align:center;
	position:relative;
	top:.2em;
	vertical-align:baseline;
	width:18px;
	height:18px;
	font-weight:300;
	margin-left:.4em;
	border-radius:50%;
}
header .circled span{
	position:relative;
	top:-.2em
}
.plsupgrade{
	padding:6px 0;
	background:#000;
	color:#fff
}

/* NAVIGATION */

nav{
	display:table-cell;
	width:75%;
	padding-right:1.4em;
	vertical-align:middle
}
nav.vis{
	display:table-cell
}
nav li, #togglers li{
	display:inline-block;
	vertical-align:middle;
	margin:0;
	margin-left:.8em;
	line-height:22px
}
nav li.utils{
	margin-left:1.8em
}
nav li:last-child{
	margin-right:0
}
#togglers{
	display:none
}
.catlist .circled{
	border:1px solid #999;
	padding:0 .6em;
	border-radius:16px;
	float:right;
	font-weight:300;
	color:#999;
	font-size:.75em
}
.sbarctrl{
	display:none
}

/* FONT LISTS AND DETAILS */

.fontlist>li{
	padding-top:2em;
	padding-bottom:2em;
	border-bottom:1px solid #999
}
.fontlist>li:last-child{
	border:none
}
.fontlist h5{
	margin:0 0 .2em
}
.ui-lfr{
	margin-left:.3em
}
.dstat{
	padding-left:.4em;
	margin-left:.4em;
	border-left:1px solid #666
}
.fpreview{
	margin-top:1em
}
.fontlist .utils{
	margin-top:.4em
}
.fontlist .utils li, .font .utils li{
	display:inline-block;
	margin-left:2em
}
.fontlist .utils li:first-child, .font .utils li:first-child{
	margin-left:0
}
.fontlist .utils a:hover span, .font .utils a:hover span{
	border-bottom:1px solid #666
}
.tags li{
	display:inline-block;
	color:#999;
	margin-right:.4em;
	margin-bottom:.8em
}
.tags li a{
	display:inline-block;
	border:1px solid #999;
	border-radius:12em;
	padding:.4em 1em
}
.comment{
	position:relative;
	padding:15px;
	margin:1em 0 2.4em;
	border:1px solid #dcdcdc;
	color:#333;
	border-radius:10px
}
.comment.status-ok{
	border-color:#6fba1f
}
form.comment{
	border:1px dashed #dcdcdc;
	padding-bottom:45px
}
.comment:before{
	content:"";
	position:absolute;
	bottom:-20px;
	left:45px;
	border-width:20px 20px 0;
	border-style:solid;
	border-color:#dcdcdc transparent;
	display:block;
	width:0
}
.comment.status-ok:before{
	border-color:#6fba1f transparent;
}
.comment:after{
	content:"";
	position:absolute;
	bottom:-19px;
	left:46px;
	border-width:19px 19px 0;
	border-style:solid;
	border-color:#fff transparent;
	display:block;
	width:0
}
.comment span{
	display:block
}
#rater{
	margin:2em 0 4em;
	display:none
}
#pvw-text, #pvw-options{
	display:none
}
#pvw-text.vis, #pvw-options.vis{
	display:inline
}
#friendsend{
	margin:2em 0 6em;
	display:none
}
#friendsend form li{
	margin-bottom:.4em
}

/* PAGINATION */

#sorter{
	margin:1.8em 0 2.4em
}
#preview{
	padding-top:.3em
}
.pager li{
	display:inline-block;
	padding:.3em .8em;
	margin:0 1em 1em 0;
	color:#fff;
	border:1px solid #ccc;
	background:#ccc;
	border-radius:90px;
	position:relative;
	user-select:none
}
.pager a{
	display:block;
	width:100%;
	height:100%
}
.pager li.selected{
	color:#fff;
	background:#666;
	border-color:#666
}
.pager li:not(.selected):hover{
	border-color:#666 !important
}

/* FOOTER */

footer, #push{
	height:7em
}
footer{
	padding:60px 0;
	background:#bc1f1f;
	box-shadow: inset 0 48px 32px -54px rgba(0,0,0,0.5)
}
#flogo{
	padding-top:0.4em
}
.mcol{
	padding-left:6%
}


/* MOBILE */

.mbo{
	display:none !important
}
@media only screen and (max-width:1560px) {
	#adbar{
		display:none
	}
	.cnt{
		left:auto
	}
}
@media only screen and (max-width:980px) {
	.dto{
		display:none !important
	}
	.mbo{
		display:inline-block !important
	}
	#wrp{
		margin-bottom:-10em;
	}
	footer, #push{
		height:10em
	}
	header{
		padding-bottom:12px;
		background:#bc1f1f url('//d144mzi0q5mijx.cloudfront.net/i/hsp_2x.png') repeat-x left 0px bottom 60px;
		background-size:100px 1px;
	}
	nav{
		display:none;
		margin:32px 0 12px;
	}
	nav.vis{
		display:block
	}
	nav ul{
		float:none !important;
		font-size:.938em !important
	}
	nav ul li{
		display:block;
		margin-bottom:.5em;
		margin-left:0;
		text-align:left
	}
	nav li i.icon{
		display:none
	}
	nav li.utils{
		margin-left:0;
		margin-top:1em
	}
	#togglers{
		display:table-cell;
		width:100%
	}
	#togglers ul{
		float:right
	}
	#togglers ul li{
		margin-left:.6em
	}
	header .stacksearch{
		display:block;
		width:100%;
		margin-top:38px
	}
	header .stacksearch .butn{
		right:8px;
		top:0
	}
	header .stacksearch .butn i{
		width:28px;
		height:28px
	}
	#main.wsb{
		background:none
	}
	#main.sba{
		background:#fafafa
	}
	#content{
		display:none
	}
	#content.vis{
		display:table-cell;
		width:100%;
		padding:20px 0 200px 0
	}
	#sidebar{
		display:none
	}
	#sidebar.vis{
		display:table-cell;
		background:#fafafa;
		width:100%;
		padding-right:0;
		padding-top:20px
	}
	.sbarctrl{
		margin-bottom:20px;
		display:block
	}
	footer .cols{
		display:block
	}
	footer .ut-t{
		display:block;
		width:100%;
		padding-right:0;
		margin-top:1em
	}
	footer .ut-t:first-child{
		margin-top:0
	}
	footer .mcol{
		padding-left:0
	}
	.lang li span{
		display:none
	}
}
@media only screen and (max-width:840px) {
	#wrp{
		margin-bottom:-12em
	}
	footer, #push{
		height:12em
	}
}
@media only screen and (max-device-width:736px) {
	.cnt{
		box-sizing:border-box;
		width:96%
	}
	#wrp{
		margin-bottom:-7em
	}
	h2{
		margin-top:1.4em
	}
	.s64{
		font-size:3.375em;
		line-height:1em}
	.w-10,.w-14,.w-6{
		display:block;
		width:100%
	}
	.fontlist ul.utils, .font ul.utils{
		float:none;
	}
	.font ul.utils li.brk{
		display:block;
		margin-left:0
	}
	span.brk{
		display:block;
		margin-top:.6em
	}
	.fontlist .utils, .font .utils{
		margin-top:.6em;
		margin-bottom:1em
	}
	footer, #push{
		height:16em
	}
	.fpreview{
		display:block;
		margin-left:auto;
		margin-right:auto
	}
	.fpreview img{
		width:100%;
		height:auto
	}
	.rimg{
		width:auto;
		height:auto;
		max-width:100%
	}
	.comment{
		width:auto
	}
	.sharing{
		float:none;
		margin-top:1em
	}
	#preview{
		margin-top:1em;
		float:none
	}
	.fileio .butn{
		min-width:54px
	}
}


#stickyunit {
position: fixed;
}