/* 
    Theme Name: HL2Ukraine
    Theme URI: http://hl2ukraine.net/
    Description: WordPres theme for Ukrainian Half-Life Community
    Version: 0.1 
    Author: Kirill Krasin
    Author URI: http://www.kirillkrasin.lg.ua
*/
body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;
	background-image:url(/wp-content/themes/hl2ukraine/img/bg.png);
	background-repeat:repeat-y;
	background-position:center;
}
body,td,th {
	color: #181512;
	font-family: Tahoma, Geneva, sans-serif;
}
blockquote {
	padding: 2px 5px 2px 5px;
	border-left: #fe6601 2px solid;
}
blockquote.twitter-tweet {
	padding: 2px 5px 2px 10px;
	border-left: #00aced 2px solid;
	border-radius: 10px;
	background: -webkit-linear-gradient(left, #bfeafb, #fff);
}
div.main a{
	color:#000;
}	
#notfound {
	padding-left: 30px;
	padding-right: 30px;
}
.main img {
	max-width: 908px;
	height: auto;
}
p.wp-caption-text {
	font-size: 12px;
	text-align: center;
	margin-top: -1px;
}
#comments {
	padding: 10px;
	margin-top: 15px;
}
#top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color:#000;
	height: 5px;
	color:#FFF;
	padding: 5px;
	font-size: 11px;
	z-index: 99;
}
#last-tweet {
	padding-left: 25px;
	padding-top: 1px;
	padding-right: 25px;
	padding-bottom: 15px;
	font-size: 14px;
}
#top-content {
	padding-top: 2px;
	text-transform:uppercase;
	margin-left:auto;
	margin-right:auto;
}
.wp-pagenavi {
	padding-bottom: 15px;
	padding-left: 5px;
	font-size: 12px;
}
.wp-pagenavi a {
	color: #000;
}
.wp-pagenavi a, .wp-pagenavi span {
	border: none !important;
}
.content {
	padding-top: 10px;
}
img.no-border {
	border:0px;
}
table.content {
	width: 930px;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	padding:0px;
	border:0px;
}
.igromagaz {
	float: right;
	margin-top: -150px;
}
#frame {
	padding-top: 30px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
