/*
Custom Web Design for Alice Bateman
Designed by: http://graphicswerx.com 
20th Mar 2009  
*/

/* Main */
body {
	background:url(images/bg.jpg) top center fixed #1c3e5a; 
	color:#fff; 
	font:90% "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin:0; 
	padding:15px 0 0;
	}
	
h1 {
	font-size:2.1em; 
	font-weight:400; 
	margin:0 0 5px; 
	padding:0; 
	color:#A4D3EE;
	}
	
h2 {
	font-size:1.7em; 
	font-weight:400; 
	margin:0 0 12px; 
	color:#A4D3EE;
	}
	
h3 {
	font-size:1.3em; 
	font-weight:400; 
	margin:0 0 10px; 
	color:#A4D3EE;
	}
	
p {
	line-height:1.5em; 
	margin:0 0 15px; 
	text-align:left;
	}
	
ul,ol {
	margin:0 0 15px 15px; 
	padding:0;
	}
	
li {
	margin:0 0 3px 0;
	}
	
blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:center;
	}
	
/* Layout */
#container {
	background:url(images/wrapbg.png); 
	margin:0 auto 20px; 
	padding:5px 20px 20px; 
	width:860px; 
	border:#104E8B 5px solid;
	}
	
#main {
	border-right:1px solid #d0d0d0; 
	float:left; 
	margin:0; 
	padding:0 15px 0 0; 
	width:620px;
	}

#spacer {
	clear:both;
	height:20px;
	}
	
/* Showcase */
#desc {
	background:#505050 url(images/front.jpg) bottom left repeat-y; 
	clear:both; 
	color:#fff; 
	height:190px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin:5px 0 20px; 
	padding:0 0 5px 0;
	}
	
#desc p {
	font-size:1em; 
	line-height:1.2em; 
	padding:0 0 0 15px; 
	width:450px;
	}
	
#desc h2 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	color:#fff; 
	padding:15px 15px 0;
	}
	
#desc a {
	border-color:#fff; 
	color:#fff; 
	text-decoration:none;
	}

/* Header */
#logo {
	margin:15px 0 0;
	}
	
#logo h1 a {
	font-size:1.1em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
	font-style:italic;
	border:none; 
	color:#A4D3EE; 
	text-decoration:none;
	}
	
#logo h1 a:hover {
	border:none; 
	color:#fff; 
	text-decoration:underline;
	}
	
#logo p {
	font-size:1.3em;
	font-weight:bold;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	color:#e0e0e0; 
	margin:0 0 20px 0;
	}

/* Hyperlinks */
a {
	color:#87CEFA; 
	text-decoration:none;
	}
	
a:hover {
	color:#fff; 
	text-decoration:underline;
	}
	
a img {
	border:0;
	}

/* Navigation */
#navitabs {
	clear:both;
	}
	
.navitab {
	color:#fff; 
	background:#36648B;
	border-bottom:1px solid #36648B; 
	border-left:1px solid #303030;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:0.8em; 
	margin:0 0 4px; 
	padding:4px 8px; 
	text-decoration:none;
	}
	
.navitab:hover {
	color:#fff; 
	background:#343332;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	border-bottom:1px solid #343332; 
	text-decoration:none;
	}
	
.activenavitab {
	background:#343332; 
	color:#fff;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:0.9em;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	margin:0 0 5px; 
	padding:4px 8px 5px; 
	text-decoration:none;
	}
	
.activenavitab:hover {
	color:#fff; 
	text-decoration:none;
	}

/* Sidebar */
#sidebar {
	float:right; 
	width:210px;
	}

#sidebar h3 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
	}

#sidebar p {
	font-size:1em; 
	line-height:1.3em; 
	margin:0 0 15px;
	}
	
#sidebar ul {
	margin:0 0 15px 0; 
	padding:0;
	}
	
#sidebar li {
	list-style:none;
	}
	
ul.sidelink li {
	list-style:none; 
	margin:0 0 3px; 
	padding:0;
	}
	
ul.sidelink li a{
	background:transparent; 
	border:none; 
	display:block; 
	margin:0 10px 0 0; 
	padding:2px 4px 2px 8px;
	text-align:left; 
	width:190px;
	}
	
ul.sidelink li a:hover {
	background:transparent; 
	color:#FFF; 
	border: 1px solid #104E8B; 
	text-decoration:none;
	}

/* Footer */
#footer {
	background:transparent; 
	border-top:2px solid #104E8B; 
	clear:both; 
	margin:0; 
	padding:0;
	}
	
#footer a {
	color:#d0d0d0;
	}
	
#footer a:hover {
	color:#e0e0e0;
	}
	
#footer .fleft {
	float:left;
}

#footer .fright {
	float:right;
}

#footer p {
	color:#e0e0e0; 
	font-size:0.9em; 
	line-height:1.3em; 
	margin:15px 0 0; 
	padding:0;
	}

/* Misc */
.photo {
	background-color:#f0f0f0; 
	border:1px solid #d8d8d8; 
	margin:0 0 15px; 
	padding:2px;
	}
	
.timestamp {
	font-size:0.9em; 
	color:#d0d0d0; 
	margin:-12px 0 12px 0;
	}
	
.right {
	margin:-8px 0 8px 0; 
	text-align:right;
	}
	
.block {
	background:transparent; 
	padding:10px;
	}
	
.hide {
	display:none;
	}
	
.alignleft {
	float:left; 
	padding:8px;
	}
	
.alignright {
	float:right; 
	padding:8px;
	}
	
.clearer {
	clear:both;
}