/* CSS Document */

/*  
Theme Name: Biology.ie
Theme URI: http://www.biology.ie
Description: biology.ie 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: Helvetica, Arial, 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%; background: #619300 url(../images/footprints1.gif) 0 100% no-repeat; }
#masthead { width: 950px; height: 140px; margin: 0 auto; position: relative;  } 
	/* hide from ie mac \*/
	html { height: 100%; }
	
	#sounds {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 200;
		background: transparent url('../images/sounds-bg.png') 0 0 repeat-x;
		padding: 3px 9px 12px;
		-webkit-border-bottom-left-radius: 9px;
		-webkit-border-bottom-right-radius: 9px;
		-moz-border-radius-bottomleft: 9px;
		-moz-border-radius-bottomright: 9px;
	}
	
	#sounds p {
		color: #fff;
		text-transform: lowercase;
		font-size: 11px;
	}
	
	#sounds .playa {
		background: #fff;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		padding: 3px;
	}
	
	#flashheader { 
		height:140px; 
		width:950px; 
		margin:0px auto auto auto; 
		padding: 0; 
	}
	
	#flashheader strong { display:block;  width: 950px; height: 140px; margin: 0 auto; background: url(../images/header.jpg) no-repeat; }
	/* end hide */
#nav { height: 30px; width: 950px; position: absolute; top: 110px; 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 18px 0 18px; 
			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; }

#content #main-title {
	display: block;
	width: 593px;
	height: 21px;
	background: url('../images/h1-main-title.png') 0 50% no-repeat;
	text-indent: -3000px;
	overflow: hidden;
	padding: 0;
	margin: 6px 0 0;
}

#biodiversity-logos {
	float: right;
	width:  215px;
	height:  40px;
	position: relative;
}

#biodiversity-logos #biodiversity {
	position: absolute;
	top: 0;
	right:  0;
	width:  83px;
	height: 33px;
	text-indent: -3000px;
	overflow: hidden;
	background: url('../images/biodiversity.png') 50% 50% no-repeat;
}

#biodiversity-logos #iwt {
	position: absolute;
	top: -10px;
	right:  0;
	width:  83px;
	height: 50px;
	text-indent: -3000px;
	overflow: hidden;
	background: url('../images/iwt.png') 50% 50% no-repeat;
}


#biodiversity-logos #noticenature {
	position: absolute;
	top: 0;
	left:  0;
	width:  88px;
	height: 29px;
	text-indent: -3000px;
	overflow: hidden;
	background: url('../images/noticenature.png') 50% 50% no-repeat;
}

#roadkill {
	display: block;
	width:  215px;
	height: 200px;
	margin-top: 40px;
	float: right;
	background: url('../images/road-kill-survey.png') 50% 50% no-repeat;
	position: relative;
}

#roadkill a {
	display: block;
	position: absolute;
	top: 152px;
	left: 15px;
	color: #fff;
}

#roadkill a#roadkill-add {
	top: 95px;
	left: 15px;
	width: 195px;
	height: 50px;
	text-indent: -3000px;
	overflow: hidden;
}

/* start */

#start h2 {
	display: block;
	width: 600px;
	height: 18px;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
	color: #609400;
	margin: 16px 0 18px;
}
#start h2 span {
background: url('../images/h2-start.png') -2px 50% no-repeat;
text-indent: -3000px;
overflow: hidden;
}

#start-steps {
	padding: 0;
	width:  680px;
	height: 26px;
	margin-bottom: 6px;
}

#start-steps li {
	display: block;
	float: left;
	width: 160px;
	padding-left: 36px;
	font-size: 12px;
	line-height: 26px;
}

#s1 {
	background: url('../images/step1.png') 0 50% no-repeat;
}

#s2 {
	background: url('../images/step2.png') 0 50% no-repeat;
}

#s3 {
	background: url('../images/step3.png') 0 50% no-repeat;
}

#search-species {
	background: #92c410;
	padding: 12px;
	width: 656px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
}

#content #search-species p {
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
}

#content #search-species p#notfound {
	color: #fff;
}

