/* CSS Document */
body {
background-color:#403529;
}
#container {
top:115px;
width:560px;
height:auto;
}
.copy {
	color:#FFF;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}
.copy2 {
background-color:#2A414C;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-bottom-color:#fffff;
border-left-color:#ffffff;
border-bottom-width:2px;
border-right-width:2px;
left:110px;
position:absolute;
top:115px;
width:545px;
height:auto;
overflow: none;

color:#FFF;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

}

.copy h2 {
	font-size:18px;
	font-weight:bold;
}
.help a {
text-decoration: underline;
font-weight: bold;
}
#content span a:hover, #content_large span a:hover {
color:#FFFF99;
}
.copy h3 {
	font-size:16px;
	font-weight:bold;
	line-height:.9;
}
.copy h3:hover {
text-decoration:underline;
}
.results {
line-height:.95;
margin-bottom:5px;
}
.search_title {
font-size:18px;
	font-weight:bold;
	line-height:.9;
	margin-bottom:5px;
	vertical-align:top;
	
	}
	.search_title a {
	color:#FFFF99;}
.search_title:hover {
	
	
	}
.search_title_2:hover {
color:#FFFF99;

}
#header_home {
background-image:url(../elements/header_new2.jpg);
height:120px;
width:450px;
left:110px;
top:25px;
position:absolute;
}

#header_home_mobile {
background-image:url(../elements/header_new2.jpg);
height:120px;
width:450px;
left:15px;
top:5px;
position:absolute;

}
#header {
background-image:url(../elements/header_mini.jpg);
height:120px;
width:181px;
left:110px;
top:25px;
position:absolute;



}

#header_byo {
background-image:url(../elements/header_mini.jpg);
height:120px;
width:181px;
left:110px;
top:25px;
position:absolute;



}
#menu {
left:570px;;
top:25px;
position:absolute;
background-color:#216384;
height:80px;
width:100px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-bottom-color:#fffff;
border-left-color:#ffffff;
border-bottom-width:2px;
border-right-width:2px;
text-shadow: 0px 1px 2px #374683;
background: -webkit-gradient(linear, left top, left bottom, from(#216384), to(#0C4E6F)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #216384,  #0C4E6F); /* for firefox 3.6+ */
	-webkit-box-shadow: 1px 1px 4px #000000;
	-moz-box-shadow: 1px 1px 4px #000000;
}
#menu_byo {
left:750px;;
top:25px;
position:absolute;
background-color:#216384;
height:80px;
width:100px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-bottom-color:#fffff;
border-left-color:#ffffff;
border-bottom-width:2px;
border-right-width:2px;
}
#menu span, span a, #menu_byo span, span a {
margin-left:3px;
margin-top:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
line-height:.9;
}

#menu a:hover, #menu_byo a:hover {
color:#FF9;
}
#content {
left:110px;
position:absolute;
top:115px;
width:545px;
min-height:350px;
background-color:#2A414C;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-bottom-color:#fffff;
border-left-color:#ffffff;
border-bottom-width:2px;
border-right-width:2px;
overflow:hidden;
}

#content_byo {
left:110px;
position:absolute;
top:115px;
width:725px;
height:600px;
background-color:#2A414C;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-bottom-color:#fffff;
border-left-color:#ffffff;
border-bottom-width:2px;
border-right-width:2px;
overflow:hidden;
}

#content_large {
left:110px;
position:absolute;
top:115px;
width:545px;

height:auto;
background-color:#2A414C;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-bottom-color:#fffff;
border-left-color:#ffffff;
border-bottom-width:2px;
border-right-width:2px;
overflow: none;

}

#content_large2 {
left:110px;
position:absolute;
top:115px;
width:545px;
height:auto;

overflow: none;

}


#content_large a:hover {
color:#FF9;}

#content_mobile {
left:15px;
position:absolute;
top:90px;
width:430px;
height:330px;
background-color:#2A414C;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-bottom-color:#fffff;
border-left-color:#ffffff;
border-bottom-width:2px;
border-right-width:2px;
overflow: auto;
}
#content h1, #content_mobile h1, #content_large h1 {
margin-left:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
line-height:.9;
text-shadow: 0px 1px 2px #000000;
}
#content .header, #content_large .header {
margin-left:18px;
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-shadow: 0px 1px 2px #000000;
}
#content a, #content_mobile a, #content_large a {
text-decoration:none;
color:#FFFFFF;
}
#content .help a, #content_large .help a  {
text-decoration: underline;}
#content .help a:hover {
color:#FFFF99;
}
#content .help, #content_large .help {
margin-right:10px;}
#content .help ul {
margin-right:20px;}
#content .header:hover {
color:#FFFF99;
}
.search {
position:absolute;
height:70px;
width:280px;
left:280px;
top:30px;
background-image:url(../elements/background.png);
background-repeat:repeat;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-bottom-color:#fffff;
border-left-color:#ffffff;
border-bottom-width:2px;
border-right-width:2px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
-webkit-box-shadow: 1px 1px 4px #000000;
	-moz-box-shadow: 1px 1px 4px #000000;
}
.search_byo {
position:absolute;
height:70px;
width:440px;
left:280px;
top:30px;
background-image:url(../elements/background.png);
background-repeat:repeat;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-bottom-color:#fffff;
border-left-color:#ffffff;
border-bottom-width:2px;
border-right-width:2px;
}
#content .search, #content_large .search {
margin-top:15px;
position:inherit;
height:75px;
width:450px;
left:43px;
top:36px;
background-image:url(../elements/background.png);
background-repeat:repeat;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-bottom-color:#fffff;
border-left-color:#ffffff;
border-bottom-width:2px;
border-right-width:2px;
}


