body{
  font-family:helvetica,arial,clean,sans-serif;
}
a{
  text-decoration: none;
	color:#fff;
}
a:hover{text-decoration:underline;}

html{
  background: #5779b2 url('/images/whooper/page-gradient.gif') top left repeat-x;
}

img.flow_right{
  float: right;
  margin: 5px;
}

img.flow_left{
  float: left;
  margin: 5px;
}

#header{
  background: #223656 url('/images/whooper/header-bg.gif') top left repeat-x;
}
#main-nav, #sub-nav{
  width: 800px;
  margin: 0 auto;
}
#main-nav li, #main-nav li a, #main-nav li a:visited, #sub-nav img, #sub-nav li, #sub-nav li a, #sub-nav li a:visited{
  float: left;
}

#main-nav{
  height: 29px;
}
#main-nav li a, #main-nav li a:visited{
  border-right: 1px dotted;
  padding: 7px 24px 4px;
  font-size: 85%;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
}
#main-nav li.home a, #main-nav li.home a:visited{
  background: #4ba3a0 url('/images/whooper/header-home-bg.gif') top left repeat-x;
  color: #ffffff;
  border-left: 1px dotted;
  padding-left: 0;
  padding-right: 0;
  width: 81px;
}

#sub-nav{
  height: 29px;
  text-align: left;
}
#sub-nav li#selected{background: #375279 url('/images/whooper/active-nav-bg.gif') repeat-x top left;}
#sub-nav li#selected a{font-weight:bold;}
#sub-nav li#selected a:hover{color:white;}
#sub-nav img{
  position: absolute;
}
#sub-nav ul{
  margin-left: 97px;
}
#sub-nav li a{
  text-decoration: none;
  color: #ffffff;
  padding: 7px 10px;
	font-size:93%;
}
#sub-nav li a:hover{
	color:#3D5A84;
}
#gallery-content-holder{
	background:url('/images/whooper/whooper-head-trans.png') no-repeat top right;
}
#gallery-content-holder .hidden{display:none;}
.content-holder{
  margin: 0 auto;
  text-align: left;
  color: #fff;
  width: 800px;
}
.content-holder #iw_kml, .content-holder .gmnoprint{
  color: #000;
}
.content-holder img.right-floated{
  margin-top: 34px;
  float: right;
}

.content-holder h1{
  font-size: 45px;
  margin-top: 95px;
  float: left;
	display:block;
}
.content-holder h1.minimal{
	float:none;
	margin:20px 10px 20px 100px;
}
.content-holder p#sub-header{
  float: left;
  font-size: 174%;
  width: 100%;
}
.content-holder p#sub-header span{
  text-decoration: underline;
}
.content-holder p#sub-header a{
  color: #fff;
}
.content-holder p#sub-header span#cowrie-funding{
  text-decoration: none;
  float: right;
  font-size: 70%;
  margin-right: 40px;
}
#homepage-content-holder .diary-entry{
  margin-bottom: 20px;
}

#map-holder, div.wide{
  background:#3d5a84;
  width:800px;
  float: left;
  margin: 35px 0 20px;
}
div.wide{text-align:center;}

#map-holder #google-map{
  width: 780px;
  height: 370px;
  border: 1px solid #213555;
  margin: 0 10px;
}
#map-holder ul{
  margin-left: 10px;
}
#map-holder li a img{
  float: left;
}
#map-holder li, #map-holder li a, #map-holder li a:visited{
  float: left;
}
#map-holder a, #map-holder a:visited{
  color: #fff;
  padding: 8px 10px 0;
  height: 22px;
}
#map-holder a.selected{
  background: #213555;
}
#map-holder a.earth img{
  margin: -2px 5px 0;
}
#map-holder a.more-options img{
  margin: 3px 5px 0;
}
#map-holder #map-slider{
  margin: 10px 12px;
}
#map-slider h3{
  font-size:77%;
  font-weight:bold;
  margin-top: 20px;
}
#map-slider p{
  font-size:77%;
}
#map-slider #slider-holder{
	background: transparent url(/images/whooper/slider/bg.gif) top left no-repeat;
  float: right;
  width: 640px;
  margin-right: 20px;
}

/** jquery ui SLIDER **/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 41px; height: 20px; cursor: default;padding:0px !important; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 1%; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: 1.6em; margin-left: -20px; }

.ui-slider {
  background: none;
	height: 41px;
	width: 577px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-left: 23px;
}
.ui-slider-handle {
	background: transparent url(/images/whooper/slider/handle.png) top left no-repeat;
}

