#search {padding-bottom: 10px;}
#search p {clear: both;}
#search label {font-weight: bold; color: #888; display: block; float: left; text-align: right; width: 40px; padding-top: 5px;}
#search input[type="text"] {border: 1px solid #ccc; display: block; float: left; padding: 5px; margin-left: 10px; width: 238px;}
#search a.advanced {font-size: 10px; text-decoration: underline; color: #888; font-weight: normal; display:block; text-align: right;}
   #search a.advanced:hover {background: none; color: #C72400;}

#channels a {font-weight: lighter; font-size: 14px; text-transform: uppercase;}
#channels li {padding: 5px; margin-bottom: 5px; border: #ccc 1px solid; border-width: 0 0 1px 0;}
#channels li:last-child {border: 0; margin-bottom: 0px;}

#store-genre {clear: both;width: 100%; height: 40px; background: #eee; -moz-box-shadow: inset 0px 0px 5px #888;-webkit-box-shadow: 0px 0px 5px #888;box-shadow: 0px 0px 5px #888;}
/*#store-genre ul {width:1200px;}*/
#store-genre ul {text-align: center}
#store-genre li {display:inline-block; margin: 7px 10px 3px; cursor: pointer;}
#store-genre li > a {display:block;text-transform:uppercase; font-size: 12px; padding: 4px 5px 2px; -moz-border-radius: 12px; border-radius: 12px;}
#store-genre .current {background: #ccc;}

#flow {width: 540px; margin: 0 20px; float: left;}

#coverflow .arrow { width: 40px !important; height: 40px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); float: left; padding: 0; padding-top: 100px; margin: 0 !important;}
#coverflow .arrow:hover { opacity: 1; filter: alpha(opacity=100);}


#flow ul {list-style: none; min-height: 300px; max-height: 600px; overflow:hidden; width: 550px; margin: 0; padding: 0;}
#flow li { margin: 0; padding: 0;}

#flow img {max-height: 500px; max-width: 500px;}

#flow li {text-align: center; margin: 0 auto;}
#flow span.title {display: block; margin-top: 20px;}
   #flow> ul#flow-list > li a span.title {font-size: 24px !important; color: #888 !important;}

.jump-nav {width: 300px;}

#ruby-nav, #rdc #ruby-nav {background: url('/images/nav/nav_bg.png') no-repeat; height: 31px !important; padding-left: 12px !important;  margin-bottom: 12px !important;}
   #ruby-nav:after, #rdc #ruby-nav:after {content: "."; clear: both; visibility: hidden;}
   #ruby-nav li, #rdc #ruby-nav li {float: left; margin:0 !important; padding: 0 !important; padding-right: 2px !important; background: url('/images/nav/nav_border.png') right center no-repeat;}
   #ruby-nav a, #rdc #ruby-nav a {
            /*background: url('/images/nav/nav_border.png') right center no-repeat; */
           background: none;
            color: white; 
            font-family: "ITC Avant Garde Gothic","Avant Garde Gothic","Avant Garde",Futura,Helvetica,sans-serif;
            font-size: 16px;
            text-transform: lowercase;
            font-weight: 500;
            display: block;
            height: 20px !important;
            width: 77px !important;
            text-align: center;
            padding: 5px 13px 6px 13px;
            }

     #ruby-nav a:hover, #rdc #ruby-nav a:hover {background:url('/images/nav/nav_bg_active.png') repeat-x;}

    #ruby-nav #ruby-search, #rdc #ruby-nav #ruby-search {
            width: 170px !important; 
            margin: 5px 7px 5px 0 !important; 
            padding: 4px 0px 4px 26px !important; 
            height: 16px !important; 
            background: transparent url('/images/nav/nav-search.png') no-repeat; 
            border: 0;
            float: right;}

     #ruby-nav .on {width: inherit; padding: inherit; margin: inherit;}

#ruby-logo {display: block; width: 237px; height: 0; padding-top: 101px; margin: 30px auto 15px; background: url('/images/layout/ruby-logo.png') no-repeat; overflow: hidden;}

.caps {text-transform: uppercase;}

h2 {text-transform: lowercase !important; height: 27px;}

#col-2 h2 {background: url('/images/layout/col_2_head.png') no-repeat}

#col-1 h2, .radio #col-1 .news-title h2 {background: url('/images/layout/col_1_head.png') no-repeat}

#col-1 .inner h2 {background: url('/images/layout/col_inner_head.png') no-repeat}

#col-1 .news-title h2 {background: url('/images/layout/news_title_head.png') no-repeat}

#news .rss-icon {background: url('/images/layout/news_rss.png') no-repeat; margin-top:-43px; margin-left: -7px; padding-top: 27px; width: 28px;}


.radio_buttons {float: right; margin-top: 10px; margin-bottom: -50px;}
  .radio_buttons .ituneslink { display: block; float: right;}

.addthis_toolbox {float: left;}

.music-news-wrapper .player p {width: 100px !important;}

.facebook {position: relative; top: -3px;}

#twitter-widget {margin: 18px 0;}
 #twitter-widget h2 a {color: white;}
 #twitter-widget li {margin-bottom: 10px;}

.item .caption {
            font-size: 100%;
            font-weight: bold;
            text-align: center;
            color: black;
            max-height: 30%;
            bottom: 10%;
            background: url(img/1x1_0.5_black.png);
            width: 100%;
        }

.item .caption a,
.item .caption a:link,
.item .caption a:visited,
.item .caption a:active,
.item .caption a:hover {
                text-decoration: none;
                color: black !important;
                font-style: italic;
                font-size: 0.8em;
            }

.news-image {padding-right: 10px;}

.entry hr {margin-bottom: 10px; }

#music-search {display: block; width: 250px; padding: 5px;}
#music-search-suggestions  { position: absolute; z-index: 2;}
#music-search-suggestions li {width: 250px; padding: 5px; border: 1px solid #ccc; border-width: 0 1px 1px; background: white;}

.advertisement {margin-bottom: 36px; position: relative;}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
        width: 100%;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: black;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #DDA097;
	position: relative;
}

.jspDrag
{
	background: #D21818;
        background: -moz-linear-gradient(100% 100% 90deg, #D21818, #EE967B);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D21818),to(#EE967B));
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
       -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
       box-shadow: 0px 0px 5px #000;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: white;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspArrowLeft {
       background: url('/images/buttons/scrollarrow-left.png') top center no-repeat;
}

.jspArrowRight {
       background: url('/images/buttons/scrollarrow-right.png') top center no-repeat;
}

.jspArrowLeft:hover {
       background: url('/images/buttons/scrollarrow-left_active.png') top center no-repeat;
}

.jspArrowRight:hover {
       background: url('/images/buttons/scrollarrow-right_active.png') top center no-repeat;
}

.jspArrowLeft.jspDisabled {
       background: url('/images/buttons/scrollarrow-left_inactive.png') top center no-repeat;
}

.jspArrowRight.jspDisabled {
       background: url('/images/buttons/scrollarrow-right_inactive.png') top center no-repeat;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}