#content .search form, #content_large .search form {
vertical-align:middle;
}
.search form, .search_byo form {
vertical-align:middle;
}
.quotes {
width:400px;
height:auto;
border-style:solid;
border-width:1px;
border-color:#ffffff;
border-bottom-color:#fffff;
border-left-color:#ffffff;
border-bottom-width:2px;
border-right-width:2px;
background-color:#216384;
margin:10px;
margin-left:50px;
padding:8px;
}
#content .search input[type="text"], #content_large .search input[type="text"] {
margin-top:15px;
margin-left:35px;
height:40px;
width:320px;
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#000000;
font-weight:bold;
text-decoration:none;
line-height:.9;
border-style:solid;
border-width:1px;
border-color:#000;

}
.search input[type="text"]{
margin-top:10px;
margin-left:10px;
height:25px;
width:190px;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
font-weight:bold;
text-decoration:none;
line-height:.9;
border-style:solid;
border-width:1px;
border-color:#000;
}


.search_byo input[type="text"]{
margin-top:10px;
margin-left:10px;
height:25px;
width:340px;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
font-weight:bold;
text-decoration:none;
line-height:.9;
border-style:solid;
border-width:1px;
border-color:#000;
}

.searchheader {
	color:#FFFF99; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:10px; 
	font-weight:bold; 
	size:22px;
	top:5px;
	position:relative;
}
.search input[type="submit"], .search_byo input[type="submit"] {
position:absolute;
margin-top:0px;
margin-left:10px;
	height:47px;
	width:44px;
	border:0px;
	cursor: pointer;
	background: url(http://futureperfectradio.com/elements/search_cartoon.png);
}
#content .search input[type="submit"], #content_large .search input[type="submit"] {
position:absolute;
margin-top:15px;
margin-left:10px;
	height:47px;
	width:44px;
	border:0px;
	cursor: pointer;
	background: url(http://futureperfectradio.com/elements/search_cartoon.png);
}
#content .search input[type="submit"]:hover, #content_large .search input[type="submit"]:hover {
background-position: 0 -48px;
}
#content .channel, #content_large .channel {
position:absolute;
left:30px;
top:209px;
height:125px;
width:490px;
background-color:#216384;
border-bottom: 2px solid #fff;
border-left: 1px solid #fff;
border-right: 2px solid #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#216384), to(#0C4E6F)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #216384,  #0C4E6F); /* for firefox 3.6+ */
}
#content .channel img {
margin-left:15px;
border-color:#FFFFFF;
}
#content .channel span {
left:233px;
line-height:.9;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}


.indent {
margin-left:15px;
margin-right:15px;
}
.feedBurnerFeedBlock .headline {
font-size:60px;
}
.blog {
margin-right:35px;
}
.blog a {
text-decoration: underline;
}
.blog a:hover {
color:#FFFF99;
}


.category_genres, .category_locales, .category_basic, .category_festivals, .category_byo {
width:96px;
height:150px;
margin-left:5px;
margin-right:5px;
border: 1px solid #fff;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
-webkit-box-shadow: 1px 1px 4px #000000;
	-moz-box-shadow: 1px 1px 4px #000000;
}
.category_genres:hover, .category_locales:hover, .category_basic:hover, .category_festivals:hover, .category_byo:hover {
background-position: 0 -150px;
cursor:pointer;
}
.category_genres span, .category_locales span, .category_basic span, .category_festivals span, .category_byo span {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
position:absolute;
margin-top:155px;
}
.category_genres span:hover, .category_locales span:hover, .category_basic span:hover, .category_festivals span:hover, .category_byo span:hover {
color:#FFFF99;
}
.category_basic {
margin-left:0px;
background-image:url(../images/categories/basic.jpg);
}
.category_genres {
background-image:url(../images/categories/genres.jpg);
}
.category_locales {

background-image:url(../images/categories/locales.jpg);
}
.category_festivals {
background-image:url(../images/categories/festivals.jpg);
}
.category_byo {
background-image:url(../images/categories/byo.jpg);
}
.mobile_tile {
height:230px;
width:180px;
background-image:url(../images/mobile/tile.jpg);
}
.mobile_tile .speaker_animation {
position:relative;
left:12px;
top:12px;
background-image:url(../images/channels/speaker_animation2.gif);
height:34px;
width:34px;
}


