body {
 font-size:62.5%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background:#000;
 color:#000;
 background:url(../images/bg_top.gif) repeat-x 0 20px;}

*{
 margin:0;
 padding:0;
 list-style:none;}

hr {
 display:none;}


/* GLOBAL
-----------------------------------------------------------------------------------------*/
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

/* hide from ie-mac \*/
.clearfix {display:block;}
/* end hide from ie mac */
.clearfix {display:block !important;}
.clearfix {display:inline-block;}

.imgreplace{ /* apply image replacement */
 text-indent:-999999px;
 text-align:justify;
 overflow:hidden;
 display:block;}

.nounderline{ /* remove underline */
 text-decoration:none !important;}

/* FORMS
----------------------------------------------------------------------------------------*/
fieldset{
 border:none;}

fieldset br{
 clear:left;}

fieldset label{
 font-weight:bold;}

fieldset  .radio{
 margin: 0 0 0 5px;
 vertical-align:middle;}

input.text{
 border-bottom:1px solid #d4d0c8;
 border-right:1px solid #d4d0c8;
 border-left:1px solid #808080;
 border-top:1px solid #808080;
 height:16px;
 font-size:11px;
 background:url(../images/bg_textbox.gif) no-repeat top left;}


/* LINKS
--------------------------------------------------------------------------------------*/
a img{
 border:none;}

a:focus{
 outline:none;}

a,a:visited{
 color:#bb2873;}

a:hover{
 color:#000;}

a.link{
 background:url(../images/icon_arrow.gif) no-repeat right 3px;
 padding: 0 10px 0 0;}

a.listennow{
 background:url(../images/btn_listennow.gif) no-repeat top left;
 width: 89px;
 height:21px;
 margin: 5px 0 0 0;}
 
/* HEADINGS
--------------------------------------------------------------------------------------*/

h1, h2 {
 margin: 37px 0 0 0;
 color:#FFF;
 font-size:1.3em;
 padding: 2px 0 0 0;
 height:29px;}

h1 span, h2 span{
 margin: 0 0 0 5px;
 height:20px;}

h3 {
 font-size:1.1em;}

h3 span{
 float:right;
 color:#000;}


/* PAGE LAYOUT
--------------------------------------------------------------------------------------*/
#container{
 width:762px;
 margin: 20px auto 0 auto;}

#header{
 height: 289px;
 height:362px;
 background:url(../images/banner.jpg) no-repeat top left;}

#content{
 font-size:1.2em;
 clear:both;
}

#footer{
 background:url(../images/footer.gif) repeat-x top left;
 height:64px;
 clear:both;
 margin: 60px 0 0 0;}

/* HEADER
--------------------------------------------------------------------------------------*/
.logo{
 background:url(../images/logo.gif) no-repeat top left;
 float:left;
 width: 209px;
 height:60px;}

form.search{
 float:right;
 height:60px;}

form.search input.text{
 border:1px solid #000;
 background:#FFF;
 font-family:Arial, Helvetica, sans-serif;
 height:17px;
 padding: 1px 0 0 0;
 vertical-align:top;}
 
.badge{
 background:url(../images/badge.png) no-repeat top left;
 width: 139px;
 height:118px;
 position:absolute;
 margin: 230px 0 0 623px;}

/* Main Navigation */
ul#main-nav{
 clear:both;
 position:relative;
 top: 229px;}

ul#main-nav li {
 margin: 0 13px 0 0;
 float:left;
 height:35px;
 font-size:1.4em;
 position:relative;}

ul#main-nav li.active a{
 color:#000 !important;
 background:url(../images/bg_navactive.gif) no-repeat bottom center;}

ul#main-nav li.active a span{
 background:#dccb45;}

ul#main-nav li a span{
 display:block;
 padding: 8px 15px 0 15px;
 height:27px;
 float:left;
 background:url(../images/bg_nav.gif) repeat-x top left;}

ul#main-nav li.active a:hover{
 color:#000 !important;}

ul#main-nav li a{
 color:#FFF !important;
 display:block;
 height:43px;
 float:left;
 text-decoration:none !important;}

ul#main-nav li a:hover{
 color:#dccb45 !important;}

/* CONTENT
--------------------------------------------------------------------------------------*/
#content p{
 padding: 0 0 30px 0;
 line-height:1.5em;}
 
.breadcrumbs{
 color:#bb2873;}
 
/* Primary Content
------------------------------------- */
#primary-content{
 width: 511px;
 float:left;
 }

.column{
 width: 240px;
 float:left;}

.column-right{
 float:right !important;}
 
/* intro */
.intro {
  margin-top:-20px;
}
.intro p{
 background:url(../images/bg_gradientbox.gif) repeat-x top left;
 min-height:144px;
 height:auto !important;
 height:144px;
 padding: 10px 15px !important;}

.intro p img{
 float:right;
 margin: 20px 0 0 0;}

.intro h1{
 background:url(../images/header_bluelong.gif) no-repeat top left;}

