body, h1, h2, h3, h4, h5, p, ul, li, dl, fieldset {
	margin: 0;
	padding: 0;
}

body{
	font-family: arial, helvetica;
	font-size: 0.8125em;
	line-height: 1.2em;
	color: #000;
	background: #fff;
}

a{
	color:#000;
	text-decoration:none;
}

a img, fieldset{
	border:0;
}

img { vertical-align: middle; }

.clear {
	clear: both;
	font-size: 1px;
	line-height: 0em;
	height: 0;
	margin: 0;
	padding: 0;
}

#wrapper {
	padding: 5px 0;
}

	.stripe {
		border-bottom: solid 3px #20568F;
	}

		.logo, /*.menu,*/ .menu a {
			float: left;			
		}
		
		.logo {
			margin: 0 9px 9px 9px;
		}
		
		.menu {
			border-top: solid 1px #20568F;
			margin: 9px 0 0 110px;
		}

			.menu a, .stripe .weather {
				display: block;
				line-height: 14px;
				color: #20568F;
				font-weight: bold;
				margin: -1px 9px 0 0;
				padding: 10px 2px;
				font-size: 1.05em;
			}

			.menu .active {
				color: #000;
				border-top: solid 3px #000;
				padding-top: 7px;
			}
		
		.search, .stripe .weather {
			float: right;
			margin: 7px 10px;
		}
		
			.stripe .weather {
				margin: 10px 0 0 0;
				padding: 0;
				color: #666;
				font-weight: normal;
				font-size: 0.93em;
			}
			
	.topmenu {
		border-bottom: 1px solid #20568F;
		padding: 0 10px;
	}
	
	.noborder {
		border-bottom: 0;
	}
	
		.topmenu a,
		.topmenu span
		{
			float: left;
			display: block;
			color: #20568F;
			margin: 0 5px -1px 0;
			padding: 3px 2px 5px 2px;
			line-height: 20px;
			font-weight: bold;
		}
		
		.topmenu .active {
			color: #000;
			border-bottom: solid 3px #000;
			padding-bottom: 2px;
		}
		
		.plain .active {
			color: #000;
		}
	
		/*.topmenu .lang {*/
			/*float: right;*/
			/*font-size: 1.08em;*/
			/*color: #20568F;*/
			/*margin: 0 10px;*/
		/*}*/
		
	.articles {
		padding: 15px 0 21px;
		list-style: none;
	}
	
		.articles li {
			padding: 3px 14px 3px 10px;
		}
		
		/*.articles .featured {*/
			/*margin: 8px 6px 8px 13px;*/
			/*border-left: 5px solid #20568F;*/
			/*padding: 9px 8px 11px 19px;*/
			/*background: #FFE6CA;*/
		/*}*/
		
		.articles h2 {
			font: bold 1.38em/1.2em arial;
			padding: 0 0 5px;
		}
		
		.pic {
			float: right;
			padding: 4px 0 5px 15px;
		}
		
			.pic img {
				display: block;
				padding: 0 0 2px;
				margin-bottom: 3px;
			}
		
			.comments {
				float: right;
				display: block;
				background: #20568F;
				padding: 0 8px 0 5px;
				font: bold 0.92em/1.67em arial;
				color: #fff;				
			}
			
			.comments img {
				display: inline;
				padding: 0 3px;
			}
			
	.submenu {
		border-top: 1px solid #20568F;
		padding: 10px 0 20px 0;
		list-style: none;
	}
	
		.submenu li {
			padding: 0 13px 0 10px;
			overflow: hidden;
			/*height: 31px;*/
			font: bold .85em/1.81em arial;
			color: #20568F;
			/*border-bottom: 1px dotted #20568F;*/
		}
		
			.submenu a {
				float: left;
				display: block;
				font-size: 1.18em;
				line-height: 1.5em;
				color: #20568F;
				margin: 5px 10px 6px 0;
			}
		
			.submenu p {
				float: right;
				white-space: nowrap;
				margin: 5px 0 0;
			}
			
			.submenu p a {
				float: none;
				display: inline;
				margin: 0 2px;
				font: bold .95em/1.81em arial;
				color: #20568F;
			}
			
	.article {
		padding: 17px 11px 0;
	}
	
		.article h1 {
			font: bold 1.5em/1.2em arial;
			color: #000;
			padding: 0 0 4px;
		}
		
		.article .meta {
			font-style: italic;
			padding: 0 0 4px;
		}
	
		.article p {
			margin: 0 0 1em;
		}
	
	.category {
		border-top: 3px solid #20568F;
	}
	
		.category h3, .comments-form h3 {
			border-bottom: 1px solid #20568F;
			padding: 4px 10px;
			font: bold 1em/1.5em arial;
			color: #20568F;
		}
		
		.category .articles {
			padding: 10px 0 3px;
		}
		
		#search .articles {
			padding: 4px 0 0;
		}
		
		.category .pic, #search .pic {
			padding: 0;
		}
		
		.category p {
			margin-right: 62px;
		}
		
	#weather {
		padding: 17px 11px 0;
	}

	/* @TODO .related should be same style as .submenu. */
	.related {
		list-style: none;
		padding: 1em 0;
	}			
	
		.related li {
			font-size: .93em;
			line-height: 1.25em;
			padding: 5px 0 6px 0;
		}

		.related li a {
			font-weight: bold;
			color: #20568F;
		}

	.today .now {
		float: left;
		width: 134px;
		padding-right: 11px;
		margin-bottom: 20px;
	}
	
	.today .now img {
		margin: 32px 39px 25px 39px;
	}
	
	.today .now h5 {
		padding: 0 2px 8px;
	}
	
	.today dl {
		padding: 0 0 0 2px;
		font-size: .93em;
		line-height: 1.58em;
	}
	
	.today dt {
		float: left;
		width: 72px;		
	}
	
	.today {
		padding: 9px 0 0;
		margin: 0 0 -10px;
	}
	
		.weather li img {
			float: right;
			margin: 3px 0 0;
		}
		
		.weather ul {
			padding: 0 0 0 2px;
			width: auto;
			margin: 0;
			list-style: none;
		}
		
		.weather li {
			padding: 0 0 15px;
			line-height: 1.2em;
		}
		
		.weather h2 {
			margin: 0 0 3px;
		}
		
		#weather h3 {
			/*border-top: 3px solid #20568F;*/
			/*border-bottom: 1px solid #20568F;*/
			font: bold 1.5em/1.2em arial;
			display: block;
			clear: left;
			/*color: #000;*/
			/*padding: 0 0 4px;*/
			/*padding: 0 12px;
			border-top: 1px solid #000;
			border-bottom: 1px dotted #000;
			font: bold 1em/2.3em arial;
			margin: 20px 0 0;*/
		}
	
		.weather h4 {
			font: bold 1em/1.4em arial;
			padding: 0 0 9px;
		}
		
		.weather h5 {
			font: bold 1em/1.4em arial;
		}
		
		.weather .curr, .weather .next {
			float: left;
			width: 100px;
			margin: 0 15px 20px 10px;
		}
		
	#indexes {
		padding: 0 0 30px;
	}
	
		#indexes h3 {
			padding: 0 10px;
			border-top: 1px dotted #20568F;
			border-bottom: 1px dotted #20568F;
			font: bold 1em/2.3em arial;
			margin: 0 0 7px;
		}
		
		#indexes table {
			border-collapse: collapse;
			border: 0;
			float: left;
			margin: 0 36px 9px 14px;
		}
		
		#indexes .block {
			padding: 20px 0 0;
		}
		
			#indexes td {
				padding: 4px 10px 4px 0;
				text-align: left;
				font-size: .9em;
				white-space: nowrap;
			}
			
			#indexes .prop {
				font-weight: bold;
				padding-right: 15px;
			}
			
			#indexes .block p {
				font-style: italic;
				font-size: .85em;
				color: #666;
				margin: 0 11px;
			}
			
	#search {
		padding: 0 0 24px;
	}
	
		#search form {
			padding: 13px 9px 20px 13px;
			height: 37px;
		}
		
		#search input {
			float: right;
		}
		
		#search #phrase {
			margin-right: 41px;
		}
	
		#search #phrase input {
			float: none;
			border: 1px solid #20568F;
			width: 95%;
			/*height: 35px;*/
			font: normal 1em/1.7em arial;
			padding: 7px 10px;
			margin: 0 4px 0 0;						
		}
		
	.pager {
		padding: 10px 10px 2px 10px;
		font: .9em/1.54em arial;
		text-align: center;
		margin: 0 0 3px;
	}
	
		.pager .first {
			float: left;
			margin: 0 10px 0 0;
		}
		
		.pager .last {
			float: right;
			margin: 0 0 0 10px;
		}
		
		.pager span {
			margin: 0 10px;
			color: #666;
		}
		
		.pager span span {
			color: #000;
			margin: 0;
			padding: 0;
		}
		
