/*-----------------------------------------------
	Simple Newspaper
	Created By: Steven Teskey aka stdmedia
	Created On: February 27 2006 (close I know)
	Fonts: Times, Arial, Helvetica, Sans Serif
	
	Other Info:
	It's meant to be magazin-ish, doesn't
	really do a good job. It uses a moo.fx
	script for the category drop down.
	standards compliant... I think.
-----------------------------------------------*/
* { margin: 0px; padding: 0px; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #000;
	text-align: center;
	background: #FFF;
	}
	
	
	
	
	
/*-----------------------------------------------
	container properties
	main information area
	**if you're going to change this, be warned
	**that a lot of work will ensue, I've 
	**included the fireworks templates if you 
	**want to change something.
-----------------------------------------------*/
#container {
	/* width: 760px; */
	width: 900px;
	margin: 0px auto;
	}
	
	
	
	
	
/*-----------------------------------------------
	title properties
	This is where you're site title goes.
	Uses Times New Roman, to preform a more
	printed look. At least I tried.
-----------------------------------------------*/
#title {
	width: 100%;
	padding: 3px 0px 3px 0px;
	background: #00A; /* url(../img/blue-stripes.png) repeat-y top; */
	}
#head {
	margin: 5px 0px;
	padding: 10px 0 0 0;
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	}
#head h1 {
	font-size: 3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	}
#head h1 a {
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	}
	
	
	
	
	
/*-----------------------------------------------
	navigation properties
	Main navigation area, pretty much repeated
	in the footer, so you know.
-----------------------------------------------*/
#navigation {
	width: 100%;
	text-align: left;
	background: #55B;  /* url(../img/darkgrey-stripes.png) repeat top; */
	}
ul#main-links {
	padding: 5px 5px 10px 10px;
	display: table;
	font-size: 1.1em;
	color: #fff;
	}
ul#main-links li {
	list-style: none;
	float: left;
	padding: 5px 10px;
	font-family: Arial, Helvetica, sans-serif;  /* Times New Roman", Times, */
	font-size: 1.1em;
	color: #fff;
	border-right: 1px solid #fff;
	}
ul#main-links li a {
	color: #fff;
	text-decoration: none;
	}
ul#main-links li.last {
	border-right: none;
	}

ul#main-links li a:hover { text-decoration: underline; }
	
#navigation form { display: inline; }
	
	
/*-----------------------------------------------
	search properties
	pretty much just to make the form inline.
-----------------------------------------------*/
#search {
	display: table;
	float: left;
	padding: 0px 0px 0px 5px;
	}
#search p { float: left; }
#search form { float: left; }

	
	
	
	
	
/*-----------------------------------------------
	column properties
	main area structural properties. uses floats
	to create 2 different information areas.
	cleared with a "display: table;"
	**the "clear: left" property used with, oh
	**let's say an <hr> you get a big space in
	**IE
-----------------------------------------------*/
#main {
	width: 100%;
	margin-top: 20px;
	text-align: left;
	}
#column-holder { display: table; width: 100%; }
#column-one {
	float: left;
	width: 65%;
	}
#column-one p {
	padding: 0.3em 0 0.5em 0;
	}

#column-one h3 {
	padding: 1.2em 0 0 0;
	}

	
#column-two {
	float: right;
	width: 35%;
	}
	
	
	
	
	
/*-----------------------------------------------
	article properties
	about all of these styles are used in the
	"search-results, default and default-article"
	forms. A lot of inline (floated) elements
	are used here.
-----------------------------------------------*/
.article { width: 100%; margin-bottom: 30px; }
.heading {
	width: 100%;
	padding: 5px 0px;
	text-align: center;
	background: #00B; /* url(../img/black-stripes.png) repeat-x top; */
	}
.heading h2 {
	margin: 1px 0px;
	padding: 5px;
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	font-size: 2em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; /* Times New Roman", Times,  */
	color: #FFF;
	}
.heading h2 a {
	color: #FFF;
	text-decoration: none;
	}
/* .heading h2 a:hover { text-decoration: line-through; } */
.info {
	width: 100%;
	display: table;
	padding: 3px 0px 5px 0px;
	margin-bottom: 15px;
	border-bottom: 1px solid #999;
	}
.comment-link {
	display: table;
	width: 100%;
	margin-top: 15px;
	padding: 5px 0px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
	}