/* News */
.news {
 background:url(../images/bg_news.gif) no-repeat top left;
 height:21px;
 margin: 30px 0 0px 0;
 display:block;
 color:#000 !important;
 padding: 3px 0 0 60px;}

/* podcast */
.column h2{
 background:url(../images/header_bluesmall.gif) no-repeat top left;
 height:38px;}

.column p span.date{
 display:block;}

/* about */
.right-box {
 margin: 0 0 40px 0;
 background:#f5f5f5;}
 
.column-right h2{
 background:url(../images/header_pinksmall.gif) no-repeat top left;
 height:38px;
 width: 240px;}
 
.column-right p{
 padding: 0 15px 20px 15px !important;}

/* intro video */ 
.bluelong h2{
 background:url(../images/header_bluelong2.gif) no-repeat top left;
 margin-bottom: 10px;}

.bluelong p{
 width: 220px;}

/* latest podcast */
.pinklong h2{
 background: url(../images/header_pinklong.gif) no-repeat top left;
 margin-bottom: 20px;
 margin-top:20px;}

.pinklong {
 background-color: #f5f5f5;
}

.pinklong p{
 padding: 0 0 10px 0 !important;}

.date{
 padding:0;
 clear:both;}

.num{
 float:right;
 color:#000;
 font-weight:bold;
 margin: 5px 0 0 0;}

.options p{
 float:left;
}

.options .listen-now{
 background:url(../images/podcast_listen.gif) no-repeat top left;
 height: 62px;
 width: 511px;
 padding: 10px 0 0 50px !important;
 margin: 0;
 margin-right: 12px;}

.options .download{
 background:url(../images/podcast_download.gif) no-repeat top left;
 height:32px;
 padding: 10px 0 0 40px !important;
 width: 228px;}

.options .subscribe{
 background:url(../images/podcast_subscribe.gif) no-repeat top left;
 float:right;
 width: 180px;
 height:32px;
 padding: 10px 0 0 50px !important;}

/* previous podcast */
.previous-podcast h2{
 background:url(../images/header_yellowlong.gif) no-repeat top left;
 height:32px;}

.previous-podcast .item{
 padding: 10px;
 margin: 0 0 10px 0;}

.previous-podcast .highlight {
 background:#f7f7f7;}

.previous-podcast .item p{
 padding:0 !important;
 margin:5px 0 0 0 !important;
 clear:both;}

.previous-podcast .item .item-info span{
 float:right;
 font-weight:bold;}

.previous-podcast .item .link{
 float:left;}

.previous-podcast .more{
 background:#f7f7f7;
 padding: 10px;
 display:block;
 width: 120px;
 margin: 25px 0 0 0;}
 
.mainbox p {
  padding: 0pt 15px 20px !important
}

.mainbox h3 {
  padding: 0pt 15px 5px !important
}

.mainbox ul li {
  list-style: disc;
  margin: 0 25px 5px 30px;
}

/* Sidebar
------------------------------------- */
#sidebar{
 width: 221px;
 float:right;}
 
#sidebar h2{
 background:url(../images/header_sidebar.gif) no-repeat top left;
 height:33px;}

#sidebar p{
 padding: 0 0 20px 0;}

#sidebar .box{
 background:#f9f6e0;
 padding: 0 10px 20px 10px;}

#sidebar label{
 margin: 0 0 5px 0;
 display:block;}

#sidebar input.text{
 width: 189px;
 margin: 0 0 3px 0;}

#sidebar .ad{
 margin: 50px 0 0 0;}

#sidebar .button{
 margin: 10px 0 0 0;}

.babyname{
 background:#f9f6e0 url(../images/bg_getnamebottom.jpg) no-repeat bottom left !important;
 min-height:165px;
 height:auto !important;
 height:165px;}

/* discount */
.discount{
 background:url(../images/discount.jpg) no-repeat top left;
 width: 173px;
 height:284px;
 color:#01a8cc;
 letter-spacing:normal !important;
 font-size:1.4em;
 line-height:1.3em;
 text-align:center;
 font-weight:bold;
 margin: 40px 0 0 0;
 font-family:Arial, Helvetica, sans-serif;
 padding: 10px 24px 0 24px;}

#dk_advert {
  margin-top:20px; 
}

/* FOOTER WRAPPER
--------------------------------------------------------------------------------------*/
#footer-wrapper{
 width:762px;
 margin: 0 auto;
 color:#FFF;}

#footer-wrapper p{
 font-size:1.2em;
 padding: 5px 0 0 0;}

#footer-wrapper ul li {
 margin: 0 13px 0 0;
 float:left;
 height:35px;
 font-size:1.4em;
 position:relative;}

#footer-wrapper li a span{
 display:block;
 padding: 8px 15px 0 15px;
 height:27px;
 float:left;
 background:url(../images/bg_nav.gif) repeat-x top left;}

#footer-wrapper li a{
 color:#FFF !important;
 display:block;
 height:43px;
 float:left;
 text-decoration:none !important;}


/* Misc */
#video_player {
  float:right;
  margin: 0 10px 10px 10px;
}

.clear {
  clear:both;
}

.linklist {
  list-style-type: none;
}