#content #search-species label {
	line-height: 16px;
	color: #fff;
	font-weight: 400;
	padding: 3px 0 6px;
	height: 16px;
}

#content #search-species label span {
	display: block;
	width: 201px;
	height: 16px;
	background: url('../images/search-species.png') 0 50% no-repeat;
	text-indent: -3000px;
	overflow: hidden;
	float: left;
	margin-right: 6px;
}

#search-species .control {
	width: 630px;
	height: 40px;
	border: 1px solid #609400;
	background: #fff url('../images/continue-inactive.png') 100% 50% no-repeat;
	padding: 0;
	margin-bottom: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	clear: left;
}

#content #search-species input {
	border: 0;
	padding: 4px;
	line-height: 32px;
	height: 32px;
	width: 495px;
	position: relative;
	font-size: 18px;
	font-weight: 700;
	background: #fff;
	margin: 0 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content #search-species button {
	width: 122px;
	height:  39px;
	border: none;
	background: transparent url('../images/continue.png') 100% 50% no-repeat;
	position: absolute;
	right: -6px;
	top: -7px;
	cursor: pointer;
	overflow: hidden;
	text-indent: -3000px;
	display: none;
}


.latin {
	position: absolute;
	right: 0;
	top: 12px;
	width: 160px;
	font-size: 11px;
	color: #fff;
	line-height: 18px;
}

#content #search-species .latin input {
	width: auto;
	height: auto;
	float: left;
	margin-right: 6px;
}

/* articles - home page */

#articles {
	background: #a61705;
	width: 932px;
	margin: 0 auto;
	padding: 9px;
}

#articles .article-featured {
	padding: 9px;
	width: 215px;
	float: left;
}

#articles .article-featured:hover {
	background: #161515;
}

#articles h3 a {
	display: block;
	padding: 12px 0 6px;
	color: #dce8b2;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-style: normal;
}

#articles a.imagelink {
	border: none;
	padding: 0;
	margin: 0;
	display: block;
	width: 215px;
	height: 215px;
	overflow: hidden;
}

#articles img {
	border: 0;
	width: 215px;
	height: 215px;
}

#articles p {
	font-size: 12px;
	color: #fff;
	padding: 3px 0;
	line-height: 16px;
}

#articles .readmore {
	text-align: right;
}

#articles .readmore a {
	color: #dce8b2;
	font-weight: 400;
	font-size: 11px;
	font-style: normal;
}

/* surveys - home page */

#surveys {
	padding: 18px;
	background: #f0f0f0;
	width: 914px; 
	margin: 0 auto; 
}

#survey-list {
	width: 320px;
	float: left;
}

#content .right-column #survey-list {
	float: none;
	margin-bottom: 30px;
	width:  300px;
}

#survey-list li {
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 9px;
}

#survey-list a {
	display: block;
	height: 48px;
	padding: 9px 9px 9px 75px;
	background-color: #92c410;
	background-position: 3px 50%;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #333;
	font-weight: 700;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#survey-list a span {
	display: block;
	font-size: 11px;
	color: #333;
	padding-top: 3px;
	font-weight: 400;
}

#survey-list a em {
	display: block;
	font-size: 11px;
	color: #fff;
	padding-top: 1px;
	font-weight: 400;	
}

#survey-list a:hover {
	background-color: #4a4949;
	text-decoration: none;
	color: #dce8b2;
} 

#survey-list a:hover span {
	color: #dce8b2;
}

#content.projects #survey-list li {
	float: left;
	clear: none;
	display: inline;
}

#content .projects #survey-list li h3 {
	float: left;
	clear: none;
}

#content .projects #survey-list li a {
	float: left;
	margin: 0 24px 24px 0;
	width: 300px;
	clear: none;
}

#map-widget {
	width: 570px;
	position: relative;
	float: right;
}

#latest {
	display: block; 
	height: 17px;
	padding-bottom: 6px;
}

#latest strong {
	display: block;
	width: 485px;
	height: 17px;
	background: url('../images/latest-sighting.png') 0 50% no-repeat;
	float: left;
	text-indent: -3000px;
	overflow: hidden;
}

