/*
   City of Atascadero
   Programming and PHP Tom Whaley, City of Atascadero
   Design and CSS Dusty Davis, Pierre Rademaker Design
   Copyright 2006, All Rights Reserved
   
*/


/* NOTES:
   Sidebar weather is in a separate CSS file under components */


body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}
li.disadv
   {
      font-weight: bold;
	  font-style: italic;
   }

p {
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}

a {
	text-decoration:  none;
	font-weight: bold;
	color: #68000d;
	}
 
	a:hover {
	text-decoration: underline; 
	}
 
/* Type and colors */
.TableCells { background-color: #292929 }
A:LINK    {font-family: Helvetica, Arial, sans-serif; color: #000000; text-decoration: Underline; font-weight: bold; }
A:VISITED {font-family: Helvetica, Arial, sans-serif; color: #000000; text-decoration: Underline; font-weight: bold;}
A:HOVER   {font-family: Helvetica, Arial, sans-serif; color: #000000; text-decoration: underline; font-weight: bold;}
A:ACTIVE  {font-family: Helvetica, Arial, sans-serif; color: #000000; text-decoration: Underline; font-weight: bold;}
li {color: #000000;  line-height: 20px; list-style-image: url('http://www.toolsforbusiness.info/success/headers/box_clovis.gif'); }

#leftcol {
 font-family: Helvetica, Arial, sans-serif;
 color: #03274b;
 }
 
#pathway {
 font-family: Helvetica, Arial, sans-serif;
 color: #666;
 }

	
/* Sitewide general styles */

li {
	margin-left: 0;
	}

.clr {
	clear: both;
	}
	
.content {
	padding: 0;
	line-height: 18px;
	}
	

/* Layout */

#pagewidth-800 {
	width: 998px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}
H1 {display: inline;color: #000000; font-family: Denmark; font-size:34pt }
H2 {display: inline;color: #000000; font-family: Denmark;  font-size:18pt }
H5 {display: inline;color: #000000; font-family: Denmark;  font-size:16pt }
H6 {display: inline;color: #000000; font-family: Denmark;  font-size:14pt }
H3 {display: inline;color: #000000; font-family: Verdana; font-size: 24pt }
H4 {display: inline;color: #000000;font-family: Verdana; font-size: 10pt;  }
#outer-800 {
	width: 998px;
	background: url('http://www.atascadero.org/images/right-bkgd2.gif');
	background-repeat: repeat-y;
	} 

#header {
	height: 114px; 
	width: 100%; 
	}

	
#banner {
	margin: 118px 0 0 61px;
	height: 30px;
	float: left;
	}
	
html>/**/body #banner {margin: 90px 0 0 125px;}

	
#leftcol {
	width: 105px;
	float: left;
	position: relative;
	padding: 6px;
	background: #ecebe2;
	}

#maincol-normal-800, #maincol-broad-800, #maincol-wide-800 { 
 	float: left; 
 	width: 624px;
 	margin-left: 10px;
 	} 

	
#photos {
	float: right;
	width: 179px
	height: 171px;
	padding: 26px;
	background: #032746;
	}
 	

#rightcol-normal, #rightcol-broad, #rightcol-wide {
	width: 179px;
	padding: 26px;
	float: right;
	position: relative;
	background: #abbc97;
 	} 


#footer-800 {  
	width: 974px; 
	color: #ecebe2;
	font-size: 11px;
	line-height: 1.4em;
	text-align: center;
	padding: 12px;
	background: #433929;
	}


/* Search box */


#search {
	margin: 0px;
	padding: 0px;
	width: 148px;
	height: 28px;
	float: right;
	padding-left: 10px;
	padding-top: 2px;
	vertical-align: top;
	}

#search .inputbox{
	width: 100px;
	height: 18px;
	font-size: 10px;
	background: transparent;
	border: none;
	margin: 0px;
	padding: 3px;
	line-height: 14px;
	}

#search .button{
	margin: 0px;
	padding: 0px;
	height: 14px;
	font-size: 10px;
	background: transparent;
	border: none;
	line-height: 10px;
	}