#bird-scoller{
  float: left;
  margin: 0 0 20px;
  width: 100%;
}
#bird-scoller h2, #bird-scoller p{
  margin: 0 10px 25px;
}
#bird-scoller h2{
  font-size: 30px;
  margin-bottom: -7px;
}
#bird-scoller #scroller-holder{
  background: #3d5a84;
  padding: 0 10px;
}
#scroller-holder a{
	color:#3d5a84;
}

.diary{
  width: 460px;
  float: left;
}
.diary h2, .diary p.byline,
h3.how-to-follow-the-swans, #google-earth-container p.byline{
	margin:0 10px;
}
.blog-holder .diary h2, .blog-holder .diary p.byline{margin:0;}
.diary p.byline, #google-earth-container p.byline{margin-bottom:25px;}
.diary div{
  margin: 10px;
}
.diary .diary-entry{
	background: #213555;
	margin:0;
	padding:10px 0;
} 
.diary-header{
  border-bottom: 1px solid white;
}
.diary-header img{
  float:right;
  margin: 0 10px;
}
.diary-header h3{
  font-size: 30px;
	line-height:1.1em;
  margin-top:0px;
}
.diary-header p{
  margin-bottom: 10px;
}
.diary-content h3{
  font-size: 153.9%;
}
.diary-content p.date{
  margin-top: -4px;
  font-size: 85%;
}
.diary-content p{
  margin: 10px 0;
  font-size: 93%;
}
.diary .diary-comments{
  border-bottom: 1px solid #334a70;
  border-top: 1px solid #334a70;
  margin-bottom: 0;
}
.diary-comments p, .diary-comments a{
  float: left;
  margin: 10px 20px 0 0;
}
.diary-comments a, .diary-comments a:visited{
  color: #fff;
}
.diary-comments-form{
  display: none;
}
.diary-comments-form label{
  float: left;
  clear: left;
  width: 100px;
  margin-left: 50px;
}
.diary-comments-form .inputarea{
  float: left;
  width: 200px;
  border: 1px solid #334A70;
}
.diary-comments-form textarea{
  height: 90px;
}
.diary-comments-form .comment-submit{
  float: left;
  clear: left;
  margin: 10px 0 0 150px;
  width: auto;
}
.diary-entry .all-comments{
  margin: 0;
}
.diary-entry .all-comments .comment{
  margin: 0 10px;
  padding: 10px 0;
  border-bottom: 1px solid #334a70;
}
.all-comments .comment .owner{
  float: right;
  font-size: 77%;
}

#media, #google-earth-container{
	float:left;
  width:320px;
  margin: 0 0 20px 20px;
  display: inline;
}
#homepage-right-col{
	float:left;
  width:320px;
  display: inline;
}
#google-earth, #media{
  background:#3d5a84;
}
#google-earth{padding-bottom:10px;}
#google-earth img{
  margin: 15px 18px 15px 0;
}
#google-earth .swan-tracking{
	margin:10px 10px 5px 10px;
}
#google-earth p{
  font-size: 123.1%;
  margin: 15px 18px 0;
}
#google-earth h2{
  font-size: 197%;
  margin: 0 18px;
}
#google-earth a{
  color: #fff;
}

#media{
  margin-bottom: 0;
}
#media #flickr, #youtube{
  margin: 10px 10px 0;
  background: #213555;
}
#media h3, #media p{
  margin-left: 10px;
}
#media h3{
  font-size: 153.9%;
}
#media p.media-description{
  font-size: 93%;
}
#media p.media-thanks{
  font-size: 85%;
  margin-bottom: 5px;
}
#media p.media-thanks span{
  text-decoration: underline;
	color:white;
}
#media h2, #media li, #media li a, #media li a:visited{
  float: right;
}
#media h2{
  font-size: 22px;
  margin-top: 17px;
}
#media ul{
  width: 195px;
  float: right;
}
#media li.youtube{
  margin: 0 5px 10px;
}
#media li.flickr{
  margin: 0 10px 10px 5px;
}
#media li{
  width: 84px;
  display: inline;
}
#media li a{
  width: 84px;
  height: 53px;
}
#media li.youtube a{
  background: #fff url('/images/whooper/media-tab-shadow.gif') top left repeat-x;
}
#media li.flickr a{
	background:#213555 url('/images/whooper/media-tab-dark-shadow.gif') top left repeat-x;
}
#media li.ui-tabs-selected a{background-image:none !important;}
#media li.youtube a img{
  margin: 10px 8px 0;
}
#media li.flickr a img{
  margin: 23px 10px 0;
}
#media li.flickr a{
  background-color: #213555;
}
#youtube{background:#fff;}
#youtube *{color:#213555;}
#full-map-holder{
  padding: 0 50px;
  width: auto;
}
#map-header{
  width:590px;
  margin: 20px auto;
}
#full-map-holder h1{
  float: none;
  margin: 0;
}
#full-map{
  width: auto;
  background: #3d5a84;
  padding: 10px;
}
#full-map #google-map{
  height: 500px;
  margin-left: 230px;
}

