/* BAM Web Site css file */

/* core html set */
body{
    font-size: 12px;
    font-family: sans-serif;
    color: white;
    text-align: left;
}
.list_main{
    font-size: 115%;
    color: silver;
    border-bottom: solid 1px black;
    padding: 3px;
    list-style-type: none;
}
.list_main a{
    color: silver;
    text-decoration:none;
    border-bottom: solid 1px black;
    padding: 3px;
    list-style-type: none;
}
.list_main a:hover{
    color: #95a1c5;
    list-style-type: circle !important
    border-bottom: solid 1px black;
    padding: 3px;
    list-style-type: none;
}
.list_item{
    font-size: 110%;
    color: silver;
    border-bottom: solid 1px #000000;
    padding: 3px;
    list-style-type: none;
}
.list_item a{
    color: silver;
    text-decoration:none;
    border-bottom: solid 1px #000000;
    padding: 3px;
    list-style-type: none;
}
.list_item a:hover{
    color: #95a1c5;
    list-style-type: circle !important;
    border-bottom: solid 1px #000000;
    padding: 3px;
    list-style-type: none;
}
a {
    color:#ffffff;
    text-decoration: inherit;
}
a:hover {
    color:#95a1c5;
    text-decoration:inherit;
}
a:visited {
    color:#ffffff;
    text-decoration:inherit;
}
a:active {
    color:#95a1c5;
    text-decoration:inherit;
}
#paragraph_style{
    font-size: 14px;
    font-style: normal;
}
/* end core html set css */

/* radio player */
#radio{
    background: url(imgs/radio.jpg) no-repeat rgba(0,0,0,1);
}
.button {
    font-size: 80%;
    -moz-box-shadow:inset 0px 1px 0px 0px #737373;
    -webkit-box-shadow:inset 0px 1px 0px 0px #737373;
    box-shadow:inset 0px 1px 0px 0px #737373;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#196396;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#0f3232;
    font-family:arial;
    font-weight:bold;
    padding:5px;
    margin: 3px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}
.button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}
.button:active {
    position:relative;
    top:1px;
}
/* end radio */

/* Musicians Access page specific */
#maccess{
    background: url(imgs/carbon-fibre-pattern.jpg);
}
/* end Musicians Access css */

/* 508 page specific */
#five0eight{
   /* background: rgba(0,0,0,0.9); */
   background: url(imgs/tolex_sm.jpg);
}
/* end 508 specific css */

/* boxed art media specific css */
#bam{
    background-color: black;
}

.logo_art{
    height: auto;
    max-height: 300px;
    width: auto;
    max-width: 300px;
}
/* end boxed art media specific css */


