/**
 * $Id: style.css,v 1.1.4.4 2008/08/23 20:58:56 johnforsythe Exp $
 * A3 Atlantis
 * John Forsythe, john [at] blamcast [dot] net
 * Modified by Hans Livingstone, hanslivingstone.com
 */

/**
 * Resets
 */

body, div, h1, h2, h3, h4, h5, h6, pre, form, textarea, p {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing:0;
}
img { border: 0; }
caption, th { text-align: left; }
abbr, acronym { border: 0; }

/**
 * Basics
 */

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0.5em 0;  
	font-family: Georgia, serif; 
	font-variant: small-caps;
}
h1 a, h2 a, h3 a { text-decoration: none; }
h1 { font-size: 30px; letter-spacing: 1px; }
h2 { font-size: 20px; letter-spacing: 1px; }
h3 { font-size: 17px; }
h4 { font-size: 14px; }
h5, h6 { font-size: 12px; }
p {
  margin-bottom: 0;
  line-height: 1.7em;
}
p + p { /*indent consecutive paragaphs*/
	text-indent: 1.5em;
	margin-top: 0;
}
p.stb { text-indent: 0; margin-top: 0.83em } /*thematic breaks*/
p.mtb { text-indent: 0; margin-top: 2.17em }
p.ltb { text-indent: 0; margin-top: 3.08em }
p.poem { text-indent: 0; }


a {
  color:  #000;
}
a.proper { font-weight: bold; }
a.action { color: #9A7930; }
a:hover { text-decoration: none; }
dl { margin: 0 0 1em 1.5em; }
dl dd { margin: 0 0 0.5em 1.5em; }
table {
  font-size: 11px;
  margin-bottom: 10px;
}
td { padding: 0.2em 0.6em; }
form { margin-bottom: 10px; }
pre {
  display: block;
  font-family: monospace;
  background: #fff;
  padding: 3px 7px;
  margin: 1em 0;
  border: 1px solid #370100;
  overflow: auto;
}
code {
  font-family: monospace;
  background: #fff;
  color: #000;
  padding: 3px 7px;
}
blockquote {
  background: url('/img/blockquote.png') no-repeat;
  margin: 1em 0;
  padding: 0 15px 0 30px;
  font-size: 11px;
}
ul.arrow li { list-style-image: url('/img/arrow.png'); }
ul.star li { list-style-image: url('/img/star.png'); }
li.separated { list-style: none; }
ul.separated li { 
	margin-top: 1.5em;
	list-style: none;
}
.cap {
float:left;
font-size: 50px;
line-height:.8em;
padding:5px 5px 0px 0px;
}
div.hr {
  height: 15px;
	margin-top: 0.83em; /*the next paragraph will be an ltb/mtb/stb so to margin-top is needed*/
  background: transparent url('/img/hr.png') no-repeat scroll center;
}
div.hr.ltb { margin-top: 3.08em; }
div.hr.mtb { margin-top: 2.17em; }
div.hr.stb { margin-top: 0.83em; }
div.hr hr {
  display: none;
}
div.frame { text-align: center; }
div.frame img { background: #fff; border: 6px solid #fff; vertical-align: bottom; }
fieldset { border: 1px solid #fff; }
body {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  background: #A9A9A9 url('/img/bg.jpg') repeat-x top;
}

/**
 * Regions
 */

#container {
  width: 978px;
  margin: 0 auto;
}
#page {
  width: 978px;
  position: relative;
}
#header {
  position: absolute;
  top: 0;
  left: 0;
  background: #ffff00;
  height: 200px;
  width: 915px;
  padding-left: 45px;
  background: url('/img/header.jpg') no-repeat;
}
#nav {
	margin-top: 175px;
  height: 25px;
  width: 715px;
  clear: both;
  font-size: 10px;
}
#nav ul {
  margin: 0;
  padding: 0 0 0 18px;
}
#nav li {
  float: left;
  list-style: none;
}
#nav a {
  text-decoration: none;
  font-family: serif;
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  color: #fff;
  display: block;
  padding: 0 15px 1px;
  line-height: 24px;
  margin-right: 3px;
}
#nav a:hover { text-decoration: underline; color:  #fff; }
#nav li.active a { color:  #fff; background: #B27846; }
#nav li.active a:hover { color:  #fff;  }
#main {
  padding-top: 200px;
  background: url('/img/main-bg.png') repeat-y;
}
.wide-page #main { background: url('/img/main-bg-single.png') repeat-y; }
#content {
  float: left;
  display: inline; /* keeps ie6 happy */
  line-height: 1.65em;
  margin: 0px 0 5px 45px;
  width: 515px;
  overflow: hidden;
  overflow-x: hidden;

}
.wide-page #content {
  width: 715px;
}

#content h1, #content h2 {
  
  font-weight: bold;
  color:  #000;
  line-height: 1.2em;
  padding: 9px 0 10px;
  margin: 0;
}

#story-title{
	margin-left: 50px;
	width: 590px;
}
#story-title h1{
	font-family:Georgia,Times,serif;
	font-size: 30px;
	font-variant: normal;
}
#story-title span
{
	font-weight: bold;
}

#normal-content {
	padding: 15px 10px 0 20px;
}

