/*  
Theme Name: World Heart Beat Music Academy
Theme URI: http://www.worldheartbeat.org
Description: A Portfolio Theme For Wordpress
Version: 0.9
Author: Pure Web Designs
Author URI: http://www.purewebdesigns.co.uk
*/


/* ----------------------------------------------------------------
* BROWSER RESET
 * ---------------------------------------------------------------- 
*/ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; background: #410148; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0;}
a:active, a:focus {outline: 0;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* ---------------------------------------------------------------- 
 *  GLOBAL
 * ---------------------------------------------------------------- 
*/ 
html, body { height: 100%; }
html { font-size: 76%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.4em; }
.clear { clear: both; width: 1px; height: 1px; margin: 0; padding: 0; }
#left, #right { float: left; }


/* ---------------------------------------------------------------- 
*  WRAPPER
* ---------------------------------------------------------------- 
*/ 
#wrapper {
	width: 979px;
	margin: 0;
	background: #198eb0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* ---------------------------------------------------------------- 
*  LEFT
* ---------------------------------------------------------------- 
*/ 
#left {
	width: 335px;
	margin: 0;
	padding:0;
	background-color: #198eb0;
}

#left div.widget {
	margin: 0 20px 0 0;
	padding: 0;
	background-color: #309ab8;
}

#logo {
		height:172px;
		margin-bottom:20px;
}

#left h1 {
	height: 172px;
	width: 335px;
	position:absolute;
	text-indent: -9000px;
	background: url(images/logo.jpg) no-repeat;
}

#left h1 a {
	height: 172px;
	width: 335px;
	display:block;
}

#left h2 {
	color: #a8e0fa;
	padding: 15px 0 12px 20px;
	margin-bottom: 9px;
	background: url(images/sidebar_heading.gif) right top no-repeat;
	font: 20px Arial, Helvetica, sans-serif;
}

#left p {
	color: #ffffff;
	padding: 20px;
	margin-right: 20px;
	text-transform: uppercase;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 18px;
}

#left a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
	font: 11px Arial, Helvetica, sans-serif;
}

#left a:hover {
	text-decoration: none;
	color: #a8e0fa;
}

/* Search Widget, with modifications by SB */

#left div.search_widget {
	margin: 0;
	padding: 0;
	border: none;
	background: #75bbd0;
	width: 315px;
	height: 34px;
	}
	
#left form#searchform {
	margin: 0;
	padding: 0;
	}

#left input#s {
	width: 237px;
	border: none;
	color: #ffffff;
	text-transform: uppercase;
	margin: 12px 0 0 0;
	padding: 0 20px;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 13px;
	height: 13px;
	background: #75bbd0;
	float: left;
	}

#left input#searchsubmit {
	border: none;
	margin:0;
	padding:0;
	width: 34px;
	height: 34px;
	cursor: pointer;
	text-indent: -9000px;
	background: url(images/input_search.jpg) right top no-repeat;
	float: left;
	}
	
/* Mailing List Widget Form, with modifications by SeniorBun™ */

#left #g-lock-double-opt-in-manager {
	margin: -12px 0 0 0;
	padding: 0 0 7px 20px;
	width: 295px;
	height: 47px;
	overflow: hidden;
	position: relative;
	background: #75bbd0 url(images/mailing-widget-bg.png) left top repeat-x;
	float:none;
	}

#left #g-lock-double-opt-in-manager h2 {
	display: none;
	}

div.gsom-optin-form input {
	float: left;
	padding: 3px 5px;
	margin: 20px 0 10px 0;
	line-height: 18px;
	height: 18px;
	background: #a9e1fc;
	border: none;
	color: #198eb0;
	width: 160px;
	}

#left p.plugin-support { /* Hide G-Lock opt-in manager credit in mailing list widget */
	display: none;
	}
	
div.gsom-optin-form .gsom-optin-radiogroup input {
	position: absolute;
	top: 0;
	right: 0;
	width: 77px;
	height: 31px;
	font: 10px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height: 10px;
	text-transform: uppercase;
	border: none;
	float: none;
	cursor: pointer;
	overflow: hidden;
	margin: 0;
	padding: 0 9px 6px 9px;
	text-align: center;
	background: transparent url(images/subscribe.gif) right top no-repeat;
	}



/* Email label (line 611) */
.gsom-optin-div-label {
	float: left;
	color: #ffffff;
	text-transform: uppercase;
	margin: 23px 7px 0 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	}

	
	
/*background: url(images/quote.gif) right top no-repeat; */
	
/* Note that  G-Lock opt-in manager has its own stylesheet which loads after these styles, and will therefore override them */
	
