/* CSS Document */

/*  
Theme Name: Narure's Calendar Ireland
Theme URI: http://www.naturescalendarireland.com
Description: NC general template
Version: 2.9
Author: Bartek Czerwinski bartek@gecoloco.com
Author URI: http://gecoloco.com
*/


/*---- reset ----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; } 
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*---- general styles ----*/
html, body { text-align: center; min-height: 100%; margin-bottom: 1px; }
/* body { background: #457513; color: #191919; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; } */
body { background: #2f440b; color: #191919; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
.clear { clear: both; font-size: 1px; height: 1px; padding: 0; margin: 0; }
hr { display: none; }
a { color: #b31e0b; text-decoration: none; font-weight: 400; } 
a:hover { color: #c75a4c; text-decoration: underline; }
a:hover img { background: none; }
small { color: #888; font-size: 1em; }
strong { font-weight: 700; }
p { line-height: 150%; }
label { font-weight: 700; display: block; clear: both; padding: 0.7em 0 0.3em; }
label em { float: right; font-size: 2em; color: #ccc; padding-top: 18px;  }
legend { font-weight: 400; display: block; clear: both; padding: 0.7em 0 0.3em; font-size: 1.2em; color: #888; }
span.caps { color: #333; border-bottom: 1px dotted #888; }
.pointer { cursor: pointer; } 
/*---- definition of yahoo map size ----*/
#mapContainer { height: 600px; width: 495px; } 	
#mapContainer2 { height: 600px; width: 495px; } 	
/*---- structure ----*/
#wrapper { width: 100%; ; }
#masthead { width: 950px; height: 120px; margin: 0 auto; position: relative;  } 	
	/* hide from ie mac \*/
	html { height: 100%; }
	#flashheader { height:120px; width:950px; margin:0px auto auto auto; padding: 0; background: transparent url(../images/ncheader.png) 50% 50% no-repeat; }
	#flashheader strong { display:block;  width: 950px; height: 120px; margin: 0 auto; background: url(../images/ncheader.png)  50% 50%  no-repeat; }
	/* end hide */
#nav { height: 30px; width: 950px; position: absolute; top: 90px; left: 0; z-index:2; }

	/*---- main navigation ----*/
	#nav li { float: left; }
		#nav a { 
			display: block; color: #fff; 
			font-size: 14px; 
			line-height: 30px; 
			padding: 0 26px; 
			cursor: pointer; 
			float: left; 
			text-align: center; 
			margin-right: 1px; 
			background: #477713 url(../images/navtab.gif) repeat-x 0 0; 
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px; }
		#nav a:hover { text-decoration: none;  background: #a61705 url(../images/navtab.gif) repeat-x 0 -30px; }
		#nav a.highlight {  background: url(../images/navtab2.gif) repeat-x 0 0px; }
		#nav a.highlight:hover {  background: url(../images/navtab2.gif) repeat-x 0 -30px; }
/*		#nav a.long { width: 173px; background: url(../images/nav-tab-long.gif) no-repeat 0 0;  }
		#nav a.long:hover { background: url(../images/nav-tab-long.gif) no-repeat 0 -30px;  }
		#nav a.last { margin-right: 0; }
*/		 
#content { width: 890px; margin: 0 auto; background: #fff; padding: 30px; }
	#content h1, #content h2, #content h3 { font-family: Georgia, "Times New Roman", Times, serif; } 
	#content p { line-height: 170%; padding: 0.7em 0; }
		.main p { font-size: 1.2em; }
		.main .more { display: block; text-align: right; font-size: 1.2em; }
	#content h1 { font-size: 2.4em; color: #b31e0b; padding: 0 0 1em; }
		#content h1 span { color: #457513; display: block; padding: 2px 0; }
		
	#message { background: #fcffe5; border: 1px dotted #ccc; margin: 10px auto; padding: 10px; width: auto;}
	#message p { font-size: 12px; padding: 0 20px 5px 0; line-height: 16px; }
		.close { cursor: pointer; display: block; width: 15px; height: 15px; float: right; background: #fcffe5 url(../images/close.gif) 0px 0px no-repeat; }
		.close:hover { background: #fcffe5 url(../images/close.gif) 0px -15px no-repeat; }

	
	#content .right-column { width: 280px; float: right; padding-left: 26px; }
		#content .right-column .projects-ads-index { margin-top: 0; }
		#content .right-column .projects-ads-index a { margin-bottom: 3px; display: block; width: 280px; height: 60px; overflow: hidden; }
			.start-project-index { width: 280px; height: 30px; margin: 0 auto 5px; clear: both; display: block; background: #fff url(../images/start-your-project.png) no-repeat 0 0 ; }

			#view-all { margin-top: 20px; margin-bottom: 2em; }
		#content .right-column .projects-ads { }
		#content .right-column .projects-ads a { margin-bottom: 10px; display: block; }
		#content .right-column .about { padding-bottom: 2em; }
		#content .right-column .about h2 { font-size: 2em; color: #457513; padding-top: 7px; }
		#content .right-column .about p { color: #666; }
		#content .right-column .start-project { width: 280px; height: 51px; margin: 2em auto 1em; clear: both; display: block; background: #fff url(../images/start-your-project.png) no-repeat 0 0 ; }
		#content .right-column .articles { padding: 1em 0 1em 0.5em; }
		#content .right-column .articles h2 { color: #457513; }
		#content .right-column .articles ul { padding: 0.7em 0;}
		#content .right-column .articles li { font-size: 1.2em; }
		
	/* bartek home page mods */
	#main-ad-index { width: 280px; height: 300px; float: left; background-color: #33CC66; }
	#projects-ads-index { float: right; width: 610px; height: 300px;  }
		#projects-ads-index a { float: left; width: 280px; height: 95px; overflow: hidden; display: block; margin-left: 25px; vertical-align: middle; margin-bottom: 5px; }
		#start-project-index { width: 280px; height: 50px; margin: 10px 0; text-indent: -3000px; overflow:hidden; display: block; background: #fff url(../images/start-your-project.png) no-repeat 0 0 ; }

		
	#content .left-column { width: 582px; float: left; }
	
	#content .articles { width: auto; padding: 1em 0; }
	#content .articles h2 { font-size: 2em; }
	#content .article-featured p { margin-left: 115px; }
	#content .article-featured { width: 275px; min-height: 170px; padding: 0 7px 15px 7px; float: left; }
	#content .middle { margin: 0 25px;  }
	#content .articles4 { width: 600px; float: none; display:table; }
	.gumno { padding-top: 30px; }
	
	#content .articles a.imagelink { border: 3px solid #efefef; text-align:center; width: 90px; float: left; margin: 1em 0; clear: none; overflow: hidden; }
	#content .articles a.imagelink:hover { border: 3px solid #ccc; }
		#content .articles-featured { float: right; width: 280px; }
		#content .articles-featured li { padding: 0; display: block; margin: 0; }
		#content .articles-featured li a { font-size: 12px; width: 250px; padding: 3px 0 5px 30px; display: block; color: #457513; background: url(../images/sidebar-li-bullet.gif) no-repeat 10px 5px;}
		
			
				#content .article { padding: 0.5em 1em 1em 0; }
					#content .article .text { margin-left: 140px; }
					#content .article h3 { font-size: 2em; }
					#content .article h4 { font-size: 1.6em; color: #666; padding: 0.5em 0; font-weight: 700; }
					#content .article a.imagelink { border: 5px solid #efefef; text-align:center; width: 100px; float: left; clear: none; overflow: hidden; margin-top: 2px; }
					#content .article a.imagelink:hover { border: 5px solid #ccc; }
					#content .article .date { float: right; color: #666; padding: 0; font-size: 1.1em; }
					#content .article ul, #content .article ol { padding: 1em; font-size: 1.2em; line-height: 1.6em; }
						#content .article li { line-height: 1.6em; }
					
		#content .projects { width: 850px; float: none; }			
		#content .left-column .project { padding: 5px; } 
			#content .left-column .project h3 { font-size: 16px; padding: 5px 0 0; } 
			#content .left-column .project h1, #content .left-column .project h2 { display: none; } 
			#content .left-column .project .ad { margin: 0 20px 10px 0; float: left; }
			
			
			
	/*	#content .left-column .projects-ads a.ad { margin: 0 4em 2em 0; display: block; float: left; } */
				
		.main-column { width: 719px; float: left; }
			#content .main-column p { font-size: 1.2em; }
			#content .main-column h2 { font-size: 2em; color: #457513; }	
				#content .main-column h2 span { color: #191919; }
		
	.map-column { float: left; }
	.middle-column, .sidebar, .species-description { float: left; }
	.map-column, .species-description { width:500px; padding-right: 20px; }
	
	#content label { font-size: 1.2em; color: #457513; }
		#content label span { color: #888; font-weight: 400; }
	#content select { border: 1px solid #fafafa; color: #333; background: #fafafa; }
	#content input, #content textarea { width: 350px; padding: 4px; border: 1px solid #ccc; margin: 0.2em 0 0.7em; background: #fafafa; color: #333; }
	#content input:focus, #content textarea:focus { border: 1px solid #999; background: #f9ffee; }
	#content button { background: url(../images/button70.png) 50% 50% no-repeat; width: 90px; height: 35px; line-height: 35px; font-weight: 700; color: #333; font-size: 1.2em; text-align: center; float: right; border: 0; cursor: pointer; margin: 0.7em 0.5em;  }


	.middle-column { width: 199px; }
		
		.area, .species { padding: 2px; border: 1px solid #ccc; margin: 0.2em 0 0.7em; background: #fafafa; }
		#content .middle-column select { width: 194px; }
		#content .middle-column input, #content .middle-column textarea { width: 195px; }
			
			/* bartek - date picker mods */
			#content .middle-column input#sd, #content .middle-column input#ed { width: 170px; float: left; }
			#content button#fd-but-sd { background: url(../images/cal.gif) 50% 50% no-repeat; width: 16px; height: 16px; line-height: normal; font-weight: 400; color: #333; font-size: 0.5em; text-align: center; float: right; border: 0; cursor: pointer; margin: 1.2em 0; clear: none; }
			#content button#fd-but-ed { background: url(../images/cal.gif) 50% 50% no-repeat; width: 16px; height: 16px; line-height: normal; font-weight: 400; color: #333; font-size: 0.5em; text-align: center; float: right; border: 0; cursor: pointer; margin: 1.2em 0; clear: none; }

		#content .middle-column input.fileinput { width: 50px; }
		
		.species-description h3 { font-size: 1.6em; color: #999; padding: 0.5em 0 0.7em; }
			.species-description h3 em { font-style:italic; }
		.species-description h4 { font-size: 1.5em; font-weight: 700; color: #191919; padding: 1em 0 0.3em; }			
		.species-description ul.links li a { font-size: 1.4em; }
		.species-description ul.links li.view-sightings { background: url(../images/eye.png) no-repeat 0 50%; padding: 30px 0 30px 30px; }
		.species-photos { width: 150px; padding-left: 40px; }
		
		
		a.imagelink { border: 5px solid #efefef; text-align:center; width: 100px; clear: both; margin: 1em 0; overflow: hidden; }
		a.imagelink:hover { border: 5px solid #ccc; }


/* bartek - submit. 09.05.209 */		

#content #progress-bar {

	width: auto;
	height: 32px;
	margin: -7px auto 15px;
	padding: 0;
	
}

#content #progress-bar li {
	display: inline;
	background: none;
	padding: 0;
	float: left;
}

#content #progress-bar li a {
	display: block;
	float: left;
	line-height: 30px;
	padding: 0 40px 0 20px;
	text-align: center;
	margin: 1px 0;
	color: #666;
	cursor: default;
	font-size: 13px;
	background: #dbdbdb url('../images/progress-bar-arrow-notdone.png') 100% 50% no-repeat;
}

#content #progress-bar li a:hover {
	text-decoration: none;
}

#content #progress-bar li.done a {
	background: #e8e8e8 url('../images/progress-bar-arrow-done.png') 100% 50% no-repeat;
	color: #457513;
	cursor: pointer;
}

#content #progress-bar li.current a {
	background: #e8e8e8 url('../images/progress-bar-arrow-current.png') 100% 50% no-repeat;
	font-weight: 700;
	color: #000;
}

#content #progress-bar li a.last {
	background: #dbdbdb url('../images/progress-bar-arrow-last.png') 100% 50% no-repeat;
}

#content #progress-bar li a.last-current {
	background: #e8e8e8 url('../images/progress-bar-arrow-last-current.png') 100% 50% no-repeat;
	font-weight: 700;
	color: #000;
}

#content #progress-bar li.done a:hover {
	text-decoration: underline;
}

.instructions {
	margin: 10px 0;
	background: #ffffe7;
	border: 1px solid #fff6b6;
	padding: 15px;
	-webkit-border-rardius: 7px;
	-moz-border-radius: 7px;
}

#back {
	margin: 0;
	float: right;
	font-size: 13px;
	width: 80px;
	text-align: center;
	padding: 7px 10px;
	background: #e8e8e8;
	border: #dbdbdb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#back:hover {
	color: #fff;
	background: #b31e0b;
	text-decoration: none;
}
#content.add-new-sighting {
	min-height: 350px;
}
#content.add-new-sighting p { 
	font-size: 12px; 
}

#content.add-new-sighting h2 { 
	font-size: 20px; 
	color: #457513; 
	padding: 10px 0 15px;
}

#content.add-new-sighting h2 span { 
	color: #191919; 
}

