/* PRINT CSS STYLES */

/*--------------------------------------------------------------------------------------- 	
	CSS by Maggie Wolfe Riley
	maggiewolfe@gmail.com
	760-902-4058
----------------------------------------------------------------------------------------
	=============================Main Section Styles====================================
------------------------------------------------------------------------------------------*/

body {	
	background-color: #FFF;
	margin: 0 .5in .5in .5in;
	font-family: "Times New Roman", Times, Georgia, Serif;
	font-size: 12px; 
	}

#identifyingbirds {margin: 1in 0.75in 1.25in 0.75in;}

/*--------- page content ------------*/



#pageContent { /*this includes pageHeader(h2+pageNav)+mainContent+nextNav*/
	width: auto;
	padding: 0;
	background-color: #FFF;
	clear:both;
	orphans:2;
	widows:2;
	}
	
#mainContent { /*"article" content, minus h2-pageNav-nextNav */
	background-color: #FFF;
	width: auto;
	margin-top: -15px;
	}

#clear,.clear {clear: both;}

.pagebreak {page-break-after:always;}

.updated {display:none;}

	
/*---------------------------------------------------------------------------------------
	=================================Typography Styles==============================
----------------------------------------------------------------------------------------*/

#mainContent p {
	font-size: inherit;
	color: #000;
	font-weight: normal;
	}

h1, h2, h3, h4, h5 {color: #000; font-weight: bold; font-family: Georgia, Serif; line-height:normal;}

h1 { font-style: italic; font-size: 18pt; margin: -10px 0 0 0; 
width:auto; display: block; float:left;	
background: url(images/birdtracks450.gif) no-repeat bottom left; overflow:hidden;
padding: 0 100px 50px 0;
}


h2 {font-size: 16pt; 
display:block; width:auto; float:right; clear:right; margin-top:-75px; }

h3 {font-size: 13pt; margin-bottom:-5px;}

h4 {font-size: 11pt; margin-bottom: -5px;}


h5 {font-size: 10pt; margin-bottom: -5px;}

blockquote {
	margin: 0 0.25in;
	font-style: italic;
	}

.note {
font-size: 9pt;
font-family: "Bradley Hand ITC TT-Bold", "Bradley Hand ITC TT", "Bradley Hand ITC", "Bradley Hand",
"Handwriting - Dakota", "Lucida Handwriting", "Monotype Corsiva", Cursive;
font-weight: inherit;
}

/*----------------------------------------------------------------------------------------
	=================================Navigation Styles=================================
------------------------------------------------------------------------------------------*/

 #skipNav a, #skipNav a:hover, #skipNav a:visited,
 #skipNav a:active, #skipNav a:focus
{
display:none;
}

/*------- Main Navigation styles ---------*/


#mainNav, #navContainer, #mainNav, 
#home #mainNav .home a,
#attractingbirds #mainNav .attractingbirds a,
#identifyingbirds #mainNav .identifyingbirds a,
#birdingethics #mainNav .birdingethics a,
#lookingbeyond #mainNav .lookingbeyond a,
#resourcespage #mainNav .resourcespage a,
#feedbackpage #mainNav .feedbackpage a,
#mainNav li, #mainNav a,  #mainNav a:hover,
#mainNav a:focus, #mainNav a:active
{display:none;}
	

/* =================Page Navigation styles=================== */



/* pageNav box + link styles */

/*=======Nifty round corners without images: http://www.html.it/articoli/nifty/index.html======*/

.rtop, .rbottom{display:none;}
.rtop *, .rbottom *{display: none;}
.r1{margin: 0 5px;}
.r2{margin: 0 3px;}
.r3{margin: 0 2px;}
.r4{margin: 0 1px; height: 2px;}
#container { display:none;}

#pageNav,
#pageNav h3,
#pageNav ol,
#pageNav li,
#pageNav a,
#pageNav a:link,
#pageNav a:visited,
#pageNav a:hover,
#pageNav a:active,
#pageNav a:focus
	{display:none;}


/*---------------------------------------------------------------------------------------
	==================================Link Styles====================================
----------------------------------------------------------------------------------------*/

/*----default link styles----*/
a:link, a:visited, a:hover,
a:focus, a:active {
	text-decoration: none;
	color: #000;
	}

#referenceList a[href^="http:"]:link:after,
#referenceList a[href^="http:"]:visited:after,
#calendar a[href^="http:"]:link:after,
#calendar a[href^="http:"]:visited:after {
  content: " (" attr(href) ") ";
  font-size: 95%;
  font-weight:normal;
}

