/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title: 		Plan4Preschool.org
Author: 	Cesar Gonzalez
URL:	 		http://plan4preschool.org
Desc:			A community site for the California preschool planning initiative.
Created: 	May 2007
Modified:	-

											Dark BG Blue								#00345E
											Title & Link Blue						#4D7A97
											BG Light Blue								#EBEFF8
											BG Cream Yellow							#FFD46D
											Rollover Light Blue					#9BBFD5
											Dark Gray										#515151
											
											
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* ----- Basic CSS ----- */

* { margin: 0; padding: 0; border: 0; }

body {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 90%;
	color: #333;
	margin: 20px;
}

p { margin-bottom: 1em; }

a { 
	text-decoration: underline;
	color: #00345E;
}

a:visited { color: #00345E; }

a:hover { 
	text-decoration: none;
	color: red;
}

h1, h2, h3, h4 { color: #4D7A97; }

h1 { font-size: 1.46em; }

h2 { 
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold;
}

h3 { font-size: 1em; font-weight: bold; }
h4 { font-size: 0.9em; font-weight: bold; }

ul { padding: 0 0 1em 1em; }
ol { padding: 1em 0 1em 2em; }
ul.nobullets { padding-left: 0; list-style-type: none; }
li { padding-bottom: 4px; }

#contributors #content_wide ul { padding-left: 2em; list-style-type: circle; }

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

/* ----- Site Layout ----- */

#content {
	width: 72%;
	float: right;
	padding: 1% 1%;
}

#content_wide {
	width: 98%;
	float: left;
	padding: 2% 1%;
}

#left_sidebar {
	clear: left;
	margin-right: 74%;
	padding: 0 1% 0 0;
}

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}


/* ----- Homepage Layout ----- */
#primary_content {
	clear: both;
	float: left;
	width: 94%;
	padding: 0 2% 15px 2%;
}

#secondary_content {
	float: left;
	width: 96%;
	padding: 30px 2% 30px 2%;
	background: #EBEFF8; 
	border-top: 1px dashed #00345E;
	border-bottom: 1px dashed #00345E;
}

.home_box {
	float: left;
	width: 34%;
	padding: 0 2% 2% 0;
}

.home_participate {
	width: 27%;
	padding: 0 1% 2% 0;
}

.home_poll {
	width: 28%;
	padding: 0 0 2% 0;
}

.home_box h2 {
	margin-bottom: 16px;
}

.preschool_search input.query_field {
	width: 296px;
	margin-right: 5px;
}

.preschool_search input.button {
	height: 26px;
	width: 100px;
}

/* ----- Masthead ----- */
#masthead {
	font: bold 12px Verdana, Trebuchet MS, sans-serif;
	color: #00345E; /* green? #009933; */
	padding: 4px 0;
	width: 99%;
	text-align: center;
	background: #EBEFF8;
	border: 1px dashed #4D7A97;
	margin-bottom: 8px;
}

#masthead a { text-decoration: underline; }


/* ----- Header ----- */
#header {
	float: left;
	width: 100%;
	height: 104px;
}

#header img { background-color: #FFFFFF; border: none; }

#header h2 {
	font-size: 0.94em;
	line-height: 1.4em;
	font-weight: normal;
	color: #429CBD;
}

#user-menu {
	text-align: right;
	font-size: 11px;
	color: #515151;
	padding-bottom: 30px;   /* to align custom search */
}

#header .right { width: 320px; }


/* ----- Navigation ----- */
.current { font-weight: bold; }

#nav_main li.current a { 
	color: #003450;
	background: #9BBFD5;
}

#nav_main { 
	float: left;
	width: 100%;
	padding: 0;
  background: #00345E url(img/blue-tl-corner.gif) no-repeat top left;
}

#nav_main li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav_main a:link,
#nav_main a:visited {
	float: left;
	width: auto;
	padding: 12px 15px;
	font-size: 12.4px;
	text-decoration: none;
	text-transform: uppercase;
	border-left: 1px dashed #FFF;
	color: #FFF;
}

#nav_main a:hover {
	color: #003450;
	background: #9BBFD5;
}


/* ----- Secondary Navigation ----- */
#side_navigation {
  background: #FFD46D url(img/yellow-br-corner.gif) no-repeat bottom right;
  padding-bottom: 18px;
  margin-bottom: 1em;
}

#side_navigation a { text-decoration: none; }

#side_navigation ul {
	margin: 0;
	padding: 12px 5px 15px 10px;
	background: #FFD46D;
        list-style-type: none;
}

#side_navigation ul ul { margin: 0; padding: 0 0 0 14px; }

#side_navigation ul li {
	margin-bottom: 4px;
}