#latest a {
	display: block;
	position: absolute;
	bottom: -67px;
	left: 0;
	line-height: 17px;
	font-size: 12px;
	width: 280px;
	height: 55px;
	background: url('../images/view-own.png') 50% 50% no-repeat;
	text-indent: -3000px;
	overflow: hidden;
}

#map-widget #scroll {
	position: absolute;
	top:  0;
	right: 0;
	width: 46px;
	height: 17px;
}

#map-widget #scroll a {
	display: block;
	width: 13px;
	height: 17px;
	text-indent: -3000px;
	overflow: hidden;
	float: left;
	margin-left: 6px;
	cursor: pointer;
}

#nxt {
	background: url('../images/next-prev.png') -13px 0 no-repeat;
}

#prvs {
	background: url('../images/next-prev.png') 0 -17px no-repeat;
}

.last #nxt {
	background: url('../images/next-prev.png') -13px -17px no-repeat;
}

.last #prvs {
	background: url('../images/next-prev.png') 0 0 no-repeat;
}

#latest-map {
	width: 570px;
	height: 420px;
	border: 1px solid #fff;
	margin-top: 5px;
}
#map-widget .sighting {

}
#map-widget .creature {
	float: left;
	margin-right: 6px;
	border: 1px solid #fcffe5;
}

#map-widget p {
	font-size: 12px;
	line-height: 14px;
	padding: 0;
}

#map-widget p.date {
	font-size: 11px;
	color: #666;
}

#social {
	padding: 18px 18px 36px;
	background: #fff;
	width: 914px; 
	margin: 0 auto; 
}

#flickr-badge {
	height: 86px;
}

#flickr-badge .flickr_badge_image {
	float: left;
	margin-right: 18px;
}

#flickr-badge #flickr_badge_image10 {
	margin-right: 0;
}

#follow {
	height: 18px;
	float: right;
}

#follow li {
	float: left;
	display: block;
	font-size: 12px;
	font-weight: 700;
	padding: 0 6px;
	line-height: 18px;
}

#follow li a {
	display: block;
	width: 65px;
	height: 18px;
	text-indent: -3000px;
	overflow: hidden;
}

#follow #flickr {
	background: url('../images/flickr.png') 50% 50% no-repeat;
}

#follow #facebook {
	background: url('../images/facebook.png') 50% 50% no-repeat;
}

#follow #twitter {
	background: url('../images/twitter.png') 50% 50% no-repeat;
}

#content { width: 914px; margin: 0 auto; background: #fff; padding: 18px; }
	#content h1, #content h2, #content h3 { font-family: Helvetica, Arial, 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: 28px; 
		color: #4a4949; padding: 6px 0 24px; 
		font-weight: 700;
		}
		#content h1 span { 
			color: #b31e0b; 
			display: block; 
			padding: 2px 0; 
			font-weight: 400;
			font-size: 18px;
		}
		
	#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: 300px; float: right; padding-left: 12px; }
		#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-top: 1px solid #878789;
		border-left: 1px solid #878789;
		border-right: 1px solid #dbddde;
		border-bottom: 1px solid #dbddde;
		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) 0 100% repeat-x; 
		width: auto; 
		height: 36px; 
		line-height: 36px; 
		font-weight: 700; 
		padding: 0 18px;
		color: #fff; 
		font-size: 14px; 
		text-align: center; 
		border: none; 
		cursor: pointer; 
		margin: 9px 0;  
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		text-transform: lowercase;
		text-shadow: 1px 1px 1px #3f0902;
	}


	.middle-column { width: 199px; }
		
		.area { 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: 56px;
	margin: -7px auto 15px;
	padding: 0;
	
}

#content #progress-bar li {
	display: block;
	background: none;
	padding: 0 20px 0 0;
	margin-right: 2px;
	float: left;
	background: transparent url('../images/progress-arrow.png') 100% 16px no-repeat;
	height: 46px;
}