.caption a[href^="http:"]:link:after,
.caption a[href^="http:"]:visited:after {
  content: " (" attr(href) ") ";
  font-size: 95%;
  font-weight:normal;
  padding-bottom: 20px;
}


	
/*----other "link" styles----*/
acronym,
abbr {
	text-decoration: none;
	border:none;
	color: #000;
	}

a[href^="http:"] span,
a[href^="https:"] span {display:none;}

.toplink,
.topReturn {display:none;}

/* --- THIS WAS THE CULPRIT IN A LOT OF MY WOES!!!---> * a[title] {display:none;} <----all my links, including two photos, that had titles, were not showing!!! */

a[href^="mailto:"] {text-decoration: underline; color:#000;}
a[href^="mailto:"] span {display:none;}

/*----------------------------------------------------------------------------------------
	===================================List Styles===================================
------------------------------------------------------------------------------------------*/

#mainContent ul, #mainContent dl, #mainContent ol
	{
	line-height: normal;
	margin-left: 0;
	margin-right: 0;
	font-family: "Times New Roman", Times, Georgia, Serif;
	}

#mainContent li {
	list-style-type: square;
	}

dl {
	clear: none;
	display: block;
	}

	
dt {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 5px;
	display: block;
	color: #000;
	}

dd {
	font-size: 10pt;
	margin-bottom: 5px;
	margin-top: 1px;
	margin-left: 0;
	padding-left: 5px;
	}

#referenceList {clear: left; display:inherit;}

#referenceList ul {margin-top: -5px;}
#identifyingbirds #referenceList ul {margin-top: 20px;}

	
img {
	margin: 0;
	border-style: none;
	}

	
/*--------------------------------------------------------------------------------------------
new CSS for images - using a combination of divs and classes - 
I think this will work better!
----------------------------------------------------------------------------------------------*/


#pageContent #mainContent img + p.caption, /*extra selectors override content p styles*/
#pageContent #mainContent a + p.caption,
.caption {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 8pt;
	font-style: italic;
	margin: 5px;
	padding: 0;
	width: inherit;
	line-height: normal;
	background:none;
	text-align: center;
	}
/*--I needed greater specificity for all other browsers to override p styles, but...
IE Win 5/6 didn't seem to "see" this, so just .caption fixes text in IE Win 5/6 --*/


/*------------index images----------------*/	

#imageStellars {
	width: 310px;  /*image width is 300px*/
	height: 341px;  /*image height is 331px*/
	float: left;
	clear:left;
	margin: 0 10px 50px 0;
	background: url(images/300x331_stellarsshadow.png) no-repeat 9px 9px;
	}


#imageWarbler {
	width: 346px;  /*image width is 336px*/
	height: 260px;  /*image height is 250px*/
	float: right;
	margin: 20px 0 50px 20px;
	background: url(images/336x250_warblershadow.png) no-repeat 9px 9px;
	}

#imageStellars a:hover,#imageWarbler a:hover {background: none;}


/*------------attracting birds images----------------*/	
	
#imageHousefinch {
	width: 410px;  /*image width is 400*/
	height: 260px;  /*image height is 250*/
	float: left;
	margin: 0 10px 8px 0;
	background: url(images/400x250_housefinchshadow.png) no-repeat 9px 9px;
	}



#imageHummer {
	width: 390px; /*image is 380px wide*/
	height: 190px; /*image is 175px*/
	float: right;
	margin: -10px 0 10px 10px;
	background: url(images/380x175_hummershadow.png) no-repeat 9px 9px;
	}

#imageFinchsock {
	width: 253px; /*image width is 243px*/
	height: 410px; /*image height is 400px*/
	float: left;
	margin: 0 10px 10px 0;
	background: url(images/243x400_finchsockshadow.png) no-repeat 9px 9px;
	}