#side_navigation ul.quick_calendar { font-size: 0.82em; padding: 4px 0 0 7px; }
#side_navigation ul.quick_calendar li { margin:0; padding:0; }


/* ----- Form Elements ----- */

textarea, input, select { border: 1px solid #4D7A97; padding: 3px; }
.checkbox, .radio { border: 0; }

.button {
	width: 120px;
	height:30px;
	font: bold 14px Trebuchet, Verdana, sans-serif;
	color: #FFF;
	background: #429CBD;
	border: 1px solid #00345E;
	border-top-color: #EBEFF8;
	border-left-color: #EBEFF8;
}


/* ----- Site Search ----- */

#title_search_bar { float: left; margin-bottom: 42px; }

.page_title {
	float: left;
	width: 360px;
	padding: 10px 0 0 25px;
	font: bold 1.32em Trebuchet MS, Verdana, Arial, sans-serif;
	color: #4D7A97;
	line-height: 1.1;
}

#custom_search {
	height: 50px;
	width: 290px;
	text-align: right;
	padding: 10px 15px 0 15px;
  background: #FFD46D url(img/yellow-tl-corner.gif) no-repeat top left;
}

#homepage #custom_search {
	float: right;
  background: #FFD46D url(img/yellow-bl-corner.gif) no-repeat bottom left;
  margin-bottom: 30px;
 }

#custom_search input.query_field {
	width: 210px;
	height: 14px;
	padding: 1px;
	border: none;
}

#custom_search input.button {
	width: 64px;
	height:22px;
  font: bold 94% Trebuchet, Verdana, sans-serif;
  color: #FFF;
  background: #429CBD;
  border: 1px solid #00345E;
  border-top-color: #EBEFF8;
  border-left-color: #EBEFF8;
}

#custom_search a {
	font-size: 10px;
	text-decoration: underline;
}


/* ----- Content Elements ----- */

#content h1 {
	border-bottom: 1px solid #4D7A97;
	margin-bottom: 1em;
}

#content h2 {
	margin-bottom: 1em;
}

#content h3 { }

ul.list_arrows { padding-left: 1.4em; }
.list_arrows li { list-style: square url(img/arrow-bullet.gif); }

h2.packaged_resources { 
	background: url(img/packaged-resources.gif) no-repeat top left;
	height: 32px;
	padding-left: 40px;
}

.nav_list td { padding: 4px 0 4px 3px; }


/* ----- Tables meant for Data ----- */
table.data-table {
	margin: 10px auto;
	border-collapse: collapse;
	border: 2px solid #4D7A97;
}

.data-table th {
	color: #00345E;
	font-weight: bold;
	padding: 7px 5px;
	background: #9BBFD5;
	border: 2px solid #4D7A97;
}

.data-table td {
	padding: 5px 10px;
	vertical-align: top;
	background: #FFF;
	border: 2px solid #4D7A97;
}



/* ----- Document List Elements ----- */
.document_list { font: 0.90em Trebuchet, Verdana, sans-serif; clear: both; }
.document_list a { text-decoration: none; }

.document_list table, th, tr, td { border: 0; }
.document_list table { border-collapse:collapse; }

.document_list th {
	padding: 6px 10px 4px 4px;
	text-align: left;
	text-transform: uppercase; 
}

.document_list th a { }
.document_list th a.ascending { padding-right: 16px; background: url(img/arrow-up.gif) no-repeat top right; }
.document_list th a.descending { padding-right: 16px; background: url(img/arrow-down.gif) no-repeat top right; }

.document_list td {
	padding: 4px 10px 4px 4px;
}

.even { 
	border-top: 1px solid #CCC;
	background-color: #EBEFF8; 
}


ul.change_views { list-style-type: none; }
ul.change_views li { display: inline; }


/* ----- Document View Style ----- */
#doc_view { 
	float: left;
	width: 65%;
}

#doc_view h1 {
	font-size: 1.2em;
	margin: 15px 0;
}

.star_count {
	float: left;
	width: 50px;
	padding: 6px 3px;
	margin: 15px 10px 5px 0;
	text-align:center;
	background: #FFD46D;
	color: #00345E;
	font-size: 0.68em;
	font-weight: bold;
}

.star_count span {
	font-size: 2em;
}

.download_link, .offsite_link {
	width: 94%;
	font-size: 1.2em;	
	background: #EBEFF8;
	border: 1px solid #4D7A97;
	padding: 12px 2% 12px 4%;
	margin: 8px 0;
}

.download_link a {
	background: url(img/doc_download.png) no-repeat center left;
	padding-left: 24px;
}

.offsite_link p {
	background: url(img/link_go.png) no-repeat center left;
	margin: 0; padding-left: 24px;
}