/* main section css */
.header{
    background-color: white;
    width: 98%;
    height: auto;
    max-width:1799px;
    border: solid 5px grey;
    margin: 5px;
    padding: 2px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    text-align: left;
}
.main_container{
    margin: 5px 5px 10px 2px;
    padding: 2px;
    width: auto;
    max-width:1799px;
    height: auto;
    overflow: auto scroll;
    background:rgba(150, 154, 150, 0.6);
    border-radius: 15px;
    -moz-border-radius: 15px;
    border-right: 1px solid #c4c4c4;
    border-bottom: 1px solid #ffffff;
    list-style-type:none;
    text-align: left;
}
.main_section_title_block{
    height: 20px;
    padding: 8px;
    margin: 0px 0px 10px 0px;
    background: url(imgs/applefabric.jpg);
    color: white;
    text-indent: 25px;
    text-shadow: 2px 2px #185288;
    font-size: 135%;
    border-radius: 15px;
    -moz-border-radius: 15px;
    border-right: 1px solid #c4c4c4;
    border-bottom: 1px solid #ffffff;
    text-align: left;
}
.main_section_icon{
    height: auto;
    max-height: 20px;
    width: auto;
    max-width: 20px;
    float: left;
}
.top_news{
    width: auto;
    height: auto;
    overflow: auto;
    padding: 5px;
    margin: 5px;
    background-color: black;
    border-radius: 15px;
    -moz-border-radius: 15px;
    border-left: 1px solid #2b2b2b;
    border-top: 1px solid #2b2b2b;
    text-align: left;
}
.top_icon{
    float: left;
    margin: 10px;
    border: solid 2px silver;
    height: auto;
    max-height: 100px;
    width: auto;
    max-width: 100px;
}
.top_story{
    width: auto;
    font-size: 120%;
    margin-top: 10px;
    margin-left: 130px;
    display: block;
    overflow: auto;
    text-align: left;
}
.main_album_block{
    width: auto;
    height: auto;
    min-height: 250px;
    overflow: auto;
    padding: 5px;
    margin: 2px;
    background-color: black;
    border-radius: 15px;
    -moz-border-radius: 15px;
    border-left: 1px solid #2b2b2b;
    border-top: 1px solid #2b2b2b; 
}
.album_title{
    color: white;
    font-weight: bold;
    text-align: center;
    margin: 2px 0px 2px 0px;
    clear: both;
}
album_title a {
    color: white;
    text-decoration: none;
}
album_title:hover a {
    color: white;
    text-decoration: none;
}
.album_release_date{
    color: white;
    text-align: center;
    font-size:85%;
    margin: 2px 0px 2px 0px;
}
.album_art{
    height: auto;
    max-height: 150px;
    width: auto;
    max-width: 150px;
}
.main_music{
    width: 70%;
    height: auto;
    overflow: auto;
    padding: 5px;
    margin: 2px;
    background-color: black;
    border-radius: 15px;
    -moz-border-radius: 15px;
    border-left: 1px solid #2b2b2b;
    border-top: 1px solid #2b2b2b; 
}
.left_column{
    width: 74%;
    float: left;
    margin-right: 3px;
}
.right_column{
    float: left;
    width: 24%;
    margin-left: 3px;
    list-style-type:none;
}
/* end main section css */

/* second level page css */
.top_news_pge2{
    width: auto;
    height: auto;
    overflow: auto;
    padding: 5px;
    margin: 5px;
    background-color: black;
    border-radius: 15px;
    -moz-border-radius: 15px;
    border-left: 1px solid #2b2b2b;
    border-top: 1px solid #2b2b2b;
    text-align: left;
}

.top_news_pge2_title{
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    text-align: left;
}

.address {
	text-align: center;
}

.p{
	text-align: left;
}

.link_block{
    margin: 5px;
    padding: 10px;
}
/* end second level css */

/* end nav UI css */
/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:5px;
	/* Clear floats */
	float:left;
        clear: both;
	width:98%;
        padding: 5px 10px 5px 10px;
        margin: 2px;
        background: black;
        color: white;
        text-indent: 5px;
        text-shadow: 2px 2px #185288;
        text-align: left;
        border-radius: 15px;
        -moz-border-radius: 15px;
        border-right: 1px solid #c4c4c4;
        border-bottom: 1px solid #ffffff;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
        margin-top: 2px;
	margin-right:10px;
	position:relative;
}
#nav a{
	display:block;
	padding:5px;
	color:#fff;
	text-decoration:none;
        border-radius: 15px;
        -moz-border-radius: 15px;
        border-right: 1px solid #c4c4c4;
        border-bottom: 1px solid #c4c4c4;
}
#nav a:hover{
	color:#95a1c5;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#000000; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(0, 0, 0, 0.4); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
        padding: 2px;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#727272;
	text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#858585;
        border-radius: 15px;
        -moz-border-radius: 15px;
}
.nav_icon{
    float: left;
    height: auto;
    max-height: 15px;
    width: auto;
    max-width:15px;
    margin: 2px 1px 2px 1px;
}
/* end nav UI css */

/* resources css */
.resource_col_left{
    float: left !important;
    width: 49%;
}
.resource_col_right{
    float: left !important;
    width: 49%;
}
.resource_block{
    float: left;
    width: 370px;
    height: auto;
    margin: 3px;
    padding: 3px;
}
.resource_left{
    float: left;
    width: 30%;
    height: auto;
    margin: auto;
    clear: both;
}
.resource_pic{
    height: auto;
    max-height: 100px;
    width: auto;
    max-width: 100px;
    border: 1px solid dimgrey;
}
.resrouce_name{
    margin: auto;
    width: 90%;
    overflow: auto;
    text-align: center;
    font-weight: bold;
    font-size: 95%;
}
.resource_info{
    float: left;
    width: 60%;
    height: auto;
}
/* end resources css */

