﻿/* ----- general ------------------------------------------------------------- */

body {
	margin : 5;
	font-family : tahoma, sans-serif;	
	font-size : 10pt;
}

a {
	color : #3399cc;
}

a:hover {
	text-decoration : none;
}


h1, h2, h3, h4, h5, h6 {
	font-family:trebuchet ms, sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color : #000;
	text-decoration:none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color : #fff;
	background-color : #000;
}

h1 {
	font-size : 1.6em;
}

h2 {
	font-size : 1.1em;
}

h3 {
	font-size em;
}

span.web {
	background-color : #ff6600;
	font-weight : bold;
	font-size : 10px;
	line-height : normal;
	color : #fff;
	margin:0px 0px 0px 0px;
	padding:0px 2px 1px 2px;
	text-transform : uppercase;
}

span.icon {
	color : gold;
	font-weight : bold;
	font-style:italic;
	font-family : comic sans ms;
	margin : 0px 5px 0px 0px;
}

#container {
	float:left;
	display:inline;
	width:97%;
}

/* ----- header ------------------------------------------------------------- */

#header {
	/*float:left;
	display:inline;
	width:100%;*/
	display : none;
}

#header img#corner {
	display:none;
}

#header img {
	float:left;
	display:inline;
	border:none;
}

#header #issue {
	float : left;
	display:inline;
	text-align : right;
	padding : 15px 10px 0px 10px;
	height : 85px;
}

#header #issue span.number {
	color : #ff9933;
}

#print-header {
	/*display : none;*/
	float : right;
	display:inline;
	margin : 0px 0px 30px 0px;
}

/* ----- theme ------------------------------------------------------------- */

#theme {
	float:left;
	display:inline;
	/*width : 680px;*/
	/*padding : 10px 10px 10px 10px;
	background:#ff9933 url("../gfx/bg_theme.jpg") no-repeat;
	color : #fff;
	line-height : 1.5em;*/
}

#theme h1 {
	margin : 1px 0px 12px 40px;
	line-height:normal;
}

#theme img {
	margin : 0px 0px 3px 0px;
	border : none;
}

#theme img.icon {
	float : left;
	display:inline;	
}

#theme a {
	/*color : #fff;*/
}

#theme #theme-stories {
	float:right;
	display:inline;
	/*width : 200px;*/
	width : 150px;
	padding : 0px 0px 0px 0px;
	/*background-color:#000;*/
	margin : 0px 0px 0px 10px;
	/*font-size : 1em;*/
}

#theme #theme-stories h3 {
	/*color : #fff;*/
	margin : 0px 0px 5px 0px;
	line-height:normal;
}

#theme #theme-stories ul {
	list-style-type : none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#theme #theme-stories ul li {
	border-bottom : 1px solid #777;
	padding : 1px 0px 2px 0px;
	line-height:normal;
}

#theme #theme-stories ul li a {
	/*color : #fff;*/
	text-decoration:none;
}

#theme #theme-stories ul li a:hover {
	/*color : #000;*/
	/*background-color : #fff;*/
}

/* ----- stories ------------------------------------------------------------- */

#stories {
	float:left;
	display:inline;
	width : 100%;
	margin : 0px 10px 10px 0px;
	background-color:#fff;
	padding : 10px 10px 10px 10px;
}

#stories .story {
	float:left;
	display:inline;
	width : 98%;
	/*min-height : 250px;*/
	padding : 2% 0% 2% 0%;
}

#stories .story h2 {
	float:left;
	display:inline;
	margin : 3px 0px 10px 0px;
	width : 90%;
	line-height:normal;
}

#stories .story img {
	border : none;
	margin : 0px 0px 3px 0px;
	padding : 0px 0px 0px 0px;
}

#stories .story img.icon {
	float:left;
	display:inline;
	margin : 0px 10px 10px 0px;
}

/* ----- proceed ------------------------------------------------------------- */

#proceed {
	display : none;
}