#comments h1 {
	padding: 18px 10px 15px;
	font: bold 1.38em/1.2em arial;
}
		
.commentlist {
	list-style: none;
	padding: 0 0 12px;
}
		
	.commentlist li {
		padding: 9px 10px;
	}
	
		.commentlist ul {
			padding: 17px 0 0 37px;
		}
		
		.commentlist ul li {
			padding: 3px 0;
		}
		
		.commentlist p {
			line-height: 1.3em;
		}
		
		.commentlist .meta span {
			font-weight: bold;
			color: #20568F;
		}
		
.back {
	padding: 15px 10px 65px;
	height: 1.6em;
}

	.back a {
		float: left;
		display: block;
		background: #20568F;
		padding: 0 12px 0 6px;
		font: bold 1.1em/1.6em arial;
		color: #fff;
	}

	/* @TODO Center back image vertically. Also in '.comments img' */
	/*.back img {
		margin-top: -2px;
	}*/

.gallery {
	padding: 0 0 3px;
}
	
.gallery .image {
	display: block;
	margin: 14px auto 10px;
	text-align: center;
}

	.gallery .desc {
		padding: 11px 10px 0;
	}
	
	.gallery .meta {
		padding: 10px 10px 0;
		font-style: italic;
		font-size: .9em;
	}
	
	.comments-long {
		height: 1.6em;
		padding: 0 0 35px;
	}
	
		.comments-long .comments {
			float: left;
		}
		
