/*
Theme Name: Sylvia
Description: The theme for The Antlers website, circa the 'Sylvia' single in early 2009
Version: 1.0
Author: Matthew McVickar
Author URI: http://matthewmcvickar.com/
*/

#wpstats
{
  display: none !important;
}

html,
body
{
  height: 100%;
  margin: 0
}

body
{
  background: url(images/background.jpg) left top no-repeat fixed;
}

.container
{
  margin: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

.header_background
{
  height: 85px;
  position: fixed;
  z-index: 5;
}

.header
{
  height: 85px;
  margin: 0 auto;
  position: relative;
  width: 960px;
}

.header h1,
.header ul,
.header img.separator
{
  position: fixed;
  z-index: 6;
}

.header a img
{
  border: 0;
}

.header h1,
.header h1 a
{
  float: left;
}

.header h1 span
{
  display: none;
}

.header h1 a
{
  padding: .8em 0;
}

.header img.separator
{
  margin: 1.15em .25em 0 181px;
}

.header ul.navigation
{
  list-style: none;
  margin: 1.35em auto 0 190px;
  padding: 0;
  width: 100%;
}

.header ul.navigation li,
.social_networking_links li
{
  float: left;
}

.header ul.navigation li span,
.social_networking_links li span
{
  display: none;
}

.header ul.navigation li a
{
  background-image: url(images/navigation.png);
  background-repeat: no-repeat;
  float: left;
  display: block;
  height: 40px;
  outline: 0 !important;
}

.header ul.navigation li a.news    { background-position: 0 -63px; width: 84px; }
.header ul.navigation li a.tour    { background-position: 0 -107px; width: 83px; }
.header ul.navigation li a.media   { background-position: 0 -150px; width: 102px; }
.header ul.navigation li a.lyrics  { background-position: 0 -193px; width: 103px; }
.header ul.navigation li a.photos  { background-position: 0 -279px; width: 114px; }
.header ul.navigation li a.contact { background-position: 0 -323px; width: 128px; }
.header ul.navigation li a.store   { background-position: 0 -236px; width: 93px; }

.header ul.navigation li a.news:hover, .page-id-12 ul.navigation li a.news       { background-position: 0 -367px; }
.header ul.navigation li a.tour:hover, .page-id-7 ul.navigation li a.tour       { background-position: 0 -411px; }
.header ul.navigation li a.media:hover, .page-id-14 ul.navigation li a.media     { background-position: 0 -454px; }
.header ul.navigation li a.lyrics:hover, .page-id-15 ul.navigation li a.lyrics   { background-position: 0 -497px; }
.header ul.navigation li a.photos:hover, .page-id-16 ul.navigation li a.photos, .page-id-129 ul.navigation li a.photos   { background-position: 0 -583px; }
.header ul.navigation li a.contact:hover, .page-id-18 ul.navigation li a.contact { background-position: 0 -627px; }

.social_networking_links
{
  margin: 0;
  padding: 0;
  position: fixed;
  top: 23px;
  margin-left: 905px;
  z-index: 99;
}

.social_networking_links li
{
  list-style: none;
  margin: 0;
  padding: 0;
}

.social_networking_links li a
{
  background-image: url(images/navigation.png);
  background-repeat: no-repeat;
  float: left;
  display: block;
  height: 21px;
  width: 18px;
  outline: 0 !important;
}

.social_networking_links li a.twitter  { background-position: -6px -4px; }
.social_networking_links li a.facebook { background-position: -45px -4px; }
.social_networking_links li a.myspace  { background-position: -85px -4px; }
.social_networking_links li a.twitter:hover  { background-position: -6px -34px; }
.social_networking_links li a.facebook:hover { background-position: -45px -34px; }
.social_networking_links li a.myspace:hover  { background-position: -85px -34px; }

.footer
{
}

.content
{
  clear: left;
  padding: 0 0 0 200px;
  z-index: 4;
}

h2,
h3,
h4
{
  font-family: Georgia, Times, serif;
  font-weight: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
}

h2
{
  font-size: 1.2em;
}

h2 a,
h3 a
{
  text-decoration: none;
}

a:link,
a:visited,
a:active
{
  color: #a47965;
  text-decoration: none;
}

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

.pulled,
.subheading,
.entry .contact h3
{
  float: left;
  margin: 0 10px 0 -200px;
  position: relative;
  text-align: right;
  width: 168px;
}

.date,
.subheading,
.pulled strong,
h2.pulled,
a.pulled,
.entry .contact h3
{
  color: #888;
  font-family: Georgia, Times, serif;
  font-size: .9em;
  font-weight: normal;
  line-height: 2.1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

h2.pulled
{
  line-height: 1.8;
}

a.pulled
{
  line-height: 1.6;
}

.entry
{
  margin: 0 auto;
  padding-bottom: 2em;
  text-align: justify;
  width: 760px;
}

.post
{
  margin: 0 auto 3em auto;
  text-align: justify;
}

.main
{
  float: left;
  position: relative;
  width: 468px;
}

.sidebar
{
  float: left;
  position: relative;
  padding-left: 38px;
  width: 253px;
}

p
{
  color: #444;
}

.entry .contact
{
  margin-bottom: 1.75em;
}

.entry .contact p
{
  padding-top: 1px;
}

ul.twitter
{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.twitter li
{
  color: #666;
  font-size: 11px;
  margin: 0 0 1.5em 0;
  padding: 0;
  overflow: hidden;
  text-align: left;
}

ul.twitter li a.twitter-link
{
  font-size: 8px;
  width: 25px;
}

ul.twitter li .twitter-permalink
{
  font-size: 12px;
  font-weight: bold;
}

.follow_us
{
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.banner
{
  margin: 0 0 1em -200px;
  width: 960px;
  padding: 0;
  height: 180px;
}

.banner .album_art
{
  float: left;
}

.banner em
{
  font-family: Georgia, Times, serif;
  font-size: 18px;
  font-style: italic;
}

.banner p
{
  color: #555;
}

.banner .banner_column
{
  float: left;
}

.banner .banner_column a
{
  font-weight: bold;
}

.banner .banner_column.column_1
{
  width: 450px;
}

.banner .banner_column.column_1 .album_art
{
  margin-right: 33px;
}

.banner .banner_column.column_1 p
{
  font-size: 12px;
  line-height: 1.8;
  margin: .75em 0;
}

.banner .banner_column.column_2
{
  margin-left: 20px;
  width: 435px;
}

.banner .banner_column.column_2 div
{
  margin-bottom: 18px;
  height: 75px;
}

.banner .banner_column.column_2 .album_art
{
  margin-right: 15px;
}

.banner .banner_column.column_2 em
{
  font-size: 13px;
}

.banner .banner_column.column_2 p
{
  font-size: 11px;
  margin: .4em 0;
}

.banner .banner_column.column_2 a:link,
.banner .banner_column.column_2 a:visited,
.banner .banner_column.column_2 a:active
{
  color: #888;
}

.banner .banner_column.column_2 a:hover
{
  color: #000;
}

.banner .subcolumn
{
  float: left;
  width: 236px;
}

.banner .subcolumn.mini
{
  width: 190px;
}

.banner .subcolumn.mini div
{
  height: 35px;
  margin-bottom: 7px;
}

.banner .subcolumn.mini em
{
  display: block;
  font-size: 11px !important;
  padding-top: 1px;
}

.banner .subcolumn.mini p
{
  font-size: 9px !important;
  margin-top: .1em;
}

.banner .subcolumn.mini img
{
  border: 1px solid #aaa;
  clear: left;
  float: left;
  margin-right: 10px !important;
  width: 32px;
  height: 32px;
}

.bit-events
{
  margin-left: -61px;
}

.bit-bottom
{
  display: none;
}

.tour_list ul
{
  margin: 0;
  padding: 0 0 25px 0;
}

.tour_list li
{
  line-height: 1.6;
  list-style: none;
  margin: 0 0 .85em 0;
  padding: 0;
}

.tour_list li p
{
  margin-bottom: 0;
}

.tour_list li br
{
  display: none;
}

.tour_list li a
{
  font-weight: bold;
}

.tour_list li .city
{
  color: #888;
  display: block;
  font-size: 11px;
}

.tour_list li .date
{
  margin-top: -1px;
}

.tour_list.from_rss_feed li .date
{
  margin-top: -37px;
}

.tour_list h4
{
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: .7em;
}

hr
{
  background: transparent url(images/hr.png) left repeat-x;
  color: transparent;
  border: 0;
  margin: 0 0 25px -200px;
  padding: 0;
  width: 960px;
  height: 5px;
}

.pulled em
{
  color: #888;
  font-size: .9em;
}

.lyrics.entry,
.contact.entry
{
  margin-top: -20px;
}

.lyrics.entry p
{
  margin-right: 38.5%;
}

.lyrics.entry img
{
  margin-bottom: 28px;
}

.lyrics.entry em.byline
{
  display: block;
  margin-top: 8.25em;
}

.entry .navigation
{
  font-family: Georgia, Times, serif;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.separator
{
  font-size: 1em;
  margin: 1.5em 0;
  text-align: center;
}

.ui-widget-overlay
{
  background: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ui-dialog-titlebar-close
{
  color: #fff !important;
  font-weight: bold;
  position: absolute;
  top: 20px;
  right: 6px;
  text-transform: uppercase;
}

.media_list
{
  float: left;
  margin: 0;
  padding: 0;
  width: 210px;
}

.media_list ul
{
  margin: 0;
  padding: 0;
}

.media_list ul li
{
  color: #666;
  font-weight: bold;
  list-style: none;
  margin: 0 0 .5em -3px;
  padding: 0;
}

.media_list ul li.no_quotation_mark
{
  margin-left: 0;
}

.media_list ul li.ui-tabs-selected a,
.media_list ul li a.ui-state-selected
{
  color: #000 !important;
  font-weight: bold;
}

.video
{
  border: 20px solid #000;
  float: left;
  width: 400px;
}

#songs
{
  margin-bottom: 25px;
}

.controls
{
  background: #000;
  float: left;
  height: 14px;
  margin: 0 0 0 0;
  padding: 4px 2px;
  width: 20px;
  position: relative;
}

.controls li
{
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  lefT: 0;
}

.controls li a
{
  display: block;
  padding: 5px 5px 3px 7px;
}

.current_track
{
  float: left;
  margin: 2px 0 0 10px;
}

#pcent
{
  color: #ccc;
  margin-left: 2em;
}

.entry.photos h2.pulled
{
  margin-top: 25px;
}

.entry.photos .set
{
  margin-bottom: 1.5em;
}

.entry.photos .set a
{
  display: block;
  margin-left: -200px;
  padding-left: 200px;
  width: 100%;
  height: 75px;
}

.entry.photos .set img
{
  float: left;
  margin: 0 20px 0 0;
}

.slideshow
{
  height: 100%;
  margin-left: -200px;
}

.slideshow #slides
{
  margin: 4em auto 0 auto;
  height: 500px;
  width: 500px;
}

.slideshow #slides div
{
  height: 500px;
  width: 500px;
}

.slideshow #slides div img
{
  margin: auto;
  display: block;
}

.slideshow .controller_wrapper
{
  background: url(images/footer_background.png) top repeat-x;
  height: 27px;
  padding-top: 23px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 3;
}

.slideshow .controller_wrapper .controller
{
  font-family: Georgia, Times, serif;
  letter-spacing: 2px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align:left;
  text-transform: uppercase;
  width: 960px;
  height: 100%;
  z-index: 5;
}

.slideshow .controller_wrapper .controller .photoset_title
{
  color: #888;
  position: absolute;
  left: 0;
}

.slideshow .controller_wrapper .controller .navigation
{
  margin: 0 auto;
  text-align: center;
  width: 350px;
}

.slideshow .controller_wrapper .controller .navigation a
{
  margin: 0 1.5em;
}

.slideshow .controller_wrapper .controller .back_to_photos
{
  position: absolute;
  right: 0;
}

.ui-tabs-hide
{
  display: none;
}