/*
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: #ffffff;
	background-color: #00124f;
}

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

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

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

div.content_page {
	position: relative;
	top: 0px;
	padding: 0px 80px 10px 140px;
}

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

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

/*
<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_page    { z-index: 1; }

div.story {
	width: 630px;
}
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;
}
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.story_footer_link         { color: #ffffff; font-size: 80%; }
a.story_footer_link:visited { color: #ffffff; font-size: 80%; }

/* 
	============
	JaxTable Settings
	============
 */
td.table_td { 
	padding: 0px 6px 0px 6px;
	border: 1px solid #2F2F2F;
}
th.table_title, th.table_title_up, th.table_title_down {
	padding: 2px 4px 2px 19px;
	border: 1px solid #2F2F2F;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
td.table_td_highlight {
	padding: 0px 6px 0px 6px;
	border: 1px solid #d1d9fc;
	background-color: #253c9c;
}
span.table_date     { font-size: 10px; }
th.table_title      { background-image: url("../image/sort-circle.png"); }
th.table_title_up   { background-image: url("../image/sort-arrow-up.png"); }
th.table_title_down { background-image: url("../image/sort-arrow-down.png"); }