#proceed span.icon {
	color : #ff9900;
}

/* ----- archives ------------------------------------------------------------- */

#more {
	float:left;
	display:inline;
	width : 100%;
	min-height:300px;
}

#more h1 {
	margin : 20px 0px 5px 10px;
}

#more .column {
	float:left;
	display:inline;
	width : 48%;
	padding : 0px 1% 0px 1%;
}

#more .column h3 {
	margin : 20px 0px 5px 0px;
}

#more .column ul {
	list-style-type : none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#more .column ul li {
	border-bottom : 1px solid #777;
	padding : 0px 0px 0px 0px;
	padding : 5px 0px 5px 0px;
}

#more .column ul li span.date {
	color :orange;
	padding : 0px 5px 0px 0px;
}

#more .column ul li a {
	text-decoration:none;
}

#more .column ul li a:hover {
	color : #000;
	background-color : #fff;
}

#more-stories {
	display : none;
}

#content-container {
	float : left;
	display:inline;
	width:730px;
	margin : 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

/* ----- breadcrumbs ------------------------------------------------------------- */

#breadcrumbs {
	display:none;
}

/* ----- main content ------------------------------------------------------------- */

#main-content {
	float : left;
	display:inline;
	/*width:680px;*/
	width : 100%;
	/*min-height : 600px;*/
	background-color:#fff;
	/*padding : 20px 20px 50px 20px;*/
	/*line-height:1.5em;*/
	line-height : 150%;
}

#main-content img.icon {
	float:left;
	display:inline;
	margin : 0px 10px 10px 0px;
}

#main-content h3.icon {
	float:left;
	display:inline;
	margin : 6px 0px 20px 0px;
	width : 94%;
	color : #999;
	line-height:normal;
}

#main-content a h3 {
	margin : 10px 0px 2px 0px;
}

#main-content img.graph {
	float:left;
	display:inline;
	margin : 0px 0px 20px 0px;
}

#main-content #text {
	float:left;
	display:inline;
	/*width : 410px;*/
	width : 100%;
	/*margin : 0px 40px 0px 0px;*/
}

#main-content #text .item {
	float:left;
	display:inline;
	margin : 0px 0px 0px 0px;
	width : 100%;
}

#main-content #text .item h3.icon {
	margin : 6px 20px 0px 0px;
	width : 150px;
	color : #999;
	line-height:normal;
}

#main-content #text .item a {
	float:left;
	display:inline;
}

#main-content #text .item a h3 {
	margin : 6px 0px 30px 0px;
	/*width : 400px;*/
	line-height:normal;
}

#main-content #text .infobox {
	float:left;
	display:inline;
	width : 390px;
	background-color:#eee;
	padding : 10px 10px 10px 10px;
	margin : 20px 0px 0px 0px;
}

#content-right {
	float:left;
	display:inline;
	width : 210px;
}

#content-right .author {
	float:left;
	display:inline;
	/*width : 210px*/;
	width : 100%;
	/*padding : 10px 10px 10px 10px;*/
	padding : 10px 0px 0px 0px;
	/*background-color:#eee;*/
	/*margin : 0px 0px 20px 20px;*/
	/*font-size : 1em;*/
	border-top : 1px solid #000;
}

#content-right .author img {
	float:left;
	display:inline;
}

#content-right .author .name {
	float:left;
	display:inline;
	width : 50px;
	margin : 0px 0px 0px 10px;
}

#content-right .box {
	float:left;
	display:inline;
	width : 190px;
	padding : 10px 10px 10px 10px;
	background-color:#000;
	margin : 0px 0px 20px 20px;
	/*font-size : 1em;*/
	color : #fff;
	
	display : none;
}

#content-right .box h3 {
	color : #fff;
	margin : 0px 0px 10px 0px;
}

#content-right .box ul {
	list-style-type : none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#content-right .box ul li {
	border-bottom : 1px solid #777;
	padding : 0px 0px 0px 0px;
	padding : 1px 0px 2px 0px;
	line-height:normal;
}

