/* 
	CSS for www.WhiteMalard.com
	Website Desgn, HTML, CSS by David Tierney:  http://www.designsbytierney.com
	Programming by Chris Moyer
	Initial Development June 2008.
	This site is copyrighted 2008 Designs by Tierney and may not be reproduced.
	*/






	/* ----------  Base rules --------------------------------------  */


div {
	margin:0;
	padding:0;
	}

th {
	white-space:nowrap;
	}

p {
	margin: 0.5em 0;
	font: 16px/140% "Times New Roman", Times, serif;
	color:#073417;
	}

h2 {
	margin: 0;
	padding: 0;
	font: 16px/100% Arial, Helvetica, sans-serif;
	color: #003300;
	font-weight:bold;
	}

h3 {
	margin: 0 0 4px 0;
	padding: 0;
	font: 16px Arial, Helvetica, sans-serif;
	color: #003300;
	font-weight:bold;
	}

h4 {
	margin:0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #073417;
	text-align:right;
	font-weight:normal;
	}

h5 {
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #073417;
	text-align:right;
	font-weight:bold;
	}

a {
	text-decoration:none;
	}
	
img	{
	border: 0;
	}

img.img_left	{
	float: left;
	border: 0;
	margin: 10px 15px 15px 0;
	}

img.img_right	{
	float: right;
	border: 0;
	margin: 10px 0 15px 15px;
	}

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




	/* ---------  Primary layout divisions ----------------------------- */


body {
	margin: 0;
	padding: 0;
	border: 0;	
	background: #AEAE72;
	text-align: left;
	font: medium/18px  "Times New Roman", Times, serif;
	color: #000;
}

#flashMessage {
	width: 300px;
	margin: 1em 0 1em -150px;
	position: relative;
	left: 50%;
	border: 2px solid #002200;
	background-color: #fff;
	color: #002200;
	padding: 1.5em;
}





	/* ----------  HEADER  -----------------------------------*/

#header {
	height:100px;
	margin: 5px 5px 0 5px;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #999966;
	background: #083317;
	text-align: left;
}

#sub_header	{
	height: 15px;
	margin: 0 5px;
	padding: 0;
	background: #083317;
	}


	/* ----------  Created for Maintenance Notices - use this sub_header and its h2 and comment out the above sub_header, then save app/views/layouts/default-maintenance.ctp as the default.ctp (just adds the h2 with text) ----
#sub_header	{
	margin: 0 5px;
	padding: 4px 0;
	background: #083317;
	}

#sub_header h2 { 
	margin: 0px 30px;
	padding: 0;
	text-align:center;
	font: 16px/140% "Times New Roman", Times, serif;
	color: #FFF;
	font-weight:bold;
	font-variant:small-caps;
}
-------------------------------*/



#header img {
	float:left;
	margin: 35px 0 0 8%;
	}

#header img.duck_1{
	float:left;
	margin: 25px 0 0 5%;
	}

#header img.duck_2{
	float:left;
	margin: 45px 0 0 4%;
	}

#header img.duck_3{
	float:left;
	margin: 15px 0 0 4%;
	}


#header h1 { 
	margin: 0px 30px 0 0;
	padding: 20px 0 0 0;
	text-align:right;
	font: 36px "Times New Roman", Times, serif;
	color: #999966;
	letter-spacing: 2px;
	font-weight:bold;
	}

#header h1 span {
   	color: white; 
}

#header h2 { 
	margin: 0px 30px 15px 0;
	padding: 20px 0 0 0;
	text-align:right;
	font: 18px/100% "Times New Roman", Times, serif;
	color: #999966;
	font-weight:bold;
}

#header p {
	margin: 0px 30px 15px 0;
	padding: 20px 0 0 0;
	text-align:right;
	font: 18px/100% "Times New Roman", Times, serif;
	color: #999966;
	font-weight:bold;
	}



	/* ----------  TOP NAVIGATION MENU  -----------------------------------*/

#menu {
	white-space:nowrap;
	margin: 5px 5px 0 5px;
	padding: 0;
	background: #728062;
	text-align: center;
}

#menu ul {
	margin:0;
	padding: 0;
	text-align:center;
	}

#menu ul li {
	margin: 10px 30px;
	padding: 0;
	text-align: center;
	display:inline;
	list-style: none;
	font: 14px/190% Arial, Helvetica, sans-serif;
	color: #CED2B4;
	font-weight:bold;
}

#menu ul li a {
	color: #CED2B4;
	line-height: 200%;
}


#menu ul li a:hover {
	color: #FFF;
}


	/* -------------------  SIDEBAR w/ side navigation -------------------------  */

#sidebar	{
	float:left;
	width: 200px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	font: 14px Arial, Helvetica, sans-serif;
	color: #073417;
	}

#sidebar .section {
	margin: 20px 15px;
	padding:0;
	}
	
#sidebar .section ul {
	margin-top: 2px;
	list-style:disc;
	}	

#sidebar .section li {
	margin-bottom: 3px;
	font: 14px/130% Arial, Helvetica, sans-serif;
	color: #073417;
	font-weight:bold;
	}

#sidebar .section li a {
	color:#073417;
	padding-bottom: 1px;
	}

#sidebar .section li a:hover {
	color:#073417;
	border-bottom: 1px dotted #073417;
	}