#doc_info {
	float: right;
	width: 31%;
}

#doc_info img { border: 0; }
.doc_menu { padding: 0; border: 0; margin-bottom: 20px;}

.doc_source {
	font-size: 0.82em;
	padding: 10px;
	border: 1px solid #515151;
}
.doc_source td { vertical-align: top; padding-right: 7px; }

.download_fn a,
.print_fn a,
.email_fn a,
.star_fn a,
.flag_fn a {
	display: block;
	height: 16px;
	padding-left: 21px; 
	margin-bottom: 2px;
}

.download_fn a { background: url(img/doc_download.png) no-repeat top left; }
.print_fn a { background: url(img/printer.png) no-repeat top left; }
.email_fn a { background: url(img/email.png) no-repeat top left; }
.star_fn a { background: url(img/star.png) no-repeat top left; }
.flag_fn a { background: url(img/flag.png) no-repeat top left; }

.loud { color: red; }
.loud a, .loud a:visited { color:red; }
/* ----- Comment Styles ----- */

.comment_box, .comment_box_alt {
	padding: 7px 10px;
}

.comment_box_alt {
	background: #EBEFF8;
	border-top: 1px solid #CCC; 
}

h2.comments {
	border-bottom: 1px solid #4D7A97;
	margin: 10px 0;
}

#document_view h3 { margin-bottom: 4px; }


/* ----- Rating Box Styles ----- */

.submit_rating {
	float: left;
	width: 310px;
	background: #4D7A97;
	color: #FFF;
	margin: 10px 0;
	padding: 15px;
}

.submit_rating h2 { color: #FFF; }
.submit_rating select { width: 100px; }
.submit_rating textarea { 
	width: 290px; 
	height: 120px; 
	padding: 3px;
}

.ratings {
	clear: both;
	margin: 10px 0;
	padding: 10px;
}

.ratings h2{ margin-bottom: 1em; }

/* ----- Document Functions ----- */
.doc_functions { 
	float: left;
	margin: 10px 15px;
}


/* ----- Poll Box ----- */

.pollWrapper {
  background: #4D7A97 url(img/poll-top-left.gif) no-repeat top left;
	margin: 0;
}

.pollBlock {
	font-size: 0.84em;
	color: #FFF;
	padding: 15px;
}

.pollQuestion {
	font-weight: bold;
}

.pollAnswerBlock { 
	padding: 8px 0; 
}

.pollAnswer input { 
	margin-right: 3px;
}


/* ----- Contributor Pages -----*/
#contributors #content_wide h2 {
	font-size: 2em;
	margin: 10px 0 15px 0;
}

#contributors #content_wide img {
	float: right;
	padding: 4px;
	border: 1px solid #515151;
	margin: 6px;
}

#contributors #content_wide img.list_logo {
	margin:0; padding:0; border:0;
	float: left;
	padding-right: 10px;
}

/* ----- Footer Elements ----- */

#pre_footer {
	clear: both;
	float: left;
	width: 98%;
	padding: 2% 1%;
	background: #FFF;
}

#pre_footer p {
	color: #4D7A97;
	font-weight: bold;
}

#pre_footer table, #pre_footer tr, #pre_footer td { background: #FFF; }

#pre_footer img {
	border: 0;
	margin-bottom: 10px;
}

#footer {
	float: left;
	width: 100%;
	padding-top: 7px;
	margin-bottom: 50px;
	margin-right: -3px; /* Fix for a IE 6 duplicate character bug */ 
	text-align: center;
	border-top: 3px solid #00345E;
}


/* ----- Section Image Backgrounds ----- */
#fast_facts #content,
#workforce_quality #content,
#data #content,
#research #content,
#planning_resources #content,
#county_showcase #content { padding-top: 74px; }


#fast_facts #content { background: #FFF url(img/headimg4.jpg) no-repeat top right; }
#workforce_quality #content { background: #FFF url(img/headimg6.jpg) no-repeat top right; }
#data #content { background: #FFF url(img/headimg2.jpg) no-repeat top right; }
#research #content { background: #FFF url(img/headimg7.jpg) no-repeat top right; }
#planning_resources #content { background: #FFF url(img/headimg8.jpg) no-repeat top right; }
#county_showcase #content { background: #FFF url(img/headimg1.jpg) no-repeat top right; }

/* ----- Rounded Corners ----- */

/* all curved boxes get the bottom-left corner */
div.rounded {
  background: #FFD46D url(img/search-corner.gif) no-repeat bottom left;
  color: #333333;
  position: relative;
  padding-top: 0;
  padding-bottom: 18px;
  margin: 1em 10px 0 0 ;
  height:100%
}