.livesearch { 
	padding: 0 10px 10px;
}

.livesearch label {
	clear: both;
} 


.statusik { 
	float:  right; 
	display: block; 
	width: 100px; 
}

.species-list div { padding: 0.5em; width: 700px; font-size: 1.1em; position: relative; } 
.species-list em { position: absolute; padding: 0; left: 300px; font-style: italic; } 
.species-list div.even { background: #fafafa; }
.species-list div.even:hover, .species-list div.odd:hover { background: #fcffe0; }

.location {
	float:  left;
	padding: 10px 0;
	width: 260px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 10px;
}

.or {
	width:  50px;
	text-align: center;
	color:  #999;
	font-size: 13px;
	font-weight: 700;
	padding-top: 22px;
	float: left;
}

.location h3, #location-preview h3 {
	padding-bottom: 15px;
	font-size: 16px;
	color:  #121212;
}

#content.add-new-sighting .location p {
	padding: 3px 0 0;
	font-size: 12px;
	line-height: 16px;
}

.location span {
	color:  #fd4e25;
}

.location .textinput {
	width: 140px;
	background: #11151d;
}

.location .submit {
	padding: 10px 0 0;
}

.location fieldset {
	background: #fff;
	border:  1px solid #dbdbdb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 10px;
	margin-top:  10px;
}

