@charset "utf-8";

/* --------------- reset --------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	vertical-align:baseline;

	background:transparent;

	font-size:100%;

}

img{display:inline-block;}

html { height:100%; }

body { height:auto !important; height:100%; min-height:100%; position:relative;}

a {                                      	

	margin:0;

	padding:0;

	font-size:100%;

	vertical-align:baseline;

	background:transparent;

}

table {						

	border-collapse:collapse; 

	border-spacing:0;

}

td, td img {

	vertical-align:top;			

} 

input, select, button, textarea {

	margin:0; 				

	font-size:100%; 			

}

input[type=text], input[type=password], textarea {

	padding:0; 				

}

input[type=checkbox] { 		

	vertical-align:bottom;

}

input[type=radio] {

	vertical-align:text-bottom;

}

sub {

	vertical-align:sub;

	font-size:smaller;

}

sup {

	vertical-align:super;

	font-size:smaller;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display:block;

}

nav ul {

	 list-style:none;

}

/* --------------- /reset --------------- */



/* --------------- fix styles ---------*/

.cc { clear:both; }

.container { width:100%;}

.container:after, .cfix:after { content:" "; display:block; height:0; clear:both; visibility:hidden;}

.hidden { display:none; }

.show { display:block!important; }

.no-margin { margin:0!important; }

.no-padding { padding:0!important; }

.no-bg { background:none!important; }

.no-border, a img { border:none!important; }

.img-repl { text-indent:-9999px; overflow:hidden; display:block; }

.left{float:left;height:18px;overflow:hidden;}

.right{float:right;}

.center{margin: 0 auto;display: block;}

/* --------------- /fix styles ---------*/



/* --------------- main styles ---------*/

html {

	overflow-y:scroll;

}

body {

	line-height:1;

	background: #ffffff;

	color:#727272;

	text-align:left;

	font: 12px Verdana, sans-serif;

}

input, select, button, textarea {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

label, input[type=button], input[type=submit], button {

	cursor:pointer;

}

a, a:visited {

	color:#0077a8;

	text-decoration:none;

}

a:hover {

	color:#003f59;

	text-decoration:none;

}

a:focus, a:active {

	color:#0077a8;

	text-decoration:none;

}

#header, #footer, #content, #header-menu-line{

	width:100%;

	margin:0 auto;

	padding:0px;

	position:relative;

}

body {

	min-width:1024px;

}

.page-layout {

	margin:0 auto;

	padding:0px;

	position:relative;

	width:1024px;

}

.page-layout:after { content:" "; display:block; height:0; clear:both; visibility:hidden;}

/* --------------- /main styles ---------*/





/* --------------- header styles ---------*/

#header .logo{

	float: left;

	margin-left: 20px;

}

#header .header-content{

	float: right;

	width: 800px;

}

#header .header-top-line{

	background: #e8e8e8;

	display: block;

	line-height: 18px;

	font-size: 10px;

	color: #747474;

	padding: 0 10px;

}

#header .header-top-line i{

	display: inline-block;

	width: 18px;

	height: 18px;

	vertical-align: middle;

	margin: 0 8px;

}

#header .header-top-line i.ico-img{		background: url(img/ico-img.png);}

#header .header-top-line i.ico-gal{		background: url(img/ico-gal.png);}

#header .header-top-line i.ico-time{	background: url(img/ico-lup.png);}

#header .hdesc{

	color: #a5a5a5;

	font-size: 10px;

	margin-top: 10px;

	text-align: center;

}



#header-menu-line{

	background: #0077a8;

}

#header-menu-line .h-btn-box{

	float: left;

	font-size: 10px;

	font-weight: bold;

	line-height: 34px;

}

#header-menu-line .h-btn-box a {

	float: left;

	display: inline-block;

	padding: 0 10px;

	margin: 0;

	font-weight: bold;

	color: #ffffff;

	border-bottom: 5px solid #00587d;

}

#header-menu-line .h-btn-box .current,

#header-menu-line .h-btn-box a:hover{

	color: #ffffff;

	text-decoration: none;

	background: #00587d;

}

.search-box{

	float: right;

	height: 39px;

	border-left:  4px solid #ffffff;

	border-right: 4px solid #ffffff;

}

.search-box input{

	vertical-align: top;

}