#map-sidebar{
  font-size: 85%;
  float: left;
  width: 220px;
  background: #213555;
  overflow: auto;
  height: 500px;
}
#map-sidebar input.all{
  vertical-align: middle;
  float: left;
  margin: 10px 4px 0 30px;
}
#map-sidebar p{
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px solid #334a70;
}
#map-sidebar li{
  float: none;
  vertical-align: middle;
  padding: 5px;
}
#map-sidebar li input{
  vertical-align: middle;
}
#map-sidebar li a.color-block{
  margin: 2px 8px 0 5px;
  width: 12px;
  height: 12px;
  background: #ff0000;
  float: left;
}
#map-sidebar li img{
  margin: 3px 5px 0 0;
  float: right;
}

.blog-holder #media{
  margin-top: 25px;
}
.blog-container{
  float: left;
}
.blog-container .diary-header img{
  margin: 10px;
}
.blog-container .diary div{
  padding-top: 1px;
}
.blog-entry{
  margin-top: 25px;
  float: none;
  padding-bottom: 1px;
}
.blog-entry h2{
  font-size: 153.9%;
}
.blog-holder a{
  color: #fff;
}
.blog-entry .date{
  font-size: 85%;
}

#older-blogs{
  background: #3d5a84;
  float: left;
  margin: 25px 0 0 20px;
  width: 320px;
  padding-bottom: 10px;
}
#older-blogs .date{
  width: 35px;
  height: 32px;
  float: left;
  clear: left;
  margin: 10px 10px 0;
  background: #213555;
  text-align: center;
  padding: 2px 0;
}
#older-blogs h2{
  padding: 20px 20px 0;
  font-size: 116%;
}
/*#older-blogs a, #older-blogs a:visited{
  float: left;
  clear: left;
  padding: 10px 0 0;
  margin: 10px 10px 10px;
  width: 93%;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #6b82a9;
}*/
#older-blogs a img{
  margin-right: 5px;
}

.cms-page-holder{
  margin-top: 70px;
}


/** TABS **/
.ui-tabs-panel{
	display:block;	
	overflow:hidden;
}
.ui-tabs-hide{display:none;}

#flickr img{
	width:300px;
}


/** GALLERY **/
#gallery-content-holder #media{
	margin-top:0;
}
#featured_image{
	height:320px;
	width:780px;
	overflow:hidden;
	margin:10px auto;
}
	#featured_image img{
		width:780px;
		margin:auto;
		float:left;
	}
#image_copy{
	height:60px;
	width:780px;
	margin:-70px 10px;
	float:left;	
	background:url('/images/whooper/blue-gradient-trans.png') repeat-x top left;
}
	#image_copy .click{
		float:right;
		margin:20px 10px 0 0;
		width:120px;
	}
		#image_copy .click a{font-weight:bold;}
	#image_copy h3{
		margin:20px 180px 10px 10px;
		font-size:153.9%;
		text-align:left;
	}
#gallery_list{
  width: 460px;
  float: left;
}
	#gallery_list li{
		float:left;
		position:relative;
		height:63px;
		width:96px;
		padding:5px;
		display:block;
		overflow:hidden;
		background:#3D5A84;
		margin:0 8px 8px 0;
	}

		#gallery_list li a{
			display:block;
			height:63px;
			width:96px;
			overflow:hidden;
		}
		#gallery_list li img{width:96px;}
		
/** social links in footer **/
#lesser-huge-footer{
	width:800px;
	margin:10px auto;
}		
	#lesser-huge-footer #social_links{
		float:right;
		padding:10px;
		width:545px;
		background:#3D5A84;		
	}
	#lesser-huge-footer #social_links li{
		margin:20px 0;
		float:left;
		position:relative;
		width:20%;
		text-align:center;
		vertical-align:middle;
	}
	#social_links li.twitter{padding-top:15px;}
	#social_links li.rss{padding-top:9px;}
	#social_links li.googleearth{padding-top:4px;}
		
