/*
Theme Name: Yes2Headlines
Theme URI: http://www.yes2localnews.com/
Description: A 3 column theme.  
Version: 1.0
Author: Rene Folsom
Author URI: http://www.phycel.com/
*/

body {
	background: #9f9f9d url("img/background.jpg") no-repeat center top;
	line-height: 1.1em;
	color: #000;
	font: small Tahoma, Arial, Verdana, Helvetica, sans-serif!important;
	font /*IE5-5.5 Hack*/: x-small Tahoma, Arial, Verdana, Helvetica, sans-serif;
	text-align: center; /* center template 1/2 */
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Global Whitespace Reset"
	We define padding and margin for all elements and
	we scale it from there if we need to.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
body, form, input {	
	padding: 0px;
	margin: 0px;
}
h1, h2, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { 
	margin: 5px 0; 	
}
dd, blockquote {
	margin-left: 40px;
}
fieldset {
	padding: 10px;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Global Hyperlink Control"
	We keep the underline since users have gotten used
	to that line defining a hyperlink and we just change 
	the mouseover color.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
a:link {
	color: #032d8c;
}
a:visited {
	color: #032d8c;
}
a:hover {
	color: #cc0000;
	text-decoration: none;
}
a:focus, input:focus {
	outline: none;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Heading Settings"
	We define font size and color mostly among some 
	other more specific things.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
h1, h2, h3 {
	color: #369;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding: 10px;
}
h1 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
h2 {
	font-size: 15px;
}
h3 {
	font-size: 13px;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Global Image Control"
	We remove the border from all images and we scale it
	from there if we need to.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
img {
	border: none;
	padding: 0px;
	margin: 0px;
}
#left img {
	display: block;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	*** Layers Time ***
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#header {
	background: transparent url(img/header.jpg) no-repeat top center;
	margin: 0px;
	padding: 0px;
	height: 140px;
	}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Global Wrapper"
	This is our parent layer which includes them all.
	From here we mainly choose the width of our page.
	We made it fixed and appropriate for 800x600 res.
	However, if you change it, remember to also alter 
	the width for the "center" layer. If you wish to go
	for relative width, well... be careful.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#monster {
	width: 1008px;
	text-align: center; /* center tabbed menu 1/2 */
	margin: 0 auto; /* center template 2/2 */
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Columns"
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Container Div for columns background trick
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#container {
	margin: 0;
	padding: 0;
	background: transparent;
	/*background: #fff url("img/bg.gif") top left repeat-y;*/
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Left Column
	"sidemenu" div is included in here.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#left {
	width: 127px;
	float: left;
	color: #fff;
	font-size: 11px;
	text-align: left;
	line-height: 14px;
}
#lc {
	padding: 0px;
}
#lc p {
	padding: 0 0 10px 2px;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Side Menu"
	Remove it from your html if you don't need it.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.sidemenu {
	font-family: Tahoma,Arial,sans-serif;
	clear: left;
	float: left;
	width: 127px;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
.sidemenu a {
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.sidemenu ul {	
	list-style: none;
	width: 127px;
	margin: 0 0 10px 0;
	padding: 0;
}
.sidemenu li {
	margin-bottom: 0;
}
.sidemenu li a {
	font-weight: bold;
	height: 13px;
	text-decoration: none;
	color: #FFFFFF!important;
	display: block;
	padding: 6px 0 4px 10px;
	border-bottom: 1px solid #ccc;
}
.sidemenu li a:hover {
	background: #1e375f;
	color: #cc0000;
}
.sidemenu h2 {
	color: #cccccc;
	text-transform: uppercase;
	}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Sub menus
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.sidemenu ul ul {
	margin: 0 0 0 12px;
	width: 288px;
}
.sidemenu ul ul a:link, .sidemenu ul ul a:visited {
	color: #fff!important;
}
.sidemenu ul ul a:hover {
	background-color: #1e375f;
	color: #cc0000;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Center Column
	Where the main content goes...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#center {
	width: 577px;
	float: left;
	color: #000;
	line-height: 16px;
	text-align: left;
	background: #ffffff;
	position: relative;
	margin-bottom: 20px;
}
#cc {
	padding: 0px;
	clear:both;
}
#center p, #center div div {
	padding: 1px;
	clear:both;
}
#center ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	font-size: 86%;
}
#center ul li {
	padding: 0 0 0 18px;
	margin: 2px 0;
	background: url('img/check.gif') no-repeat 0 50%;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Right Column
	Good for headlines, ads and so on...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#right {
	width: 288px;
	float: right;
	line-height: 14px;
	color: #fff;
	font-size: 11px;
	text-align: left;
	margin-top: 110px;
}
#rc {
	padding: 0px 0px 0px 0px;
}
#rc p {
	padding: 0 0 10px 0px;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Right Side Menu"
	Remove it from your html if you don't need it.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.rsidemenu {
	font-family: Tahoma,Arial,sans-serif;
	/* clear: right;
	float: right; */
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.rsidemenu ul {	
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.rsidemenu li {
	margin-bottom: 0;
}
.rsidemenu li a {
	font-weight: bold;
        height: 26px;
	text-decoration: none;
	color: #000000!important;
	display: block;
	padding: 6px 0 4px 10px;
	border-bottom: 1px solid #ccc;
}
.rsidemenu li a:hover {
	background: #85B2F7;
	color: #cc0000;
}
.rsidemenu h2 {
	color: #FF0000;
	text-transform: uppercase;
	}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Right Side Sub menus
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.rsidemenu ul ul {
	margin: 0 0 0 18px;
}
.rsidemenu ul ul a:link, .rsidemenu ul ul a:visited {
	color: #fff!important;
}
.rsidemenu ul ul a:hover {
	background-color: #1e375f;
	color: #cc0000;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Download button
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.download {
	background: #bfe1b0;
	border: 1px solid #508439;
	margin: 6px 0 13px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.download a {
	padding: 3px 7px;
	color: #235b0a;
	text-decoration: none;
	display: block;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Footer"
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#footer {
	background: transparent;
	clear: both;
	text-align: center;
	font-size: 12px;
	line-height: 1.2em;
	padding: 15px 0 0 0;
	color: #ffffff;
	position: relative;
}
#footer a:link, #footer a:visited {
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	color: #cc0000!important;
	font-weight: bold!important;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Footer Menu"
	This could be a nice place to fill with useful 
	shortcuts of pages within your site so they'd be
	easily accessible.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#footmenu {
	background: transparent;
	color: #ffffff;
	font: 12px Arial,Verdana,Helvetica,sans-serif;
	text-align: center;
	clear: both;
	margin: 0 0 3px 0;
	padding: 3px;
	width: 550px;
}
#footmenu a:link, #footmenu a:visited {
	color: #cccccc;
}
#footmenu a:hover {
	color: #cc0000!important;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Miscellaneous Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.author {
	padding: 8px 0 13px 0;
}
.clear {
	clear: both;
}
.hand {
	cursor: pointer;
}
.star {
	color: #369;
}
.smaller {
	font-size: 0.8em;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Tables Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
td, th {
	font: 10px Arial, Helvetica, sans-serif;
}
.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 89%;
}
.datatable a {
	text-decoration: none;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 4px;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #cbcbcb;
	text-align: left;
	padding-left: 4px;
	color: #333;
	font-weight: bold;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr.altrow {
	background-color: #DFE7F2;
}
tr.altrow td {
	color: #333!important;
}
.datatable tr:hover {
	background-color: #dff;
	color: #111;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Forms Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.form fieldset {
	margin: 1em 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.form legend {
	margin: 1em 0;
	padding: 0 .5em;
	color: #069;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: uppercase;
}
.form label {
	width: 130px;
	padding: 0 1em;
	text-align: right;
	float: left;
}
.form select {
	width: 154px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
	background-color: #eee;
}
.form .radio {
	background-color: #fff;
	border: none;
	width: auto!important;
	text-align: left;
}
.form fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}
.form fieldset div input, .form fieldset div textarea {
	width: 150px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
	background-color: #eee;
}
.form fieldset div select {
	padding: 1px;
}
div.fm-multi div {
	margin: 5px 0;
}
div.fm-multi input {
	width: 1em;
}
div.fm-multi label {
	display: block;
	width: 300px;
	padding-left: 5em;
	text-align: left;
	cursor: pointer;
}
#fm-submit {
	clear: both;
	padding-top: 1em;
	text-align: right;
}
#fm-submit input {
	border: none;
	padding: 2px 3em;
	background: #0477b4 url("img/bg-blue-darker.gif") repeat-x center center;
	color: #fff;
	font-weight: bold;
}
input:focus, textarea:focus {
	background: #f7f7f7;
	color: #000;
}

.alignright {float:right;}
.alignleft {float:left;}