.speaker_animation {
position:relative;
left:4px;
top:4px;
background-image:url(../images/channels/speaker_animation2.gif);
height:34px;
width:34px;
}
.feat_newmusic, .feat_indie101, .feat_channel3, .feat_byo, .feat_femme {
margin-left:15px;
height:100px;
width:200px;
border: 1px solid #fff;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px #374683;
	-moz-box-shadow: 1px 1px 2px #374683;

}
.feat_newmusic:hover, .feat_indie101:hover, .feat_channel3:hover, .feat_byo:hover, .feat_femme:hover {
background-position: 0 -100px;
cursor:pointer;
}
.feat_newmusic {
background-image:url(../images/channels/feat_newmusic.jpg);
}
.feat_femme {
background-image:url(../images/channels/feat_femmefatales.jpg);
}

.feat_byo {
background-image:url(../images/channels/feat_byo.jpg);
}
.feat_indie101 {
background-image:url(../images/channels/feat_indie101.jpg);
}
.feat_channel3 {
background-image:url(../images/channels/feat_tweepop.jpg);
}
.feat_fpr {
margin-left:15px;
background-image:url(../images/channels/feat_fpr.jpg);
height:100px;
width:200px;
border: 1px solid #fff;
}
.feat_fpr:hover {
background-position: 0 -100px;
cursor:pointer;
}


.moreinfo {
width:60px;
height:20px;
background-color:#3399CC;
border: 1px solid #fff;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
vertical-align:middle;
padding-top:2px;
text-align:center;
margin-right:5px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#3399CC), to(#1E84B7)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #3399CC,  #1E84B7); /* for firefox 3.6+ */
text-shadow: 0px -1px 2px #374683;
-webkit-box-shadow: 0px -1px 2px #374683;
	-moz-box-shadow: 0px -1px 2px #374683;

}
.moreinfo:hover {
background-color:#FFFF99;
color:#000;
cursor:pointer;
background: -webkit-gradient(linear, left top, left bottom, from(#FFFF99), to(#FFFF99)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FFFF99,  #FFFF99); /* for firefox 3.6+ */
text-shadow: 0px 0px 0px #374683;
}
#footer {
left:110px;
position:absolute;
top:485px;
width:560px;
height:45px;
}
#footer_search {
left:110px;
position:absolute;
top:485px;
width:560px;
height:45px;
}
.footer_test {
width:560px;
height:45px;
position:absolute;
left:115px;
top:745px;
}
.footer_test2 {
width:560px;
height:45px;
position:absolute;
left:115px;
top:1015px;
}

#footer_mobile {
left:35px;
position:absolute;
top:435px;
width:560px;
height:45px;
}
#footer p, p a, .footer_test p, p a, .footer_test2 p, p a, #footer_search p, p a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#footer a:hover, .footer_test a:hover, .footer_test2 a:hover, #footer_search a:hover {
text-decoration:underline;
}
#radio_graphic {
background-image:url(http://futureperfectradio.com/elements/radio_graphic.png);
height:145px;
width:229px;
position:absolute;
left:545px;
top:320px;
}
#radio_graphic2 {
background-image:url(http://futureperfectradio.com/elements/radio_graphic2.png);
height:120px;
width:120px;
position:absolute;
left:645px;
top:320px;
}
#radio_graphic2_byo {
background-image:url(http://futureperfectradio.com/elements/radio_graphic2.png);
height:120px;
width:120px;
position:absolute;
left:825px;
top:320px;
}
#headphones_graphic {
background-image:url(http://futureperfectradio.com/elements/headphones.png);
height:150px;
width:90px;
position:absolute;
left:625px;
top:160px;
}

#headphones_graphic_byo {
background-image:url(http://futureperfectradio.com/elements/headphones.png);
height:150px;
width:90px;
position:fixed;
left:815px;
top:160px;
}

#headphones_graphic_content {
background-image:url(http://futureperfectradio.com/elements/headphones.png);
height:150px;
width:90px;
position:absolute;
left:635px;
top:160px;
}

