/*

Theme Name:	Music Feedback
Theme URI: 	http://technique.com.au/
Version: 	0.2
Author:		Marco Gatta
Author URI:	http://www.technique.com.au
Tags: 
*/

@import url("/wp-content/themes/music/css/reset.css");
body, html {
	margin:0;
	padding:0;
	background:url(/wp-content/themes/music/images/bg-page_whole.jpg) 0 171px #7ed6f7 ;
	width:88%;
	text-align:center;
	font-family:Helvetica, sans-serif;
	font-size:88%;
	outline:none;
	color:#fff;
	line-height:1.4em;
	width:100%;
	height:100%;
	font-style:italic;
}
.left {
	float:left
}
.right {
	float:right;
}
img {
	border:none;
}
p {
	padding-bottom:10px;
}

h1, h2, h3 {color:#5b5b5b; margin-bottom:10px;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:18px;}

h1 span, h2 span, h3 span {color:#fff;}
h1 span.blue, h2 span.blue, h3 span.blue {color:#00a3e1;}
h2 a {color:#5b5b5b; text-decoration:none;}

a {color:#fff; text-decoration:underline;}


.spacer10 {
	height:2px;
	line-height:2px;
	display:inline-block;
	width:100%;
	margin:4px 0px;
	clear:both;
}
.alignright {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}
.alignleft {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
.divider {
	height:1px;
	line-height:1px;
	display:inline-block;
	margin:5px 0px;
	width:100%;
	background:#339f66
}

.clearer {
	height:1px;
	line-height:1px;
	display:inline-bloc;
	margin:5px 0px;
	width:100%;
	clear:both;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -69px;
	background:url(/wp-content/themes/music/images/bg-header.png) center 0 repeat-x;
}
#wrapper {
	width:1026px;
	display:inline-block;
	/* background:url(/wp-content/themes/music/images/bg-circles.png) center 175px no-repeat; */
}
#masthead {
	height:155px;
	width:1026px;
	margin-bottom:12px;
	float:left;
	position:relative;
}
#logo {
	float:left;
	display:inline-block;
	margin-top:12px;
	 z-index:500;
	 position:relative;
}

#subhdr {float:left;margin:16px 0 0 33px;}

#social-tabs {float:right; width:233px;}
#social-tabs .social, #social-tabs .get-help {float:left;}
#social-tabs .social {margin-left:2px;}

#navigation ul li.first_item {
	margin-left:0;
}

#navigation ul li a:hover, #navigation ul li.current_page_item a, #navigation ul li.current_page_ancestor a, #navigation ul li.current_page_parent a {
	color:#fff200;
	/* border-bottom:1px solid #fff; */
}

#navigation {
   background:url(/wp-content/themes/music/images/bg-nav.png) 0 0;
   clear:both;
   float:none;
   margin:0;
   padding:0;
   width:auto;
   font-size:17px; /* Menu text size */
   z-index:100; /* This makes the dropdown menus appear above the page content below */
   position:absolute;
   display:inline-block;
   text-align:center;
   -moz-border-radius: 8px;
	border-radius: 8px;
	left:100px;
   top:71px;
padding-left:85px;
}

/* Top menu items */
#navigation ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#navigation ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
}

#navigation ul li a {
   display:block;
   margin:0;
   padding:.7em .7em .5em;
   font-size:1em;
   line-height:1em;
   text-decoration:none;
   color:#fff;
   text-align:left;
}
#navigation ul li.active a {
   color:#fff200;
}
#navigation ul li a:hover {
  
   color:#fff200;
  
}
#navigation ul li:hover a,
#navigation ul li.hover a { 
   color:#fff200;
}

/* Submenu items */
#navigation ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:auto;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}

#navigation ul ul ul {
margin-top:-1px\9;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
   position:static;
   width:15em; /* width of the drop-down menus */
}

#navigation ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#navigation ul ul li a,
#navigation ul li.active li a,
#navigation ul li:hover ul li a,
#navigation ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.9em;
   background:url(/wp-content/themes/music/images/bg-nav.png) 0 0 #000;;
   color:#fff!important;
   line-height:1.4em; /* overwrite line-height value from top menu */
}
#navigation ul ul li a:hover,
#navigation ul li.active ul li a:hover,
#navigation ul li:hover ul li a:hover,
#navigation ul li.hover ul li a:hover { 
     color:#fff200!important;
}

/* Flip the last submenu so it stays within the page */
#navigation ul ul.last_item {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#navigation ul li:hover ul,
#navigation ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
   z-index: 1500; /* Required for multi-line menus */
}

#navigation ul ul ul li a { /* "grandchild" sub-menu items */
  padding-left: 20px;
}