.player {
	padding: 0 0 18px;
}

	.player div {
		margin: 0 auto;
	}
	
.banner {
	width: 300px;
	margin: 5px auto;
}

h2 span, h2 span.photo {
	padding: 2px 3px 1px;
	margin: 0 -6px 0 6px;
	background: #333;
	color: #ccc;
	font-size: 10px;
}
h2 span.photo {
    background: url("/images/design/photo_icon.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px;
    position: static;
}
h2 span.video {
    background: url("/images/design/video_icon.png") no-repeat scroll 0 0 transparent;
    padding: 0 12px;
    position: static;
}
h2 span.db {
    background: url("/images/design/db-lv_icon.png") no-repeat scroll 0 0 transparent;
    padding: 0 24px 0 0;
    margin: 0 0 0 2px;
}
h2 span.is-hot {
    background: url("/images/design/v2/is-hot.png") no-repeat 0 0;
    padding: 0 35px 0 0;
    margin: 0 0 0 2px;
}

	
/* db.lv overrides */
/* Some css hacks to remove db.lv markup. */
/* @TODO Remove legacy html markup so that lines are not needed. */

.menu img,
.weather img,
.lang,
.topmenu .active img,
.submenu img,
.submenu .subsub,
.category h3 img,
a.lang,
#search a.comments
{
	display: none;
	visibility: hidden;
}

/* Some backpedalling. */
#weather .weather img {
	display: inline;
	visibility: visible;
}

.full_version_link {
    font: bold 1.28em/1.1em arial;
    padding: 4px 10px;
}
.full_version_link div.raquo {
    color: #20568F;
    float: left;
}
.full_version_link a {
    color: #000000;
    display: block;
    float: left;
    padding: 2px 0 0 5px;
}
.full-link {
    margin-top: 15px;
}


