/*
Theme Name: GMM Rounded
Theme URI: http://glenmunozmusic.com
Description: Official "rounded" theme for Glen Munoz Music.
Version: 1.0
Author: Eli Horne
Author URI: http://elihorne.com
Tags: rounded, gradients, gmm, awesome
*/


/* -------------------------
Global reset
------------------------- */
/*CSS Reset*/
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; }

/* -------------------------
Utilities
------------------------- */
.clrfix{zoom:1;}/*TRIGGERS hasLayout FOR IE.  DOESN'T VALIDATE. COMMENT OUT IF NEEDED*/
.clrfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clr{clear:both;}

/* -------------------------
Global styles
------------------------- */
body{background-color:#E5E6E7;font-family:'helvetica neue',helvetica,verdana,arial,sans-serif;}
em{font-style:italic;}
strong{font-weight:bold}
em strong, strong em{font-weight:bold;font-style:italic;}

/* -------------------------
Re-usable classes
------------------------- */
.pod{font-size:13px;}
.pod p{margin-bottom:14px;line-height:1.356em;}
.pod h4{font-size:16px;line-height:1.6em;margin-bottom:14px;}


a{color:#d12c2d;text-decoration:none;border-bottom:1px solid #d1d1d1;font-weight:bold}
a:hover{border-bottom:1px solid #666;}
.pod ul{margin-left:14px;}
.pod ul li{list-style:disc;line-height:1.356em;}

.sub-pod{float:left;margin-right:21px;width:219px;margin-bottom:28px;}

.studio-gallery{}
.studio-gallery ul{margin-left:0;}
.studio-gallery li{list-style:none;padding-left:0;margin-left:0;height:80px;width:80px;float:left;overflow:hidden;border:1px solid #d1d1d1;padding:1px;margin-right:12px;margin-bottom:12px;}
.studio-gallery li img{max-width:120px;}

.prev-posts ul{margin-left:0;margin-bottom:14px;}
.prev-posts li {list-style:none;display:block;font-weight:bold;font-size:14px;text-decoration:none;border-bottom:1px solid #d6d6d6;padding-bottom:7px;padding-top:7px;}
#content .prev-posts h3{margin-bottom:7px;}

.scrollButtons{display:none;}

#gmm-w{float:left;width:669px;border-right:1px solid #d1d1d1;padding-right:21px;font-size:13px;}
#gmm-w textarea{width:669px;margin:14px 0;}

#gmm-e{padding-left:21px;width:300px;float:left;}

#gmm-w.blog h2{font-size:16px;font-weight:bold;border-bottom:1px solid #f1f1f1;padding-bottom:7px;margin-bottom:14px;}
#gmm-w.blog h2 span{font-weight:normal;font-style:italic;}
#gmm-w.blog{margin-bottom:14px;}
#gmm-w .blog-post{margin-bottom:28px;}
#gmm-w.blog .excerpt{line-height:1.365em;font-size:13px;}
#gmm-w.blog .excerpt p{margin:14px 0;}
#gmm-e .pod{margin-bottom:28px;}


.commentlist {
	padding: 0;
	font-size:13px;
	text-align: justify;
	}
	
	.comment-body{}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.comment-author{float:left;text-align:right;width:100px;padding-right:14px;margin-right:14px;border-right:1px solid #d6d6d6;}
.comment-author img{display:block;float:left;}
.comment-author cite{clear:right;}
/* End Comments */


.pod-short{background:url(images/box_wide_top.png) left top no-repeat;padding-top:6px;}
.pod-short .wrapper{background:url(images/box_wide_bottom.png) left bottom no-repeat;min-height:40px;padding:14px 20px 21px;}

.pod-wide{background:url(images/box_wide_top.png) left top no-repeat;padding-top:6px;}
.pod-wide .inner-wrapper{background:url(images/box_wide_bottom.png) left bottom no-repeat;min-height:40px;padding:14px 21px 21px;}
.pod-wide .wrapper{background:transparent url(images/box_wide_middle.png) repeat-y scroll left top;}

.pod-2-even .pod{background:url(images/box-2even-top.png) left top no-repeat;padding-top:6px;width:522px}
.pod-2-even .pod .inner-wrapper{background:url(images/box-2even-bottom.png) left bottom no-repeat;min-height:40px;padding:14px 21px 21px;}
.pod-2-even .pod .wrapper{background:transparent url(images/box-2even-mid.png) repeat-y scroll left top;}
.pod-2-even .left{float:left;}
.pod-2-even .right{float:right;}
.pod-2-even:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.pod-3-even .pod{background:url(images/box-3even-top.png) left top no-repeat;padding-top:6px;width:344px;overflow:hidden;}
.pod-3-even .pod .inner-wrapper{background:url(images/box-3even-bottom.png) left bottom no-repeat;min-height:40px;padding:14px 21px 21px;overflow:hidden;}
.pod-3-even .pod .wrapper{background:transparent url(images/box-3even-mid.png) repeat-y scroll left top;}
.pod-3-even .left{float:left;margin-right:11px;}
.pod-3-even .right{float:right;}
.pod-3-even .center{float:left;}
.pod-3-even:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* -------------------------
Space relationships
------------------------- */
#wrap{width:1054px;margin:21px auto;}
#header{margin-bottom:13px;}
#content{margin-bottom:13px;}
#sidebar{}
#footer{clear:both;margin-bottom:14px;}

/* Modules */
/* Header mods */
#header .wrapper{padding:0 15px 2px;}
#header #brand{padding:5px;margin-bottom:7px;*padding-bottom:11px;text-transform:uppercase;float:left;}
#header #brand a{}
#header #brand a img{float:left;}
#header #brand .text{margin-top:10px;color:#000;float:left;margin-left:15px;font-size:20px; }
#header a{border:none}
#header a:hover{color:#D12C2D;}
#header ul{float:right;margin-right:7px;margin-top:15px;}
#header ul li{float:left;/* margin-top:14px; */padding-left:4px;margin-left:10px;}
#header ul li a{outline:none;text-decoration:none;background:url(images/button-sprite.png) no-repeat left -7px;font-size:100%;font-weight:bold;display:block;float:left;color:#777;text-transform:uppercase;font-size:11px;}
#header ul li a span{display:block;background:url(images/button-sprite.png) no-repeat right -7px;padding:6px 25px 5px 1px;position:relative;right:-20px;float:none;*padding-top:5px;line-height:11px;*line-height:16px;}
#header ul li a:hover{background-position:left -37px;color:#222;text-decoration:none;}
#header ul li a:hover span{background-position:right -37px;}

#header ul li a:active{background-position:left -67px;color:#fff;}
#header ul li a:active span{background-position:right -67px;}

body.sec_ #header ul li a.home,
body.sec_music #header ul li a.music,
body.sec_about #header ul li a.about,
body.sec_blog #header ul li a.blog
{background-position:left -67px;color:#fff;}

body.sec_ #header ul li a.home span,
body.sec_music #header ul li a.music span,
body.sec_about #header ul li a.about span,
body.sec_blog #header ul li a.blog span
{background-position:right -67px;}


/* Footer mods */
#footer .message{position:absolute;bottom:16px;right:20px;font-size:11px;color:#b1b1b1;}
#footer .message li{float:left;margin-left:7px;}
#footer .message li.important{margin:0 7px 0 14px;}
#footer #rss{text-indent:-9999em;overflow:hidden;background:url(images/feed.png) left top no-repeat;width:12px;height:12px;display:block;}


/* Clean me up */

#content .hd{background:url(images/box_wide_top.png) left top no-repeat;height:6px;}
#content .bd{background:url(images/box_wide_middle.png) left top repeat-y;height:300px;padding:14px 21px 21px;}
#content .ft{background:url(images/box_wide_bottom.png) left bottom no-repeat;height:35px;}
		
#main-nav{float:right;margin-bottom:10px;}
#content{clear:both;}




	
h1.page-title{margin-bottom:14px;font-weight:bold;font-size:22px;}				
h3{font-weight:bold;font-size:14px;text-transform:uppercase;margin-bottom:14px;}

.pod .module{margin-bottom:28px;}
#content h3{border-bottom:1px solid #d6d6d6;padding-bottom:7px;margin-bottom:21px;}
h4{margin-bottom:7px;}
.post-content{font-size:13px;margin-bottom:7px;}


#slider ul.navigation li{float:left;position:relative;z-index:2;width:125px;height:100px;margin-right:16px;}
#slider ul.navigation{margin-top:7px;}
#slider ul li a{display:block;width:100px;height:110px;background:url(images/album-frame-smallest.png) left top no-repeat;text-indent:-9999em;overflow:hidden;text-decoration:none;border:0;}
#slider ul li a.selected{background:url(images/album-smallest-active.png) left top no-repeat;}
#slider ul li a:hover{background:url(images/album-smallest-hover.png) left top no-repeat;}
#slider ul li a.selected:hover{background:url(images/album-smallest-active.png) left top no-repeat;}

#slider ul li span{display:block;position:absolute;z-index:-1;left:15px;top:15px;width:90px;height:90px;}
#slider ul li span img{max-width:70px;}
li#link-album-1 span{background:url() left top no-repeat;}
li#link-album-2 span{background:url() left top no-repeat;}
li#link-album-3 span{background:url() left top no-repeat;}
li#link-album-4 span{background:url() left top no-repeat;}
li#link-album-5 span{background:url() left top no-repeat;}
li#link-album-6 span{background:url() left top no-repeat;}
li#link-album-7 span{background:url() left top no-repeat;}

#omnibar{position:relative;}
#omnibar #album-shuffler{float:left;width:300px;height:87px;overflow:hidden;background:none;opacity:0.9px}
#album-shuffler img{width:80px;border:1px solid #d6d6d6;padding:1px;}
#album-shuffler li{width:300px;height:90px;*background:none !important;}
#album-shuffler ul {width:300px;height:90px;background:none;}
#album-shuffler a.thumb{font-size:14px;font-weight:bold;float:left;background:none;}

a.thumb-left{float:left;margin-right:14px;margin-bottom:7px;border:1px solid #d6d6d6;padding:2px;}
a.thumb-right{float:right;margin-left:14px;margin-bottom:7px;border:1px solid #d6d6d6;padding:1px;}
#album-shuffler h5{font-weight:bold;font-size:15px;margin-bottom:7px;}
#album-shuffler .album-more{margin-left:100px;clear:none;font-weight:bold;background:none;}
#album-shuffler .release{display:block;font-size:11px;margin-bottom:21px;}
#album-shuffler .cta{background:none;}
#omnibar form{float:right;width:400px;*width:440px;margin-bottom:21px;}
#omnibar form #sign-up{float:left;width:67%;padding:7px;}
#omnibar form input{background-color:#f1f1f1;-moz-border-radius: 7px;
-webkit-border-radius: 7px;font-size:14px;font-weight:bold;
border: 1px solid #d3d3d3;padding:7px;}
#omnibar form input:hover{border:1px solid #666}
#omnibar form .submit{float:right;padding:7px;*padding:6px 0;background-color:#666;color:#fff;border:0;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#slider .album-more{margin-left:14px;clear:both;}
.album-more .ui360{clear:both;float:left;margin-right:7px;}
.album-more .ui360 a{text-decoration:none;border-bottom:0;}
.album-more h4{font-weight:bold;font-size:13px;}
.album-more object{}

p.cta{clear:left;border-bottom:1px solid #d1d1d1;margin-top:28px;padding-bottom:21px;}

p.cta a{font-weight:bold;border-bottom:2px solid #900;color:#000;text-decoration:none;padding:2px 3px;}
p.cta a:hover{border-bottom:2px solid #000;background-color:#900;font-size:18px;color:#fff;}

#slider h4{float:left;}
#slider object{clear:left;float:left;}
#slider p.cta{clear:none;text-align:right;float:none;padding:27px 0 14px;}

#slider .buy-link{background:url(images/itunes-icon.png) left top no-repeat;padding-left:14px;float:left;line-height: 20px;margin-top:11px;text-decoration:none;margin-left:17px;margin-right:10px;padding-left:30px;padding-top:5px;border-bottom:0;}

#slider .buy-link.direct{background:url(images/cd-icon.png) left top no-repeat;}
#slider .buy-link.cdbaby{background:url(images/cdbaby-icon.png) left 4px no-repeat;padding-left:106px;}

#slider .description{-moz-border-radius: 7px;-webkit-border-radius: 7px;border: 1px solid #e1e1e1;background-color:#f1f1f1;font-size:13px;padding:14px;margin:14px 0;}
.description h2{font-weight:bold;margin-bottom:7px;display:inline;font-size:15px;}
.description cite{display:inline;color:#666;font-size:15px;margin-left:7px;}
.description cite span{font-style:italic;color:#900}
.description p{margin-top:7px;line-height:1.385em;clear:left;}

#slider {
  width: 984px;
  overflow:hidden;
  margin: 0 auto;
  position: relative;
}
#slider ul{width:996px;overflow:hidden;height:110px;}

.scroll {
  height: 172px;
  overflow: auto;
  width:984px;
 	overflow-x:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
 }

.scrollContainer div.panel {

  height: 350px;
  width: 984px;
  
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}


/* Clear the floats */
#header:after, #content:after, #footer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


/* Fancy Box */
html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('images/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_right.png) repeat-x;
}

/* 360 Player */
/* General warning: Experimental. Code could be a bit cleaner. */

.ui360,
.ui360 * {
 position:relative;
}

.ui360,
.sm2-360ui {
 /* size of the container for the circle, etc. */
 width:50px;
 height:50px;
}

.ui360 {
 position:relative;
 /* a little extra spacing */
 padding-top:1px;
 padding-bottom:1px;
 margin-bottom:-18px; /* approximate "line height" we want */
 margin-left:42px; /* 50px, with a few off */
}

.ui360 a {
 line-height:50px;
}

.sm2-360ui {
 margin-left:-50px;
}

.ui360 {
 width:auto;
}

.ui360,
.ui360 * {
 vertical-align:middle;
}

.sm2-360ui {
 position:relative;
 display:inline-block; /* firefox 3 et al */
 float:left; /* firefox 2 needs this, inline-block would work with fx3 and others */
 *float:left; /* IE 6+7 */
 *display:inline;
 *clear:left;
}

.sm2-360ui.sm2_playing,
.sm2-360ui.sm2_paused {
 /* bump on top when active */
 z-index:10;
}

.ui360 a.sm2_link { /* this class added to playable links by SM2 */
 position:relative;
}

.ui360 a {
 color:#000;
 text-decoration:none;
}

.ui360 a,
.ui360 a:hover,
.ui360 a:focus {
 padding:2px;
 margin-left:-2px;
 margin-top:-2px;
}

.ui360 a:hover,
.ui360 a:focus {
 background:#eee;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 -khtml-border-radius:3px;
 border-radius:3px;
 outline:none;
}

.ui360 .sm2-canvas {
 position:absolute;
 left:0px;
 top:0px;
}

.ui360 .sm2-timing {
 position:absolute;
 display:block;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 margin:0px;
 font:11px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
 color:#666;
 text-align:center;
 line-height:50px;
}

.ui360 .sm2-timing.alignTweak {
 text-indent:1px; /* devious center-alignment tweak for Safari (might break things for others.) */
}

.ui360 .sm2-cover {
 position:absolute;
 left:0px;
 top:0px;
 z-index:2;
 display:none;
}

.ui360 .sm2-360btn {
 position:absolute;
 top:50%;
 left:50%;
 width:22px;
 height:22px;
 margin-left:-11px;
 margin-top:-11px;
 cursor:pointer;
 z-index:3;
}

.ui360 .sm2-360btn-default {
}

.ui360 .sm2-360data {
 display:inline-block;
 font-family:helvetica;
}

.ui360 .sm2-360ui.sm2_playing .sm2-cover,
.ui360 .sm2-360ui.sm2_paused .sm2-cover {
 display:block;
}

/* this could be optimized a fair bit. */

.ui360 .sm2-360btn-default {
 background:transparent url(images/360-button-play.png) no-repeat 50% 50%;
 _background:transparent url(images/360-button-play.gif) no-repeat 50% 50%; /* IE 6-only: special crap GIF */
 cursor:pointer;
}

.ui360 .sm2-360ui.sm2_paused .sm2-360btn {
 background:transparent url(images/360-button-play.png) no-repeat 50% 50%;
 _background:transparent url(images/360-button-play.gif) no-repeat 50% 50%;
 cursor:pointer;
}

.ui360 .sm2-360btn-default:hover,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover {
 background:transparent url(images/360-button-play-light.png) no-repeat 50% 50%;
 _background:transparent url(images/360-button-play.gif) no-repeat 50% 50%;
 cursor:pointer;
}

.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,
.ui360 .sm2-360btn-playing:hover {
 background:transparent url(images/360-button-pause-light.png) no-repeat 50% 50%;
 _background:transparent url(images/360-button-pause-light.gif) no-repeat 50% 50%;
 cursor:pointer;
}


.ui360 .sm2-360ui.sm2_playing .sm2-timing {
 visibility:visible;
}

.ui360 .sm2-360ui.sm2_buffering .sm2-timing {
 visibility:hidden;
}

.ui360 .sm2-360ui .sm2-timing,
.ui360 .sm2-360ui .sm2-360btn:hover + .sm2-timing,
.ui360 .sm2-360ui.sm2_paused .sm2-timing {
 visibility:hidden;
}

.ui360 .sm2-360ui.sm2_dragging .sm2-timing,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover + .sm2-timing {
 /* paused + dragging */
 visibility:visible;
}

.ui360 .sm2-360ui.sm2_playing .sm2-360btn,
x.ui360 .sm2-360btn-playing,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover {
 /* don't let pause button show on hover when dragging (or paused and dragging) */
 background:transparent;
 cursor:auto;
}

.ui360 .sm2-360ui.sm2_buffering .sm2-360btn,
.ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover {
  background:transparent url(images/icon_loading_spinner.gif) no-repeat 50% 50%;
  opacity:0.5;
  visibility:visible;
}

/* inline list style */

.sm2-inline-list .ui360,
.sm2-inline-block .ui360 {
 position:relative;
 display:inline-block;
 float:left;
 _display:inline;
 margin-bottom:-15px;
}

.sm2-inline-list .ui360 {
 margin-bottom:0px;
}

.sm2-inline-block .ui360 {
 margin-right:8px;
}

.sm2-inline-list .ui360 a {
 display:none;
}

/* Let's show them how it's done. */