*{
margin:0px;padding:0px;
}
body,html{
background:#12142d;
font-family: "Trebuchet MS", "Tahoma", "Arial";
width:100%;
}
#top{
height:100px;
}
#back{
background:url(i/back.jpg) no-repeat #12142d;
min-height:728px;
margin-left:-750px;
width:1500px;
position:absolute;
left:50%;
top:0;
}
#logo{
height:60px;
width:292px;
background:url(i/logo.png) 0px -10px no-repeat transparent;
float:left;
margin-left:50px;
display:block;
}
#trans{
background:url(i/trans.png) repeat transparent;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
width: 800px;
margin: 0px auto;
padding:10px;
}
#search-line{
background:#ffffff;
padding:10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
float:left;
margin-bottom:5px;
}
#q{
color:#01b6de;
font-size: 18px;
letter-spacing: -1px;
padding: 0.4em;
border: 1px solid #CCCCCC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
background: #FFFFFF;
width:300px;
}
#q:focus { 
border-color: #56B4EF;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.047), 0px 0px 8px rgba(82, 168, 236, 0.600);
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.047), 0px 0px 8px rgba(82, 168, 236, 0.600);
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.047), 0px 0px 8px rgba(82, 168, 236, 0.600);
outline: 0px none currentColor;
}
.button {
border:none;
cursor:pointer;
border-top: 1px solid #f797ca;
background: #de7895;
background: -webkit-gradient(linear, left top, left bottom, from(#c2446e), to(#de7895));
background: -webkit-linear-gradient(top, #c2446e, #de7895);
background: -moz-linear-gradient(top, #c2446e, #de7895);
background: -ms-linear-gradient(top, #c2446e, #de7895);
background: -o-linear-gradient(top, #c2446e, #de7895);
padding: 0.4em 10px;
margin-top:-3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #c4c4c4 0 1px 0;
-moz-box-shadow: #c4c4c4 0 1px 0;
box-shadow: #c4c4c4 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 18px;
text-decoration: none;
vertical-align: middle;
}
.button:hover {
border-top-color: #bd3159;
background: #bd3159;
color: #ccc;
}
.button:active {
border-top-color: #bd3159;
background: #bd3159;
}
.li,#rorre{
background:#ffffff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
margin-bottom:5px;
clear:both;
}
.tits{
clear:both;
display:block;
}
.tits,.error,.counts{color:#d12052;
text-shadow:-1px 0px #CCCCCC, 0px -1px #CCCCCC, 1px 0px #CCCCCC, 0px 1px #CCCCCC, -1px -1px #CCCCCC, 1px 1px #CCCCCC, -1px 1px #CCCCCC, 1px -1px #CCCCCC;
}
.words{color:#fff; }
#rorre{
	padding:10px;
}
#plaing{
overflow:hidden;
height:37px;
}
#plaing object{
margin-top:-29px;
}
.playlist{
cursor:pointer;
color:#000;
text-decoration:none;
float:left;
margin:10px 10px 0px 10px;
height:1.4em;
overflow:hidden;
}
.playlist:hover{
text-decoration:underline;
}
.playlist b{
font-size:16px;
}
.playlist span{
font-size:14px;
}
#buttons{
float:right;
padding:0px 0px 2px 6px;
margin:10px;
}
#buttons span, #buttons a{
margin-left:4px;
}
.wr{
clear:both;
}
.text_title{
font-size:18px;
letter-spacing: -1px;
border-bottom:1px dashed #333;
margin:0px 0px 10px 0px;
padding:0px 0px 6px 0px;
}
.playlist a{
color:#000;
}
#time{ border-top: 1px solid #6b6b6b; background: #6e6e6e; background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#6e6e6e)); background: -moz-linear-gradient(top, #000000, #6e6e6e); background: -o-linear-gradient(top, #000000, #6e6e6e); padding: 8px 14px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #c4c4c4 0 1px 0; -moz-box-shadow: #c4c4c4 0 1px 0; box-shadow: #c4c4c4 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 15px;text-decoration: none; vertical-align: middle; }
#buttons .load{cursor:pointer; border-top: 1px solid #97f7a5; background: #92d665; background: -webkit-gradient(linear, left top, left bottom, from(#3e9c4c), to(#92d665)); background: -moz-linear-gradient(top, #3e9c4c, #92d665); background: -o-linear-gradient(top, #3e9c4c, #92d665); padding: 8px 26px;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #c4c4c4 0 1px 0; -moz-box-shadow: #c4c4c4 0 1px 0; box-shadow: #c4c4c4 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 16px; text-decoration: none; vertical-align: middle; }
#buttons .load:hover { color: #ccc; background: #659942; background: -webkit-gradient(linear, left top, left bottom, from(#1f6929), to(#659942)); background: -moz-linear-gradient(top, #1f6929, #659942); background: -o-linear-gradient(top, #1f6929, #659942); } 
#buttons .load:active { border-top-color: #24571b; background: #24571b; }
#text {cursor:pointer; border-top: 1px solid #7081eb; background: #7c93eb; background: -webkit-gradient(linear, left top, left bottom, from(#3964ad), to(#7c93eb)); background: -moz-linear-gradient(top, #3964ad, #7c93eb); background: -o-linear-gradient(top, #3964ad, #7c93eb); padding: 5px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #c4c4c4 0 1px 0; -moz-box-shadow: #c4c4c4 0 1px 0; box-shadow: #c4c4c4 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; }
#text:hover { color: #ccc; background: #3763b3; background: -webkit-gradient(linear, left top, left bottom, from(#3b49a3), to(#3763b3)); background: -moz-linear-gradient(top, #3b49a3, #3763b3); background: -o-linear-gradient(top, #3b49a3, #3763b3); } 
#text:active { border-top-color: #284580; background: #284580; }
#pages{
text-align:center;
}
#pages a{
background:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
margin:4px;
padding:0px 2px;
text-decoration:none;
color:#000;
}
#footer{
text-align:center;
color:#ffffff;
}
#footer a{
color:#ffffff;
}
#tags{
padding:10px;
text-align:center;
}
#tags a{
color: #d12052;
}
#pages a.active, #pages a:hover{
background:#d12052;
color:#fff;
}
@media (max-width: 800px) {
	#back{
		width:100%;
		margin-left:0px;
		position:relative;
		left:0;
		top:0;
	}
	#trans{
		width:90%;
	}
	#search .button{
		margin-top:5px;
	}
	#tags a{
		line-height: 40px;
	}
	#q{
		width:200px;
	}
	#logo{
		width:292px;
		background:url(i/logo.png) 0px -10px no-repeat transparent;
		float:left;
		margin-left:0px;
		display:block;
	}
	#footer a{
		margin:5px;
		line-height:30px;
	}
}