.article-pay {
	background: #20568F;
	padding: 14px 20px 11px;
	color: #fff;
	margin: 8px 0;
}

	.article-pay h2 {
		font: bold 21px/1.2em arial;
		padding: 0 0 4px;
	}

	.article-pay p {
		height: 64px;
	}

	.article-pay a {
		color: #fff;
		text-decoration: underline;
	}

		.article-pay a:hover {
			text-decoration: none;
		}

	.article-pay-auth {
		font: bold 13px/30px arial;
	}

		.article-pay-auth p {
			float: left;
			height: auto;
			padding: 0 6px 2px 0;
		}

		.article-pay-auth ul {
			background: url(/images/design/pay-auth.png) no-repeat 0 0;
			height: 32px;
			overflow: hidden;
		}

		.article-pay-auth li {
			float: left;
			padding: 0 5px 0 0;
		}

		.article-pay-auth li a {
			display: block;
			width: 30px;
			height: 32px;
			text-indent: -9999em;
		}

.error {
    background: none repeat scroll 0 0 #20568F;
    color: #FFFFFF;
    padding:  15px 10px;
    border-left: 4px solid #FF0000;
}
.error h1 {
    font: 18px/22px arial !important;
}
.error h2 {
    font: 15px/20px arial !important;
}
.error h1, .error h2 {
    padding: 10px 0;
}
.error h2 a {
    color: #FFFFFF;
}



.sharing {
        list-style: none outside none;
        padding: 0 0 15px;
}

    .sharing li {
        background: url("../images/design/sharing-big.png") no-repeat 0 0;
        float: left;
        font: 11px/31px tahoma;
        margin: 0 5px;
        padding: 0 0 0 35px;
    }

    .sharing .share-twitter {
        background-position: 0 -62px;
        margin-left: 0;
    }

    .sharing .share-facebook {
        background-position: 0 -31px;
    }


.comments-form form {
	padding: 10px 20px;
}

.comments-form {
    margin-top: 10px;
}

.comments-long {
	padding-top: 10px;
}

.comments-form h3 {
    border-top: 3px solid #20568F;
}

.comments-form h3 a,
.category h3 a {
    color: #20568F;
}

.comments-form a:hover {
    text-decoration: underline;
}

.comments-form ul {
    list-style: none;
}
.comments-form ul.comment-meta {
    margin: 10px 0 0 0;
}
.comments-form ul.comment-meta li{
    background: url(../images/design/li.gif) no-repeat 0 50%;
    padding: 0 0 0 10px;
}
.comments-form input, .comments-form textarea {
    border: 1px solid #20568F;
    padding: 5px;
    width: 100%;
}
.comments-form input.submit {
    background: #20568F;
    color: #fff;
    font-weight: bold;
    width: auto;
}

#comments .comments-form h3, #comments .comments-form ul.comment-meta {
    display: none;
}

#photo-author {
    display:none;
}

.overlay-banner-wrapper {
    z-index: 9999999;
    /*position: fixed;*/
    position: absolute;
    top: 0px;
    right: 0;
    bottom:0;
    left: 0px;
    height: 100%;
    width: 100%;
    background:#fff;
    display:none;
}

.overlay-banner-wrapper .overlay-banner-container {
    position: relative;
    width:100%;
}

.overlay-banner-wrapper .overlay-banner-header {
    height: 50px;
    background: url(../images/design/mobile/logo.gif) no-repeat 0 18px;
}

.overlay-banner-wrapper .overlay-banner-close {
    float: right;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 34px;
    height: 34px;
    color: #1F558E;
    background: url(../images/design/v2/sprite-2012072415.png) no-repeat -1125px -1547px;
    padding: 0 40px 0 0;
    margin: 15px 0 0 0;
}

/*.overlay-banner-wrapper .overlay-banner-close:hover {
    background-position: -1183px -1581px;
    color: #3D79B6;
}*/

.overlay-banner-wrapper .overlay-banner-close span {
    display: block;
    padding: 0 5px;
}

.overlay-banner-content{
    width: 360px;
    margin: 0 auto;
}

.articles li.ad-zone{
    padding: 3px 0;
}

/*
 * New galleries
 */

.gallery-list{
    display:none;
}

.ps-caption-content a {
    color: #ffffff;
    font-weight: bold;
}

.open-swipe-gallery {
    background: #20568F;
    padding: 5px;
}

.open-swipe-gallery span {
    color: #ffffff;
    font-weight: bold;
}