#logo {
	width:930px;
	height: 70px;
	display:block;
	margin-bottom: 10px;
}
#menu {
	
	color:#FFF;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	text-transform:uppercase;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.menu ul{
	background:#000;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
}
.menu li{
	float:left;
	padding:0px;
}
.menu li a{
	background:#000 url("/wp-content/themes/hl2ukraine/img/seperator.gif") bottom right no-repeat;
	color:#cccccc;
	display:block;	
	font-weight:normal;
	line-height:35px;
	margin:0px;
	padding:0px 10px;
	text-align:center;
	text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
	background: #fe6601;
	color:#FFFFFF;
	text-decoration:none;
}
.menu li ul{
	background:#333333;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:150px;
	z-index:200;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	/*top:1em;
	/*left:0;*/
}
.menu li:hover ul{
	display:block;		
}
.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:150px;
}
.menu li:hover li a{
	background:none;
}
.menu li ul a{
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
	background:#fe6601;
	border:0px;
	color:#ffffff;
	text-decoration:none;
}
.menu p{
	clear:left;
}
.sub-logo {
	width: 930px;
	height: 70px;
	padding-top: 30px;
}
.main {
	padding: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d1d1d1;
}
#tweet {
	float: right;
	padding-top: 22px;
}
#comms {
	float: right;
	padding-top: 30px;
	font-size: 12px;
}
#comms a {
	color: #000;
}
#icons {
	float: right;
	padding-top: 17px;
	padding-right: 20px;
}
#crumbs {
	padding-left: 15px;
	padding-bottom: 10px;
	margin-top: -20px !important;
	font-size: 12px;
}
#top-menu {
	width: 930px;
	height: 30px;
	background-image:url(/wp-content/themes/hl2ukraine/img/pp.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-left: 25px;
}
.featured {
	position:relative;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 35px;
	color:#fff;
	background-image:url(/wp-content/themes/hl2ukraine/img/featured.png);
	background-repeat:no-repeat;
	background-position:top right;
	max-width: 650px;
	height:46px;
	float:left;
	text-decoration: none;
	font-family: Georgia,"Bitstream Vera Serif","Times New Roman",serif;
	font-style: normal;
	font-size: 24px;
	text-transform:uppercase;
	text-shadow: 0 1px 3px black;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.featured a, .featured-meta a {
	color:#fff;
	text-decoration: none;
}
.featured-meta {
	position:relative;
	margin-top: 12px;
	font-family: Georgia,"Bitstream Vera Serif","Times New Roman",serif;
	font-style: normal;
	font-size: 12px;
	text-transform:uppercase;
	text-shadow: 0 1px 3px black;
	color:#fff;
	float:right;
	background-image:url(/wp-content/themes/hl2ukraine/img/featured-meta.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left: 15px;
	padding-top: 3px;
	padding-right: 5px;
	height: 25px;
}
.post-meta-frame {
	width:100%;
	height: 20px;
	padding-top: 10px;
}
.post-meta-l {
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 15px;
	font-size: 10px;
	background-image:url(/wp-content/themes/hl2ukraine/img/post-meta-l.png);
	background-repeat:no-repeat;
	background-position:top right;
	float:left;
	position:relative;
	color:#FFF;
	text-shadow: 0 1px 3px black;
}
.post-meta-r {
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 10px;
	font-size: 10px;
	background-image:url(/wp-content/themes/hl2ukraine/img/post-meta-r.png);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
	position:relative;
	color:#FFF;
	text-shadow: 0 1px 3px black;
}
.post-meta-l a, .post-meta-r a {
	color: #fff !important;
	text-decoration: none;
} 
#footer {
	background-color: #232323;
	color:#FFF;
	text-shadow: 0 1px 3px black;
	font-size:12px;
	padding: 15px;
	height: auto;
	margin-bottom: 12px;
}
div.footer dl {
	float: left;
	width: 155px;
}
#footer dl, #footer dt, #footer dd {
	margin: 0;
	padding: 0;
}
#footer dt {
	font-weight: 100;
	font-size: 1.5em;
	margin-bottom: 10px;
	font-family: "Museo 500","Trebuchet MS",Arial;
	color: #fe6601;
	text-shadow: 0 1px 3px black;
	font-weight: 100;
}
div.footer dd {
	line-height: 1.2em;
	margin-left: 5px;
	margin-bottom: .5em;
}
div.footer a {
	color: #ccc;
	text-decoration:none;
}
#footer section a, #footer aside a {
	font-family: Arial;
	text-transform: none;
}
#copy {
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
	font-size:10px;
}
#copy a {
	color:#000;
}
#ads {
	width: 98%!important;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-top: -22px;
	margin-bottom: 5px;
	float:left;
	font-size:10px;
	opacity: 0.4;
}
#ads a{
	color:#000;
}
a.s_link{
	color:#000;
}
.ads#single {
	width: 98%!important;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	float:left;
	font-size:10px;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
}
.fb#single {
	width: 88%!important;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	float:left;
	font-size:10px;
	background-color:#0182c4;
	background-image:url(/wp-content/uploads/2013/02/fb.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding-left: 100px;
	border-radius: 4px;
	display: inline-block;
	position: relative;	
}
#valid {
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	float:right;
	font-size:10px;
}
#top-menu-items {
	padding-top: 0;
	padding-left:250px;
	color:#FFF;
	text-transform:uppercase;
	font: 50.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.top-menu-items ul{
	background:#000;
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
}
.top-menu-items li{
	float:left;
	padding:0;
}
.top-menu-items li a{
	color:#cccccc;
	display:block;	
	font-weight:normal;
	line-height:26px;
	margin:0px;
	padding:0px 10px;
	text-align:center;
	text-decoration:none;
}
.top-menu-items a.forum{
	background-image:url(/wp-content/themes/hl2ukraine/img/forum.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.top-menu-items a.forum:hover{
	background-image:url(/wp-content/themes/hl2ukraine/img/forum-h.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.top-menu-items a.dota{
	background-image:url(/wp-content/themes/hl2ukraine/img/dota.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.top-menu-items a.dota:hover{
	background-image:url(/wp-content/themes/hl2ukraine/img/dota-h.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.top-menu-items a.ign{
	background-image:url(/wp-content/themes/hl2ukraine/img/ign.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.top-menu-items a.ign:hover{
	background-image:url(/wp-content/themes/hl2ukraine/img/ign-h.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.top-menu-items a.bf{
	background-image:url(/wp-content/themes/hl2ukraine/img/btl.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.top-menu-items a.bf:hover{
	background-image:url(/wp-content/themes/hl2ukraine/img/btl-h.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.top-menu-items a.steam{
	background-image:url(/wp-content/themes/hl2ukraine/img/steam.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.top-menu-items a.steam:hover{
	background-image:url(/wp-content/themes/hl2ukraine/img/steam.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.top-menu-items a.servers{
	background-image:url(/wp-content/themes/hl2ukraine/img/servers.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.top-menu-items a.servers:hover{
	background-image:url(/wp-content/themes/hl2ukraine/img/servers-h.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}
#valid_css3 {
	height:50px;
	width:40px;
	background-image:url(/wp-content/themes/hl2ukraine/img/valid_css.jpg);
	background-position: left;
	margin-left:auto;
	margin-right:auto;
	display: inline-block;
	position: relative;
}
#valid_css3:hover {
	height:50px;
	width:40px;
	background-image:url(/wp-content/themes/hl2ukraine/img/valid_css.jpg);
	background-position: right;	
}
#valid_css3:hover::after {
	content: attr(data-title); /* Выводим текст */
	position: absolute; /* Абсолютное позиционирование */
	left: 110%; top: 12%; /* Положение подсказки */
	z-index: 1; /* Отображаем подсказку поверх других элементов */
	background: rgba(41,170,225,0.9); /* Полупрозрачный цвет фона */
	font-family: Arial, sans-serif; /* Гарнитура шрифта */
	font-size: 11px; /* Размер текста подсказки */
	padding: 5px 10px; /* Поля */
	border: 1px solid #0070ba;
	border-radius: 3px;
}
#valid_html5 {
	height:50px;
	width:40px;
	background-image:url(/wp-content/themes/hl2ukraine/img/valid_html5.jpg);
	background-position: left;
	margin-left:auto;
	margin-right:auto;
	display: inline-block;
	position: relative;
}
#valid_html5:hover {
	height:50px;
	width:40px;
	background-image:url(/wp-content/themes/hl2ukraine/img/valid_html5.jpg);
	background-position: right;	
}
#valid_html5:hover::after {
	content: attr(data-title); /* Выводим текст */
	position: absolute; /* Абсолютное позиционирование */
	left: -315%; top: 25%; /* Положение подсказки */
	z-index: 1; /* Отображаем подсказку поверх других элементов */
	background: rgba(255,85,0,0.9); /* Полупрозрачный цвет фона */
	font-family: Arial, sans-serif; /* Гарнитура шрифта */
	font-size: 11px; /* Размер текста подсказки */
	padding: 5px 10px; /* Поля */
	border: 1px solid #f33100;
	border-radius: 3px;
}
#tags {
	text-align: center;
}
#contact-form-511 {
	padding-left: 250px;
}

input.email {
	padding: 10px;
	outline: none;
	font-size: 16px;
}
input.url {
	padding: 10px;
	outline: none;
	font-size: 16px;
}
#crumbs {
	padding-left: 15px;
	padding-bottom: 10px;
	margin-top: -10px;
	font-size: 12px;
}
#crumbs a {
	color: #000;
}
#debug {
	font-size: 8px;
	padding-top: 3px;
}