.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

a { text-decoration: none; }
a:hover { text-decoration: none; }

body { margin: 0; padding: 0; height: 100%; width: 100%; background-color: #303030; overflow: hidden; }

#bgimg { position: absolute; z-index: -1; }
#realBody { position: absolute; width: 100%; height: 100%; background: url('http://www.foxyshazam.net/images/site/raster.png'); overflow: auto; z-index: 5; }

/* WRAPPER */
#wrapper { position: relative; width: 1030px; }

#social { position: fixed; bottom: 8px; right: 0; z-index: 0; }
#social ul li { float: left; margin-left: 12px; }
#social ul li a { display: block; width: 32px; height: 32px; }
#social a.facebook { display: block; background: url('http://www.foxyshazam.net/images/site/social_icons.png') -133px -2px no-repeat; }
#social a:hover.facebook { background-position: -133px -34px; }
#social a.myspace { display: block; background: url('http://www.foxyshazam.net/images/site/social_icons.png') -89px -2px no-repeat; }
#social a:hover.myspace { background-position: -89px -34px; }
#social a.tumblr { display: block; background: url('http://www.foxyshazam.net/images/site/social_icons.png')  -46px -2px no-repeat; }
#social a:hover.tumblr { background-position: -46px -34px; }
#social a.twitter { display: block; background: url('http://www.foxyshazam.net/images/site/social_icons.png') -2px -2px no-repeat; }
#social a:hover.twitter { background-position: -2px -34px; }

/* SIDEBAR */
#sideBar { position: fixed; /*float: left;*/ padding: 27px 30px 0 20px; width: 260px; height: 100%; }

#logo { }

#callOut { margin-top: 25px; }
#callOut a { display: block; width: 285px; height: 102px; background: url('http://crushmm.net/gaby/foxy/tumblr/images/buy_album.png') 0 0 no-repeat; text-indent: -2000em; }
#callOut a:hover { background-position: 0 -102px; }

/* Newsletter */
.newsletter { position: relative; margin-top: 20px; z-index: 15; }
.newsletter .input { float: left; margin: 0; padding: 8px 10px 7px 10px; width: 135px; height: 15px; font: 15px/15px 'Caudex', Arial, serif; color: #4b3b34; letter-spacing: -1px; background-color: #fff; border: 0; }
.newsletter .btnSubmit { float: left; margin: 0 0 0 6px; padding: 0; width: 50px; height: 30px; border: 0; background: url('http://www.foxyshazam.net/images/site/btn_submit.png') 0 0 no-repeat; text-indent: -20000em; }
.newsletter .btnSubmit:hover { background-position: 0 -30px; }


#content { position: relative; float: right; margin-left: 10px; padding: 30px 20px 20px 20px; width: 660px; background: transparent url('http://www.foxyshazam.net/images/site/overlay.png') 0 0 repeat; z-index: 5; }

/* NAV */
#nav { position: relative; margin-top: 30px; margin-left: -20px; z-index: 15; }
#nav a { display: block; float: left; padding: 9px 20px 0 25px; height: 34px; font: 700 22px/22px 'Caudex', Arial, serif; color: #fff; z-index: 1; }
a:hover.home, a.home.active { background: url('http://www.foxyshazam.net/images/site/menu_bar.png') 100% 0 no-repeat; }
a:hover.videos, a.videos.active { background: url('http://www.foxyshazam.net/images/site/menu_bar.png') 100% 0 no-repeat; }
a:hover.ask, a.ask.active { background: url('http://www.foxyshazam.net/images/site/menu_bar.png') 100% 0 no-repeat; }
a:hover.shows, a.shows.active  { background: url('http://www.foxyshazam.net/images/site/menu_bar.png') 100% 0 no-repeat; }
a:hover.about, a.about.active  { background: url('http://www.foxyshazam.net/images/site/menu_bar.png') 100% 0 no-repeat; }
a:hover.gallery, a.gallery.active  { background: url('http://www.foxyshazam.net/images/site/menu_bar.png') 100% 0 no-repeat; }

/* FOOTER */
#controls { position: fixed; padding-left: 40px; bottom: 15px; left: -3px; width: 375px; height: 27px; z-index: 0; }
#controls button { margin-right: 8px; border: 0; text-indent: -20000em; }
#controls button.vidPlay { width: 53px; height: 27px; background: url('http://www.foxyshazam.net/images/site/btn_video_controls.png') 0 0 no-repeat; }
#controls button:hover.vidPlay { background-position: 0 -27px; }
#controls button.vidPause { width: 58px; height: 27px; background: url('http://www.foxyshazam.net/images/site/btn_video_controls.png') -67px 0 no-repeat; }
#controls button:hover.vidPause { background-position: -67px -27px; }
#controls button.vidMute { width: 53px; height: 27px; background: url('http://www.foxyshazam.net/images/site/btn_video_controls.png') -137px 0 no-repeat;}
#controls button:hover.vidMute { background-position: -137px -27px; }

#controls .credit { float: left; margin: 9px 0 0 0; }
#controls .credit p { font: 10px/10px Arial, serif; color: #978d7e; }
#controls .credit p a { color: #fc6545; }

#team { position: relative; margin: 10px 0 0 -40px; width: 175px;  }

.entry { margin-bottom: 30px; padding-bottom: 30px; width: 660px; border-bottom: 1px solid #fc6545; }
.entry h2 { margin-bottom: 8px; font: 700 28px/32px 'Caudex', Arial, sans-serif; color: #978d7e; }
.entry h2 a { color: #978d7e; }
.entry h2 a:hover { color: #fc6545; }

.entryLeft { width: 140px; }
.entryLeft p.date { font: 700 38px/40px 'Caudex', Arial, sans-serif; color: #978d7e; }
.entryLeft p { font: 16px/22px 'Caudex', Arial, sans-serif; color: #fff; }
.entryLeft p a { color: #fc6545; }
.entryLeft p a:hover { color: #978d7e; }

.entryRight { width: 500px; }
.entryRight p { font: 16px/29px Arial, sans-serif; color: #fff; }
.entryRight p a { color: #fc6545; }
.entryRight p a:hover { color: #978d7e; }
.entryRight .high_res { display: block; font: 12px/18px Arial, sans-serif; color: #fff; text-align: right; }
.entryRight .high_res a { color: #978d7e; }
.entryRight .high_res a:hover { color: #fc6545; }

.hasTags { margin-top: 20px; width: 500px; }
.hasTags b { float: left; margin-right: 12px; font: bold 12px/14px Arial, sans-serif; color: #978d7e; }
.hasTags a { margin-right: 10px; float: left; font: 12px/14px Arial, sans-serif; color: #fc6545; }
.hasTags a:hover { color: #978d7e; }

.entry .footer { }
.entry .footer a { color: #fc6545; }

#container { padding: 0 0 50px 0; }
#user_info { padding-bottom: 20px; }

.comments { margin: 20px 0 20px 0; padding: 14px 0 14px 0; border-top: 1px solid #fc6545; border-bottom: 1px solid #fc6545; }

li.note { margin: 0; padding: 8px 0 8px 0; font: 14px/20px Arial, sans-serif; color: #fff; }
li.note blockquote { font-size: 12px!important; }
li.note blockquote a { color: #fff!Important; }
li.note blockquote a:hover { color: #fc6545!Important; }

li.note a { color: #fc6545; }
li.note a:hover { color: #fff; }

.count { font: 16px/29px 'Caudex', Arial, sans-serif; color: #978d7e; text-align: center; }
.links { padding: 0 20px 0 20px; width: 460px; }
.links a { font: 16px/18px 'Caudex', Arial, sans-serif; color: #978d7e; }
.links a:hover { color: #fc6545; }

/* Credits */
.credits { position: absolute; left: 25px; bottom: 45px; z-index: 0!important; }
.credits a { display: block; float: left; margin-right: 10px; background: url('http://www.foxyshazam.net/images/site/credits_sprite.png') 0 0 no-repeat; text-indent: -20000em; }
.credits a.irs { width: 43px; height: 54px; }
.credits a.piermont { width: 27px; height: 54px; background-position: -55px 0; }
.credits a.crush { width: 87px; height: 54px; background-position: -93px 0; }

.lmbrjck { position: fixed; right: 25px; bottom: 15px; z-index: 0!important; }
.lmbrjck p { font-size: 8px; text-transform: uppercase; text-align: center; }

/* About */
#content.about { }
#content.about .face.fl { padding: 10px 10px 10px 0; }
#content.about .face.fr { padding: 10px 0 10px 10px; }
#content.about p { margin-bottom: 25px; font: 16px/28px Arial, Helvetica, sans-serif; color: #fff; }
#content.about p b { color: #fc6545!important; }
#content.about p a { color: #fc6545 }
#content.about p a:hover { color: #fc6545 }

#content.about p.members { font-size: 20px; font-family: 'Caudex', Arial, sans-serif; text-align: center; }
#content.about p.heavy { padding: 20px 0; font-size: 24px; font-family: 'Caudex', Arial, sans-serif; line-height: 38px; font-style: italic; text-shadow: 0 1px 0 #000; }