#content-right .box ul li span.date {
	color :orange;
	padding : 0px 5px 0px 0px;
}

#content-right .box ul li a {
	color : #fff;
	text-decoration:none;
}

#content-right .box ul li a:hover {
	color : #000;
	background-color : #fff;
}

/* ----- issues ------------------------------------------------------------- */

#years {
	float:left;
	display:inline;
	/*padding : 10px 0px 0px 10px;*/
	/*background-color:#eee;*/
	width:700px;
}

#main-content .issue {
	float:left;
	display:inline;
	width : 310px;
	height : 250px;
	/*background-color:#fff;*/
	/*margin : 0px 10px 10px 0px;*/
	border : 0px solid #fff;
	/*padding : 10px 10px 10px 10px;*/
	position:relative;
}

#main-content .issue img.download {
	position : absolute;
	top : 10px;
	left : 10px;
	border:none;
}

#main-content .issue img {
	float:left;
	display:inline;
	margin : 0px 20px 0px 0px;
}

#main-content .issue h3 {
	margin : 0px 0px 0px 0px;
}

#main-content .issue ul {
	float:left;
	display:inline;
	list-style-type : none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 147px;
}

#main-content .issue ul li {
	float:left;
	display:inline;
	border-bottom : 1px solid #ccc;
	padding : 2px 0px 3px 0px;
	line-height:normal;
	width : 147px;
}

#main-content .issue ul li a {
	text-decoration:none;
}

#main-content .issue ul li a:hover {
	color : #000;
	background-color : #fff;
}

/* ----- right ------------------------------------------------------------- */

#right {
	float:left;
	display:inline;
	width : 210px;
}

/* ----- search ------------------------------------------------------------- */

#search {
	display:none;
}

/* ----- menu ------------------------------------------------------------- */

#menu {
	/*float:left;
	display:inline;
	width : 210px;
	background-color:#000;
	margin : 0px 0px 10px 0px;
	color:#fff;
	padding:10px 10px 10px 10px;
	font-size:1.2em;*/
	display:none;
}

#menu ul {
	list-style-type : none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#menu ul li {
	padding : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#menu ul li a {
display : block;
	color : #fff;
	text-decoration:none;
}

#menu ul li a:hover {
	color : #000;
	background-color : #fff;
}

#menu ul li a.level1, #menu ul li a.level1selected {
	border-bottom : 1px solid #777;
	padding : 1px 0px 2px 0px;
	line-height:normal;
}

#menu ul li a.level2, #menu ul li a.level2selected {
	padding : 1px 0px 2px 20px;
	line-height:normal;
}

#menu ul li a.level3, #menu ul li a.level3selected {
	padding : 1px 0px 2px 48px;
	line-height:normal;
	font-size : 0.8em;
}

#menu ul li a.level4, #menu ul li a.level4selected {
	padding : 1px 0px 2px 68px;
	line-height:normal;
	font-size : 0.8em;
}

#menu ul li a.level1selected, #menu ul li a.level2selected, #menu ul li a.level3selected {
	font-weight : bold;
}

/* ----- contents ------------------------------------------------------------- */

#contents {
	float:left;
	display:inline;
	width : 190px;
	background-color:#000;
	margin : 0px 0px 10px 0px;
	border:10px solid #fff;
	color:#fff;
	padding:10px 10px 10px 10px;
	font-size:1em;
	font-weight:normal;
		display:none;
}

#contents h3 {
	color : #fff;
	margin : 0px 0px 5px 0px;
}

#contents ul {
	list-style-type : none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#contents ul li {
	padding : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#contents ul li a {
	color : #fff;
	text-decoration:none;
}

#contents ul li a:hover {
	color : #000;
	background-color : #fff;
}

#download {
	display:none;
}

#footer {
	display:none;
}

.clear {
	display:none;
}

#print-disclaimer {
	font-size : 8pt;
	color : #555;
}