/* - For Sidebar Form components and back buttons - */

#sidebar .section label {
	margin-left: 20px;
	color:#073417;
	}

#sidebar .section .submit {
	text-align:right;
	margin-top: 20px;
	}

#sidebar .section p {
	color:#073417;
	}

#sidebar .section p a {
	font-size:90%;
	color:#0000ee;
	}

#sidebar .section p a:hover {
	color:#551a8b;
	}


	/* -------------------  LOGIN Page -------------------------  */


#pict_bck {
	margin:0 0;
	padding: 0;
	background:url(../img/IMG_0345.jpg);
	}

#login_wrapper {
	width: 380px;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
	}

#login_wrapper a {
	color: #AEAE72;
	}

#login_wrapper a:hover {
	color: #CA6E21;
	}

#login_wrapper #loginform, #login_wrapper #signupform {
	text-align:right;
	margin: 0 auto 0px auto;
	padding: 20px 30px 20px 0;
	background: #083317; 	
	border: 3px solid #AEAE72;
	}

#login_wrapper #signupform {
	padding-bottom: 0px;
	}

#login_wrapper #loginform {
	margin-bottom: 8px;
	}

#login_wrapper #loginform p, #login_wrapper #signupform p {
	margin:0 0 5px 0;
	padding:0;
	text-align:center;
	font-size: 110%;
	color: #CA6E21;
	}

#login_wrapper fieldset {
	border:none;
	} 

#login_wrapper label {
	padding: 10px 10px ;
	line-height: 2em;
	color: #AEAE72;
	}
	
#login_wrapper #signupform ul {
	margin:0 0 5px 0;
	padding:0;	
		}

#login_wrapper #signupform ul li {
	list-style:none;
	text-align:center;
	line-height:1.5em;
	color: #AEAE72;
	}
	
	/* ------------ MAIN CONTENT ------------------------------ */

#main {
	margin: 20px 30px 30px 220px;
	padding: 0;
	}

#main .section {
	margin: 10px 20px 0 10px;
	padding: 0;
	text-align: left;
	font: 12px "Times New Roman", Times, serif;
	color: #000;
	}

#main .section ul {
	padding-left: 8px;
	}

#main .section li a {
	font-size: 14px;
	color:#000;
	}

#main .section li a:hover {
	text-decoration:underline;
	}



	/* -- For the 500px wide Right floating image to not push all p text too narrow.  Adjust width if put a different size image to right or left, or don't need if image is put below text, as on index page.  --- */
	
#documents #main .section {
	min-width: 700px;
	}



	/* -------------------  RESULTS TABLES -------------------------  */

#results {
	margin: 25px;
	padding: 0;
	text-align: left;
	font: 14px Arial, Helvetica, sans-serif;
	color: #073417;
	}

#results h2 {
	margin-bottom:12px;	
	}

#results p {
	text-align:left;
	color:#073417;
	}

#results p a {
	font-size:90%;
	color:#0000ee;
	}

#results p a:hover {
	color:#551a8b;
	}

#results .paging {
	margin: 20px 0;
	}

#results fieldset {
	margin-top: 10px;
	margin-left: 10px;
	color:#073417;
	border:none;
	}

#results label {
	margin-left: 0px;
	margin-right: 5px;
	line-height: 200%;
	color:#073417;
	}
#results legend {
	font-weight:bold;
	}


.actions ul li {
 	margin-bottom: 6px;	
	}

.actions ul li a {
	color: #0000ee;
	}

.actions ul li a:hover {
	color: #551a8b;
	}

#results dt {
	margin-top: 0.8em;
	}

	/* ----------  DUCK COUNT INPUT - add species  -----------------------------------*/

.actions ul.add_species {
	list-style:none;
	padding-left: 0;
	}



	/* ----------  CHANGE PASSWORD  -----------------------------------*/

#password_wrap {
	margin: 25px auto;
	text-align:center;
	}

#passwordform	{
	width: 380px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	}

#passwordform fieldset {
	border:none;
	} 

#passwordform h2 {
	margin-bottom: 20px;
	text-align:center;
	}

#passwordform p {
	margin:0 0 10px 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	font-style:italic;
	}

#passwordform label {
	margin-right: 10px;
	color: #073417;
	}

	/* ----------  CONTENT  ---(changing text/images on welcome and docs page)--------------------------------*/

#content {
	margin: 20px;
	}

#content label {
	vertical-align:top;
	margin-top: 10px;
	}


	/* ----------  FOOTER  -----------------------------------*/

#footer	{
	clear:both;
	margin: 0 5px 10px 5px;
	padding: 8px 30px;
	background: #728062;
	text-align: center;
	}

#footer	p {
	margin: 0;
	padding: 0;
	background: #728062;
	font: 12px/120% Arial, Helvetica, sans-serif;
	color: #AEAE72;
	}

#footer strong {
	font-size:14px;
	color:#AEAE72;
	font-weight:normal;
	}

#footer a {
	color:#AEAE72;
	}

#footer a:hover {
	color:#073417;
	}






/* ---------------  TABLES ------------------------------------*/

table {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background-color: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	display: inline;
	margin: 0px 6px;
}
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

.error-message {
	color: #fff;
	background-color: #f00;
	display: inline;
}

.season {
	width: 20%;
}