/*
Color Scheme
dark blue:        #070046
not so dark blue: #01005e
red:              #a2070b
other red:        #b60c10

black:  #000000
silver: #c4c1d4
*/

body {
	position: relative;
	margin: 2px 0px 0px 2px;
	padding: 0px;
	font-family: Verdana, Arial;
	color: #000000;
	background-color: #070046;
}

div.container {
	position: relative;
	background: url("../image/body.png") repeat-y center;
	margin: 0px auto;
	width: 850px;
}

div.content {
	position: relative;
}

div.header {
	background: url("../image/header.png") no-repeat center;
	background: url("../image/Banner-5.gif") no-repeat center;
	height: 110px;
	height: 100px;
	width: 850px;
}

div.footer {
	background: url("../image/footer.png") no-repeat center;
	height: 60px;
	width: 850px;
}

div.content_sidebar {
	position: absolute;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

div.sidebar_hotlinks, div.sidebar_stories, #sidebar_scoreboard, #sidebar_calendar {
	position: relative;
	width: 170px;
	border: solid 3px #E70A10;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

div.content_page {
	position: relative;
	top: 0px;
	padding: 0px 30px 10px 175px;
}

a.login {
	position: relative;
	top: 15px;
	left: 760px;
	background: url("../image/button-current.png") repeat-y center;
	padding: 5px;
	border: 2px inset black;
	font-size: 11px;
	font-weight: bold;
	visibility: hidden;
}

li { padding: 5px; }
a { color: #070046; }
a:visited { color: #070046; }
a:hover  { color: #000000; }
p { margin-bottom: 0px; }

div.header a { color: #e2e7ff; }
div.header a:visited { color: #e2e7ff; }
div.header a:hover  { color: #becafd; }

/*
<div class="content_sidebar">
	<div class="sidebar_div"><a class="sidebar_link" href="staff.html">Staff</a></div>
	<div class="sidebar_div"><a class="sidebar_link" href="team.html">Team</a></div>
</div>
<div class="content_page">
	<div class="story">
		<div class="story_title">Welcome<span class="story_date">December  27 at 05:59 PM</span></div>
		<div class="story_content">Welcome to JaxBlog, have a look around</div>
		<div class="story_footer"></div>
	</div>
	<div class="archive"><a class="archive" href="page_archive.php?page_id=1">archived stories</a></div>
</div>
*/

div.content_sidebar { z-index: 10; } /* links won't work without this setting */
div.content_page    { z-index: 1; }

div.story {
	width: 650px;
}
div.story_title {
	font-size: 22px;
	padding: 20px 40px 0px 40px;
	background: url("../image/story-header.png") no-repeat;
	height: 100px;
}
div.story_content {
	background: url("../image/story-content.png") repeat-y;
	padding: 0px 40px 0px 40px;
	margin: -60px 0px 0px 0px;
}
div.story_footer {
	background: url("../image/story-footer.png") repeat-y;
	height: 30px;
}
div.sidebar_current_div {
	color: #ffffff;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #E70A10;
	background: url("../image/button-current.png") repeat-y center;
	padding: 2px 4px 2px 4px;
	text-align: center;
	font-size: 115%;
}
div.sidebar_div, div.sidebar_child_div, div.sidebar_hotlink {
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #E70A10;
	background: url("../image/button.png") repeat-y center;
	padding: 2px 4px 2px 4px;
	text-align: center;
}
span.story_date {
	padding: 0px 0px 0px 30px;
	color: #B4BBEF;
	font-size: 70%;
}
div.breadcrumb {
	padding: 0px 0px 10px 20px;
	color: #B4BBEF;
	font-size: 70%;
}

a.breadcrumb_link { color: #B4BBEF; }
a.breadcrumb_link:visited { color: #B4BBEF; }
a.archive { color: #B4BBEF; font-size: 70%; margin: 20px; }
a.archive:visited { color: #B4BBEF; font-size: 70%; margin: 20px; }

a.sidebar_link              { text-decoration: none; color: #2704d7; font-size: 100%; }
a.sidebar_link:visited      { text-decoration: none; color: #2704d7; font-size: 100%; }
a.sidebar_link:hover      { text-decoration: underline; color: #2704d7; font-size: 100%; }
a.story_footer_link         { color: #ffffff; font-size: 80%; }
a.story_footer_link:visited { color: #ffffff; font-size: 80%; }

div.sidebar_hotlink           {}
div.sidebar_hotlink a         { text-decoration: none; color: #2704d7; font-size: 100%; }
div.sidebar_hotlink a:visited { text-decoration: none; color: #2704d7; font-size: 100%; }
div.sidebar_hotlink a:hover   { text-decoration: underline; color: #2704d7; font-size: 100%; }

/*	Scoreboard module CSS */
#sidebar_scoreboard {
	color: #ffffff;
	background: url("../image/button-current.png") repeat-y center;
	padding: 5px 0px 5px 0px;
	height: 160px;
	visibility: hidden; /* unhidden when javascript runs */
}
div.scoreboard_title, #scoreboard_row_guest_total, #scoreboard_row_home_total, #scoreboard_date {
	text-align: center;
}
table.scoreboard_table {
	border-collapse: collapse;
	margin: auto;
	font-family: Verdana;
	z-index: 2;
}
td.scoreboard_inning {
	font-size: 9px;
	color: #110161;
	padding: 1px;
}
td.scoreboard_rhe {
	font-size: 9px;
	color: #B4BBEF;
	padding: 0px;
}
td.scoreboard_score {
	font-size: 13px;
	width: 12px;
	border: 1px solid #110161;
	padding: 1px;
}
#scoreboard_row_guest_total {
	padding: 5px 0px 0px 0px;
}
#scoreboard_date {
	color: #B4BBEF;
	font-family: Verdana;
	font-size: 9px;
}
#scoreboard_row_guest_total, #scoreboard_row_home_total {
	font-family: Verdana;
	font-size: 11px;
}
#scoreboard_loading {
	margin-top: -20px;
	text-align: center;
}

a.scoreboard_link         { color: #B4BBEF; text-decoration: none; }
a.scoreboard_link:visited { color: #B4BBEF; text-decoration: none; }
a.scoreboard_link:active  { color: #B4BBEF; text-decoration: none; }
a.scoreboard_link:hover   { color: #ffffff; text-decoration: underline; }

/*	Calendar module CSS */
#sidebar_calendar {
	color: #ffffff;
	background: url("../image/button-current.png") repeat-y center;
	padding: 5px 0px 5px 0px;
	height: 220px;
	visibility: hidden;  /* unhidden when javascript runs */
}
div.calendar             {
	width: 140px;
	margin-left: auto;
	margin-right: auto;
}
#calendar_month          { text-align: center; font-size: 90%; color: #B4BBEF; }
table.calendar_days      { margin-left: auto; margin-right: auto; text-align: center; }
table.calendar_days th   { font-size: 10px; color: #110161; }
table.calendar_days td   { font-size: 10px; width: 14px; border: 1px solid #5F6EDE; }
#calendar_scroll_middle  { border: 0px; }
#calendar_scroll_left, #calendar_scroll_right {
	border: 1px outset grey;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
td.calendar_event {
	color: #000000;
	background-color: #B4BBEF;
	cursor: pointer;
}
#calendar_message {
	font-size: 11px;
	border: 1px solid #E70A10;
	margin-top: 10px;
	padding: 3px;
	height: 30px;
	overflow: hidden;
	text-align: center;
}
#calendar_noevents {
	color: #B4BBEF;
}
#calendar_loading {
	margin-top: -30px;
	text-align: center;
}


/* Slideshow Module CSS */
#slideshow {
	margin-left: 180px;
	position: relative;
	display: block;
	width: 630px;
}

#slideshow_main {
	position: relative;
	border: 3px solid #E70A10;
	overflow: hidden;
	height: 200px;
	width: 560px;
	margin: auto;
	z-index: 1;
}

#slideshow_footer {
	position: absolute;
	display: block;
	visibility: hidden;
	
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid black;
	background-color: #009926;
	padding: 0px 5px 0px 5px;
	
	height: 20px;
	z-index: 10;
}

#slideshow_prime, #slideshow_slide {
	margin: auto;
}

#slideshow_prime { z-index: 5; }
#slideshow_slide { z-index: 6; }
	
#slideshow_loading {
	font-size: 30px;
	margin-top: 80px;
	text-align: center;
}