.channels {
position:relative;
margin-left:10px;
margin-bottom:10px;
height:125px;
width:250px;
border: 1px solid #fff;
background-color:#52473B;
-webkit-border-radius: 5px;

	
	
}
.channels .header, .dedicated .header {
position:relative;
line-height:.9;
margin-left:0px;
font-size:22px;
margin-top:8px;
margin-bottom:8px;
}
.channels .header a:hover, .dedicated .header a:hover {
color:#FFFF99;
}
.channels img, .dedicated img {
margin-left:5px;
float:left;
}
.dedicated img {
margin-right:9px;
}
.channels img {
margin-right:5px;
}
.channels span, .dedicated span {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:.95;
}
.channels .moreinfo {
margin-top:5px;
width:40px;
}
.dedicated .moreinfo {
margin-top:5px;
}
.speaker {
margin-top:6px;
width:22px;
height:20px;
background-image:url(../elements/speaker.png);
margin-right:5px;
}
.speaker:hover {
background-position: 0 -20px;
cursor:pointer;
}
.topartists {
height:100px;
width:110px;
background-color:#216384;
border: 1px solid #fff;
margin-right:15px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#216384), to(#0C4E6F)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #216384,  #0C4E6F); /* for firefox 3.6+ */
-webkit-box-shadow: 1px 1px 4px #000000;
	-moz-box-shadow: 1px 1px 4px #000000;
}
.topartists:hover {
background:#FFFF99;
color:#000000;
}
.topartists img {
margin-left:2.5px;
margin-top:2px;
margin-bottom:2px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.topartists .name {
height:25px;
width:105px;
text-align:center;
margin-left:2px;
margin-top:3px;
margin-bottom:2px;
top:80px;
font-size:11px;
font-weight:bold;
line-height:.9;
}
.tunein {
width:145px;
height:30px;
background-color:#3399CC;
border: 1px solid #fff;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:24px;
font-weight:bold;
vertical-align:middle;
margin-left:10px;
margin-right:70px;
-webkit-box-shadow: 1px 1px 4px #000000;
	-moz-box-shadow: 1px 1px 4px #000000;
	text-shadow: -1px -1px 2px #374683;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.tunein:hover {
color:#FFFF99;
cursor:pointer;
}
.tunein:active {
-webkit-box-shadow: 0px 0px 4px #000000;
	-moz-box-shadow: 0px 0px 4px #000000;
}
.tunein img {
margin-top:5px;
margin-left:4px;
margin-right:7px;
}


.mobile_tiles {
height:90px;
width:234px;
background-color:#216384;
border: 1px solid #fff;
margin-right:15px;
}
.mobile_tiles img, .mobile_tiles_other img {
margin-left:2.5px;
margin-top:2px;
}
.mobile_tiles .name {
height:10px;
width:200px;
text-align:center;
margin-left:20px;
margin-top:3px;
margin-bottom:2px;
top:80px;
font-size:12px;
font-weight:bold;
line-height:.9;
vertical-align:middle;
}

.mobile_tiles_other {
height:45px;
width:485px;
background-color:#216384;
border: 1px solid #fff;
margin-right:15px;
margin-top:5px;
}



/* begin css tabs */
 
ul#tabnav { /* general settings */
left:30px;
top:175px;
width:470px;
position:absolute;
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 12px arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #fff; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
 
ul#tabnav li { /* do not change */
display: inline;
}
 
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #2A414C; /* set border color to page background color */
background-color: #2A414C; /* set background color to match above border color */
}
 
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #216384; /* set selected tab background color as desired */
color: #fff; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
 
ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #fff; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #3399CC; /* set unselected tab background color as desired */

color: #fff; /* set unselected tab link color as desired */
margin-right: 5px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}
 
ul#tabnav a:hover { /* settings for hover effect */
background: #FFFF99; /* set desired hover color */
color: #000;
}
 
/* end css tabs */

.speach_bubble {
}
.speach_bubble span {
position:relative;
}
.speach_bubble .text {
margin-top:7px;
margin-left:24px;
position:absolute;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background-color:#FFFFFF;
height:31px;
width:auto;
margin-right:0px;
}
.speach_bubble .text div {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#000000;
margin-top:8px;
}
.speach_bubble .right {
margin-top:6px;
margin-left:0px;
position:inherit;
}
.basic_home, .genres_home, .locales_home, .festivals_home, .byo_home {
position:inherit;
height:95px;
width:80px;
background-image:url(http://futureperfectradio.com/images/categories/basic_home.gif);
}
.basic_home:hover, .genres_home:hover, .locales_home:hover, .festivals_home:hover, .byo_home:hover {
background-position: 0 -95px;
}
.genres_home {
background-image:url(http://futureperfectradio.com/images/categories/genres_home.gif);}
.locales_home {
background-image:url(http://futureperfectradio.com/images/categories/locales_home.gif);}
.festivals_home {
background-image:url(http://futureperfectradio.com/images/categories/festivals_home.gif);}
.byo_home {
background-image:url(http://futureperfectradio.com/images/categories/byo_home.gif);}



#channel_wrapper:hover {

}