/*

Author: ivc

 red:
 bg: #383832
 top header bg: #9D0404
 header-second text: #E5BEBE
 header-second bg: #BA2600
 link: #9D0404
 content bg: #ffffff

*/

@import url("/styles/navigation/navigation.css");

/* General
---------------------*/

* {
	margin: 0;
	padding: 0;
}

html {
	width: expression( document.body.clientWidth < 1201 ? "1200px" : "auto" ); /* set min-width for IE */
	min-width: 1200px; /* sets min-width value for all standards-compliant browsers */
}

body {
	background: #383832 url(background.gif) repeat-x;
	background-position: 0 -40px;
	color: #000;
	padding: 10px 20px;
	font: 11px verdana, arial, sans-serif;
}

input {
	font: 11px arial, verdana, sans-serif;
	padding: 2px;
}

#container {
	text-align: left;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

a {
	outline: none;
}

sup {
	font-size: 0.5em;
}

img {
	border: 0;
	margin: 2px;
}


	/* Header
	----------------------*/

	#header {
                background: #9D0404 url(header-top.gif) 0 0 no-repeat;
		color: #fff;
		float: left;
		width: 100%;
		margin-bottom: 16px;
		position: relative;
	}

	#header h1 {
		font-size: 100%;
		float: left;
		padding: 7px 15px;
	}

	#header h1 a {
		display: block;
		height: 32px;
		width: 170px;
		text-indent: -2000em;
		text-decoration: none;
		z-index: 1000; /* FX and IE */
		background: url(logo.gif) 0 0 no-repeat;
	}

	#header ul, #header li {
		list-style: none;
	}
	
	#header ul {
		float: left;
		width: 100%;
		clear: both;
	}	


	/* Info-Header */	
	#header #info-header {
		background: url(header-top.gif) 100% 0 no-repeat;
		float: right;
		padding: 17px 17px 0 0;
		width: 375px;
		text-align: right;
	}

	#header #info-header a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		padding-left: 6px;
	}

	#header #info-header a:hover {
		text-decoration: underline;
	}
	
	#header #info-header form {
		display: inline;
	}

	#header #info-header input {
		font-size: 10px;
		display: inline;
		margin: 0;
		padding: 0;
	}
	

	#header #info-header #search {
		display: none;
	}

	#header #info-header #searchlink, #header #info-header #search {
		padding-right: 6px;
	}


	/* Header-First */
	#header-first {
		background: #fff url(header-first.gif) 100% 100% no-repeat;
		float: left;
		width: 100%;
		color: #000;
	}

	#header-first ul {
		background: url(header-first.gif) 0 100% no-repeat;
		width: 100%;
	}

	#header-first li  {
		display: inline;
	}
	
	#header-first h3 {
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 0.3em;
	}

	#header-first p {
		line-height: 1.4em;
        }

	#header-first a {
		color: #000;
	}

	#header-first a:hover {
		text-decoration: none;
	}

	#header-first h3 a {
		text-decoration: none;
	}

	#header-first h3 a:hover {
		text-decoration: underline;
	}
	
	#header-first #story {
		padding: 11px 0 14px 20px;
	}

	/* Top Stories */
	#header-first #story ul {
		background: none;
		list-style-position: inside
	}

	#header-first #story li {
		line-height: 1.4em;
		display: block;
		float: left;
		clear: left;
		width: 100%;
	}

	#header-first #story li:before {
		content: "\00BB\ ";
	}

	#header-first #story li a {
		color: #9D0404;
	}

	#header-first #story li a:visited {
		color: #d10606; /* 20% brighter, li a */
	}

	#header-first #story li a:hover {
		text-decoration: none;
	}

	#header-first #story #saved {
		font-weight: bold;
		padding: 5px;
		margin-top: 10px;
		text-align: center;
		background-color: #FFFFCC;
		border: 1px #FFEEBB solid;
		width: 200px;
	}

	#header-first #ad {
		float: right;
		/* padding: 13px 15px 10px 10px; */
		margin: 13px 15px 10px 10px;
		border-left: 1px #eee solid;
		padding-left: 10px;
	}

	#header-first #loader {
		margin-left: -5px;
	}


	/* Header-Second */
	#header-second {
		float: left;
		margin: 0;	/* 10px 98% or 0 100% */
		width: 100%;
	}

	#header-second li {
		color: #EEAFAF;
		margin: 5px 15px;
		position: relative;
		white-space: nowrap;
		display: block;
		float: left;
	}

	#header-second h2 {
		display: none;
	}

	#header-second li a {
		text-decoration: none;
		color: #EEAFAF;
		font-weight: bold;
	}

	#header-second a:hover, #header-second .return a:hover {
		color: #fff;
	}
	
	#header-second.section-single {
		background: #BA2600;
	}

	#header-second.section-single ul {
		background: none;
	}

	#header-second .newerolder {
		float: right;
	}

	#header-second .return {
		float: right;
		padding-right: 20px;
		background: url(return.gif) 137px 0 no-repeat;
	}
	
	#header-second .return:hover {
		background-position: 137px -26px;
	}


	
	/* Content
	----------------------*/

	#content-top {
		background: #fff url(content-top.gif) 0 0 no-repeat;
		float: left;
		width: 100%;
		color: #000;
	}

	#content-top .upperright {
		height: 10px;
		background: url(content-top.gif) 100% 0 no-repeat;
		width: 100%;
	}

	#content {
		width: 100%;
		clear: both;
		background-color: #fff;
		margin-bottom: 26px;
	}

	#content h2 {
		display: none;
	}

	/* Show */
	#content .contenttab {
		display: none;
		width: 100%;
		text-align: center;
	}

	#content .frameinfo {
		display: none;
		width: 100%;
		border-bottom: #eee 1px solid;
		padding-bottom: 9px;
	}

	#content .frameinfo a {
		color: #9D0404;
		text-decoration: none;
	}

	#content .frameinfo a:hover {
		text-decoration: underline;
	}

	#content .frameinfo p {
		padding-left: 15px;
	}

	#content .invisible {
		display: none;
	}

	#content .visible {
		display: inline;
	}

	#content .frameinfo input, #content .frameinfo input {
		border: 0px #fff solid;
		font: 11px verdana, arial, sans-serif;
	}

	#content .showall {
		background: url(plus.png) 0 0 no-repeat;
		padding-right: 3px;
	}

	#content .showless {
		background: url(minus.png) 0 0 no-repeat;
		padding-right: 7px;
	}

	#content .showall span, #content .showless span {
		visibility: hidden;
	}

	#content .hide {
			display: none;
	}


	/* List */
	#content #menu {
		background-color: #fff;
		width: 180px;
		float: left;
		padding: 5px 0 10px 20px;
	}

	#content #menu h3 {
		padding-bottom: 1em;
		font-size: 1.2em
	}

	#content #menu strong a {
		color: #9D0404;
		text-decoration: none;
	}

	#content #menu strong a:visited {
		color: #9D0404;
	}

	#content #menu ul {
		padding: 0.4em 0 1em 0;
	}

	#content #menu li {
		margin-left: 30px;
		line-height: 1.4em;
		font-style: italic;
	}

	#content #menu li a {
		color: #000;
		font-style: normal;
		text-decoration: none;
	}

	#content #menu a:hover {
		text-decoration: underline;
	}

	#content #message {
		border: 1px #FFEEBB solid;
		margin: 5px 5px 15px 5px;
		padding: 5px 10px;
		background-color: #FFFFCC;
	}

	#content #stories {
		background-color: #fff;
		margin-left: 200px;
		padding: 5px 10px 0 15px;
		border-left: 1px #eee solid;
	}

	#content #stories h3 {
		padding-bottom: 0.6em;
		font-size: 1.2em;
	}

	#content #stories h4 {
		margin: 0.5em 0;
		font-size: 1em;
	}

	#content #stories small {
		color: #757575;
		font-size: 0.95em;
	}

	#content #stories a, #content #general a {
		color: #9D0404;
	}

	#content #stories a:visited, #content #general a:visited {
		color: #d10606;
	}

	#content #stories a:hover {
		text-decoration: none;
	}

	#content #stories p {
		padding: 0.4em 0 1em 0;
		line-height: 1.4em;
	}

	#content #stories .highlight {
		background-color: #FFFF99;
	}

	#content #pages {
		clear: both;
		margin-left: 200px;
		border-left: 1px #eee solid;
		padding: 1em 15px 14px 15px;
	}

	#content #pages a {
		color: #9D0404;
		border: 1px #ddd solid;
		padding: 2px;
		text-decoration: none;
	}

	#content #pages a:hover {
		text-decoration: underline;
		background-color: #f6f6f6;
		border: 1px #bbb solid;
	}

	#content #pages strong {
		border: 1px #bbb solid;
		padding: 2px;
	}


	/* Bottom Corners */
	#content-bottom {
		background: #fff url(content-bottom.gif) 0 100% no-repeat;
		float: left;
		width: 100%;
		margin-bottom: 16px;
	}

	#content-bottom .lowerright {
		height: 10px;
		background: url(content-bottom.gif) 100% 100% no-repeat;
		width: 100%;

	}

	/* Bottom Content */
	#content-footer {
		background: #fff url(content-bottom.gif) 0 0 no-repeat; /* top left */
		width: 100%;
		margin-bottom: 16px;
	}

	#content-footer .upperright {
		background: url(content-bottom.gif) 100% 0 no-repeat; /* top right */
		height: 10px;
		width: 100%;
	}

	#content-footer #relatedstories {
		margin-left: 50%;
		padding: 5px 15px 14px 15px;
		border-left: 1px #eee solid;
		min-height: 250px;
	}

	#content-footer #investigate {
		padding: 5px 15px 14px 15px;
		float: left;
		width: 46%;
	}

	#content-footer #investigate #embed-textlink, #content-footer #investigate #embed-icon, #content-footer #investigate #embed-badge {
		display: none;
		margin: 5px 0;
		color: #999;
	}

	#content-footer #investigate img {
		margin: 0;
	}

	#content-footer h3 {
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 0.3em;
	}

	#content-footer #relatedstories li {
		line-height: 1.4em;
		list-style: none;
	}

	#content-footer #relatedstories li:before {
		content: "\00BB\ ";
	}

	#content-footer #relatedstories li a {
		color: #9D0404;
	}

	#content-footer #relatedstories li a:hover {
		text-decoration: none;
	}

	#content-footer #relatedstories li a:visited {
		color: #d10606;
	}

	#content-footer .lowerleft {
		background: url(content-bottom.gif) 0 100% no-repeat; /* bottom-left */
		width: 100%;
	}

	#content-footer .lowerright {
		background: url(content-bottom.gif) 100% 100% no-repeat; /* bottom right */
		width: 100%;
		height: 10px;
	}

	/* Content bottom form */
	#content-footer #investigate fieldset {
		border: 1px #ddd solid;
		padding: 5px 10px 10px 10px;
		margin: 10px 0;
	}

	#content-footer #investigate legend {
		padding: 0 5px;
		font-weight: bold;
		color: #000;
		font-size: 1em;
	}

	#content-footer #investigate form {
		mar1gin: 5px 10px 10px 10px;
	}

	#content-footer #investigate label {
		font-style: italic;
		color: #999;
		line-height: 1.6em;
	}

	#content-footer #investigate input.url {
		width: 75%;
		margin-right: 10px;
		border: 1px #ddd solid;
	}

	#content-footer #investigate input.submit {
		width: 20%;
		border: 2px solid;
		border-color: #fff #ccc #ccc #fff;
		background: #eee;
	}


	/* General Pages */
	#content #general  {
		padding: 5px 0 10px 20px;
		width: 600px;
	}

	#content #general-column {
		float:right;
		display:inline;
	}

	#content #general p {
		line-height: 1.4em;
		margin-bottom: 9px;
	}

	#content #general h3 {
		font-size: 1.1em;
		margin: 15px 0 6px 0;
		padding-bottom: 2px;
		border-bottom: 1px #dedede solid;
		clear: both;
	}

	#content #general h4 {
		font-size: 1em;
		margin: 15px 0 5px 0;
	}

	#content #general li {
		margin-left: 35px;
		line-height: 1.4em;
	}

	/* Settings */
	#content #general fieldset {
		border: 1px #ddd solid;
		margin-bottom: 20px;
		padding: 5px 10px 10px 5px;
		width: 830px;
	}

	#content #general legend {
		padding: 0 5px;
		color: #000;
		font-weight: bold;
		font-size: 1.1em;
	}

	#content #general form {
		margin: 5px 10px 10px 0;
	}

	#content #general label.setting {
		width:190px;
		height:18px;
		float:left;
		display: block;
		font-weight: bold;
		text-align: right;
		margin-right: 10px;
	}

	#content #general input {
		height: 11px;
	}

	#content #general .fieldbox {
		width:830px;
		float:right;
		margin-top: 8px;
	}

	#content #general .headerbaroption {
        	float:left;
        	width: 200px;
	}

	#content #general .navtabtitle {
		width: 60px;
		float:left;
	}

	#content #general .navtaboption {
		float:left;
		width: 140px;
	}

	#content #general #submit {
		height: 30px;
		padding: 0 15px;
		display: block;
		margin-top: 10px;
	}

	#content #general .addons {
		padding: 5px 15px;
		margin: 5px;
		background-color: #FFFFCC;
		border: 1px #FFEEBB solid;
	}

	#content #general .bookletleft {
		width: 290px;
		float: left;
	}

	#content #general .bookletright {
		float: right;
		width: 290px;
	}

	#content #general .bookletrow {
		clear: both;
	}

	#content #general .emailaddr {
		margin: -2px 0;
	}

	#content #general .logopr {
		float: right;
	}


	/* Footer
	-----------------*/
	#footer {
		clear: both;
		text-align: center;
		margin-bottom: 10px;
	}
	
	#footer p, #footer a {
		color: #aaa;
	}