#search form {
	margin: 0px;
	padding: 0px;
	}


/* Specific areas */


#homebar a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	color: #666;
	line-height: 17px;
	}	
	
	
ul.mostread {
	margin: 0;
	list-style: none;
	}

li.mostread {
	margin: 0 0 5px 0;
	padding: 1px;
	list-style: none;
	}
	
html>/**/body .mostread {
	margin: 4px 0 4px -11px;
	list-style: none;
	}

	
#leftcol h3 {
	color: #73121e;
	}
	
#footer-800 a {  
	color: #ecebe2;
	}

#pathway { 
	width: 500px;
	height: 19px;
	padding-top: 5px;
	}
	
.pathway, .pathway a {
	color: #bbb;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	}
	

/* Modules */

#leftcol div.module, #rightcol-normal div.module {
	width: 113px;
	margin-bottom: 10px;
	}


#rightcol-broad div.module {
	width: 177px;
	margin-bottom: 10px;
	}


div.module h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
	
/* Main text areas */

#user1 {
	float: left;
	width: 49%;
	}

#user2{
	float: right;
	width: 49%;
	}

#user3 {
	width: 100%;
	}

#user1 ul, #user2 ul, #user3 ul {
	list-style: none;
	margin: 2px 0 5px 0;
	padding: 0;
	}



/* Details */

.pagenav {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #7b876c;
	font-size: 9px;
	}
	
a.pagenav {
	color: #680005;
	}	

hr {
	width: 90%; 
	}
	
hr.separator {
	width: 40%; 
	}
	
.small {
	font-size: 10px;
	}

.button, .inputbox {
	border: 1px solid #BBBBBB;
	}


.createdate, .modifydate {
	font-family: Helvetica, Arial, sans-serif;
	color: #7b876c;
	font-size: 9px;
	height: 20px;
	line-height: 20px;
	}

a.readon {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	padding-left: 13px;
	margin-top: 10px;
	}

.blog_more, .contentdescription {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	}

a.readon:hover {
	text-decoration: none;
	}

.blog {
	width: 100%;
	}

.contentheading {
	font-size: 16px;
	font-weight: bold;
	color: #032746;
	height: 23px;
	line-height: 20px;
	}

.contentpaneopen {
	text-align: left;
	background: transparent;
	line-height: 1.8;
	width: 98%;
	}

.sectiontableheader {
	font-weight: bold;
	font-size: 10px;
	height: 25px;
	line-height: 25px;
	}

.categorytitle {
	font-weight: bold;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
	}

.componentheading {
	font-weight: bold;
	font-size: 16px;
	height: 23px;
	line-height: 20px;
	color: #032746;
	margin-bottom: 5px;
	}

a.category {
	text-decoration:  underline; 
	}
 
a.category:hover {
	text-decoration:  underline; 
	}

table.moduletable {
	width:  100%; 
	}

.poll {
	text-align: center;
	}


.back_button a {
font-weight: normal;
	}


.blog_more ul li {
	list-style: none;
	line-height: 18px;
	}

table.contenttoc {
	border: 1px solid #CCCCCC;
	padding: 3px;
	}

table.contenttoc th {
	font-weight: bold;
	font-size: 10px;
	border-bottom: 1px solid #BBBBBB;
	}

.lightone {
	background: #ecebe2;
}

.rowStatusC {
       background: #CCCCCC;
       text-decoration: line-through;
}

.rowStatusW {
       background: pink;
       text-decoration: line-through;
}

form {
	margin: 0px;
	padding: 0px;
	}


#header {
	background: url('http://www.atascadero.org/images/temp-header2.jpg') no-repeat left;
	}
 
a, #search .inputbox, #search .button, div.module h3 {
	color: #03274b;
	}


.contentheading {
	color: #0d1817;
	}


/* Joomla Weirdness */

#accessibility {
	position: absolute -2000px -1000px;
	display: none;
	}

#source {
	position: absolute -2000px -2000px;
	display: none;
	}
