/***********************************************/
/* indexcss.php                                */
/* Use with Smallworlds Website                */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

* {
	margin: 0;
}

body {
	background-color: white;
	color: #666666;
	font: 11px "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

object {
	outline: none;
}

img {
	display: block;
}

p {
	padding: 7px 0px;
	font: 11px "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

h1, h2, h3 {
	font-weight: bold;
	font-family: "Cambria", Times New Roman, serif;
}

h1 {
	font-size: 32px;
	line-height: 34px;
}

h2 {
	font-size: 18px;
	line-height: 20px;
}

h3 {
	font: 12px "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: bold;
}

h1 a, h2 a, h3 a {
	text-decoration: none;
}

td {
	font: 11px "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
}

/******* hyperlink and anchor tag styles *******/

a {
	color: #666666;
	text-decoration: underline;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.content {
	min-width: 700px;
	text-align: center;
	line-height: 16px;
	background: #FFFFFF url('http://content.smallworlds.com/content-v674/webassets/home/bg.jpg') no-repeat top;
}

.content_nonews {
	min-width: 700px;
	text-align: center;
	line-height: 16px;
	background: #FFFFFF url('http://content.smallworlds.com/content-v674/webassets/home/bg_firsttime.jpg') no-repeat top;
}

#preloader {
	background: #FFFFFF url('http://content.smallworlds.com/content-v674/webassets/home/bg_firsttime.jpg') no-repeat top;
	height: 475px;
	padding-top: 300px;
}


/***********************************************/
/* Generic Styles                              */
/***********************************************/

.small {
	font: 10px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
}

.medium {
	font: 14px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

.large {
	font: 17px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
}

.hr {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/hr.png') repeat-x top left;
	height: 1px;
	min-height: 1px;
	width: 100%;
	font-size: 1px;		/* Fix for IE height issue. */
	line-height: 0px;	/* Fix for IE height issue. */
}

.date {
	text-transform: uppercase;
	padding: 4px 0px;
}

#default .coloured {
	color: #47a1ce;
}
#stories .coloured {
	color: #996699;
}
#entertainment .coloured {
	color: #669966;
}
#community .coloured {
	color: #396da0;
}
#forums .coloured {
	color: #58b6b6;
}
#help .coloured {
	color: #47a1ce;
}


/***********************************************/
/* Header Styles                               */
/***********************************************/

#headercontent {
	width: 100%;
	background-color: black;
	height: 60px;
	min-width: 700px;
}


/***********************************************/
/* Newspaper Styles                            */
/***********************************************/

/********** background/layout styles ***********/

#newspapercontent {
	width: 698px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#closebutton {
	width: 696px;
	height: 25px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

/*********** newspaper header styles ***********/

#newspaper_top {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/newspaper_top.jpg') no-repeat top;
	height: 85px;
	padding-top: 20px;
}
#newspaper_top #default {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/newspaper_header.png') no-repeat 130px 15px;
}
#newspaper_top #stories {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/newspaper_header_stories.png') no-repeat 10px 5px;
}
#newspaper_top #entertainment {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/newspaper_header_entertainment.png') no-repeat 10px 5px;
}
#newspaper_top #community {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/newspaper_header_community.png') no-repeat 10px 5px;
}
#newspaper_top #forums {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/newspaper_header_forums.png') no-repeat 10px 5px;
}
#newspaper_top #help {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/newspaper_header_help.png') no-repeat 10px 5px;
}
#newspaper_top_ie6 {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/newspaper_top_ie6.jpg') no-repeat top;
	height: 85px;
	padding-top: 20px;
}

#headertip {
	width: 101px;
	float: right;
	padding-right: 15px;
}

/********** newspaper content styles ***********/

#newspaper_body {
	padding-top: 5px;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/newspaper_bg.jpg') repeat-y top left;
}

#newspaper_content {
	width: auto;
	min-height: 550px;
	height: expression( this.scrollHeight < 551 ? "550px" : "auto" ); /* sets min-height for IE */
	margin-left: 12px;
	margin-right: 10px;
}