#blowout-content
{
	font-size: 14px;
	font-family:Georgia,Times,serif;
	padding: 0;
}

#story-content {
	padding: 15px 20px 0 145px;
	margin-bottom: 20px;
	border-right: 2px solid #B27846; 
	width: 400px;
	font-family:Georgia,Times,serif;
	font-size: 14px;
}

#right {
  float: left;
  width: 400px;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 1.5em;
}
.wide-page #right { width: 180px; }
#right h2 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 2px;
  margin-bottom: 0.6em;
}
#left p, #right p { margin: 0 0 1.5em 0; }
#sidebar-top {
  float: left;
  width: 380px;
  padding-left: 10px;
}
#margin {
  float: left;
  width:190px;
  padding: 0px 5px 20px 5px;

}
.wide-page #right #margin { color: #000; }
.wide-page #right #margin a { color: #000; }
.wide-page #right #margin { background: none; }
#sidebar {
  float: left;
  width: 180px;
  padding-left: 20px;
  color: #000;

}
#sidebar a { color: #000; }
#sidebar li
{
	margin-left: -20px;
}
#sidebar h2
{
	margin-top: 1.5em;
}
#copyright
{
	text-align: right;
	font-size: 10px;
	padding: 0 10px;
}
#footer {
  color: #000;
  border-top: 1px solid #333;
  clear: both;
  padding: 5px 10px;
  font-size: 10px;
}
#footer a { color: #333; }
.footer-cred { color: #333; text-decoration: none; }
#footer p { margin: 0.5em 0; }
#footer .block { margin: 5px 0; }
.clear-both { clear: both; }

/*Stuff for the user menu*/
div#actionbox {
	margin-left: -20px;
	margin-top: -15px;
	width: 695px;
	height: 30px;
	padding: 5px 0px 5px 20px;
  background: url('/img/actionbox_yellow.png') repeat-x;
	
}
div#actionbox div.back{
	float: left;
  margin-left: -20px;
}

div#actionbox div{
	float: right;

}
div#actionbox form{
	float: right;
}


div#actionbox-stories 
{
	margin-left: 45px;
	width: 695px;
	height: 30px;
	padding: 5px 0px 5px 20px;
  background: url('/img/actionbox_yellow.png') repeat-x;
	
}

div#actionbox-stories div.back{
	float: left;
  margin-left: -20px;
}

div#actionbox-stories  div{
	float: right;

}
div#actionbox-stories  form{
	float: right;
}


.button-group form{
		float: left;
		margin-right: 5px;
}	
.button-group-right form{
	float: right;

}
.bordered
{
	border: 1px solid #333;
}
.indented
{
	margin-left: 100px;
}

.block
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* Skinning Cake */
div.message
{
	width: 695px;
	min-height: 30px;
	margin-left: 45px;
	padding: 15px 0px 5px 20px;
	color: white;
  
}
div#authMessage
{
	background: url('/img/actionbox_bw.png') repeat-x;
}

div#flashMessage 
{
	background: url('/img/actionbox_bw.png') repeat-x #DDD;
	border-bottom: 1px solid #5E5E5E;
}

#tip
{
	margin-top: 2.17em;
	color: black;
}

.form-error
{
	background: 	#CECECE;
}
.error-message
{
	font-weight: bold;
}


div#paginator
{
	text-align: center;
}
.picture
{
	float: right;
	/*border: 2px solid #B27846;*/
	margin: 20px -125px 20px 30px;
	
}

/*Main page content stuff*/
div#blowout-container
{
  float: left;
  display: inline; /* keeps ie6 happy */
  line-height: 1.65em;
  padding: 15px 10px;
  width: 100%;
  min-height: 180px;
	overflow: hidden;
  overflow-x: hidden;
  background: #d7d7d7;
  border: 1px solid #ccc;
  border-bottom: 0;
	margin-bottom: 1.5em;
}

div#blowout-container h3
{
	font-variant: normal;
}


#blowout-teaser {
	margin: 10px 10px 20px 350px;
	padding-right: 10px;
	}

#blowout-teaser-no-img {
		margin: 10px 10px 20px 10px;
	padding-right: 10px;
		}


#blowout-img {
	float: left;
	margin:10px;
	border: 1px dashed #333;
}

div.blowout-links
{
	margin-top: 20px;
	font-size: 10px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

div.top-story
{
  float: left; 
  padding-left: 10px;
  width: 45%;	
	margin-left: 3%;
	margin-bottom: 7em;
}

div.top-story img
{
 border: 1px solid #000;
}

div.top-story h3
{
	font-variant: normal;
}

div.top-story p
{
	width: 90%;
}

div.top-story-links
{
	margin-top: 1.5em;
	font-size: 10px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

img.story-cover
{
	float: right;
	margin: 5px;
}

div#story-author
{
 	font-style: oblique;
	margin-bottom: 10px;
	font-family: sans-serif;
}

div#story-teaser
{
	width: 450px;
	margin-left: 120px;
	line-height: 2.0em;
}

div#image-credit 
{	
	float: right;
	margin-top: 10px;
	font-style: oblique;
}



.story-list-teaser 
{
	margin: 10px 10px 20px 350px;
}

.story-list-img 
{
 float: right;
}

div.story-list-links
{
	margin-top: 20px;
	font-size: 10px;
}