.category-nav {
	display: table;
	width: 100%;
	margin-top: 15px;
	padding: 5px 0px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #000;
	}
.item { 
	display: table-cell;
	float: left;
	padding: 0px 10px 0px 0px;
	}
.item .last { padding: 0px; float: right; }
.comment-link .item a { color: #999; }
.comment-link .item a:hover { text-decoration: underline; color: #666; }





/*-----------------------------------------------
	side bar properties
	this is the secondary column, used to display
	less relevant information.
-----------------------------------------------*/
.side { width: 280px; margin: 0px 0px 20px 24px; }

.side-heading {
	width: 100%;
	padding: 5px 0px;
	text-align: center;
	background: #55B; /* url(../img/side-stripes.png) repeat-x top; */
	}
.side-heading h3 {
	width: 100%;
	padding: 5px;
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;  /* Times New Roman", Times, */
	font-weight: bold;
	font-size: 1.5em;
	color: #FFF;
	}
	
ul.side-link { width: 100%; }
ul.side-link li {
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
	}
ul.side-link li a {
	font-weight: bold;
	font-size: 1.3em;
	color: #666;
	}
	
ul.side-links { width: 100%;
	}
ul.side-links li {
	list-style: none;
	width: 100%;
	padding: 3px 0px;
	}
ul.side-links li a {
	display: block;
	width: 240;
	padding: 3px 30px 2px 10px;
	color: #666;
	}
ul.side-links li a:hover { background: #EEE; color: #333; }





/*-----------------------------------------------
	comment form properties
	used to not only style the form itself, but
	the comment output as well.
-----------------------------------------------*/
#comment-form {
	width: 100%;
	padding-top: 5px;
	margin-top: 30px;
	border-top: 1px solid #999;
	}
.form {
	width: 100%;
	display: table;
	margin-bottom: 10px;
	}
.form-item { width: 100%; }
.form-item .float { float: left; padding-right: 15px; }
/*-----------------------------------------------
	beggining of the comment output styling
-----------------------------------------------*/
.comment { width: 100%; }
.comment p {
	padding: 10px 0px;
	margin-bottom: 10px;
	border-bottom: 2px solid #000;
	}
.comment-head {
	width: 100%;
	padding: 5px 0px;
	background: #000 url(../img/black-stripes.png) repeat-x top;
	}
.commenter {
	padding: 5px 10px;
	border-top: 3px solid #FFF;
	font-size: 1.5em;
	font-weight: bold;
	font-family: "Times New Roman", Times, Arial, Helvetica, sans-serif;
	}
.commenter a { color: #FFF; }
.comment-date {
	color: #FFF;
	font-weight: bold;
	padding: 0px 10px 5px 10px;
	border-bottom: 3px solid #FFF;
	}
	
	
	
	
	
/*-----------------------------------------------
	footer properties
	navigation from the top is pretty much
	repeated here. this is a really limited
	footer, you could probably add a lot to make
	it more useful.
-----------------------------------------------*/
#footer {
	width: 100%;
	padding: 5px 0px;
	margin-top: 10px;
	text-align: left;
	background: #00B; /* url(../img/black-stripes.png) repeat-x top; */
	}
ul#footer-nav {
	width: 100%;
	display: table;
	padding: 0px 0px 10px 10px;
	}
ul#footer-nav li {
	list-style: none;
	padding: 5px 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;   /* Times New Roman", Times,  */
	color: #FFF;
	border-right: 1px solid #FFF;
	}
ul#footer-nav li a { color: #FFF; }

ul#footer-nav li.last {
	border-right: none;
	}


#footer-info {
	width: 100%;
	padding: 10px 0px;
	border-top: 3px solid #FFF;
	}
#footer-info p {
	color: #FFF;
	padding: 0px 20px;
	}
#footer-info a { color: #FFF; }




/*-----------------------------------------------
	common properties
	add whatever styling you'd like to your text
	I missed a lot of things here, so be free
	to do what you'd like here.
-----------------------------------------------*/
a {
	color: #666;
	text-decoration: underline;
	}
a:hover { text-decoration: underline; }
/* strong {
	color: #00a;
	font-size: 1.0em;
	} */
blockquote {
	margin: 5px 10px;
	padding: 5px;
	background: #EEE;
	border-left: 1px solid #666;
	border-bottom: 3px solid #666;
	}