.column {
	float: left;
	vertical-align: top;
	min-height: 490px;
	height: expression( this.scrollHeight < 491 ? "490px" : "auto" ); /* sets min-height for IE */
}

.column_border {
	float: left;
	vertical-align: top;
	min-height: 490px;
	height: expression( this.scrollHeight < 491 ? "490px" : "auto" ); /* sets min-height for IE */
	background: url('http://content.smallworlds.com/content-v674/webassets/home/hr.png') repeat-y top right;
}

/************ newspaper menu styles ************/

#newspaper_menu {
	padding-bottom: 10px;
}

#step1_bg {
	height: 20px;
	text-align: left;
}
#default #step1_bg {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_default.jpg') no-repeat 0px 4px;
}
#stories #step1_bg {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_stories.jpg') no-repeat 0px 4px;
}
#entertainment #step1_bg {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_entertainment.jpg') no-repeat 0px 4px;
}
#community #step1_bg {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_community.jpg') no-repeat 0px 4px;
}
#forums #step1_bg {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_forums.jpg') no-repeat 0px 4px;
}
#help #step1_bg {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_help.jpg') no-repeat 0px 4px;
}

.step1_item {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 1px;
	color: #f8f7f7;
	white-space: nowrap;
	padding: 0px 7px;
	vertical-align: top;
	padding-top: 5px;
}
.step1_item a {
	text-decoration: none;
	color: #f8f7f7;
}

#step1_item_selected {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 1px;
	white-space: nowrap;
	padding: 0px 6px;
	vertical-align: top;
	padding-top: 5px;
}
#default #step1_item_selected {
	color: #47a1ce;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_default_selected.jpg') repeat-x;
}
#stories #step1_item_selected {
	color: #996699;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_stories_selected.jpg') repeat-x;
}
#entertainment #step1_item_selected {
	color: #669966;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_entertainment_selected.jpg') repeat-x;
}
#community #step1_item_selected {
	color: #396da0;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_community_selected.jpg') repeat-x;
}
#forums #step1_item_selected {
	color: #58b6b6;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_forums_selected.jpg') repeat-x;
}
#help #step1_item_selected {
	color: #47a1ce;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_help_selected.jpg') repeat-x;
}

#step1_item_selected a {
	text-decoration: none;
}
#default #step1_item_selected a {
	color: #47a1ce;
}
#stories #step1_item_selected a {
	color: #996699;
}
#entertainment #step1_item_selected a {
	color: #669966;
}
#community #step1_item_selected a {
	color: #396da0;
}
#forums #step1_item_selected a {
	color: #58b6b6;
}
#help #step1_item_selected a {
	color: #47a1ce;
}

.step1_item_selected_edge {
	width: 1px;
}
#default .step1_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_default_selected_edge.png') no-repeat top left;
}
#stories .step1_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_stories_selected_edge.png') no-repeat top left;
}
#entertainment .step1_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_entertainment_selected_edge.png') no-repeat top left;
}
#community .step1_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_community_selected_edge.png') no-repeat top left;
}
#forums .step1_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_forums_selected_edge.png') no-repeat top left;
}
#help .step1_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_help_selected_edge.png') no-repeat top left;
}

#step2_bg {
	text-align: left;
	position: relative;
	top: -1px;
}

.step2_item {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 10px;
	white-space: nowrap;
	padding: 0px 12px;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding-top: 4px;
}
#default .step2_item {
	color: #3499cd;
	border-bottom: 1px solid #62add4;
}
#stories .step2_item {
	color: #996699;
	border-bottom: 1px solid #bea4be;
}
#entertainment .step2_item {
	color: #669966;
	border-bottom: 1px solid #90b290;
}
#community .step2_item {
	color: #396da0;
	border-bottom: 1px solid #7897b5;
}
#forums.step2_item {
	color: #58b6b6;
	border-bottom: 1px solid #96c0c0;
}
#help .step2_item {
	color: #3499cd;
	border-bottom: 1px solid #62add4;
}

