/*
Theme Name: Sound Seekers 2009
*/

* { margin: 0; padding: 0; font-size: 1em; }

img, embed, form, fieldset { border: 0; vertical-align: bottom; }

body { font: 62.5% "Arial", sans-serif; background: #fff; color: #000; text-align: center; }

ul, ol { list-style: none; }

a { color: #000; text-decoration: none; }

#hdr { background: #edf5ff; }
#hdr div { width: 980px; margin: 0 auto; padding: 3em 0 0; text-align: left; overflow: hidden; }
#hdr strong.logo { float: left; }
#hdr strong.logo a { width: 240px; height: 55px; float: left; background: url(images/logo.png) no-repeat top left; text-indent: -99999px; }
#hdr strong.logo a:hover { border-bottom: 2px solid #324c69; }
#hdr ul.contact { text-align: right; font-size: 1.2em; color: #324c69; }
#hdr ul.contact li { display: inline; margin: 0 0 0 2em; }
#hdr ul.menu { margin: 13px 0 0; padding: 0 0 .6em; float: right; }
#hdr ul.menu li { float: left; }
#hdr ul.menu li a { float: left; color: #324c69; padding: 6px; font-size: 1.6em; font-weight: bold; text-transform: lowercase; }
#hdr ul.menu li a:hover, #hdr ul li a:active, #hdr ul li a:focus { text-decoration: underline; }
#hdr ul.menu li.current_page_item a, #hdr ul li.current_page_parent a { color: #fff; background: #4798d1; }

#strapline { background: #4798d1; }
#strapline div { width: 980px; margin: 0 auto; padding: 10px 0; background:  url(images/strapline.png) no-repeat center left; text-align: right; overflow: hidden; zoom: 1; }
#strapline a { font-size: 1.4em; color: #fff; font-weight: bold; float: right; }
#strapline a:hover, #strapline a:active, #strapline a:focus { text-decoration: underline; }

#content { width: 980px; margin: 0 auto; padding: 2em 0; line-height: 1.6; text-align: left; color: #333; min-height: 420px; overflow: hidden; zoom: 1; }

#content h1 { font-size: 2em; color: #4798d1; }
#content h2 { margin: 1.2em 0 1px; font-size: 1.6em; border-bottom: 2px solid #4798d1; }
#content h3 { margin: 1.2em 0 1px; font-size: 1.4em; }
#content p { margin: 1.2em 0 1px; font-size: 1.4em; }
#content ul { margin: 1.2em 0 1px 2em; font-size: 1.4em; list-style: disc; }
#content ul li { margin: .3em 0 1px; }
#content ul li ul { margin: .5em 0 0 1.5em; font-size: .9em; }
#content table td { vertical-align: top; }

#content .clear { overflow: hidden; zoom: 1; }

#content ul.highlights { margin-left: 0; list-style: none; overflow: hidden; zoom: 1; }
#content ul.highlights li { width: 46.9%; margin-left: 3%; float: left; font-weight: bold; }

#content #subMenu { width: 200px; float: left; }
#content #main { width: 750px; float: right; }

#content #subMenu strong.hdr { font-size: 1.4em; display: block; padding: .2em 8px; color: #4798d1; border-bottom: 2px solid #4798d1; }
#content #subMenu strong.hdr a { display: block; color: #4798d1; border: 0; }
#content #subMenu strong.hdr a:hover, #content #subMenu strong.hdr a:active, #content #subMenu strong.hdr a:focus { text-decoration: underline; }
#content #subMenu ul { margin: 0; font-size: 1.2em; list-style: none; border-bottom: 1px solid #4798d1; }
#content #subMenu ul li { margin: 0; border-bottom: 1px solid #4798d1; }
#content #subMenu ul li a { display: block; padding: .2em 8px; background: #edf5ff; color: #324c69; border-bottom: 0; }
#content #subMenu ul li a:hover, #content #subMenu ul li a:active, #content #subMenu ul li a:focus { color: #000; text-decoration: underline; }
#content #subMenu ul li span.selected { display: block; padding: .2em 8px; color: #000; font-weight: bold; }
#content #subMenu ul li ul { font-size: 1em; border-bottom: 0; border-top: 1px solid #4798d1; }
#content #subMenu ul li ul li { border-bottom: 0; }
#content #subMenu ul li ul li a { background: #fff; padding: .2em 8px .2em 20px; }
#content #subMenu ul li ul li span.selected { padding: .2em 8px .2em 20px; }

#content p.imgRight { margin: 1.2em 0 .5em 1em; float: right; border: 2px solid #4798d1; padding: 2px; }
#content p.homeImage { margin: 10px; float: right; }
#content img.alignright { margin: 0 0 .5em 1em; float: right; border: 2px solid #4798d1; padding: 2px; background: #fff; }
#content img.alignleft { margin: 0 1em .5em 0; float: left; border: 2px solid #4798d1; padding: 2px; background: #fff; }

#content a { color: #4798d1; border-bottom: 1px solid #4798d1; }
#content a:hover { border-color: #324c69; }

#content .highlightBox { background: #4798d1; color: #fff; padding: 1px 20px 1.5em; }
#content .highlightBox h1 { margin: .5em 0 1px; color: #fff; }
#content .highlightBox p { margin: .3em 0 1px; color: #fff; }

#content #latest { overflow: hidden; zoom: 1; }
#content #latest .left { width: 48%; float: left; }
#content #latest .right { width: 48%; float: right; }

#content ul.helpOut { margin: 1.7em 0 1px; font-size: 1em; overflow: hidden; zoom: 1; list-style: none; }
#content ul.helpOut li { width: 31.3%; margin: 0 1%; float: left; }
#content ul.helpOut li h3 { margin: 0; text-align: center; }
#content ul.helpOut li p { font-size: 1.2em; }
#content ul.helpOut li p.image { text-align: center; }

#content #latest { overflow: hidden; zoom: 1; }
#content #latest .news { width: 48%; float: left; }
#content #latest .follow { width: 48%; float: right; }

#content #latest .follow .badges { margin: 1.6em 0 1px; font-size: 1em; list-style: none; float: left; }
#content #latest .follow .badges li { margin: 0 0 20px; }
#content #latest .follow .badges li a { border: 0; }
#content #latest .follow .badges li a img { opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
#content #latest .follow .badges li a:hover img { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

#content #latest #twitterFeed { margin: 1.6em 0 1px; padding: 0 0 0 10px; width: 370px; border-left: 1px solid #ccc; float: right; }
#content #latest #twitterFeed p { font-size: 1.2em; text-align: right; }
#content #latest #twitterFeed p.logo { margin: 0; text-align: left; }
#content #latest #twitterFeed p.logo a { border: 0; }
#content #latest #twitterFeed p.latest { padding: 0 10px; font-size: 1.4em; text-align: left; }
#content #latest #twitterFeed ul { margin: 1.2em 0 1px; font-size: 1em; list-style: none; }
#content #latest #twitterFeed li { font-size: 1.2em; border-bottom: 1px solid #ccc; padding: .3em 10px; }
#content #latest #twitterFeed li .twitter-timestamp { margin: 0 0 0 1em; font-size: .8em; color: #999; }
#content #latest #twitterFeed li .twitter-timestamp abbr { border: 0; }

#content #follow #twitterFeed ul.badges { margin: 0; overflow: hidden; zoom: 1; float: right; }
#content #follow #twitterFeed ul.badges li { margin: 0 20px 1px 0; padding: 0; border-bottom: 0; text-align: center; float: left; }
#content #follow #twitterFeed ul.badges li a { float: left; border: 0; }
#content #follow #twitterFeed ul.badges li a img { opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
#content #follow #twitterFeed ul.badges li a:hover img { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

#content #worldMap { margin: 1.6em 0 1px; line-height: 1; position: relative; }
#content #worldMap ul { margin: 0; font-size: 1em; list-style: none; }
#content #worldMap ul li { margin: 0; position: absolute; z-index: 2; }
#content #worldMap ul li.on { z-index: 3; }
#content #worldMap ul li a { font-size: 1.2em; font-weight: bold; border-bottom: 0; display: block; z-index: 2; position: relative; }
#content #worldMap ul li a img { position: relative; display: block; }
#content #worldMap ul li a span { float: left; font-size: 1.1em; position: absolute; left: -99999px; top: 2px; padding: 4px; background: url(images/worldmap-fade.png); white-space: nowrap; }
#content #worldMap ul li a:hover, #content #worldMap ul li a:active, #content #worldMap ul li a:focus { z-index: 3; }
#content #worldMap ul li a:hover span, #content #worldMap ul li a:active span, #content #worldMap ul li a:focus span { left: 24px; }

#ftr { background: #4798d1; }
#ftr div { width: 980px; margin: 0 auto; padding: 1em 0; line-height: 1.6; text-align: left; }
#ftr ul { color: #fff; font-size: 1.2em; }
#ftr ul li { padding: 0 .5em 0 .3em; display: inline; border-right: 1px dotted #fff; }
#ftr ul li.last { border-right: 0; }
#ftr ul li a { color: #fff; }
#ftr ul li a:hover, #ftr ul li a:active, #ftr ul li a:focus { text-decoration: underline; }