/* store page css */

/*end store page css */

/* image special treatments */
.image-block {
    width:150px;
    margin:25px 10px;
    float:left;
}
.reflection {
    position:relative;
}
.reflection img {
    margin-top:5px;
    -webkit-transform: scaleY(-1);
       -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
         -o-transform: scaleY(-1);
            transform: scaleY(-1);
    filter: flipv; opacity:0.40;
    filter: alpha(opacity='20');
}
.overlay {
    position:absolute; top:0px; left:0px; width:150px; height:160px;
    background-image: -moz-linear-gradient( center bottom, rgb(255,255,255) 60%, rgba(255,255,255,0) 75%);
    background-image:   -o-linear-gradient( rgba(255,255,255,0) 25%, rgb(255,255,255) 10%);
    background-image:     -webkit-gradient( linear, left bottom, left top, color-stop(0.40, rgb(0,0,2)), color-stop(0.80, rgba(0,0,0,0)));
    filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, startColor=0, EndColorStr=#ffffff);
}
/* end image special treatments section */

/* stream player */
.stream_player{
    text-align: left;
    color: white;
    font-weight: bold;
    font-size: 120%;
    width: auto;
    min-width: 300px;
    height: 280px;
    background: rgba(0,0,0,0.2);
    padding: 5px 1px 5px 1px;
    clear: both;
    border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-right: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
    list-style-type: none;
}

.stream_player.ul{
	list-style-type: none;
}

.onair{
    max-height: 50px;
    max-width: 100px;
    margin: 10px;
}
.stream{
    text-align: center;
    float: left;
    display: block;
    overflow-style: marquee-line scroll;
    marquee-direction: rtl;
    white-space: nowrap;
    background: grey;
    width: 280px;
    height: 20px;
}
.player{
    height: 50px;
    width: 210px;
}
/* end stream player */

/* sidebar css */
.sidebar_right{
    float: left;
    width: 99%;
    min-width: 305px;
    margin: 0px 3px 3px 5px;
    background: url(imgs/applefabric.jpg);
    border-radius: 15px;
    -moz-border-radius: 15px;
}
.sidebar_top_header{
    width: auto;
    height: 35px;
    background: rgba(0, 0, 0, 0.7);
    clear: both;
    padding: 5px;
    -moz-box-shadow: 0px 0px 5px #06093c;
    -webkit-box-shadow: 0px 0px 5px #06093c;
    box-shadow: 0px 0px 5px #06093c;
}
.sidebar_header_icon{
    float: left;
    height: auto;
    max-height: 30px;
    widht: auto;
    max-width: 30px;
    margin: 3px 0px 5px 5px;;
}
.sidebar_title{
    font-size: 130%;
    color: silver;
    float: left;
    margin: 5px 0px 5px 10px;
}

/* end main section css */

/* footer */
.footer{
    clear: both;
    width: 98%;
    margin: 5px;
    padding: 10px;
    height: 50px;
    color: silver;
    background:rgba(0, 0, 0, 0.6);
    border-radius: 15px;
    -moz-border-radius: 15px;
    border-right: 1px solid #c4c4c4;
    border-bottom: 1px solid #ffffff;
}
.footer_icon{
    height: auto;
    max-height: 40px;
    width: auto;
    max-width: 40px;
    float: left;
    display: block;
    margin: 3px;
}
.footer_left{
    text-align: left;
    width: 18%;
    float: left;
    margin: 1px;
}
.footer_center{
    text-align: center;
    font-weigth: bold;
    width: 60%;
    float: left;
    margin: 1px;
    padding: 20px;
}
.footer_right{
    text-align: right;
    width: 16%;
    float: left;
    margin: 1px;
}
/* end footer css */