#footer {
	width:100%;
	margin:10px auto 0 auto;
	clear:both;
	text-align:left;
	clear:both;
	display:inline-block;
	color:#000;
	background:#fff;
	height:59px;
}
.push {height:69px;}

#footer a {color:#000; text-decoration:none; padding:0 5px;}

.footer-links {text-align:center; width:auto;}

#content-wrapper {
	width:1017px;
	margin:0;
	float:left;
	display:inline-block;
	background:url(/wp-content/themes/music/images/bg-content.jpg) -7px 0 repeat-x;
	min-height:270px;
}



#center-content {
	float:left;
	text-align:left;
	display:inline-block;
	width:1007px;
	margin-top:15px;
	padding:0 5px;

}


#center-content.news {
	width:780px;
	margin-right:8px;

}

#rightsidebar.news {width:218px; background:url(/wp-content/themes/music/images/bg-tabs.jpg) 0 0; float:left; 	text-align:left;}
#rightsidebar.news h3 {color:#fff200;}
#rightsidebar.news a {color:#fff;}
#rightsidebar .archives {padding:15px;}

#_center-content ul {
	list-style-type:disc;
	padding:10px;
	margin-left:20px;
	padding-left:20px;
	margin-right:55px;
}

#_center-content ul li {
	list-style-type:disc;
}

.footer-wrapper {width:1024px; margin:5px auto 0 auto; font-size:13px; vertical-align:middle;height:30px;}
.footer-wrapper .cufon-ultra {margin-top:7px;}
.footer-wrapper .cufon {margin-top:8px;}
.footer-wrapper span{margin:10px 5px;}

.copyright {font-size:13px;}


#lrg-frame {width:263px; height:317px; background:#fff; padding:11px 11px 40px 11px; float:left; margin-right:20px; display:inline-block;}