#content #progress-bar li.last {
	background: none;
	padding-right: 0;
	margin-right: 0;
}

#content #progress-bar li a {
	display: block;
	float: none;
	position: relative;
	line-height: 40px;
	padding: 0 30px 6px 30px;
	text-align: center;
	margin: 1px 0;
	color: #fff;
	font-weight: 700;
	cursor: default;
	font-size: 14px;
	background: #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-transform: lowercase;
}

#content #progress-bar li a span {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: inherit;
	border: 3px solid #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: absolute;
	left: 50%;
	margin-left: -13px;
	bottom: -14px;
	line-height: 20px;
	height: 20px;
	width: 20px;
	text-align: center;
}

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

#content #progress-bar li.done a {
	background: #92c410;
	cursor: pointer;
}

#content #progress-bar li.current a {
	background: #609400;
}

#content #progress-bar li.done a:hover {
	background: #b61e00;
}

#back {
	float: right;
	font-size: 13px;
	display: block;
	margin: -34px 26px 0 0;
}

#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;
	font-weight: 700;
}

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



/* species list */

.livesearch {
	width: 300px;
	height: 60px;
	margin-bottom: 3px;
	background: #92c410;
	padding: 6px 12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.livesearch input#search {
	border: 0;
	padding: 2px 4px;
	line-height: 20px;
	height: 20px;
	width: 280px;
	font-size: 16px;
	font-weight: 700;
	background: #fff;
	margin: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #609400;
}
#content .livesearch label {
	clear: both;
	color:  #fff;
} 
#content span#statusik { 
	float: right;
	display: block; 
	width: 100px; 
	color: #fff;
}

#main_section_tbl {
	padding: 6px 0;
}

.species-list a {
	display: block;
	padding: 3px 12px 3px 6px; 
	width: 640px; 
	font-size: 13px; 
	font-weight: 700;
	color: #4a4848;
	position: relative; 
	line-height: 40px;
	height: 42px;
} 

.species-list a strong {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background-image: url('../images/mystery.png');
	background-repeat: no-repeat;
	background-position:  50% 50%;
	margin-right: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.species-list a span {
	display: block;
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	line-height: 40px;
	float: left;
	margin-right: 12px;
}

.species-list a em { 
	display: block;
	float: left;
	padding: 0; 
	font-weight: 400;
	font-style: italic; 
	font-size: 11px;
	line-height: 40px;
	width: 280px;
	overflow: hidden;
	white-space: nowrap;
} 
.species-list div.even a { background-color: #e0ecc1; }
.species-list div.even a:hover, .species-list div.odd a:hover { background-color: #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 {
	margin-bottom: 12px;
	font-size: 16px;
	color:  #4a4949;
	padding-bottom: 12px;
	border-bottom: 1px solid #e0ecc1;
}

.location h3 strong {
	color: #b61e00;
	display: block;
	clear: right;
	padding-bottom: 2px;
	font-weight: 700;
}

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

.location span {
	color:  #fd4e25;
}

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

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

.location fieldset {
	background: #92c410;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 10px;
	margin-top:  10px;
}

#content .location label {
	color: #fff;
	font-size: 14px;
}

#content .location label small {
	font-size: 12px;
	display: block;
	clear: left;
	color: #333;
	font-weight: 400;
	padding: 2px 0;
}


#content .location input, #new_sighting input {
	width: 222px;
	border: 0;
	padding: 4px;
	line-height: 24px;
	height: 24px;
	font-size: 16px;
	font-weight: 700;
	background: #fff;
	margin: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top: 1px solid #878789;
	border-left: 1px solid #878789;
	border-right: 1px solid #dbddde;
	border-bottom: 1px solid #dbddde;
}
#content #new_sighting input {
	width: 350px;
}
#content #new_sighting textarea {
	width: 450px;
	padding: 4px;
	height: 150px;
	font-size: 16px;
	font-weight: 700;
	background: #fff;
	margin: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top: 1px solid #878789;
	border-left: 1px solid #878789;
	border-right: 1px solid #dbddde;
	border-bottom: 1px solid #dbddde;
	clear: right;
}