.step2_item a {
	text-decoration: none;
}
#default .step2_item a {
	color: #3499cd;
}
#stories .step2_item a {
	color: #996699;
}
#entertainment .step2_item a {
	color: #669966;
}
#community .step2_item a {
	color: #396da0;
}
#forums .step2_item a {
	color: #58b6b6;
}
#help .step2_item a {
	color: #3499cd;
}

#step2_item_selected {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 10px;
	white-space: nowrap;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 12px;
	vertical-align: top;
	padding-top: 3px;
}
#default #step2_item_selected {
	color: #3499cd;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_default_dot.png') repeat-x bottom left;
	border-top: 1px solid #62add4;
}
#stories #step2_item_selected {
	color: #996699;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_stories_dot.png') repeat-x bottom left;
	border-top: 1px solid #bea4be;
}
#entertainment #step2_item_selected {
	color: #669966;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_entertainment_dot.png') repeat-x bottom left;
	border-top: 1px solid #90b290;
}
#community #step2_item_selected {
	color: #396da0;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_community_dot.png') repeat-x bottom left;
	border-top: 1px solid #7897b5;
}
#forums #step2_item_selected {
	color: #58b6b6;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_forums_dot.png') repeat-x bottom left;
	border-top: 1px solid #96c0c0;
}
#help #step2_item_selected {
	color: #3499cd;
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_help_dot.png') repeat-x bottom left;
	border-top: 1px solid #62add4;
}

#step2_item_selected a {
	text-decoration: none;
}
#default #step2_item_selected a {
	color: #3499cd;
}
#stories #step2_item_selected a {
	color: #996699;
}
#entertainment #step2_item_selected a {
	color: #669966;
}
#community #step2_item_selected a {
	color: #396da0;
}
#forums #step2_item_selected a {
	color: #58b6b6;
}
#help #step2_item_selected a {
	color: #3499cd;
}

.step2_item_selected_edge {
	width: 1px;
	min-width: 1px;
	display: table-cell;
}
#default .step2_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_default_selected_edge.png') no-repeat;
}
#stories .step2_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_stories_selected_edge.png') no-repeat;
}
#entertainment .step2_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_entertainment_selected_edge.png') no-repeat;
}
#community .step2_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_community_selected_edge.png') no-repeat;
}
#forums .step2_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_forums_selected_edge.png') no-repeat;
}
#help .step2_item_selected_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_help_selected_edge.png') no-repeat;
}

#step2_filler {
	width: 100%;
}
#default #step2_filler {
	height: 20px;
	border-bottom: 1px solid #62add4;
}
#stories #step2_filler {
	height: 20px;
	border-bottom: 1px solid #bea4be;
}
#entertainment #step2_filler {
	height: 20px;
	border-bottom: 1px solid #90b290;
}
#community #step2_filler {
	height: 20px;
	border-bottom: 1px solid #7897b5;
}
#forums #step2_filler {
	height: 20px;
	border-bottom: 1px solid #96c0c0;
}
#help #step2_filler {
	height: 20px;
	border-bottom: 1px solid #62add4;
}

/********* newspaper section title styles *********/

.title_edge {
	min-width: 1px; 
	width: expression( this.scrollWidth < 2 ? "1px" : "auto" ); 
}
#default .title_edge {
	background: url("http://content.smallworlds.com/content-v674/webassets/home/menu_bg_default_selected_edge.png") no-repeat;
}
#stories .title_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_stories_selected_edge.png') no-repeat;
}
#entertainment .title_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_entertainment_selected_edge.png') no-repeat;
}
#community .title_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_community_selected_edge.png') no-repeat;
}
#forums .title_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_forums_selected_edge.png') no-repeat;
}
#help .title_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_help_selected_edge.png') no-repeat;
}
#alert .title_edge {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/menu_bg_alert_selected_edge.png') no-repeat;
}