/* end of Mailing List mods */

#left div.hr {
	border: 0;
	color: #036f8f;
	background: #198eb0;
	height: 20px;
	margin: 0;
	}

#left div.hr hr {
	display: none;
}

 #left ul {
	padding: 0 20px 20px;
	margin-right: 20px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight:bold;
	font: 11px Arial, Helvetica, sans-serif;
}

#left li {
	margin: 5px 0;
	line-height: 0px;
}

#left li a {
	color: #ffffff;
	text-transform: uppercase;
	font-weight:bold;
	font: 11px Arial, Helvetica, sans-serif;
}

#left li ul {
	padding:0 0 10px 7px;
	}

#left li li {
	margin: 5px 0 0 0;
	}

#left li li a {
	color: #a8e0fa;
	font-weight:normal;
	text-transform: uppercase;
	font: 10px Arial, Helvetica, sans-serif;
}

#left li li a:hover {
	color: #ffffff;
}

ul.collapsCatList li.collapsCat .sym {display:none; padding:0; margin:0;}

/* ---------------------------------------------------------------- 
*  LEFT > FLICKRRSS
* ---------------------------------------------------------------- 
*/ 
#left #flickrrss {
	padding: 0 0 20px 20px;
}

#left #flickrrss img {
	margin: 0 20px 20px 0;
}

#left #flickrrss h2, #left #flickrrss hr {
	margin-left: -20px;
}

/* ---------------------------------------------------------------- 
*  RIGHT
* ---------------------------------------------------------------- 
*/ 
#right {
	width: 644px;
	border: none;
	margin: 0;
	padding: 0;
	background: #a8e0fa;
}

/* ---------------------------------------------------------------- 
*  HEADER
* ---------------------------------------------------------------- 
*/ 
#right #header {
	width: 604px;
	height: 172px;
	padding: 0 20px;
	background: #c9147a url(images/header_bck.jpg) top right no-repeat;
}

#right #header {
	font-weight: bold;
	
	}

#right #header ul {
	position:absolute;
	top:120px;
	}

#right #header ul li {
	display: inline;
}

#right #header ul li a {
	float: left;
	color: #ffffff;
	margin-right: 32px;
	text-decoration: none;
	text-transform: uppercase;
	font: 11px Arial, Helvetica, sans-serif;
}

#right #header ul li a:hover {
	color: #da8fb9;
}

#right #header ul li a.rss {
	padding-right:20px;
	background: url(images/rss.gif) right center no-repeat;
}

#right #header h2, #right #header h3 {
	text-align:right;
	font-weight:normal;
	line-height:normal;
	margin:0;
	}

#right #header h2 {
	font-size:18px;
	color:#f1c4de;
	padding:13px 0 5px 0;
	}
	
#right #header h3 {
	font-size:15px;
	color:#ed9bc4;
	padding:0 14px 0 0;
	}

#right #header h3 a {
	text-decoration:none;
	color:#ed9bc4;
	}
	
#right #header h3 a:hover {
	text-decoration:none;
	color:#fff;
	}

/* ---------------------------------------------------------------- 
*  CONTENT
* ---------------------------------------------------------------- 
*/ 
#content {
	width: 604px;
	padding: 20px 20px 12px;
}

#content a {
	color: #036f8f;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#content p {
	color: #198eb0;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 20px;
}

#content img.featured {
	padding: 0;
	margin-bottom: 25px;
	border: 7px solid #c9147a;
	width: 589px;
	height: 315px;
}

#content img.alignleft {
	float:left;
	margin:5px 10px 10px 0;
	padding:0;
	}

#content img.alignright {
	float:right;
	margin:5px 0px 5px 10px;
	padding:0;
	}

#content h1 {
	color: #036f8f;
	padding-bottom: 15px;
	font: 24px Arial, Helvetica, sans-serif;
}

#content h1.single {
	padding-bottom: 10px;
}

body#frontpage #content h1 {
	display: none;
	}
	
body#frontpage #content .post h1, body#frontpage #content h1.visible {
	display: block;
	}
	
#content h1 a:hover {
		text-decoration:none;
		}
	
/*body#frontpage #content h1.visible {
	border-bottom: #da8fb9 solid 1px;
	margin-bottom: 20px;
	}*/
	
/*body#frontpage .post {
	border-bottom: #da8fb9 solid 1px;
	margin-bottom: 20px;
	}*/

#content span.featured-tag {
	padding: 6px 12px;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #212121;
	position: relative;
	top: 280px;
	left: 0;
	line-height: 0;
}

#content h2 {
	color: #036f8f;
	padding-bottom: 20px;
	font: 20px Arial, Helvetica, sans-serif;
}