.search-box input[type=text] {

	background: #fff;

	border: none;

	color: #000;

	font-size: 10px;

	width: 350px;

	padding: 0 5px;

	margin: 3px;

	height: 32px;

	line-height: 32px;

}

.search-box input[type=submit] {

	background: #0077a8 url(img/search-submit.png) no-repeat center center;

	border: none;

	width: 32px;

	height: 32px;

	text-indent:-9999px;

	font-size:0;

	padding: 0;

	cursor: pointer;

	vertical-align: top;

}

#header-az-line{

	background: #e8e8e8;

	line-height: 26px;

	color: #656565;

	font-size: 11px;

}

#header-az-line a{

	color: #8a8a8a;

	font-size: 12px;

	padding: 0 11px;

}

#header-az-line a:hover{

	background: #00587d;

	color: #ffffff;

	display: inline-block;

}

.title-line{

	color: #9e9e9e;

	font-size: 12px;

	font-weight: bold;

	margin: 5px 0px;

	display: block;

	line-height: 20px;

	text-align: left;

}

.title-line i{

	display: inline-block;

	width: 16px;

	height: 16px;

	vertical-align: middle;

	margin: 0 10px;

}

.title-line i.ico-cat{

	background: url(img/ico-title-cat.png);

}

.title-line i.ico-top{

	background: url(img/ico-title-top.png);

}



/* --------------- /header styles ---------*/





/* --------------- related box styles ---------*/

.related-box{

	padding: 8px 5px;

	color: #676767;

	font-size: 11px;

	line-height: 21px;

	text-align: left;

}

.related-box i.ico-rl{

	display: inline-block;

	width: 10px;

	height: 10px;

	margin: 0 3px;

	background: url(img/ico-rl.png);

	vertical-align: middle;

}

.related-box a{

	color: #676767;

}

.related-box a:hover{

	color: #00587d;

	text-decoration: none;

}

/* --------------- /related box styles ---------*/





/* --------------- Sidebar and content styles ---------*/

.sidebar-left{

	display: block;

	float: left;

	width: 134px;

}

.sidebar-right{

	display: block;

	float: right;

	width: 310px;

}

.content{

	margin: 0 310px 0 134px;

	padding: 0 5px;

}



.sidebar-left.big-tl{

	display: block;

	float: left;

	width: 205px;

}

.sidebar-right.big-tl{

	display: block;

	float: right;

	width: 205px;

}

.content.big-tl{

	margin: 0 205px;

	padding: 0 5px;

}









.sidebar-left ul{

	list-style: none;

}

.sidebar-left li{

	display: block;

	width: 100%;

	margin-bottom: 1px;

}

.sidebar-left li a{
	background: #e4e4e4;
	color: #7d7d7d;
	font-size: 11px;
	display: block;
	padding: 6px 5px 3px 5px;
	border-bottom: 5px solid #e4e4e4;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.sidebar-left li a:hover{

	background: #7d7d7d;

	color: #ffffff;

	border-bottom: 5px solid #7a7a7a;

}

/* --------------- /Sidebar and content styles ---------*/



/* --------------- Thumb styles ---------*/

.thumbs{

	text-align: center;

}



.cat-thumb{

	display: inline-block;

	position: relative;

	width: 270px;

	margin: 1px;

	background: #fff;

	padding: 1px;

	border: 4px solid #f3f3f3;

}

.cat-thumb .title{

	font-weight: bold;

	font-size: 16px;

	text-align: left;

	overflow: hidden;

	height: 28px;

	line-height: 28px;

	display: block;

	padding: 0 5px 0 18px;

	margin: 0;

	position: relative;

	background: url(img/th-arr.png) no-repeat 5px center;

}

.cat-thumb a{

	color: #cb1515;

}

.cat-thumb a:hover{

	color: #00587d;

	text-decoration: none;

}

.cat-thumb .title span{

	float: right;

	font-size: 10px;

	color: #828282;

}

.cat-thumb img{

	display: block;

}

.cat-thumb:hover img{

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

}

.thumb{

	position: relative;

	display: inline-block;

	position: relative;

	width: 270px;

	margin: 1px;

	background: #fff;

	padding: 1px;

	border: 4px solid #f3f3f3;

}

.thumb img{

	display: block;

	padding: 2px 0px 2px 0px;

}

.thumb:hover img{

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

}

.thumb a{

	color: #cb1515;

}

.thumb a:hover{

	color: #00587d;

	text-decoration: none;

}