#artists-thumbs {clear:both; width:100%}
.artists-thumbs {height:118px; padding:11px 11px 31px 11px; background:#fff;}
#artists-thumbs ul {margin:0px!important; padding:0px!important; list-style:none;}
#artists-thumbs ul li {list-style:none; width:140px;}
#artists-thumbs li {float:left; height:183px; margin:0 32px 20px 0px!important; padding:0!important; list-style:none;}
#artists-thumbs p a{font-size:13px; color:#fff;}
#artists-thumbs li.ender {margin-right:0px!important;}
#artists-thumbs.video ul li {width:168px}

.thumb-link {margin-top:-14px;}

#center-content #column-1 {width:560px; display:inline-block; float:left; margin-right:30px;}
#center-content #column-2 {width:380px; display:inline-block; float:left;}

#center-content #column-1.need-help {width:420px; display:inline-block; float:left; margin-right:70px;}
#center-content #column-2.need-help {width:511px; display:inline-block; float:left;}

#center-content #column-4.home {width:511px; display:inline-block; float:left; margin-right:70px;}
#center-content #column-5.home {width:420px; display:inline-block; float:left;}

#center-content #column-1.artists {width:280px; display:inline-block; float:left; margin-right:20px;}
#center-content #column-2.artists {width:660px; display:inline-block; float:left;}

#audio-player {display:inline-block; clear:both; width:100%;}
.post-content.audio {width:100%; display:inline-block;}

#audio-frame {background:url(/wp-content/themes/music/images/bg-audio-featured.png) 0 0 no-repeat; width:285px; height:339px;}
#audio-frame img {margin:14px;}

#column-3 {clear:both; width:100%;}

#video-player {width:420px; display:inline-block; background:#fff; padding:11px;}
#help-tabs{}



.panes>div {
	padding:20px;
	min-height:300px;
	background: url(/wp-content/themes/music/images/bg-tabs.jpg) 0 0 repeat-x #252525;
}
/* root element for tabs  */
ul.tabs { 
	list-style:none!important; 
	margin:0 !important; 
	padding:0!important;	
	
	clear:both;
	display:inline-block;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0!important;
	margin:0 !important;
	margin-right:1px!important;
	list-style-image:none !important; 
	list-style:none!important;

}

/* link inside the tab. uses a background image */
ul.tabs a { 
	display:block;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:6px 16px;
	margin:0px;	
	position:relative;
	background:#969696;
}

ul.tabs a:active {
	outline:none;
	background:#5a5a5a;	
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
	color:#fff !important;
	background:#5a5a5a;	
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

.tabs-shadow {height:57px; width:511px; background:url(/wp-content/themes/music/images/bg-tabs-shadow.png) 0 center no-repeat;}
.video-shadow {height:63px; width:490px; background:url(/wp-content/themes/music/images/bg-shadow-video.png) 0 center no-repeat;}
.featured-artist-shadow {height:34px; width:290px; background:url(/wp-content/themes/music/images/bg-featured-artist-shadow.png) 0 center no-repeat; clear:both;}

.artists-thumbs-shadow {height:22px; width:140px; background:url(/wp-content/themes/music/images/bg-artist-thumb-shadow.png) 0 center no-repeat; clear:both;}
.thumbs {float:left; margin-right:10px;}



.tabs-content {display:inline-block;}

ul.transcript li {background:url(/wp-content/themes/music/images/ico-word.png) 0 0 no-repeat; padding:20px 0 20px 80px; line-height:65px; list-style:none!important;}
ul.transcript li a h3 {color:#fff;}

#artists-thumbs li a {text-decoration:none;}
.tabs-content h3 {color:#fff200;}
.tabs-content a {color:#fff200; text-decoration:none;}

.aktt_tweets ul li {margin-bottom:10px;}


/* =============================================================================
   New styles
   ========================================================================== */

.ddsmoothmenu {
	background:url(/wp-content/themes/music/images/bg-nav.png) 0 0;
	clear:both;
	float:none;
	margin:0;
	padding:0;
	width:auto;
	font-size:17px; /* Menu text size */
	z-index:100; /* This makes the dropdown menus appear above the page content below */
	position:absolute;
	display:inline-block;
	text-align:center;
	-moz-border-radius: 8px;
	border-radius: 8px;
	left:100px;
	top:71px;
	padding-left:85px;
	width: 100%;
}

.ddsmoothmenu ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
}

/* =============================================================================
   Level one */

.ddsmoothmenu ul li a {
	display: block;
	color: white;
	padding: 8px 10px;
	border-right: 1px solid #00aef0;
	text-decoration: none;
	text-align: left;
}
.ddsmoothmenu ul li a:hover,
.ddsmoothmenu ul li a.selected,
.ddsmoothmenu ul li a:hover.selected,
.ddsmoothmenu ul li.current-menu-item a.selected {
	background: #FFFFFF; /*background of menu items during onmouseover (hover state)*/
	color: #00aef0;
	display: block;
}

.ddsmoothmenu ul li.current-menu-item a {
	color: #fff200;
}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

/* =============================================================================
   Level two */
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	display: none;
	position: absolute;
	left: 0;
	display: ; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

.ddsmoothmenu ul li a:hover ul,
.ddsmoothmenu ul li a.selected,
.ddsmoothmenu ul li a:hover.selected,
.ddsmoothmenu ul li.current-menu-item a.selected {
	background: #FFFFFF; /*background of menu items during onmouseover (hover state)*/
	color: #00aef0;
	display: block;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #FFFFFF !important;
	color: #00aef0 !important;
}
.ddsmoothmenu ul li ul li a:hover {
	background: #f1f1f1 !important;
	color: #00aef0 !important;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu {height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}

.ddsmoothmenu-v ul {
	margin: 0;
	padding: 0;
	width: 170px; /* Main Menu Item widths */
	list-style-type: none;
	font: bold 12px Verdana;
}
 
.ddsmoothmenu-v ul li {
	position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a {
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: white;
	text-decoration: none;
	padding: 6px;
	border-bottom: 1px solid #778;
	border-right: 1px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {
	background: #414141; /*background of menu items (default state)*/
	color: white;
}


.ddsmoothmenu-v ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: black; 
	color: white;
}

.ddsmoothmenu-v ul li a:hover {
	background: black; /*background of menu items during onmouseover (hover state)*/
	color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul {
	position: absolute;
	width: 170px; /*Sub Menu Items width */
	top: 0;
	font-weight: normal;
	visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li  { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a  { height: 1%; }
/* End */


/* =============================================================================
   Text style change
   ========================================================================== */

   .text-bg {
   	font-style: normal;
   	background: url(/wp-content/themes/music/images/shade-20.png);
   	padding: 15px;
   	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
   }
   div.player-track-title, div.player-artist, div.jp-play-time, div.jp-total-time, div.statusMI, ul#UL_mp3j_0 li a {
   	color: #FFF !important;
   }
   
   /*Audio player*/

   ul#UL_mp3j_0 li a:hover, ul#UL_mp3j_0 li a.mp3j_A_current {
   	color: #fff200 !important;
   }
   .transport-MI div#playpause_mp3j_0, .transport-MI div#stop_mp3j_0, .transport-MI div#Next_mp3j_0, .transport-MI div#Prev_mp3j_0 {
   	color: #FFF;
   }
   .transport-MI div#playpause_mp3j_0:hover, .transport-MI div#stop_mp3j_0:hover, .transport-MI div#Next_mp3j_0:hover, .transport-MI div#Prev_mp3j_0:hover {
   	color: #fff200;
   }