#imageNutalls {
	width: 310px; /*image width is 300px*/
	height: 277px; /*image height is 267px*/
	float: right;
	margin: 0 0 10px 10px;
	background: url(images/300x267_nutallsshadow.png) no-repeat 9px 9px;
	}
	


/*------------identifying birds images----------------*/	
	
#imageBinos {
	width: 200px; 
	height: 180px; 
	float: right;
	margin: 0 0 10px 10px;
	padding: 10px 12px 5px 12px;
	border: solid 1px #CCC;
	border-right: solid 3px #CCC;
	border-bottom: solid 3px #CCC;
	background-color: #FFF;
	}

#imageBinos p {width: 200px; margin: 0; text-align: center;}
/*--Fixes .caption text in IE Win 5/6--*/

#imageFieldmarks {
	width: 550px; 
	height: 320px; 
	padding: 0;
	margin: 0 auto;
	text-align: center;
	clear: both;
	border: solid 1px #CCC;
	border-right: solid 3px #CCC;
	border-bottom: solid 3px #CCC;
	background-color: #FFF;
	margin-bottom:0;
	}
	
#pageContent #mainContent #imageFieldmarks p.caption {padding: 0; margin-top: -10px;}


#imageGoldfinch {
	width: 410px;  /*image width is 400px*/
	height: 275px;  /*image height is 258*/
	float: left;
	margin: 0 10px 10px 0;
	background: url(images/400x258_goldfinchshadow.png) no-repeat 9px 9px;
	}




/*------------beyond the backyard images----------------*/	
	
#imageOriole {
	width: 310px;  /*image width is 300px*/
	height: 160px;  /*image height is 150px*/
	float: right;
	clear:right;
	margin: 0 0 10px 10px;
	background: url(images/300x150_orioleshadow.png) no-repeat 9px 9px;
	}


#imageGrosbeak {
	width: 270px;  /*image width is 260px*/
	height: 260px;  /*image height is 250*/
	float: left;
	margin: 0 10px 10px 0;
	background: url(images/260x250_grosbeakshadow.png) no-repeat 9px 9px;
	}



#imageCoffee {
	width: 160px; /*image is 150px wide*/
	height: 185px; /*image is 180px high*/
	margin: -10px 0 0 10px;
	padding: 0 10px;
/*	background-color: #DDB;
	border: solid 1px #CCC;
	border-right: solid 3px #CCC;
	border-bottom: solid 3px #CCC;
*/	float:right;
	clear:right;
	
	}

#imageCoffee p {/*width: 160px;*/width:200px; margin: 0; text-align: center; /*background-color: #DDB;*/}
/*--Fixes .caption text in IE Win 5/6--*/

/*-----------About Us Images-------------------*/

#imageMaggie {
	width: 410px;  /*image width is 400px*/
	height: 275px;  /*image height is 258*/
	float: right;
	clear:right;
	margin:  0 0 10px 10px;
	background: url(images/400x258_goldfinchshadow.png) no-repeat 9px 9px;
	}



/*----------------------------------------------------------------------------------------
	=======================Table Styles (Table id="resources")========================
------------------------------------------------------------------------------------------*/


#resourcespage {margin: 0 0.25in 0 0.25in;}

#resources {clear:both;}

table {
	border-collapse: collapse; 
	margin: 0;
	width: 100%;
	border: solid 1px #000;
	}

table>caption {
	caption-side: top;
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
	padding: 5px;
	margin: 0;
	color: #000;
	}

#resources caption .sub {
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
	}


thead tr {background-color: #DDD; 	border-top: 1px solid #000;
}

tfoot th {text-align: center;}
	
th {
	text-align: left;
	padding: 5px;
	background-color: #DDD;
	border: 1px solid #000;
	}

.tracks {background: #DDD url(images/birdprints.gif) no-repeat 15px 25px;}

tr.subheader {display:none;}
	

td {
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #000;
	border-right: 1px dotted #AAA;
	}


#resources a:link {
	text-decoration: none;
	font-style: italic;
	color: #000;
	padding:0;
	}


