* {
font-family : Arial, Helvetica, sans-serif;
}
body {
margin : 0;
padding : 0;
background : #e6e3d6 url(../_images/body-bg.gif) repeat-x left top;
font-size : 62.5%;
}
p, li, dd, td {
font-size : 1.2em;
color : #645f49;
}
p {
line-height : 1.3em;
}
li {
margin : 6px 0;
}
a:link {
color : #ac3900;
text-decoration : underline;
}
a:visited {
color : #9c3400;
text-decoration : underline;
}
a:hover {
color : #c84200;
text-decoration : none;
}
a:active {
color : #ac3900;
text-decoration : underline;
}
hr {
height : 1px;
margin : 0;
padding : 0;
background-color : #acb0b6;
border-top : none;
border-bottom : none;
border-left : none;
border-right : none;
clear : both;
}
div > hr {
margin : 8px 0;
}
ul, ol, dl {
position : relative;
}
dl {
display : inline;
}
dl dt {
color : #0b1e49;
font-size : 1.4em;
font-weight : normal;
line-height : 20px;
}
dl dt a:link, dl dt a:visited, dl dt a:active {
color : #0b1e49;
text-decoration : none;
}
dl dt a:hover {
text-decoration : underline;
}
dl dd {
position : relative;
display : table;
margin : 6px 0 6px 0;
padding : 0;
color : #645f49;
line-height : 1.3em;
height : 85px;
}
dl dd a:link, dl dd a:visited {
display : block;
color : #645f49;
text-decoration : none;
}
dl dd a:hover {
text-decoration : underline;
color : #645f49;
}
dl dd img {
float : left;
position : relative;
}
dl dd strong, dl dd li {
font-size : 1em;
}
.landscape {
width : 100px;
height : 66px;
}
.portrait {
width : 100px;
height : 149px;
}
dl dd div {
position : relative;
float : left;
margin-right : 14px;
border : 5px solid #a3a8af;
}
div.crop {
width : 100px;
height : 66px;
overflow : hidden;
}
dl.homeShows dd {
position : relative;
display : inline;
margin : 6px 0 6px 0;
padding : 0;
color : #645f49;
line-height : 1.3em;
height : 85px;
}
dl.homeShows dd a:link, dl dd a:visited {
display : inline;
color : #645f49;
text-decoration : none;
}
dl.homeShows dd a:hover {
text-decoration : underline;
}
dl.homeShows dt {
width : 315px;
}
h1 {
color : #0b1e49;
font-size : 2em;
font-weight : normal;
line-height : 30px;
}
h2 {
color : #fffdcb;
font-weight : normal;
font-size : 1.6em;
background : url(../_images/h2-endCap.gif) no-repeat right top;
line-height : 24px;
padding-left : 6px;
margin : 0 0 0 12px;
vertical-align : top;
}
.h2-startCap {
background : url(../_images/h2-startCap.gif) no-repeat left top;
height : 24px;
}
.h2-bg {
background : #3c3c3c url(../_images/h2-bg.gif) repeat-x left top;
height : 24px;
}
.h2box {
background-color : #d1cbc5;
border-left : 1px solid #c1bdb4;
border-right : 1px solid #c1bdb4;
border-bottom : 1px solid #c1bdb4;
border-top : 1px solid #c1bdb4;
padding : 0 14px 0 14px;
min-height : 75px;
height : auto !important ;
height : 80px;
}
.h2box p {
color : #2c2c2c;
}
h3 {
color : #61666d;
font-size : 1.8em;
font-weight : normal;
margin : 6px 0 16px 0;
padding : 1px 0 0 28px;
line-height : 22px;
background : url(../_images/h3-icon.gif) no-repeat left top;
}
.h3box {
background : #dce1e8 url(../_images/h3-bg.gif) repeat-x left top;
border-left : 1px solid #acb0b6;
border-right : 1px solid #acb0b6;
border-bottom : 1px solid #acb0b6;
border-top : 1px solid #acb0b6;
padding : 0 14px 0 14px;
margin-top : 0;
margin-bottom : 10px;
position : relative;
}
h4 {
color : #0b1e49;
font-size : 1.4em;
font-weight : normal;
line-height : 20px;
}
#header {
width : 794px;
height : 101px;
margin : 0 auto;
}
#flash {
width : 794px;
margin : 0 auto;
}
#flashAudio {
border : none;
display : inline;
clear : both;
margin-bottom : 14px;
}
#content {
width : 794px;
margin : 0 auto;
display : table;
background : url(../_images/frame-bg.gif) repeat-y center top;
vertical-align : top;
}
#contentRow {
display : table-row;
vertical-align: top;
}
#pageBottom {
width : 794px;
height : 133px;
margin : 0 auto;
background : url(../_images/screen-bottom.jpg) no-repeat center top;
clear : both;
}
#c1 {
position : relative;
display : table-cell;
float : left;
width : 203px;
border-top : 1px solid #b3ab8e;
border-left : 1px solid #b3ab8e;
top : 0;
left : 22px;
vertical-align : top;
}
#c1 h2 {
font-size : 1.6em;
font-weight : normal;
margin : 17px 0 0 24px;
padding : 2px 0 0 15px;
color : #7a704c;
line-height : 1.2em;
background : url(../_images/h2-subnavIcon.gif) no-repeat left top;
}
#c1 ul {
margin : 6px 14px 24px 14px;
padding : 0;
}
#c1 li {
list-style-type : none;
margin : 0;
padding : 0;
display : inline;
}
#c1 li a:link, #c1 li a:visited, #c1 li a:hover, #c1 li a:active {
margin : 0 0 1px 0;
padding : 2px 12px;
color : #554f39;
background-color : #d1d1ce;
border-left : 3px solid #c1c1be;
text-decoration : none;
display : block;
}
#c1 li a:hover {
color : #554f39;
background-color : #d1d1ce;
border-left : 6px solid #c1c1be;
text-decoration : underline;
}
#c2 {
display : table-cell;
position : relative;
float : right;
top : 0;
left : -22px;
width : 544px;
vertical-align : top;
}
#c2-iefix {
margin-top : 0;
padding : 0 6px 6px 6px;
vertical-align : top;
}
#headAD img {
border : 1px solid #888c91;
position : relative;
top : 9px;
}
div#headAD {
background : url(../_images/AD-headerBar.gif) no-repeat left top;
position : relative;
top : 3px;
}
div.squareBanner {
position : relative;
display : block;
top : 0;
background : url(../_images/AD-showBar.gif) no-repeat left top;
left : 14px;
width : 175px;
}
div.showAD1 {
position : relative;
top : -100px;
right : -14px;
float : right;
width : 175px;
background : url(../_images/AD-showBar.gif) no-repeat left top;
border : none;
}
div.showAD1 img, div.showAD2 img, div.squareBanner img {
border : 1px solid #888c91;
position : relative;
top : 9px;
width : 173px;
}
div.showAD2 {
position : relative;
top : -45px;
float : right;
right : -14px;
width : 175px;
background : url(../_images/AD-showBar.gif) no-repeat left top;
border : none;
}
#searchBox {
width : 245px;
height : 75px;
position : relative;
left : 549px;
top : -63px;
background-color : #373737;
}
#searchBox form {
padding : 0;
margin : 0;
}
.searchButton {
float : right;
position : relative;
right : 10px;
top : 22px;
width : 69px;
height : 29px;
margin : 0;
padding : 0;
background : url(../_images/darkButton.gif) no-repeat center top;
}
.searchButton a, .searchButton a:visited {
line-height : 28px;
padding : 5px 14px;
color : #ececec;
text-decoration : underline;
}
.searchBar {
position : relative;
top : 18px;
float : left;
margin : 10px 0 0 14px;
}
.signupButton {
position : relative;
top : 0;
left : -12px;
float : right;
width : 55px;
height : 23px;
margin : 12px 12px;
padding : 0;
background : url(../_images/submitButton.gif) no-repeat center top;
}
.signupButton a, .signupButton a:visited {
line-height : 22px;
padding : 2px;
margin : 12px 12px;
color : #3c3624;
text-decoration : none;
}
.signupBar {
float : left;
margin : 0 12px;
}
#signup p {
margin : 12px 0 0 12px;
}
#showPhoto {
position : relative;
float : right;
width : 195px;
margin-left : 20px;
}
#showPhoto img {
position : relative;
border : 5px solid #a3a8af;
}
#showPhoto p {
text-align : center;
font-style : italic;
}
#showAudio {
float : right;
width : 250px;
}
a.rssfeed {
display : block;
background : url(../_images/rss.gif) no-repeat left center;
line-height : 25px;
margin : 8px 0 0 12px;
padding : 0 0 0 35px;
font-size : 1.2em;
color : #dd4e26;
}
a.podcast {
display : block;
background : url(../_images/podcast.gif) no-repeat left center;
line-height : 25px;
margin : 8px 0 0 12px;
padding : 0 0 0 35px;
font-size : 1.2em;
color : #dd4e26;
}
a.facebook {
display : block;
background : url(../_images/facebook_logo_ie.gif) no-repeat left center;
line-height : 25px;
margin : 8px 0 0 12px;
padding : 0 0 0 35px;
font-size : 1.2em;
color : #dd4e26;
}
a.twitter {
display : block;
background : url(../_images/twitter_logo_ie.gif) no-repeat left center;
line-height : 25px;
margin : 8px 0 0 12px;
padding : 0 0 0 35px;
font-size : 1.2em;
color : #dd4e26;
}
#partners {
position : relative;
left : 16px;
background : url(../_images/AD-showBar.gif) no-repeat left top;
width : 175px;
top : 0;
}
#partners img {
border : 1px solid #888c91;
position : relative;
top : 9px;
width : 173px;
}
#footer {
background : #171717 url(../_images/footer-bg.gif) repeat-x left top;
height : 115px;
padding : 20px 0 0 0;
}
#footer a {
color : #969696;
padding : 0 4px;
}
#footer p {
color : #626262;
text-align : center;
width : 794px;
margin : auto;
}
#footer hr {
height : 1px;
margin : 10px 0;
padding : 0;
background-color : #3b342b;
border-top : none;
border-bottom : none;
border-left : none;
border-right : none;
clear : both;
}
.imgBorder {
border : 5px solid #a3a8af;
}
#bigcontainer {
width : 205px;
margin : 0;
padding : 0;
}
#coffeeimagecontainer {
margin-left : 15px;
float : left;
margin-right : 5px;
}
#coffeeimage {
background-image : url("../images/coffeepackage.jpg");
width : 23px;
height : 60px;
}
.trigger {
cursor : pointer;
}
.trigger:hover {
cursor : pointer;
background : #dcf0fb;
}
.expanded {
background : #ddd;
cursor : pointer;
}
.expanded:hover {
background : #fff;
cursor : pointer;
}
.hide {
position : absolute;
left : -999em;
height : 1px;
width : 100px;
overflow : hidden;
}