#content .location input, #new_sighting input {
	width: 210px;
}

#admin-unit li {
	width: 130px;
	float:  left;
	font-size: 12px;
	padding: 2px 0 5px 0;
}

#content.add-new-sighting #mapContainer, #calendar-container {
	width:  650px;
	float: left;
}

#submit-sidebar-2 {	
	position: absolute; 
	left: 660px;
	right: 0; 
	top: 0; 
	width: 220px;
}

#submit-sidebar {
	float: right;
	width: 220px;
}

#submit-sidebar-2 h3, #submit-sidebar h3 { color: #c75a4c; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; padding-bottom: 10px; } 

#location-preview {
	padding-bottom: 30px;
}


/* sighting */		
		
		.sighting h2 { padding: 0 0 1em ; }
			.sighting h2 a { text-decoration: none; color: #191919; }
			.sighting h2 a:hover { text-decoration: underline; color: #c75a4c; }
		.sighting h3 { padding: 0.7em 0; font-size: 1.7em; color: #b31e0b; }
		.sighting #mapContainer { width: 300px; height: 350px; background: #fafafa; float: left; }
		.sighting-description { float: right; width: 380px; padding-right: 20px; }
		.sighting-photos { float: right; width: 380px; padding: 1.5em 20px 1em 0; }
			.sighting-photos a { clear: none; float: left; margin: 0 1.5em 1em 0; } 
			
			.speciesc { padding: 0.5em; margin: .8em 0; background: #fafafa; }
				.speciesc h4 { padding-bottom: 0.5em; font-size: 1.6em; }
					.speciesc h4 em { display: block; clear: both; font-size: 0.8em; color: #888; }
				#content .speciesc p { font-size: 11px; padding: 0.5em 0; }
				.speciesc a.imagelink { border: 3px solid #efefef; text-align:center; width: 60px; overflow: hidden; float: left; margin: 0.8em 0.7em 0.5em 0; }
				.speciesc a.imagelink:hover { border: 3px solid #ccc; }
		
	.news { width: 709px; padding-right: 10px; }
	#content.main .news { width: 580px; padding-right: 0; }
		#content .news .lead , #content .species-description .lead { font-size: 1.2em; padding-top: 0; }
		#content .news small { display: block; clear: both; padding: 0.5em 0 1em; }
		#content .audio small { display: block; clear: both; padding: 0.5em 0 1em;  }
		#content .news img { float: right; border: 5px solid #efefef; margin: 0 1em 0 1em; }
	
	.login, .register { float: left; width: 310px; border: 1px dotted #ccc; padding: 15px; }
	.own { width: 470px; }
	.login { margin: 0 10px 0 25px; background: #fcffe0; }
	#content .register input, #content .register textarea, #content .login input { padding: 5px; font-size: 1.4em; width: 270px; }
	#content .own input, #content .own textarea { width: 450px; }

	#content .register button, #content .login button { margin-right: 20px; }	
	.form-check, .forgot { padding: 0; }
	#content .login .form-check input { float: left; width: auto; padding: 0; margin: 0.8em 1em 0 0;  }
	.forgot { clear: both; }
	
	.sidebar { width: 140px; padding-left: 15px; margin-left: 15px; font-size: 1.1em; }
		.sidebar h2 { font-size: 1.6em; color: #457513; padding: 20px 0 7px; }
		.sidebar  ul  { padding: 0 0 0.7em; }
		
		.sidebar #partner { padding: 3em 0 2em; clear: both; }
			.sidebar #partner a img { margin: 0 auto; width: 120px; }
			
		#project-description h1, #project-description h2, #project-description h3, #project-description h4 { display: none; }
		#project-description h2.about { display:block; }
		
		#project-menu li a { line-height: 22px; display:block; border-bottom: 1px solid #ccc; width: 99%; }
		#project-menu li a:hover { text-decoration: none; background: #fafafa; }
		
			#project-news ul li, .species-description ul.links li, .right-column .articles li, #content .article li { padding: 0.2em 0 0.2em 2em; background: url(../images/sidebar-li-bullet.gif) 0 7px no-repeat; }
			#project-news ul li a, .species-description ul.links li a, .right-column .articles li a { color: #457513;  text-decoration: underline; line-height: 1.6em; }
			#project-news ul li a:hover, #footer ul li a:hover, .species-description ul.links li a:hover, .right-column .articles li a:hover { text-decoration: none; }
		
	#project-welcome { width: 140px; float: right; font-size: 1.1em; color: #666; }

.home { width: 310px; float: left; padding: 0 60px 0 0; margin: 0; }
.home h2 { padding-top: 1em; }
#content .home img { padding: 0; margin: 0; border: 0; float: none; }
.groups { width: 330px; float: left; padding: 0 20px 0 0; margin: 0; }
#content .groups a.submit { width: 280px; height: 41px; margin: 0 0 1em; clear: both; display: block; background: #fff url(../images/submit-sightings.png) no-repeat 0 0 ; text-indent: -3000px; }
#content .groups a.view { width: 280px; height: 41px; margin: 0 0 1em; clear: both; display: block; background: #fff url(../images/view-sightings.png) no-repeat 0 0 ; text-indent: -3000px; }
#content .groups a.my { width: 280px; height: 41px; margin: 0 0 4em; clear: both; display: block; background: #fff url(../images/my-sightings.png) no-repeat 0 0 ; text-indent: -3000px; }
#content #accordion h2 { font-size: 1.8em; clear: both; padding-top: 1.5em; }
	#content #accordion h2 a { color: #457513; }
#content #accordion .close { cursor: pointer; display: block; width: 45px; line-height:15px; height: 15px; float: right; background: #fff url(../images/close.gif) 100% 0px no-repeat; }
#content #accordion .close:hover { background: #fff url(../images/close.gif) 100% -15px no-repeat; }

	
#content .groups a.imagelink { float: left; margin: 0 2em 1em 0; width: 90px; }
	#content .groups a.imagelink img { border: 0; padding: 0; margin: 0; }
#content .groups h3 { font-size: 1.7em; }
#content .groups .more { display: block; text-align: right; font-size: 1.1em; }
#content .groups p { font-size: 1.1em; margin-left: 120px; line-height: 18px; color: #333; }
#content .group { padding-bottom: 2em; }
#groups-info { padding-bottom: 2em; margin-top: -1em; }
#content #groups-info p { margin-left: 0; }

#metabar { width: 950px; margin: 0 auto; padding: 1em 0; }
	#metabar div.block { padding: 1em 18px 1em 18px; float: left; width: 200px; }
		#metabar div.newsletter-block { padding: 1em 10px 1em 26px; float: left; width: 205px; }
	#metabar h3 { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; } 
	#metabar ul { padding: 0.5em 0 0; font-size: 1.2em; }
		#metabar ul li { padding: 0.2em 0 0.2em 2em; background: url(../images/bottom-li-bullet.gif) 0 7px no-repeat; }
			#metabar ul li a, #footer a { color: #e1ffa5; text-decoration: underline; line-height: 1.6em; }
			#metabar ul li a:hover, #footer ul li a:hover { text-decoration: none; }
			#metabar ul li small { color: #fafafa; clear: both; font-size: 10px; display: block;  }
	
	#metabar p { font-size: 1.1em; color: #fff; padding: 0.7em 0 0; }
		#metabar p.rss { margin-left: 50px; }
		#metabar a.rss { float: left; display: block; margin-top: 1em; width: 38px; height: 38px; background: url(../images/rss-icon.png) no-repeat 50% 50%; } 
		
	#metabar .newsletter { padding: 0.7em 0 0; }
		#metabar .newsletter label { font-size: 1.1em; line-height: 150%; color: #fafafa; font-weight: 400; }
		#metabar .newsletter input { background: #457513; border: 1px solid #8eb93a; padding: 4px; color: #fff; width: 120px; float: left; font-size: 1.3em; }
		#metabar .newsletter button.save-meta { background: url(../images/save-button.png) 50% 50% no-repeat; width: 64px; height: 29px; line-height: 29px; font-size: 1.2em; color: #000; font-weight: 400; text-align: center; float: right; border: 0; cursor: pointer; padding: 0; margin-top: -2px; } 

	#metabar .google-ads { width: 728px; padding: 0 110px 5px; border-bottom: 1px solid #fff; }

/* #bottom { width: 100%; clear: both; background: #457513 url(../images/footprints2.gif) 0 0 no-repeat; color: #fff; } */

#bottom { width: 100%; clear: both; background: #2f440b; color: #fff; } 

#footer { width: 950px; height: 8em; margin: 0 auto; padding: 1em 0; }
	#footer div { float: right; }
	#footer p { font-size: 1.1em; color: #fff; }
	#footer ul { float: left; }
		#footer ul li { float: left; padding: 0 1em; }
			#footer ul a { font-size: 1.1em; }
			#footer a:hover { text-decoration: none; }
			

a.leaving-cert { float: right; display: block; overflow: hidden; text-indent: -3000px; background: url(../images/leaving-cert.png) no-repeat 0 0; width: 280px; height: 55px; clear: right; margin: 20px 0 0 0; padding: 0;  }
			
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	font-size: 1.2em;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* ----------- */
/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* The wrapper div (note: ie7 hack at bottom of file) */
.datePicker
        {
        position:absolute;
        min-width:21em;
        width:21em;
        z-index:9999;
        text-align:center;
        font: 900 1em/1em Verdana, Sans-Serif;
        background:transparent;
        }
/*
   Quirksmode necessity
   --------------------
   
   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule or the datePicker will be HUGE in IE...

.datePicker th,
.datePicker td
        {
        font-size:11px;
        }
*/
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        }
/* The button created beside each input. (position:relative required for correct positioning of datePicker in IE) */
.date-picker-control
        {
        position:relative;
        border:0 none;
        padding:0;
        margin-left:4px;
        background:transparent url(../images/cal.gif) no-repeat 0 0;
        width:16px;
        height:16px;
        margin-top:0;
        vertical-align:top;
        cursor:pointer;
        }
/* The next & previous buttons */
.datePicker th button
        {
        display:inline;
        padding:0;
        margin:0;
        color:#000;
        height:1em;
        width:1em;
        line-height:1em;
        border-width:0;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
.datePicker th button:active,
.datePicker th button:focus,
.date-picker-control:active,
.date-picker-control:focus,
.datePicker th button.disabled
        {
        outline:none !important;
        /* Remove the next line should you need to validate the css */
        /* -moz-outline-style:none; */
        }
.datePicker th button.prev-but
        {
        text-align:left;
        }
.datePicker th button.next-but
        {
        text-align:right;
        }
.datePicker th button.disabled
        {
        color:#aaa;
        cursor:default;
        }
/* The spacing between the buttons */
.but-spacer
        {
        margin-right:.2em !important;
        }
/* The mon, tue, wed etc day buttons */
.datePicker th button.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        height:auto;
        width:auto;
        text-decoration:none;
        line-height:1.4em;
        }
/* The table */
.datePicker table
        {
        position:relative;
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#fff url(../images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        width:100%;
        }
.datePicker table tfoot td
        {
        background:#fff url(../images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        }
/* Common TD & TH styling */
.datePicker table td
        {
        border: 1px solid #ccc;
        padding:0.6em 0.5em 0.5em 0.5em;
        vertical-align:middle;
        /* Opera requires a line-height bigger than 1em in order to redraw properly */
        line-height:1.2em;
        cursor:default;
        background:#fff url(../images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -50px;
        }
.datePicker table th
        {
        border:0 none;
        padding:0;
        line-height:1em;
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle;
        }
/* The "mon tue wed etc" day header button styles */
.datePicker table th.date-picker-day-header
        {
        text-transform:lowercase;
        cursor:help;
        }
/* The "todays date" style */
.datePicker table td.date-picker-today
        {
        background:#fff url(../images/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }
/* The "selected date" style */
.datePicker table td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* the "highlight days" style */
td.date-picker-highlight
        {
        color:#a86666;
        }
/* The date "out of range" style */
.datePicker table td.out-of-range
        {
        color:#ccc !important;
        font-style:oblique;
        background:transparent !important;
        cursor:default !important;
        }
/* The "disabled days" style */
.datePicker table td.day-disabled
        {
        color:#aaa !important;
        background:transparent !important;
        cursor:default !important;
        }
/* The "active cursor" style */
.datePicker table td#date-picker-hover
        {
        background:#fff url(../images/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170);
        color:rgb(100,130,170);
        }
/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html .datePicker table td.date-picker-selected,
* html .datePicker table td.date-picker-hover,
* html .datePicker table td
        {
        background-image:none;
        }
/* Target ie7 only */
*:first-child+html .datePicker
        {
        min-width:23em;
        width:23em;
        }


#flickrbadge {
	padding: 30px 0 10px;
}
#flickrbadge h3 {
	font-size:18px;
	color: #457513;
	padding-bottom: 7px;
}
#flickrbadge div.flickr_badge_image {
	float: left;
	margin: 2px;
}