#content #new_sighting textarea:focus { border: 1px solid #999; background: #f9ffee; }

#admin-unit li {
	width: 130px;
	float:  left;
	font-size: 13px;
	padding: 3px 0 6px 0;
}

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

#content.add-new-sighting #mapContainer {
	border: 1px solid #f0f0f0;	
}

#submit-sidebar-2 {	
	position: absolute; 
	right: 0; 
	top: 0; 
	width: 200px;
	background: #fcffe0;
	border: 1px solid #e0ecc1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 12px;
}

#submit-sidebar {
	float: right;
	width: 200px;
	background: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 12px;
}

#submit-sidebar #ac {
	margin-left: -15px;
}

#submit-sidebar-2 h3, #submit-sidebar h3, .instructions h3 { 
	color: #4a4848; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 16px; 
	padding-bottom: 6px; 
	font-weight: 700;
} 

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

.instructions {
	float: right;
	width: 200px;
	background: #fcffe0;
	border: 1px solid #e0ecc1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 12px;
}

#content .instructions p {
	line-height: 14px;
	padding: 3px 0;
}

#submit-sighting {
	width: 540px;
	float: left;
}

#nature-notes {
	width: 540px;
	float: left;
	padding: 30px 50px 30px 80px;
	margin-top: 10px;
	background: transparent url('../images/bind.png') 0 0 no-repeat;
}

#content #nature-notes label {
	color: #231f20;
	font-family: 'Reenie Beanie', arial, serif;
	font-size: 22px;
	font-weight: 400;
	padding: 3px 0;
}

#content #nature-notes input.short {
	width: 520px;
	margin-bottom: 6px;
	border-top: 1px solid #878789;
	border-left: 1px solid #878789;
	border-right: 1px solid #dbddde;
	border-bottom: 1px solid #dbddde;
}

#content #nature-notes textarea {
	width: 520px;
	height: 140px;
	margin-bottom: 6px;
	border-top: 1px solid #878789;
	border-left: 1px solid #878789;
	border-right: 1px solid #dbddde;
	border-bottom: 1px solid #dbddde;
}

#content #nature-notes #notes-weather {
	height: 60px;
}
/* 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; }
	

	
	.own { width: 470px; }
	
	.login { 
		margin: 0; 
		background: #92c410; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		width: 490px;
		padding: 12px 24px;
		float: left;
	}
	
	#content .login h2 {
	color: #fff;
	font-size: 18px;
	}
	
	#content .login #new_sighting input, #content .login #new_sighting button {
		margin: 6px auto;
		float: none;
	}
	
	#content .login  #new_sighting input {
		width: 460px;
	}
	
	#content #about-section {
		width: 300px;
	}
	
	#content .register input, #content .register textarea { padding: 5px; font-size: 1.4em; width: 270px; }
	#content .own input, #content .own textarea { width: 450px; }

	#content .register 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; }
	#metabar h3 { color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; } 
	#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 div.rss-block {
		width: 300px;
	}
	
	#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: 6px 0 0; 
		width: 460px;
		}
		#metabar .newsletter .control {
			width: 195px;
			height: 40px;
			float: left;
		}
		#metabar .newsletter label { 
			width: 40px;
			font-size: 11px; 
			line-height: 20px; 
			display: block;
			float: left;
			color: #fafafa; 
			font-weight: 400;
		}
		#metabar .newsletter input { 
			background: #457513; 
			border: 1px solid #8eb93a; 
			padding: 4px; 
			color: #fff; 
			width: 130px; 
			float: left; 
			font-size: 13px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px; 
		}
		#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: 0; } 

	#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; }
#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: 12px 0 0 0; padding: 0;  }

/* my sightings */

.myl {
	float: left;
	width: 580px;
	height: 600px;
	position: relative;
}

.myl #mapContainer2 {
	border: 1px solid #f0f0f0;
	width: 580px;
	padding: 0;
	line-height: normal;
}

.myl #mapContainer2 .gmap-popup {
	margin: 0;
	padding: 0;
	width: 500px;
}

