/* CSS Document */

/* Reset */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, input, th, td
{
margin: 0; padding: 0; border: 0; outline: none;
}

h1, h2, h3, h4, h5, h6
{
font-size: 100%;
font-weight: normal;
}

ul, lo {
list-style: none;
}

img {
border: 0;
}

/* End Reset */

body {
background: url(../images/brownbg.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

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

.floatRight{
float:right;
}

.floatLeft{
float:left;
}


p{
margin: 0px 0px 15px 0px;
}

/* h2 is content subheadings*/
h2{
color: #df5352;
font-size:2em;
padding-bottom:5px;
}

.container {
margin: 0 auto;
top:0px;
width:859px;
text-align: left;
}

#header{
width: 859px;
}

#logo{
background: url(../images/header_logo.jpg) no-repeat;
float:left;
height: 421px;
width: 386px;
}

/* News Section Styles */
#news{
background: url(../images/header_news.jpg) no-repeat;
height: 421px;
width: 473px;
position:relative;
float:left;
}

#newsText{
margin-left: 50px;
height: 250px;
overflow:scroll;
overflow:hidden;
}

.newsBanner{
color:#FFF;
font-size: 2em;
letter-spacing: -2px;
margin-top: 84px;
margin-left:50px;
position:absolute;
}

.newsSession{
display:inline;
text-transform:uppercase;
color: #df5352;
font-size: .6em;
font-weight: bold;
padding-right: 5px;
}

.newsDate{
display:inline;
color: #df5352;
font-size: .8em;
padding-right: 10px;
font-weight: bold;
}

.newsItem{
display:inline;
color: #392d26;
font-size: .8em;
}

ul#newsItems li{
padding-bottom: .8em;
}

/* Menu Styles */
#menu {
background: url(../images/menu_bg.jpg) no-repeat;
height:60px;
width: 859px;
}

#menu ul{
margin: 0px;
padding-left: 25px;
}

#menu li{
display:inline;
padding-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 2.8em;
color: #a27568;
text-decoration:none;
letter-spacing: -3px;
}

#menu li:hover{
color: #df5352;
cursor: pointer;
}

/* Content Section Styles */
#content {
background: url(../images/content_bg.jpg) repeat-y;
min-height: 100px;
width: 859px;
padding-bottom: 50px;
}

#contentText{
color:  #392d26;
font-size: .9em;
padding-left: 30px;
padding-right: 30px;
padding-top: 25px;
line-height: 150%;
}


ul#credits{
margin-bottom:25px;
}

#contentBottom{
background: url(../images/content_bottom.jpg);
width: 859px;
height: 27px;
}

/* Footer Styles */
#footer {
background: url(../images/footer_bg.jpg);
height: 143px;
width: 859px;
}

#footerAudioPlayer{
float:left;
margin-left: 17px;
}

#footerContact{
float:right;
text-align:right;
margin-right: 35px;
}

h6{
color:#FFF;
font-size:1.2em;
letter-spacing: -1px;
margin-bottom: 5px;
padding-top: 25px;
font-weight: bold;
}

#footerContact ul{
}

#footerContact li{
color:#FFF;
font-size:.9em;
}

#footerContact li a{
text-decoration:none;
color: #fff;
}


/* Audio Player Buttons */
#transportButtons{
padding-top: 6px;
float:right;
}

#transportPlay{
display:block;
width: 34px;
height: 43px;
background: url(../images/transport_play.png) no-repeat 0 0;
float:right;
}

#transportPlay:hover{
background-position: 0 -43px;
}

#transportPlay span{
visibility:hidden;
display:none;
}

#transportPause{
display:block;
width: 37px;
height: 43px;
background: url(../images/transport_pause.png) no-repeat 0 0;
float:right;
}

#transportPause:hover{
background-position: 0 -43px;
}

#transportPause span{
display:none;
}

#transportStop{
display:block;
width: 37px;
height: 43px;
background: url(../images/transport_stop.png) no-repeat 0 0;
float:right;
}

#transportStop:hover{
background-position: 0 -43px;
}

#transportStop span{
display:none;
}

/* Music Buttons */

#listeningItems{
min-height: 500px;
}

.musicItem {
width: 154px;
height: 150px;
float: left;
position: relative;
margin-top:10px;
margin-left: 15px;
margin-right: 15px;
margin-bottom:30px;
}

.musicItem a {
	text-decoration: none;
	float: left;
}
.musicItem a:hover {
	cursor: pointer;
}

.musicItem a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.musicItem a:hover .desc{
	display: block;
	font-size: 1em;
	padding: 7px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 35px;
	left: 0px;
	padding-left:10px;
	width: 145px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	line-height:1em;
}

.musicItem a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.1em;
}

.musicItem a .desc {	display: none; }
.musicItem a:hover .more { visibility: hidden;}


/* Audiobook Buttons */
#tipperary{
display:block;
width: 172px;
height: 200px;
background: url(../images/audiobooks/Tipperary.jpg) no-repeat 0 0;
float:left;
margin-right: 14px;
margin-top: 10px;
}

#tipperary:hover{
background-position: 0 -200px;
}

#tipperary span{
display:none;
}

#lostSymbol{
display:block;
width: 172px;
height: 200px;
background: url(../images/audiobooks/DanBrownLostSymbol.jpg) no-repeat 0 0;
float:left;
margin-top: 10px;
}

#lostSymbol:hover{
background-position: 0 -200px;
}

#lostSymbol span{
display:none;
}

#panicinlevel4{
display:block;
width: 172px;
height: 200px;
background: url(../images/audiobooks/PanicInLevel4.jpg) no-repeat 0 0;
float:right;
margin-left: 14px;
margin-top: 10px;
}

#panicinlevel4:hover{
background-position: 0 -200px;
}

#panicinlevel4 span{
display:none;
}

#mayaangelou{
display:block;
width: 172px;
height: 200px;
background: url(../images/audiobooks/MayaAngelou.jpg) no-repeat 0 0;
float:right;
margin-top: 10px;
}

#mayaangelou:hover{
background-position: 0 -200px;
}

#mayaangelou span{
display:none;
}
/* Misc Classes */
.audiobook{
margin-right: 8px;
border: solid #392d26 1px;
}

.profilepic{
float: left;
border: solid #ff5a48 3px;
-moz-border-radius: 3px 3px;
-webkit-border-radius: 3px;
margin-right: 30px;
margin-bottom: 9px;
}

.bold{
font-weight: bold;
font-size: 1em;
}