.title {
	text-transform: uppercase; 
	letter-spacing: 2px; 
	white-space: nowrap; 
	font: 10px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif; 
	padding: 2px 5px; 
}
#default .title {
	color: #79b6d4; 
	background: url("http://content.smallworlds.com/content-v674/webassets/home/menu_bg_default_dot.png") repeat-x bottom left; 
	border-top: 1px solid #a8c9da;
}
#stories .title {
	color: #996699;
	background: url("http://content.smallworlds.com/content-v674/webassets/home/menu_bg_stories_dot.png") repeat-x bottom left;
	border-top: 1px solid #bea4be;
}
#entertainment .title {
	color: #669966;
	background: url("http://content.smallworlds.com/content-v674/webassets/home/menu_bg_entertainment_dot.png") repeat-x bottom left;
	border-top: 1px solid #a6bfa6;
}
#community .title {
	color: #5b85ae;
	background: url("http://content.smallworlds.com/content-v674/webassets/home/menu_bg_community_dot.png") repeat-x bottom left;
	border-top: 1px solid #90aac4;
}
#forums .title {
	color: #58b6b6;
	background: url("http://content.smallworlds.com/content-v674/webassets/home/menu_bg_forums_dot.png") repeat-x bottom left;
	border-top: 1px solid #96c0c0;
}
#help .title {
	color: #3399cc;
	background: url("http://content.smallworlds.com/content-v674/webassets/home/menu_bg_help_dot.png") repeat-x bottom left;
	border-top: 1px solid #8cbfd9;
}
#alert .title {
	color: #cc3300;
	background: url("http://content.smallworlds.com/content-v674/webassets/home/menu_bg_alert_dot.png") repeat-x bottom left;
	border-top: 1px solid #e5b3a2;
}

.title_filler {
	width: 100%; 
}
#default .title_filler {
	border-bottom: 1px solid #a8c9da;
}
#stories .title_filler {
	border-bottom: 1px solid #bea4be;
}
#entertainment .title_filler {
	border-bottom: 1px solid #a6bfa6;
}
#community .title_filler {
	border-bottom: 1px solid #90aac4;
}
#forums .title_filler {
	border-bottom: 1px solid #96c0c0;
}
#help .title_filler {
	border-bottom: 1px solid #8cbfd9;
}
#alert .title_filler {
	border-bottom: 1px solid #e5b3a2;
}

/************* newspaper entry styles ***********/

#newspapercontent #content_entry {
	width: 674px;
	margin-left: 12px;
	margin-right: 10px;
	text-align: left;
	position: relative;
	top: -1px;
	margin-top: 13px;
}

.entry_item, .entry_item_selected {
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	padding: 2px;
}

.entry_item p, .entry_item_selected p {
	opacity: none;
}

.entry_item_selected {
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}
#stories .entry_item_selected {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/background_stories.png') repeat;
}
#entertainment .entry_item_selected {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/background_entertainment.png') repeat;
}
#community .entry_item_selected {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/background_community.png') repeat;
}
#help .entry_item_selected {
	background: url('http://content.smallworlds.com/content-v674/webassets/home/background_help.png') repeat;
}

.entry_item a, .entry_item_selected a {
	text-decoration: none;
}
#stories .entry_item a, #stories .entry_item_selected a {
	color: #996699;
}
#entertainment .entry_item a, #entertainment .entry_item_selected a {
	color: #669966;
}
#community .entry_item a, #community .entry_item_selected a {
	color: #396da0;
}
#help .entry_item a, #help .entry_item_selected a {
	color: #3399cc;
}

/********** newspaper footer styles ***********/

#newspaper_bottom {
	padding-top: 10px;
	padding-left: 11px;
	padding-bottom: 60px;
}

#newspaper_bottomtexture {
	position: relative; 
	top: -43px; 
	background: url('http://content.smallworlds.com/content-v674/webassets/home/newspaper_bottom.png') no-repeat; 
	width: 698px; 
	height: 78px;
}

/***********************************************/
/* Tania's Styles                              */
/***********************************************/

.greenlink {
	color: #6ea16e;
	text-decoration: none;
}