.myl #mapContainer2 .sighting {

}
.myl #mapContainer2 .creature {
	float: left;
	margin-right: 6px;
	border: 1px solid #fcffe5;
}

.myl #mapContainer2 p {
	font-size: 12px;
	line-height: 14px;
	padding: 0;
	margin: 0;
}

.myl #mapContainer2 p.date {
	font-size: 11px;
	color: #666;
	padding: 0;
	margin: 0;
}

.myl #mapContainer2 .sighting a {
	cursor:pointer;
	float: right;
	display: block;
	margin: 3px 0
}

#sighting-details {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3000px;
	padding: 20px;
	background: transparent url('../images/sighting-details-bg.png') 0 0 repeat-x;
	border: 1px solid #121212;
	width: 540px;
}

#sighting-details .closeme {
	display: block;
	width: 40px;
	height: 40px;
	overflow:hidden;
	text-indent: -3000px;
	background: transparent url('../images/closeme.png') 0 0 no-repeat;
	float:right;
	cursor: pointer;
}

#sighting-details .closeme:hover {
	background: transparent url('../images/closeme.png') 0 -41px no-repeat;
}

#sighting-details img {
	float: left;
	border: 2px solid #000;
	margin-right: 12px;
}

#content #sighting-details h2 {
	color: #888;
	padding: 0;
}

#sighting-details h2 strong { 
	color: #fcffe0;
}

#sighting-details p {
	color: #fff;
}

#content #sighting-details h3 {
	color: #92c410;
	font-size: 18px;
	padding: 12px 0;
	clear: left;
	display: block;
}

#content #sighting-details h4 {
	color: #ccc;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: 1px solid #666;
	padding: 6px 0 3px;
}

.myr {
	float: right;
	width: 300px;
}

.myr h3 {
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 12px;
	text-transform: lowercase;
}

.myr h3 span {
	color: #888;
	font-size: 12px;
	display: block;
	font-weight: 400;
	padding: 3px 0 0 0;
}

.myr h3 strong {
	color: #888;
	font-weight: 400;
}

.species {
	padding: 12px;
	background: #fcffe0;
	border: 1px solid #e0ecc1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 12px;
}

#specieslist { 
	padding: 6px 0;
	max-height: 300px;
	overflow-y: auto;
	margin: 6px 0;
}
#content .species label {
	padding: 3px 6px 3px 0;
	display: block;
	clear: left;
	line-height: 24px;
	border-bottom: 1px solid #e0ecc1;
}

#content .species label span {
	background: #92c410;
	color: #fff;
	font-weight: 700;
	padding: 1px 3px;
	margin-left: 6px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	font-size: 11px;
}

#content .species label img {
	height: 24px;
	float: right;
}

#content .species label input {
	float: left;
	margin: 6px 6px 0 0;
	width: auto;
	padding: 0;
	border: none;
}

#period {
	height: 40px;
	width: 300px;
}

#period input {
	width: 80px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#period label {
	float: left;
	margin-right: 6px;
	font-size: 11px;
	line-height:32px;
	text-transform: lowercase;
	display: block;
}

#period #date_from, #period #date_to  {
	width: 140px;
	float: left;
}

#period .date-picker-control {
	display: none;
}

			
#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;
	}
	
	
#calendar-container {
	padding-top: 12px;
}	
	
#datepicker {
	float: left;
	margin-right: 20px;
}

#calendar-container #ac {
	margin-top: 0;
}


/* converter */

#content .converter #new_sighting {
	margin-left: -24px;
	padding-bottom: 24px;
}

#content .converter #new_sighting input {
	width: 200px;
	border: 0;
	padding: 4px;
	line-height: 24px;
	height: 24px;
	font-size: 16px;
	font-weight: 700;
	background: #fff;
	margin: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top: 1px solid #878789;
	border-left: 1px solid #878789;
	border-right: 1px solid #dbddde;
	border-bottom: 1px solid #dbddde;
}

#content .converter #new_sighting .or {
	float: none;
	clear: both;
}