/* START: Reset CSS
----------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
html,
body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
fieldset,
img,
abbr,
acronym { border: 0; }

blockquote,
q { quotes: "" ""; }
/* END: Reset CSS
----------------------------------------------------------------- */

/* START: Global
----------------------------------------------------------------- */
a, a:link, a:visited, a:active {
	color: #2c3f98;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
.clear { clear: both; }
hr {
	margin: 7px 0 7px 0;
	padding: 0;
	height: 0;
	border: none;
	border-bottom: 1px solid #dadada;
}
h1 {
	color: #333;
	padding: 0;
	margin: 0 0 5px 0;
	font-weight: bold;
}
/*
h2 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #666;
	padding: 0;
	margin: 10px 0 4px 0;
}
*/
/* END: Global
----------------------------------------------------------------- */

/* START: Header
----------------------------------------------------------------- */
.header {
	background-color: #2c3f98;
	font-size: 11px;
	color: white;
}
.header td {
	vertical-align: middle;
	padding: 0;
}
.header h1 {
	color: white;
	font-size: 14px;
	line-height: 16px;
	margin: 2px 0px 0px 8px;
}
.header .info {
	text-align: right;
	color: #c8d2ff;
}
.header .info span { color: white; }
/* END: Header
----------------------------------------------------------------- */

/* START: Navigation
----------------------------------------------------------------- */
.mainNav {
	background-image: url(/static/slo/main/img/mobile/backgrounds/main_nav.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.mainNav td {
	vertical-align: top;
	font-size: 11px;
	color: #999999;
	text-align: center;
	border-bottom: 3px solid #2c3f98;
}
.mainNav td.section_1 { border-bottom: 3px solid #2c3f98; }
.mainNav td.section_400 { border-bottom: 3px solid #00a7e4; }
.mainNav td.section_300 { border-bottom: 3px solid #888888; }
.mainNav td.section_200 { border-bottom: 3px solid #de2838; }
.mainNav td.section_208 { border-bottom: 3px solid #dadada; }

.subNav {
	font-weight: bold;
	line-height: 18px;
	background-color: #2c3f98;
	color: #ffffff;
	text-align: left;
}
.subNav a {
	font-weight: normal;
	color: white;
}
.section_1 .subNav {
/*	color: #7d89c0; */
	background-color: #2c3f98;
}
.section_400 .subNav {
/*	color: #97e3fe; */
	background-color: #00a7e4;
}
.section_300 .subNav {
/*	color: #ffdb95; */
	background-color: #888888;
}
.section_200 .subNav {
/*	color: #ff848f; */
	background-color: #de2838;
}
.section_208 .subNav {
/*	color: #b0b0b0; */
	background-color: #dadada;
}

/* ENDS: Navigation
----------------------------------------------------------------- */

/* START: Content
----------------------------------------------------------------- */
.content { padding: 0 10px 0 10px; }
.content .item {
	text-align: justify;
	color: #555555;
}
.content .item .button {
	background-color: #0f3da1;
	border: 0;
	border-bottom: 1px solid #09245f;
	padding: 3px 7px; 
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}

.content span {
	color: #555555;
	font-size: 12px;
}
.content .item.special {
	text-align: justify;
	color: white;
	background-color: #de2838;
}
.content .item.special .comment {
	font-size: 9px;
	color: white;
}
.content .item.special h1 { margin-top: 4px; color: white; }
.content .item.special img {
	border: 3px solid white;
	padding: 0px;
}
.content .item.search_results {
	text-align: justify;
	color: #555555;
	background-color: #FFF7CC;
}
.content .item.search_results .comment {
	font-size: 9px;
	color: white;
}
.content .article {
	margin-bottom: 10px;
	text-align: justify;
	color: #555555;
}
.content .item img,
.content .article img {
	margin: 0 10px 3px 0;
	border: 2px solid #dddddd;
	padding: 1px;
}
.message {
	background-color: #eeeeee;
	color: #aaaaaa;
	text-align: center;
	font-size: 11px;
	padding: 5px 0px;
}

.content .item span,
.content .article span {
	font-size: 11px;
	color: #999999;
}

.content .article .summary {
	font-weight: bold;
}
.content .article .body p {
	margin-top: 8px;
}
.content .article .body * span {
	font-size: 100%;
	color: #555;
}

.content .item.gallery img {
	margin: 0 5px 5px 0;
	border: 2px solid #dddddd;
	padding: 1px;
}
.content h1 { text-align: left; }
.content .item h1 {
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 3px 0;
}
.content .article h1 {
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 5px 0;
}
.content .pagination a {
	padding: 0 5px 0 5px;
	font-weight: normal;
}
.content .pagination span {
	font-weight: bold;
	padding: 0 5px 0 5px;
	color: #b2b2ae;
	font-size: 12px;
}
.back, .page-nav {
	color: #dadada;
	padding: 7px 10px 0 10px;
	border-top: 1px solid #e8e8e8;
	text-align: center;
}
.back.top {
	color: #dadada;
	padding: 0 10px 0 10px;
	border-top: none;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
}
.back a, .page-nav a {
	padding: 0 3px 0 3px;
	font-weight: bold;
}
.advertisment {
	font-size: 9px;
	color: #cccccc;
	text-align: center;
}
.media {
	color: #999;
	font-size: 11px;
}
.rank { color: #999; }
.rank b { color: #333; }
.item input {
	border: 1px solid #dadada;
	font-size: 14px;
	font-weight: bold;
	padding: 2px;
	margin: 2px 0 5px 0;
}
.roads td {
	vertical-align: top;
	padding: 5px;
	border-top: 1px solid #dadada;
	font-size: 11px;
	text-align: left;
}
td.sign { text-align: center; }
.roads .sign img {
	margin: 0;
	padding: 0;
	border: none;
}
.roads .main_desc p {
	margin-bottom: 10px;
}
.horoscope h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.scales td {
	vertical-align: middle;
	padding: 5px;
	border-top: 1px solid #dadada;
	font-size: 11px;
	text-align: left;
}
.scales .team img {
	margin: 0;
	padding: 0;
	border: none;
}
.scales .position {
	width: 10px;
	font-size: 14px;
	font-weight: bold;
}
.scales .team { width: 25px; }
.scales h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.scales .list td {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.scales .list .left {
	text-align: right;
	font-weight: normal;
	width: 100px;
}
.item.tags { line-height: 18px; }
.item.tags .size_1 { font-size: 10px; }
.item.tags .size_2 { font-size: 12px; }
.item.tags .size_3 { font-size: 14px; }
.item.tags .size_4 { font-size: 16px; }
.item.tags .size_5 { font-size: 18px; }
.item.comments { color: #333; }
.inputComment {
	border: 1px solid #dadada;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin: 2px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
}
.login {
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #ffeaaa;
	background-color: #fff7cc;
	color: #ffeaaa;
	font-size: 11px;
	text-align: center;
}
.login a {
	font-weight: bold;
	color: #333;
}
.login.bottom {
	border-top: 1px solid #ffeaaa;
	border-bottom: none;
}

.search {
	padding: 0 10px 0 10px;
	color: #999;
	font-size: 11px;
	text-align: center;
	border-top: 1px solid #ffeaaa;
	background-color: #fff7cc;
}
.search a {
	font-weight: bold;
	color: #333;
}
.search input {
	border: 1px solid #ffeaaa;
	width: 100px;
	padding: 3px;
	font-weight: bold;
	vertical-align: middle;
	color: #674f2c;
}

.search .button {
	background-color: #ddc384;
	border: 0;
	border-bottom: 1px solid #af965b;
	padding: 3px 7px; 
	font-size: 11px;
	color: #674f2c;
	font-weight: bold;
	vertical-align: middle;
	width: 100px;
}
.back a {
	display: block;
}
.list_a {
	text-decoration: none;
}
.list_a:hover {
	text-decoration: none;
}

.list_a:hover .item, .list_a:hover .item h1 {
	text-decoration: none;
	color: #000;
}
/* END: Content
----------------------------------------------------------------- */

/* START: Footer
----------------------------------------------------------------- */
.footer {
	text-align: center;
	font-size: 11px;
}
.settings {
	background-color: #eeeeee;
	color: #aaaaaa;
	text-align: center;
	font-size: 11px;
}
.settings a {
	color: #999999;
	padding: 0 3px 0 3px;
}
.copyright {
	color: #cccccc;
	text-align: center;
	font-size: 11px;
	background-color: #373737;
}
.comment {
	font-size: 11px;
	color: #999999;
}
hr.footer_line {
	margin: 0;
	padding: 0;
	height: 0;
	border: none;
	border-bottom: 2px solid #373737;
}
.section_1 .footerLine { border-bottom: 2px solid #2c3f98; }
.section_400 .footerLine { border-bottom: 2px solid #00a7e4; }
.section_300 .footerLine { border-bottom: 2px solid #f7b533; }
.section_200 .footerLine { border-bottom: 2px solid #de2838; }
.section_208 .footerLine { border-bottom: 2px solid #373737; }
/* END: Footer
----------------------------------------------------------------- */