.thumb .title{

	font-size: 16px;

	text-align: left;

	overflow: hidden;

	height: 22px;

	line-height: 22px;

	display: block;

	padding: 0 5px 0 18px;

	margin: 0;

	position: relative;

	background: url(img/th-arr.png) no-repeat 5px center;

}

.thumb .thlabel{ 

	color: #7d7d7d;

	line-height: 18px;

	text-align: left;

	padding: 0 5px;

}

.thumb .thlabel:after { content:" "; display:block; height:0; clear:both; visibility:hidden;}

.thumb .thlabel a{

	color: #7d7d7d;

}

.thumb .thlabel a:hover{

	color: #cb1515;

}

.thumb i{

	display: inline-block;

	width: 11px;

	height: 11px;

	margin-right: 2px;

	vertical-align: middle;

}

.thumb i.ico-time{	background: url(img/ico-time.png) no-repeat center center; }

.thumb i.ico-spon{	background: url(img/ico-spon.png) no-repeat center center; }

.thumb i.ico-tags{	background: url(img/ico-tags.png) no-repeat center center; }







.thumbs-tl{

	text-align: center;

	background: #e7e7e7;

	padding: 5px 0;

}

.thumb-tl{

	display: inline-block;

	position: relative;

	width: 137px;

	color: #404040;

	font-size: 10px;

	line-height: 18px;

	margin: 4px;

	padding: 0px;

	background: #ffffff;

	color: #cb1515;

}

.big .thumb-tl{

	width: 202px;

	margin: 2px;

}

.thumb-tl:hover{

	color: #00587d;

}

.thumb-tl img{

	display: block;

	border: 1px solid #ffffff !important;

}

.thumb-tl:hover img{

	border: 1px solid #00587d !important;

}

.thumb-tl .title{

	font-size: 11px;

	line-height: 20px;

	text-align: left;

	overflow: hidden;

	height: 20px;

	display: block;

	padding: 0 5px 0 12px;

	margin: 0;

	position: relative;

	background: url(img/th-arr.png) no-repeat 3px center;

}

.thumb-tl a{

	color: #cb1515;

}

.thumb-tl a:hover{

	color: #00587d;

	text-decoration: none;

}



.thumb-c{

	position: relative;

	display: inline-block;

	position: relative;

	width: 160px;

	margin: 2px;

	padding: 0;

	border: 9px solid #e7e7e7;

	-webkit-border-radius: 2px;

	   -moz-border-radius: 2px;

			border-radius: 2px;

}

.thumb-c:hover img{

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

}



/* --------------- /Thumb styles ---------*/



/* --------------- more line styles ---------*/

.more-line{

	margin: 5px 0px;

	text-align: center;

}

.more-box{

	display: block;

	margin: 5px auto;

	padding: 0;

	height: 36px;

	font: bold 18px/36px Verdana, sans-serif;

	text-align:center;

	cursor:pointer;

	color: #7d7d7d;

	background: #ffffff;

	border: 1px solid #e1e2e2;

	-webkit-border-radius: 1px;

	   -moz-border-radius: 1px;

	        border-radius: 1px;

}

.more-box:hover{

	background: #e1e2e2;

	color: #cb1515;

}

.more-box.loader{

	display:none;

}

/* --------------- more line styles ---------*/



.spots-box{

	text-align: center;

}

.sidebar-right .spots-box{

	background: #e7e7e7;

	padding-bottom: 10px;

}

.spots-box .spot{

	display: inline-block;

	width: 300px;

	padding-top: 5px;

}

.content-title{

	color: #7b7b7b;

	display: block;

	text-align: left;

	font-size: 18px;

	font-weight: bold;

	padding-left: 5px;

	margin-top: 10px;

}

.content-title h1 {

display: inline-block;

}

.content-title i.ico-cnt{

	display: inline-block;

	width: 16px;

	height: 16px;

	vertical-align: middle;

	background: url(img/ico-cnt.png);

}

.content-info{

	background: #f5f5f5;

	padding: 10px 12px;

	margin: 10px 0;

}

.content-info-txt{

	margin-right: 212px;

	display: block;

	min-height: 40px;

}

.content-info-txt p{

	color: #7b7b7b;

	font-size: 12px;

}

.content-info .votes{

	float: right;

	width: 190px;

}