table tr.even,
.even {background-color: #EEE;}
	
#resourcespage #resources .note {font-weight:normal;}



/*tbody .pagebreak {page-break-before:always; clear:both;}*/

/*----------------------------------------------------------------------------------------
	====================================Form Styles=====================================
------------------------------------------------------------------------------------------*/

form {
	background-color: #EEE;
	border: 1px solid;
	width: 100%;
	margin: 10px;
	padding: 5px;
	}
	
#birdingfeedback div {margin: 0;}
	
#submit, #reset,
input[type="file"],
#feedbackType label,
.online,
#uploadField,
select {display:none;}



/*-------Labels----------*/

#birdingfeedback label {font-size: 1.1em;}

#birdingfeedback #nameField label, 
#emailField label, 
#birdingLevel label, 
#siteEval label, 
#feedbackField label {
	font-weight: bold;
	}

#birdingfeedback input.checkbox + label,
#birdingfeedback input.radio + label {
	margin: 0 2px 0 0;
	font-size: 1em;
}

/*---------Inputs-----------*/
#birdingfeedback input {margin: 0;}


#birdingfeedback #newsletter,
#birdingfeedback #referral,
#birdingfeedback #region {
	margin:inherit;
	}

input, 
textarea {
	width:90%; 
	background-color:#FFF !important; 
	margin-right: 5px; 
	padding-right: 15px;
	}


#birdingfeedback input.radio, 
#birdingfeedback input.checkbox, 
#birdingfeedback input.submit, 
#birdingfeedback input.reset {
	width: auto;
	}

#birdingfeedback input.radio, 
#birdingfeedback input.checkbox {
	margin-right:0.1em;
	background-color: #FFF;
	}


/*----------Fieldsets and Legends------------*/
fieldset {margin: 10px 10px 10px 15px; width: 92%; background-color: #FFF;}

fieldset legend {
	font-weight: bold;
	font-size: 1.4em;
	background-color: #DDD;

	}
fieldset fieldset {
	margin-left: 20px;
	margin-right: 10px;
	width: 90%;
	padding: 5px;	
	}
	
fieldset fieldset legend {
	font-size: 1.1em;
	background-color: #FFF;
	}

/*---------Divs, ID selectors, and Classes-----------*/

 #feedbackpage #mainContent #birdingfeedback .checkboxLabel {
	margin: 0;
	display: block;
	float: left;
	width: 210px;
	padding: 2px 2px 4px 2px;
	}

#tracks {
	background-image: url(images/bird_tracks.gif);
	background-repeat: no-repeat;
	background-position: 95% top;
	}
	
/*#siteEval {
	padding: 10px 0;
	}
*/

#birdingfeedback .note {
	background-color: #FFF;
	font-style: normal; 
	font-weight: normal;
	}

  
/*----------------------------------------------------------------------------------------
	================================Footer Styles======================================
------------------------------------------------------------------------------------------*/

/*--------------------------- =NextNav ----------------------------*/

#nextNav {
display:none	}

	
/*--------------------------- =Footer --------------------------*/

#footer {
	font-size: 9pt;
	font-style: italic;
	font-weight: normal;
	margin-top: 10px; 
	padding: 0;
	width: auto;
	border: none;
	clear: both;
	bottom:10px;
	}
	
#footer p {
	margin: 1px 0;
	font-weight: normal;
	color: #000;
	text-align: center;
	}

.siteName {font-weight:bold;}

#footer a[href^="mailto:"] {display:inline;}

#footer a[href^="feedback.html"] {display:none;}

#footer #download-vcard {display:none;}

#footer .tooltip,
#footer .tooltipLeft {display:none;}
#footer #license img {display:none;}
#footer p.utilitylinks {display:none;}
#footer #footerNav {display:none;}

/*--------------------------- =Address ---------------------------*/
	
address {
	font-weight: normal;
	color: #000;
	text-align: center;
	}

address span.postal-code,
address span.tel {padding-right:0.5em; border-right: solid 1px #360;}


/*---------------Microformats------------------------*/

#share {display:none;}
#calendar a.downloadCalendar {display:none;}