﻿/*
Theme Name: Srixon-WP
*/

/* main elements */
html{
	height:100%;
	background:#1e1e1e url(images/bg-main-body.gif) repeat-x;
}
body{
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
	height:100%;
	background:url(images/bg-body.jpg) no-repeat 50% 0;
}
img{border:0;}
a{
	color:#4d9bcf;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
form, fieldset{
	margin:0;
	padding:0;
	border:0;
}
input, textarea, select{
	font:100% Arial, Helvetica, sans-serif;
	color:#9d9d9d;
	vertical-align:middle;
	outline:none;
}
#wrapper{
	width:1001px;
	margin:0 auto;
}
#header{padding:22px 0 0;}
.header-area{
	padding:0 0 47px 1px;
	width:1000px;
}
.header-area:after{
	content:"";
	clear:both;
	display:block;
}
.logo{
	width:127px;
	height:45px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	background:url(images/bg-logo.png) no-repeat;
	display:block;
	height:100%;
	cursor:pointer;
}
.top-nav{
	margin:0;
	padding:14px 0 0;
	list-style:none;
	float:right;
	text-transform:uppercase;
	line-height:27px;
}
.top-nav li{
	float:left;
	background:url(images/sep-top-nav.gif) no-repeat;
	padding:0 0 0 2px;
}
.top-nav li:first-child{background:none;}
.top-nav a{
	color:#fff;
	float:left;
	padding:0 14px;
	text-decoration:none;
}
.top-nav li.hover a,
.top-nav li:hover a,
.top-nav a:hover{background:#0b0401;}
.top-nav li.hover,
.top-nav li:hover{position:relative;}
.top-nav li.hover .drop-box,
.top-nav li:hover .drop-box{display:block;}
.top-nav .drop-box{
	position:absolute;
	z-index:100;
	top:27px;
	left:2px;
	display:none;
	width:157px;
	line-height:16px;
	background:url(images/transparent.gif);
}
.top-nav ul{
	margin:0;
	padding:0 0 2px;
	width:157px;
	list-style:none;
	font-weight:bold;
	overflow:hidden;
	background:url(images/bg-drop-down.png);
}
.top-nav ul li{
	float:none;
	background:none;
	margin:0;
	padding:4px 0 2px;
	width:100%;
	border-top:1px solid #343434;
}
.top-nav ul li:after{
	content:"";
	clear:both;
	display:block;
}
.top-nav ul li:first-child{border:0;}
.top-nav ul a{
	padding:0 5px 0 19px;
	position:relative;
	background:none !important;
}
.top-nav ul a:hover{text-decoration:underline;}
.info-area{
	background:url(images/bg-info-area.gif) repeat-x;
	height:26px;
	padding:0 3px 0 0;
}
.info-area:after{
	content:"";
	clear:both;
	display:block;
}
#nav{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	font-weight:bold;
	line-height:26px;
}
#nav li{
	float:left;
	background:url(images/sep-nav.gif) no-repeat 0 100%;
	padding:0 0 0 2px;
	margin:0 2px 0 -2px;
}
#nav li:first-child{background:none;}
#nav a{
	color:#fff;
	float:left;
	padding:0 25px 0 17px;
	text-decoration:none;
}
#nav li.hover,
#nav li:hover{position:relative;}
#nav li.hover .drop-box,
#nav li:hover .drop-box{display:block;}
#nav .drop-box{
	position:absolute;
	z-index:100;
	top:26px;
	left:2px;
	display:none;
	width:157px;
	line-height:16px;
	background:url(images/transparent.gif);
}
#nav ul{
	margin:0;
	padding:0 0 2px;
	width:157px;
	list-style:none;
	font-weight:bold;
	overflow:hidden;
	background:url(images/bg-drop-down.png);
}
#nav ul li{
	float:none;
	background:none;
	margin:0;
	padding:4px 0 2px;
	width:100%;
	border-top:1px solid #343434;
}
#nav ul li:after{
	content:"";
	clear:both;
	display:block;
}
#nav ul li:first-child{border:0;}
#nav ul a{
	padding:0 5px 0 19px;
	position:relative;
	background:none !important;
}
#nav ul a:hover{text-decoration:underline;}
.search-area{
	float:right;
	padding:3px 0 0;
}
.search-area fieldset{float:right;}
.search-area .decorated-area{
	float:left;
	overflow:hidden;
	background:url(images/bg-decorated-area.gif) no-repeat;
	width:163px;
	height:17px;
	padding:1px 5px 0 23px;
}
.search-area .decorated-area input{
	float:left;
	padding:0;
	background:none;
	border:0;
	font-size:12px;
	height:14px;
	color:#9d9d9d;
	font-style:italic;
	width:100%;
}
.search-area input{float:left;}
#main{width:100%;}
#main:after{
	content:"";
	clear:both;
	display:block;
}
#content{
	float:left;
	background:#fff;
	width:769px;
	padding:8px 11px 13px 8px;
}
.info-block{
	padding:21px 0 9px 0;
	background:url(images/sep-block.gif) repeat-x 0 100%;
}
.ttl-area{padding:0 0 7px 3px;}
.info-block h2{
	color:#535353;
	font-size:14px;
	margin:0;
}
.info-block h2 a{
	color:#535353;
	text-decoration:none;
}
.info-block h2 a:hover{ text-decoration:underline;}
.info-row{
	width:100%;
	font-size:10px;
	color:#9f9f9f;
	padding:0 0 7px;
	line-height:26px;
}
.info-row span{
	display:block;
	overflow:hidden;
}
* html .info-row span{
	overflow:visible;
	height:1%;
}
.info-row a{color:#656565;}
.info-row:after{
	content:"";
	clear:both;
	display:block;
}
.info-row .date{
	display:inline;
	float:left;
	position:relative;
	margin:0 10px 0 -9px;
	color:#ffd735;
	padding:0 23px 0 13px;
	font-weight:bold;
	font-size:12px;
	background:#000;
	text-transform:uppercase;
}
* html .info-row .date{margin-right:7px;}
.img-area{padding:0 0 4px 11px;}
.img-area img{display:block;}
.txt-area{
	line-height:14px;
	padding:0 10px 0 12px;
	overflow:hidden;
	width:747px;
}
.txt-area p{margin:0 0 9px;}
.info-holder{
	padding:0 2px 0 13px;
	overflow:hidden;
}
* html .info-holder{
	overflow:visible;
	height:1%;
}
.more-link img{vertical-align:middle;}
.inform-box{float:left;}
.sociable{
	float:left;
}
.sociable .sociable_tagline{
	float:left;
	clear:both;
}
.sociable ul{
	float:left;
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}
.sociable a{
	cursor:pointer;
}
.sociable ul li{
	float:left;
	padding:5px 0 0 10px;
}
.social-block img{display:block;}
.inform-block{
	float:right;
	padding:9px 0 0 2px;
}
.inform-block .txt{
	float:left;
	font-size:10px;
	color:#000;
	font-weight:bold;
	padding:4px 9px 0 0;
	overflow:visible;
	font-style:italic;
}
.inform-block a{
	float:left;
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
.inform-block a:hover{ text-decoration:none;}
.counter-area{
	float:left;
	background:#000 url(images/bg-discuss-area.gif) no-repeat 50% 100%;
	color:#ffd735;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	padding:2px 4px 9px;
	overflow:visible;
}
.text-box{padding:0 0 15px;}
#sidebar{
	width:207px;
	padding:5px 0 0 6px;
	background:url(images/bg-sidebar.png) no-repeat;
	min-height:618px;
	float:left;
}
* html #sidebar{height:618px;}
#sidebar h2{
	color:#fff;
	margin:0 0 12px;
	font-size:14px;
	text-transform:uppercase;
}
.side-block{
	background:url(images/sep-side-block.gif) no-repeat 0 100%;
	padding:9px 0 15px;
	position:relative;
}
.widget_links{ background:none;}
.social-ico{
	margin:0;
	padding:0;
	list-style:none;
}
.social-ico li{
	overflow:hidden;
	width:100%;
	padding:0 0 4px;
	vertical-align:top;
}
.social-ico a{
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 52px;
	line-height:41px;
}
.social-ico a:hover{text-decoration:underline;}
.social-ico .forum{background:url(images/forum.gif) no-repeat;}
.social-ico .facebook{background:url(images/ico-facebook.gif) no-repeat;}
.social-ico .twitter{background:url(images/ico-twitter.gif) no-repeat;}
.social-ico .rss{background:url(images/ico-rss.gif) no-repeat;}
.login-area .row{
	width:100%;
	overflow:hidden;
	padding:0 0 1px;
}
.login-area .row input{
	float:left;
	width:175px;
	padding:1px 9px;
	color:#9d9d9d;
	font-size:12px;
	height:14px;
	font-style:italic;
	border:1px solid #717171;
}
.login-area .row-holder{
	width:100%;
	padding:4px 0 6px;
	overflow:hidden;
}
.login-area .row-holder input{
	float:left;
	padding:0;
}
.login-area .row-holder .check{
	width:16px;
	height:16px;
	display:inline;
	margin:0 4px 0 12px;
}
.login-area .row-holder label{
	text-transform:uppercase;
	color:#fff;
	float:left;
	padding:1px 0 0;
	font-size:10px;
	line-height:14px;
	font-weight:bold;
}
.btn-login{margin:-2px 0 0;}
.decor-link{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	padding:0 0 0 9px;
	background:url(images/bg-white-arrow.gif) no-repeat 0 3px;
}
.decor-link:hover{text-decoration:underline;}
.side-nav,
.widget_categories ul,
.widget_links ul{
	margin:-3px 0 0;
	padding:0;
	list-style:none;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:13px;
	color:#fff;
}
.side-nav li,
.widget_categories ul li,
.widget_links ul li{
	background:url(images/bg-yellow-arrow.gif) no-repeat 0 3px;
	padding:0 0 0 9px;
}
.side-nav a,
.widget_categories ul a,
.widget_links ul a{
	color:#fff;
	text-decoration:none;
}
.side-nav a:hover,
.widget_categories ul a:hover,
.widget_links ul a:hover{text-decoration:underline;}
#footer{
	padding:10px 2px 20px 0;
	overflow:hidden;
	color:#595959;
	font-size:10px;
}
* html #footer{
	overflow:visible;
	height:1%;
}
#footer p{
	float:left;
	margin:0;
}
.image-list{
	float:right;
	margin:-1px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.image-list li{
	float:left;
	background:url(images/sep-img-list.gif) no-repeat 100% 50%;
	padding:0 6px;
	margin:0 -1px 0 1px;
}
.image-list img{display:block;}
.navigation{
	width:100%;
	overflow:hidden;
	font-size:0;
}
.navigation .next{ float:right;}
.navigation .prev{ float:left;}
.navigation a{ font-size:12px;}