.content-info .votes a{

	padding: 3px;

	display: inline-block;

	background: #fff;

	border: 1px solid #dddddd;

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

	        border-radius: 5px;

}

.content-info .votes a:hover{

	background: #dddddd;

}

.content-info .votes a span{

	font-size: 10px;

	color: #353535;

	text-align: center;

	padding: 0 5px 0 8px;

	display: inline-block;

}

.content-info .votes a span b{

	color: #cb1515;

	font-size: 18px;

}

.content-info .votes a i{

	display: inline-block;

	width: 30px;

	height: 34px;

}

.content-info .votes a i.vote-yes{	background: url(img/ico-vote-yes.png) no-repeat center center; }

.content-info .votes a i.vote-no{	background: url(img/ico-vote-no.png) no-repeat center center; }

.content-info .votes a i.vote-flag{	background: url(img/ico-vote-flag.png) no-repeat center center; }





.content-msg{

	border: 1px solid #e1e2e2;

	display: block;

	padding: 5px;

	text-align: center;

	color: #7d7d7d;

	font-weight: bold;

	font-size: 11px;

}

.content-msg span{

	font-size: 16px;

}

.content-msg:hover{

	background: #e1e2e2;

	color: #cb1515;

}

/* --------------- new addons ---------*/

.content-desc-txt{display: block;color: #7b7b7b;font-size: 12px;min-height: 40px;padding: 10px;}

.content-catdesc-txt{display: block;color: #7b7b7b;font-size: 12px;min-height: 40px;margin: 0px 10px 10px 10px;text-align:center;}

.content-catdesc-sharetxt {font-size:24px;color: #7b7b7b;text-align:center;margin:5px;}

.h1h2h3-title{color: #7b7b7b;display: block;text-align: left;font-size: 16px;font-weight: bold;	padding: 0px 10px 10px 10px;

	-webkit-border-radius: 5px 5px 0px 0px;

	-moz-border-radius: 5px 5px 0px 0px;

	border-radius: 5px 5px 0px 0px;

}

.h1h2h3-title h1,

.h1h2h3-title h2,

.h1h2h3-title h3{display: inline-block;}

.h1h2h3-title span {color: #00587d;}

.h1h2h3-title i.ico-cnt{display: inline-block;width: 16px;height: 16px;	vertical-align: middle;	background: url(img/ico-cnt.png);}

.sorting {text-align:left;padding-left:20px;margin-bottom:5px;}

.sorting a{text-decoration:underline;}



/* --------------- pager box styles ---------*/



.pager-box{

	display: block;

	position: relative;

	text-align: center;

	line-height: 34px;

	font-weight: normal;

	font-size: 12px;

}



.pager-box span,

.pager-box a{

	vertical-align: top;

	height: 34px;

	line-height: 34px;

	padding: 0 15px;

	display: inline-block;

	color: #0077a8;

	background: #ffffff;

	border: 1px solid #ffffff;

	-webkit-border-radius: 4px;

	   -moz-border-radius: 4px;

	        border-radius: 4px;

}

.pager-box a.current,

.pager-box a:hover{

	color: #24272e;

	background: #ffffff;

	border: 1px solid #0077a8;

	text-decoration: none;

}

.pager-box a.prev,

.pager-box a.next{

	color: #ffffff;

	background: #0077a8;

	border: 1px solid #0077a8;

}

.pager-box a.prev:hover,

.pager-box a.next:hover{

	color: #24272e;

	background: #ffffff;

	border: 1px solid #0077a8;

}



/* --------------- /pager box styles ---------*/



/* --------------- Footer styles ---------*/

#footer .logo{

	float: left;

	margin-left: 10px;

	margin-right: 40px;

}

#footer .footer-content{

	float: left;

	width: 590px;

	text-align: center;

	font-size: 10px;

	padding-right: 20px;

}

/* --------------- /Footer styles ---------*/



@media only screen and (min-width: 1320px){

 body {min-width:1300px;}

 .page-layout {min-width:1310px;}

 #header .header-content {width: 1080px;}

 .search-box input[type=text] {width: 600px;}

 #footer .footer-content {width: 800px;}

}



@media only screen and (min-width: 1590px){

 body {min-width:1590px;}

 .page-layout {min-width:1590px;}

 #header .header-content {width: 1290px;}

 .search-box input[type=text] {width: 900px;}

 #footer .footer-content {width: 1050px;}

}