/*** TITLES - as some idiot wants to use a custom font and flash replacement sucks so instead hide the copy and show some images ***/
h1.whooper-home span,
h1.full-map span,
h2.meet-the-swans span,
h1.swans span,
h2.from-the-diary span,
h1.whooper-funders span,
h1.whooper-whooper-swans span,
h1.whooper-the-project span,
h1.whooper-schools span,
h1.whooper-the-migration span,
h3.how-to-follow-the-swans span,
h2.your-media span,
#social_links h3 span,
.blog-holder h1.blog span,
h1.gallery span{
	display:none;
}
h1.whooper-home{
	width:300px;
	height:42px;
	display:block;
	background:url('/images/whooper/titles/super-whooper-trans.png') no-repeat center left;
}
h1.gallery{
	width:300px;
	height:42px;
	display:block;
	background:url('/images/whooper/titles/gallery-trans.png') no-repeat center left;
}
h1.full-map{
	width:150px;
	height:42px;
	display:block;
	background:url('/images/whooper/titles/full-map-trans.png') no-repeat center left;		
}
h1.swans{
	width:200px;
	height:40px;
	background:url('/images/whooper/titles/the-swans-trans.png') no-repeat center left;		
}
h1.whooper-funders{
	width:150px;
	height:42px;
	display:block;
	background:url('/images/whooper/titles/whooper-funders-trans.png') no-repeat center left;		
}
h1.whooper-whooper-swans{
	width:364px;
	height:42px;
	display:block;
	background:url('/images/whooper/titles/whooper-swan-facts-trans.png') no-repeat center left;		
}
h1.whooper-the-project{
	width:364px;
	height:42px;
	display:block;
	background:url('/images/whooper/titles/the-project-trans.png') no-repeat center left;		
}
h1.whooper-schools{
	width:364px;
	height:42px;
	display:block;
	background:url('/images/whooper/titles/schools-trans.png') no-repeat center left;		
}
h1.whooper-the-migration{
	width:364px;
	height:42px;
	display:block;
	background:url('/images/whooper/titles/the-migration-trans.png') no-repeat center left;		
}
.blog-holder h1.blog{
	width:370px;
	height:48px;
	display:block;
	background:url('/images/whooper/titles/super-whooper-blog-trans.png') no-repeat center left;
}
h2.meet-the-swans{
	display:block;
	width:200px;
	height:42px;
	background:url('/images/whooper/titles/meet-the-swans-trans.png') no-repeat center left;
}
h2.from-the-diary{
	display:block;
	width:200px;
	height:30px;
	background:url('/images/whooper/titles/from-the-diary-trans.png') no-repeat center left;
}
h3.how-to-follow-the-swans{
	display:block;
	width:300px;
	height:30px;
	background:url('/images/whooper/titles/how-to-follow-the-swans-trans.png') no-repeat center left;
}
#social_links h3{
	display:block;
	width:480px;
	height:30px;
	background:url('/images/whooper/titles/other-ways-you-can-follow-swans-progress-trans.png') no-repeat center left;
}
h2.your-media{
	display:block;
	width:110px;
	height:28px;
	background:url('/images/whooper/titles/your-media-trans.png') no-repeat center left;
}

/* Swans cms page */
#cms-swan-page #map-holder{
  width: 460px;
}
#cms-swan-page #google-map{
  width: 438px;
  margin-bottom: 10px;
}
#cms-swan-page #media{
  margin-top: 35px;
}
#cms-swan-page .blog-entry{
  margin-top: 0;
}
.cms-content-block{
  margin: 5px 10px 5px 0;
  font-size: 85%;
}


/** swans listing **/
.content-item{
	width:236px;
	float:left;
	padding:10px;
	background:#3D5A84;	
	margin:10px 10px 0 0;	
}
	.content-item .image_holder{
		width:236px;
		overflow:hidden;
		height:180px;
		margin-bottom:5px;
	}
	
	
/** generic cms page **/
#generic-content-holder *{text-align:left;}
#generic-content-holder p{
	margin:10px 0;
}
#generic-content-holder a{
	color:#fff;
	text-decoration:underline;
}
#generic-content-holder ul li{
	margin-left:15px;
	list-style-type:disc;
}
#generic-content-holder .flow_left{
	float:left;
	margin:15px 8px 10px 0px;
}
#generic-content-holder .flow_right{
	float:right;
	margin:15px 0px 10px 8px;
}
#generic-content-holder .flow_none{
	float:none;
	margin:15px 8px 10px 8px;	
}
#generic-content-holder h3,#generic-content-holder h2 {font-size:153.9%;}
#generic-content-holder #listing,
#generic-content-holder #generic_header{
	width:780px;
	margin:auto;
}
#generic-content-holder #listing{
  margin-top: 10px;
	padding:1px 10px;
	background:#2f4667;	
}