#content h1 a, #content h2 a {
	color: #036f8f;
	text-decoration: none;
}

#content div.hr {
	border: 0;
	margin: 0 0 20px;
	height: 1px;
	background: transparent url(images/hr.gif) no-repeat;
}

#content hr {
	display: none;
}

#content .info {
	padding: 20px 0 20px;
	position: relative;
}

#content .single {
	padding: 0px 0 20px;
}

#content .info span {
	color: #35b5d9;
	cursor: default;
	margin-right: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font: 10px Arial, Helvetica, sans-serif;
	background: url(images/separator.gif) right center no-repeat;
}

#content .info a {
	color: #35b5d9;
	margin-right: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font: 10px Arial, Helvetica, sans-serif;
	background: url(images/separator.gif) right center no-repeat;
}

#content .info a:hover {
	color:#036f8f;
}

#content .info a.last, #content .info span.last, #content .info .right a {
	background: none;
}

#content .info .right {
	display: inline;
	position: absolute;
	right: 0;
}

#content .quote {
	width: 72px;
	height: 31px;
	overflow: hidden;
	margin-top: -6px;
	margin-right: 8px;
	padding: 6px 0 0 12px;
	background: url(images/quote.gif) right top no-repeat;
}

#content .intro {
	color: #036f8f;
	font-size:24px;
	}

#content .button {
	width: 52px;
	height:31px;
	overflow: hidden;
	margin-top: -6px;
	margin-right: 8px;
	padding: 10px 0 0 12px;
	background: url(images/comment.gif) right top no-repeat;
}

#content .quote a, #content .button a {
	font-size:10px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}

#content .audio {
	overflow: hidden;
	margin: -6px 8px 20px 0;
	padding: 4px 25px 0 8px;
	background: url(images/audio.gif) left top no-repeat;
}

#content div.post_content .audio a {
	font-size:10px;
	color: #ffffff;
	line-height: 32px;
	margin: 0;
	padding: 0;
	display:block;
	text-decoration: none;
	text-transform: uppercase;
}

#content .quote a:hover, #content .button a:hover,#content .audio a:hover {
	color: #da8fb9;
}

#flashcontent {
	background-image:url(images/movie-1.jpg);
	width:589px;
	height:319px;
	padding:0;
	margin:0 0 30px 0;
	border: 7px solid #c9147a;
}


/* ---------------------------------------------------------------- 
*  CONTENT > POST CONTENT
* ---------------------------------------------------------------- 
*/ 
#content div.post_content p {
	padding-bottom: 20px;
}

#content div.post_content a {
	color: #036f8f;
}

#content div.post_content blockquote {
	background: #cdeaf8 url(images/blockquote.gif) no-repeat left top;
	margin-bottom: 20px;
	padding: 12px 40px 20px 46px;
}

#content div.post_content blockquote p {
	padding-bottom: 0;
	font-style:italic;
}

#content div.post_content ol, #content div.post_content ul {
	padding-bottom: 20px;
}

#content div.post_content ol {
	margin-left: 20px;
	list-style-type: decimal;
}

#content div.post_content ul {
	margin-left: 15px;
	list-style-type: disc;
}

/* ---------------------------------------------------------------- 
*  CONTENT > POST
* ---------------------------------------------------------------- 
*/ 
#content .post {
	height: 174px;
}

#content .post div.img {
	float: left;
	width: 134px;
	height: 134px;
	border: 8px solid #c9147a;
}

#content .post div.img div {
	float: left;
	width: 134px;
	height: 134px;
	overflow: hidden;
}

#content .post h1, #content .post p, #content .post .info {
	margin-left: 172px;
}

#content .post_noimage h1, #content .post_noimage p, #content .post_noimage .info {
	margin-left: 0px;
}

#content div.post_content h2 a {
	text-decoration:none;
	}

/* ---------------------------------------------------------------- 
*  CONTENT > COMMENTS
* ---------------------------------------------------------------- 
*/ 
#content .comment {
	margin-bottom: 20px;
}

#content .comment .author {
	color: #036f8f;
	float: left;
	width: 80px;
	margin-right: 20px;
	text-align: right;
}

#content .comment .author img {
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
	padding: 0;
}

#content .comment .author a {
	color: #036f8f;
	text-decoration: underline;
	font: 13px Arial, Helvetica, sans-serif;
}

#content .comment .author div {
	color: #036f8f;
	margin-top: 5px;
	font: 10px Arial, Helvetica, sans-serif;
}

#content .comment .box {
	color: #036f8f;
	float: left;
	width: 464px;
	min-height: 105px;
	background: #cdeaf8;
	border: none;
	padding: 18px;
}

