body { margin: 0px; padding: 0px; background : #fefefe; color: #222; font-family: Helvetica, Arial, sans-serif;}

#wrapper { margin: 0 auto; width: 942px; padding: 0 16px;}
#banner { background-color: #050707; height: 40px; margin: 0 0 40px 0; padding-top: 20px;}
#banner div.inner { width: 942px; margin: 0 auto; padding: 0 16px;}

#nav { margin: 0 76px 0 0; padding: 0; float: right; }
#nav li { width: 90px; float: left; list-style: none; padding: 0; margin: 0; height: 40px;}
#nav li a { display: block; width: 80px; margin: 0; border-left: 1px solid white; height: 32px; color: white; text-decoration: none; font-weight: bold; font-size: 13px; padding: 6px 2px 2px 8px; }
#nav a:hover, #nav a.current { color: #050707; background-color: white; border-left: 1px solid #222;}
#nav a:focus, #nav a:active { outline: none;}


#left-column { float: left; width: 420px; margin-right: 84px;}
#right-column { float: left; width: 400px;}
#web #left-column { width: 460px; margin-right: 50px;}

#news #left-column { width: 550px; margin-right: 62px; float: left; }
#news #right-column { margin-top: 40px; width: 270px; padding-left: 20px;}

#footer { border-top: 1px solid #ccc; clear: both; margin-top: 20px;}

h1 { float: left; margin: 0 auto; font-size: 22px; color: white; padding: 0.4em 0; }
h1 a { color: white; text-decoration: none; }
h1 a:hover, h1 a:hover span { color: #222; background-color: white;}
h1 span { text-transform: lowercase; font-size: 14px; color: #ccc; }

h2 { font-size: 16px; font-weight: bold; margin: 1em 0 1em 0em; }
#news #left-column h2 { margin-top: 2em; border-top: 1px solid #eee; padding-top: 1em; }
#news #left-column h2.top { margin-top: 0; }
h2.hang { margin-left: -16px;}
h2.twitter { border-top: 1px solid #ccc; padding-top: 1em; }
h3 { font-size: 14.5px; line-height: 22px; font-weight: bold; }
p.intro { font-size: 14.5px; line-height: 22px; }
p.intro a { font-size: 18px; text-decoration: none; font-weight: bold; padding: 0; }
h4 { font-size: 12px; font-weight: bold; margin: 0 0 0.25em; }
h5 { margin: 0; font-size: 12px; font-style: italic; font-weight: normal; }

a { color: #395264; padding: 2px; }
a:hover, a:focus { background-color: #eee; }
a.current { background-color: white; }
a.current span { color: black; }

p { font-size: 13px; line-height: 1.6em; margin: 1.4em 0; }

cite { margin: 0; font-size: 12px; }
.feature { border-top: 1px solid #ccc; padding-top: 1.4em;}

.top { border: none; padding-top: 0}
#flickr-feed {clear: both; padding-top: 0.4em; }


#content blockquote { font-size: 12px; line-height: 1.5em; margin: 2em; padding: 10px 40px 10px 40px; background: #eee url(../images/blockquote-bkgd.gif) no-repeat 10px 10px; }

#content ul { list-style: square; font-size: 12px; }
#content ul li { margin-bottom: 0.2em;	 }

#news #right-column ul { padding: 0; list-style: none; line-height: 150%; margin: 0 0 1.6em 0;}


.highlight { padding: 10px; background-color: #f9f1b2; margin-left: -20px;}
.highlight h4 { font-size: 14px; }

#sounds ul { padding: 0; list-style-type: none; margin: 0 0 20px 0; }
#sounds ul li { margin-bottom: 1em; padding: 0 0 1em; border-bottom: 1px solid #f1f1f1; }
#sounds ul li:last-child { border: none;}

.gallery { width: 460px; margin-bottom: 40px; padding: 0px; }
.gallery div { width: 200px; height: 150px; float: left; margin: 0 0 0 0; padding: 14px; }
.gallery img { display: block; margin: 0; background: transparent; }
.gallery a { text-decoration: none; font-size: 14px; padding: 0; }
.gallery div:hover { color: #222; background-color: #f7f7f7;}
.gallery a:hover { color: black; background: none;}
.feature:after, .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.left { float: left; margin-right: 1em; }
a.img { border: none; }
a.img:hover { background: none; }
img { border: 1px solid #eee; }
img.left { float: left; margin-right: 1em; }
img.right { float: right; margin-left: 1em; }
img.noborder { paddding: 0; border: none; }
img.caption { margin-bottom: 0; }
.imgfloat { float: left; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; }
.with-subtext {margin-bottom: 0; padding-bottom: 0}
.subtext {margin-top: 0; font-style: italic; line-height: 130%; color: #777;}

.credits { font-size: 10px; }
p.caption { font-size: 10px; margin: 0 0 0 13px; color: #777; }
p.tweet { font-size: 13px; line-height: 16px; }
p.copyright { font-size: 12px; font-style: italic; }

span.date { display: block; color: #999; font-size: 11px; }