#content .alt .box {
	background: #a8e0fa;
}

#content .comment .box a {
	color: #036f8f;
	text-decoration: none;
}

/* ---------------------------------------------------------------- 
*  CONTENT > LEAVE COMMENT
* ---------------------------------------------------------------- 
*/ 
#content #leave_comment {
	color: #036f8f;
	border: none;
	padding: 0;
	margin-bottom: 20px;
}

#content #leave_comment div {
	clear:both;
}

#content #leave_comment p {
	float:left;
}

#content #leave_comment p a {
	color: #036f8f;
	text-decoration: underline;
}

#content #leave_comment input, #content #leave_comment textarea {
	float:left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #036f8f;
	background: #cdeaf8;
	width: 344px;
	padding: 10px;
	margin-bottom:20px;
	border: none;
}

#content #leave_comment textarea {
	height: 80px;
	background: #cdeaf8;
}


/* ---------------------------------------------------------------- 
*  CONTENT > PAGE NAVIGATION
* ---------------------------------------------------------------- 
*/
#content ul.page_navigation {
	float: left;
	overflow: hidden;
	padding-bottom: 20px;
}

#content .page_navigation li {
	float: left;
	margin-right: 8px;
	padding: 4px 0;
}

#content .page_navigation li a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font: 10px Arial, Helvetica, sans-serif;
}

#content .page_navigation li a:hover {
	background:#309ab8;
}

#content .page_navigation li.active {
	text-align: center;
	background: #309ab8;
	padding: 4px 10px;
}

#content .page_navigation li.active a:hover {
	text-decoration: none;
	background:#309ab8;
}

#content .page_navigation a.prev:before {
	content: '\00AB';
	margin-right: 2px;
	vertical-align: text-top;
}

#content .page_navigation a.next:after {
	content: '\00BB';
	margin-left: 2px;
	vertical-align: text-top;
}

/* hide page navigation on the frontpage */
body#frontpage #content ul.page_navigation {
	display: none;
	}

/* ---------------------------------------------------------------- 
*  FOOTER
* ---------------------------------------------------------------- 
*/ 
#footer {
	margin-top:-1px;
	color: #c9147a;
	padding-top: 15px;
	text-align: right;
	text-transform: uppercase;
	height: 31px;
	width: 980px;
	background: #410148;
	font: 10px Arial, Helvetica, sans-serif;
}

#footer a {
	color: #c9147a;
	text-decoration:none;
	}

#footer a:hover {
	color: #ed9bc4;
	}

#footer span.divider {
	padding: 0 6px;
	}

/* ---------------------------------------------------------------- 
*  NGG Gallery
* ---------------------------------------------------------------- 
*/ 


/*
This is the default template stylesheet for NextGEN Gallery, with modifications made. NextGEN's stylesheets have been switched off, and can be reactivated here: http://worldheartbeat.org/blog/wp-admin/admin.php?page=nggallery-style

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.ngg-widget {
	padding-bottom: 10px;
	}

.ngg-widget img {
	border: none;
	margin: 0; 
	padding: 0 0 20px 20px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ------------- AUDIO PLAYER -------------------*/

.microAudio-bg {
	color: #410148;
	}

.microAudio-leftbg {
	color: #c9147a;
	}

.microAudio-lefticon {
	color: #ffffff;
	}

.microAudio-voltrack {
	color: #198eb0;
	}

.microAudio-volslider {
	color: #198eb0;
	}

.microAudio-rightbg {
	color: #410148;
	}

.microAudio-rightbghover {
	color: #410148;
	}

.microAudio-righticon {
	color: #ffffff;
	}

.microAudio-righticonhover {
	color: #a8e0fa;
	}

.microAudio-skip {
	color: #198eb0;
	}

.microAudio-text {
	color: #a8e0fa;
	}

.microAudio-track {
	color: #198eb0;
	}

.microAudio-border {
	color: #198eb0;
	}

.microAudio-loader {
	color: #a8e0fa;
	}

.microAudio-tracker {
	color: #a8e0fa;
	}

.mAp, .adplr {
	width: 360px;
	margin-left:-4px;
	}
	
/* ------------- VIDEO GALLERY -------------------*/

#video-gallery {
	margin:0;
	border:none;
	padding: 0}

#video-gallery img a {
	display:block;
	float:left;
	width:75px;
	height: 75px;
	padding:0;
	margin:0;
	border:none;
	}

#video-gallery img {
	width:75px;
	height: 75px;
	border:none;
	margin:0 0 20px 20px;
	padding:0;
	}