@charset 'utf-8';

/*============================================================*/
/* web fonts */

@import url(http://fonts.googleapis.com/css?family=Anton);

/*============================================================*/
/* reset */

/* base styling */
a, abbr, address, applet, article, aside, audio, b, big, blockquote, body, br, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, keygen, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, .reset, rp, rt, ruby, s, samp, section, small, source, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, ul, var, video, wbr {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* lists */
ol, ul {
	list-style: none;
}

/* tables */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, td, th {
	text-align: left;
}

/* quotes */
blockquote, q {
	quotes: none;
	padding-left: 10px;
	padding-right: 10px;
}
blockquote, q , blockquote p{
	font-style: italic;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
body{
	-webkit-font-smoothing: antialiased;
}

/*============================================================*/
/* clear fixes */

.clearfix:before, .clearfix:after, .field:before, .field:after {
    content: '';
    display: table;
}
.clearfix:after, .field:after { clear: both; }
.clearfix, .field { zoom: 1;}

.clear {
	height: 0; line-height: 0;
	margin: 0; padding: 0;
	display: block; clear: both;
	overflow: hidden;
	font-size: 1px;
}

/*============================================================*/
/* type */

a {
	color: #555;
}
a:hover{
	color: #FFB14A!important;
}
.article a p{
	color: #555;
}
.inverted .article a p {
	color: #f1f1f1;
}


/* defaults */
html, body{
	min-height: 100%;
	height: auto;
}
body{
	background: url(assets/white-fleck-bg.png) left bottom repeat-x;
}
body {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	line-height: 20px;
}


/* layout */
blockquote, h1, h2, h3, h4, h5, h6, hr, ol, p, pre, ul {
	margin: 0 0 20px 0;
}

/* size */
h1, h2, h3 {
	line-height: 30px;
}
h1 {
	font-size: 26px;
}
h2 {
	font-size: 24px;
}
h3 {
	color: #555;
	font-size: 22px;
	text-transform: uppercase;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
sub, sup {
	font-size: 12px;
	line-height: 18px;
}

/* links */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	border-bottom: none;
}

/* text-level semantics */
strong, b, mark {
	font-weight: bold;
}
em, i, mark, q {
	font-style: italic;
}
abbr[title], dfn[title] {
	border-bottom: dotted 1px #333;
	cursor: help;
}
ins, mark {
	color: inherit;
	background: #ffc;
}
del, s {
	text-decoration: line-through;
}
cite {
	font-style: italic;
}
sub {
	vertical-align: bottom;
}
sup {
	vertical-align: top;
}

/* selection */
::-moz-selection {
	background: #b77115;
	color: #fff;
}
::selection {
	background: #b77115;
	color: #fff;
}

/*============================================================*/
/* lists */

ol, ul {
	padding: 0 0 0 20px;
	margin: 5px 0 15px 0;
	list-style-position: outside;
}

/* ordered */
ol {
	padding: 0 0 0 25px;
	list-style-type: decimal;
}
li ol {
	margin: 0; padding: 0 0 0 20px;
	list-style-type: lower-roman;
}

/* unordered */
ul {
	list-style-type: disc;
}
li ul {
	margin: 0;
	list-style-type: circle;
}

/*============================================================*/
/* preformatted text and code */

pre, code {
	font-family: monospace;
}
pre {
	line-height: 22px;
	padding: 0;
	display: block;
	white-space: pre-wrap; /* CSS-3 */
	word-wrap: break-word; /* IE 5.5+ */
}
code {
	padding: 3px 5px;
	display: inline;
	background: #555;
	border: solid 1px #222;
	color: #eee;
}
code::-moz-selection {
	background: #000;
	color: #fff;
}
code::selection {
	background: #000;
	color: #fff;
}
pre code {
	padding: 10px 20px;
	display: block;
}

/*============================================================*/
/* rules */

hr {
	height: 0;
	border: none;
	border-top: solid 3px #ccc;
	color: #ccc;
}

p{
	margin: 0 0 10px 0;
	padding: 0;
}
/*============================================================*/
/* general styling */

/*
Styles that apply to multiple elements in different parts of
the document.
*/

body {
	margin: 0 auto; padding: 0;
}

.outer{
	width: 100%;
	margin-bottom: 30px;
}
	.content-product-links{
		margin-bottom: 0;
	}
	div.inner{
		width: 945px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	div.inner-half{
		width: 50%;
		float: left;
		min-height: 300px;
	}
	.content-body-home div.content-main{
		padding-top: 15px;
	}
	
	.inner-half .inner-right{
		float: left;
		width: 455px;
		padding: 5px 0 10px 20px;
	}
	
	.inner-half .inner-left{
		float: right;
 		width: 425px;
		padding: 5px 50px 10px 0;
	}
		.left-fill{
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;        
			border-bottom-right-radius: 5px; 
		}
	.title-padding {
		padding-top: 96px!important;
	}
	.left {
	    float: left;
	}

/*============================================================*/
/* home page campaigns */

.campaign-message {
	position: relative; z-index: 100;
	margin: 0; padding: 0;
	display: block; float: none;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	border: none;
	color: #ff9933;
}
	.campaign-message p {
		margin: 0; padding: 0;
		color: #ff9933;
		font: 22px/35px Anton, 'Arial Black', Arial;
		text-transform: uppercase;
	}

/*============================================================*/
/* banner (site-wide) campaigns */

.banner-campaign {
	width: 100%; height: 50px;
	position: fixed; bottom: 0; z-index: 500;
	margin: 0; padding: 10px 0;
	display: block;
	overflow: hidden;
	background-color: #242424;
	background-color: rgba(0, 0, 0, 0.8);
}
.banner-campaign img {
	width: auto; height: auto;
	margin: 0 auto; padding: 0;
	display: block;
}
	
/*============================================================*/
/* element-specific styling */

/*
Styles that apply to single, specific elements.
*/
	span.hide{
		display: none!important;
	}
/*
Menu and Logo
*/

.site-header{
	width: 100%;
	height: 55px;
	z-index: 101;
	border-top: 3px solid #242424;
	position: fixed;
	top: 0;
}

	.site-header .inner{
		z-index: 6;
		overflow: visible;
		position: relative;
		top: -5px;
	}
	
	.site-header .logo{
		width: 95px;
		display: block;	
		float: left;
		margin-top: 5px;
		padding: 5px 25px 5px 25px;
		background-color: #242424;
		background-color: rgba(0, 0, 0, 0.8);
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-left-radius: 5px;        
		border-bottom-right-radius: 5px;
		}
	
	.site-header ul.navigation{
		float: right;
		font: 16px/20px Anton, "Arial Black", Arial;
        height: 44px;
		letter-spacing: 1px;
		text-transform: uppercase;
		width: 765px;
		display: block;	
		overflow: visible;
		height: 46px;
		color: #ccc;
		padding: 0 15px;
		background-color: rgba(0, 0, 0, 0.8);
		margin: 3px 0 0 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-left-radius: 5px;        
		border-bottom-right-radius: 5px;
	}
		.navigation-extra{
			float: right;
		}
		.navigation .submit{
			color: #ffb14a;
			border: 0 transparent none;
			background: transparent none;
			font: 16px/10px Anton, "Arial Black", Arial;
			letter-spacing: 1px;
			text-transform: uppercase;
			padding: 0;
			margin: -4px 0 0 5px;
			vertical-align:baseline;
			height: 20px;
			cursor: pointer;
		}
		.profile ul.profile-actions, .profile ul.profile-actions li{
			width: 100px;
		} 
		.site-header ul.navigation li{
			display: block;
			float: left;
			height: 35px;
			margin: 0;
			padding: 0;
		}
		.site-header ul.navigation li.profile {
		    float: right;
		}
		.site-header ul.navigation li.profile a{
			color: #ffb14a;
		}
		.site-header ul.navigation li a{
/*			padding-bottom: 14px;*/
			margin-right: 0;
			margin-left: 12px;
			color: #ccc;
            line-height: 48px;
		}
		
			.site-header ul li a {
/*					padding-bottom: 14px;*/
					margin-right: 4px;
					margin-left: 8px;
					color: #ccc;
					}
					
			.site-header ul .active a{
				color: #FFB14A;
				border-bottom: 4px solid #FFB14A;
			}
			
			.site-header ul .active ul a {
				color: #ccc!important;
				border: 0;
			}
			
			.site-header ul .active ul a:hover {
				color: #FFB14A!important;
			}
			
	
			.site-header ul a:hover {
				color: #FFB14A!important;
				border: 0;
			}
			
			.site-header ul li:hover a {
				color: #FFB14A!important;
				border: 0;
			}
			
			.site-header ul li:hover ul li a {
				color: #ccc!important;
				border: 0;
			}
			
			.site-header ul li ul li:hover a {
				color: #FFB14A!important;
				border: 0;
			}
			  
			.site-header ul li ul li:hover ul li a {
				color: #ccc!important;
				border: 0;
			}
			
			.site-header ul li ul li:hover ul li a:hover {
				color: #FFB14A!important;
				border: 0;
			}	
								
		.site-header ul a, .site-header ul a li a, .site-header ul a li a ul a, .site-header ul a li a ul a li a {
			display:block;
			float:none;
			overflow:hidden;
			text-decoration:none;
			}
		
	/* MENU TOP LEVEL */
	
	.site-header ul li{
	    margin:0; 
	    padding: 0;
		list-style: none;
		display: block;
		float: left;
		}
		
	.site-header ul.navigation li ul li a{
		padding: 0 0 1px 4px;
        line-height: 30px;
	}
	
	/* MENU 1st NEST */	
	.site-header ul li ul li{	
		width: 200px;
		margin:0;
		padding: 2px 0 1px 0;
		line-height: 30px;
		background-image: url(assets/nav-bg-tile.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		}
		
	.site-header ul li ul{
		padding:1px 0 0 0; 
		margin:0;
		display:none;
		width:200px;
		position: absolute;
		
		}
	
	.site-header ul li:hover ul{
		display:block;
		float:none;
		}
	
	/* MENU 2nd NEST */	
	.site-header ul li:hover ul li ul{
		display:none !important;
			}
			
	.site-header ul li ul li:hover ul, .site-header ul li ul li ul{
		display:block !important;
		position:absolute;
		width:200px;
		float:none;
		}
		
	.site-header ul li ul li:hover ul li{
		margin: 0; padding: 0;
		list-style: none;
	}
		
	.site-header ul li ul li ul li:hover{
		background-position: 0 -50px;	
	}
	
	.site-header ul li ul li:hover{
		background-position: 0 -50px;	
	}
	
		
		
	.site-header ul li ul li ul{
		position:relative;
		margin: -32px 0 0 200px;
		}		
/*
Hero Image
*/	
.hero{
	text-align: center;
	overflow: hidden;
	height: 770px;
}
.reluctant-hero {
	height: 470px;
}
	.hero img{
		position: relative;

	}
	.hero .gallery-wrapper{
		position: relative;
		width: 4000px;
		left: 50%;
		margin-left: -2000px;
		overflow: visible;
		text-align: center;
		min-height: 800px;
	}
/*
Content
*/

.content-body{
	margin-top: -215px;
	z-index: 100;
	position: relative;

}
.content-main{
	background: url(assets/white-gradient.png) repeat-x top left;
}

.content-main h1, .content-main h1 a{
	padding-top: 5px;
	font: 38px/30px Anton, "Arial Black", Arial;
	color: #333;
	text-transform: uppercase;
	display: block;
	border: none;
}
.content-main h1 a{
	padding-top: 0;
}
.content-main h1 span, .content-main h1 .headline a{
	font: 46px/36px Anton, "Arial Black", Arial;
	text-transform: uppercase;
	display: block;
	margin-top: 0;	
}
.content-main h1 span{
	margin-bottom: 20px;
}

.content-main h2, .content-main h2 a, .content-main h3, .content-main h3 a {
	font-family: Anton, "Arial Black", Arial;
}

.content-introduction{
	font: 18px/28px Anton, "Arial Black", Arial;
	text-transform: uppercase;
	color: #555;	
}
	.content-introduction a{
		color: #FFB14A;
		border: none;
	}

/*============================================================*/
/* inverted elements */
div.inverted{
	background: #242424 url(assets/grey-fleck-bg.png) repeat top left;
	color: #f1f1f1;	
}
	.inverted a{
		color: #f1f1f1;
		border-bottom: 1px dotted #999;	
	}
	.inverted h2, .inverted h3{
		color: #f1f1f1;
	}
	.inverted h2 a, .inverted h3 a, .inverted h4 a, .inverted h5 a{
		border: none;
	}
	div.content-main .inverted  h1, div.content-main .inverted  h1 a{
		color: #f1f1f1;
	}
	.inverted .content-introduction{
		color: #f1f1f1;
	}
	.inverted .content-introduction a{
		color: #FFB14A;
	}
	.inverted .content-introduction a:hover{
		border-bottom: solid #FFB14A 1px;
	}
	
/*============================================================*/	

ul.gallery-thumbs{
		margin: 0;
		padding: 10px 0;
	}
		
		ul.gallery-thumbs li{
			display: block;
			float: left;
			list-style-type: none;
			width: 64px;
			margin: 0 15px 10px 0;
			padding: 0;
		}	
		ul.gallery-thumbs li a{
			display: block;
			width: 64px;
			border: 3px solid #ccc;	
			border-color: rgba(204,204,204,0.7);		
			-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.8);
			-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.8);
			box-shadow:	0 1px 5px 1px rgba(0,0,0,0.8);
			opacity: 0.8;
			-moz-transition: all 1s ease-out;  
			-o-transition: all 1s ease-out;  
			-webkit-transition: all 1s ease-out;  
			-ms-transition: all 1s ease-out;  
			  transition: all 1s ease-out; 
		}			
			ul.gallery-thumbs .active, ul.gallery-thumbs li a:hover, ul.gallery-thumbs .active, ul.gallery-thumbs li a.current{
				border:  3px solid #FFB14A;
				opacity: 1;
				-moz-transition: all 0.3s ease-out;  
				-o-transition: all 0.3s ease-out; 
				-webkit-transition: all 0.3s ease-out; 
				-ms-transition: all 0.3s ease-out; 
				  transition: all 0.3s ease-out; 
			}
			ul.gallery-thumbs li a.current, ul.gallery-thumbs li a:active{
				box-shadow: none;
			}
		
			ul.gallery-thumbs img{
				-moz-border-radius: 2px;
				border-radius: 2px;
				display: block;
				margin: 0;
				padding: 0;
				width: 64px;
				height: 64px;		
				
			}
			a:hover img{
				border-color: #FFB14A;
			}
			div.widget-container ul .tweet a:hover img{
				border-color: #3a90d1;
			}
			.tweet a:hover h4{
				color: #3a90d1;
			}
			div.widget-container ul .facebook-post a:hover img{
				border-color: #3a90d1;
			}
			.facebook-post a:hover h4{
				color: #3a90d1;
			}
				
	div.widget-container ul{
		margin: 0;
		padding: 0;
	}
	
		div.widget-container li {
			list-style-type:none ;
			margin: 5px 0 10px 0;
			padding: 0;
		}
			
		div.inner-half h2, div.inner-half h3, .profile div.signup-section{
			font: 18px/26px Anton, "Arial Black", Arial;
			padding: 0;
			margin: 0;
			padding-top: 6px;
			margin-bottom: 10px;
			text-transform: uppercase;
		}
		
		div.widget-container h4 time{
			font-weight: normal;
			font-style: italic;
		}
		
		div.widget-container h4{
			font-size: 12px;
			font-weight: bold;
			margin: 0;
			line-height: 18px;
			padding: 0;
		}
		
		div.widget-container p{
			font-size: 12px;
			margin: 0;
			padding: 0;
			line-height: 16px;
		}
		
		div.widget-container li a{
			border: none;
		}
		
		div.widget-container a.more, a.full-article {
			text-transform: uppercase;
			text-shadow: 0 1px 0 #fff;
			filter: dropshadow(color=#fff, offx=0, offy=1);
			letter-spacing: 1px;
			display: block;
			height: 28px;
			padding-top: 6px;
			padding-bottom: 2px;
			width: 440px;
			color: #ccc;
			font-size: 16px;
			font-family: Anton, "Arial Black", Arial;
			text-align: center;
			background: #f1f1f1;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1)); 
			background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1); 
			background-image:    -moz-linear-gradient(top, #ffffff, #f1f1f1); 
			background-image:     -ms-linear-gradient(top, #ffffff, #f1f1f1); 
			background-image:      -o-linear-gradient(top, #ffffff, #f1f1f1); 
			background-image:         linear-gradient(top, #ffffff, #f1f1f1);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f1f1f1'); 
			
		}
		div.widget-container a.more:active{
			-moz-box-shadow: inset 0 2px 4px #ccc;
			-webkit-box-shadow: inset 0 2px 4px #ccc;
			box-shadow:	inset 0 2px 4px #ccc;
			padding-top: 8px;
			padding-bottom: 0;
		}
		a.full-article{
			height: 28px;
			border: none;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background-image: -moz-linear-gradient(top, #373737, black);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#373737), to(black));
			color: #ccc;
			text-shadow: 0 1px 0 #000;
			padding-top: 6px;
			padding-bottom: 2px;			
		}
		a.full-article:active{
			background-image: -moz-linear-gradient(top, #595959, #202020);
			-moz-box-shadow: inset 0 2px 4px black;
			-webkit-box-shadow: inset 0 2px 4px black;
			box-shadow:	inset 0 2px 4px black;
			padding-top: 8px;
			padding-bottom: 0;
		}
		div.widget-container ul li a img{
			display: block;
			float: left;
			list-style-type: none;
			border: 3px solid #ccc;	
			border-color: rgb(204,204,204);		
			-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			opacity: 0.6;			
			margin: 0 15px 0 0;
			padding: 0;
		}
		
		div.widget-container ul li a:hover img{
			border-color: #FFB14A;
			opacity: 1;			
		}
				
.content-product-links .inner{
	padding: 0 0 18px 0;
	margin-top: -10px;
}
	
	.content-product-links div li a{
		display: block;
		float: left;
		position: relative;
		border: 3px solid #ccc;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		border-radius: 5px;  
		width: 218px;
		height: 218px;	
		margin: 5px 15px 10px 0px;
		text-align: center;
	}
	.content-product-links div li a:hover{
		border: 3px solid #FFB14A;
	}
	
	.content-product-links div h3{
		font-size:36px;
		padding: 0;
		margin: 0 0 10px 0;
		font-family: Anton, "Arial Black", Arial;
		text-transform: uppercase;
		color: #333;
	}
	
	.content-product-links div ul{
		margin: 0;
		padding: 0;
		width: 980px;
	}
		
		.content-product-links div li{
			display: block;
			float: left;
		}
			
			.content-product-links div img{
				display: block;
				margin: 0;
				padding: 0;
			}
			
			.content-product-links li a .description{
				font-size: 20px;
				font-family: Anton, "Arial Black", Arial;
				text-transform: uppercase;
				position: absolute;
				bottom: 0;
				width: 100%;
				display: block;
				padding: 8px 0;
				background: rgb(255,255,255);
				background: rgba(255,255,255,0.5);
			}

/*============================================================*/
/* news */

.widget-top{
	margin-top: 50px;
}

.pagination-section {
	text-align: center;
}
.pagination-page span {
	margin: 0 3px 0 0;
}
.pagination-page a, .pagination-page span.current {
	line-height: 25px;
	margin: 0 3px 0 0; padding: 0 8px;
	display: inline ;zoom: 1; /* IE 6/7 inline-block */
	display: inline-block;
	background: #f8f8f8;
	border: solid 1px #ccc;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.pagination-page a:hover {
	background: #eee;
	border: solid 1px #999;
	color: #000!important;
}
.pagination-page span.current {
	border: solid 1px #ffb14a;
}

/*============================================================*/
/* artists */

.page-artists .content-body .content-main div.inner-half {
	min-height: 600px;
}

.content-artist-az .inner{
	padding: 0 0 18px 0;
	margin-top: -10px;
}
	
	.content-artist-az div li a{
		display: block;
		float: left;
		position: relative;
		border: 3px solid #ccc;
		-moz-border-radius: 5px;
		border-radius: 5px;  
		width: 139px;
		height: 139px;
		margin: 5px 15px 10px 0;
		text-align: center;
		opacity: 0.6;
	}
	.content-artist-az div li a:hover{
		border: 3px solid #FFB14A;
		opacity: 1;
	}
	
	.content-artist-az div h3{
		font-size:36px;
		padding: 0;
		margin: 0 0 10px 0;
		font-family: Anton, "Arial Black", Arial;
		text-transform: uppercase;
		color: #333;
	}
	
	.content-artist-az div ul{
		margin: 0;
		padding: 0;
		width: 980px;
	}
		
		.content-artist-az div li{
			display: block;
			float: left;
		}
			
			.content-artist-az div img{
				display: block;
				margin: 0;
				padding: 0;
			}
			
			.content-artist-az li a .description{
				font-size: 16px;
				font-family: Anton, "Arial Black", Arial;
				text-transform: uppercase;
				position:  absolute;
				bottom: 0;
				width: 100%;
				display: block;
				padding: 8px 0;
				background: rgb(255,255,255);
				background: rgba(255,255,255,0.8);
			}

/*============================================================*/
/* videos */

.videos .inner {
	margin-top: 15px;
	margin-bottom: 15px;
}

.videos .campaign-message .inner {
	margin-top: 0;
	margin-bottom: 0;
}

.videos .featured-videos {
	margin: 0 0 15px 0;
}
	.videos .featured-videos a {
		width: 459px;
		height: 254px;
		margin: 15px 15px 15px 0;
		display: block;
		float: left;
		position: relative;
		border: solid 3px #ccc;
		-moz-border-radius: 10px;
		border-radius: 10px;
		opacity: 0.7; filter: alpha(opacity=70);
		-o-transition: all 0.5s ease-out 0s;
		-moz-transition: all 0.5s ease-out 0s;
		-webkit-transition: all 0.5s ease-out 0s;
		transition: all 0.5s ease-out 0s;
	}
	.videos .featured-videos a:hover {
		opacity: 1; filter: alpha(opacity=100);
		border: solid 3px #ffb148;
	}
	.videos .featured-videos a.last {
		margin-right: 0;
	}
		.videos .featured-videos a img {
			width: 459px; height: 254px;
			-moz-border-radius: 8px;
			border-radius: 8px;
		}
		.videos .featured-videos a .video-title {
			width: 100%;
			margin: 0; padding: 0;
			position: absolute; left: 0; bottom: 0; z-index: 10;
			display: block; float: none;
			background: #000;
			background: rgba(0, 0, 0, 0.6);
			border: none;
			color: #ff9933;
			font: 22px/35px Anton, 'Arial Black', Arial;
			text-transform: uppercase;
			-moz-border-radius-bottomleft: 10px;
			-moz-border-radius-bottomright: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
		}
			.videos .featured-videos a .video-title span {
				padding: 0 10px;
				display: block;
			}
		
.videos h1 {
	color: #fff;
}
	.videos h1 .on-demand {
		line-height: inherit;
		display: inline;
		font-size: inherit;
		color: #fda842;
	}
	

.videos h3 span {
	color: #999;
}

.videos .widget-container {
	width: 465px;
	margin: 15px 15px 15px 0;
	display: block;
	float: left;
}
.videos .widget-container.last, .videos div.last {
	margin-right: 0;
}

.page-on-demand .gallery-wrapper a{
	position:relative;
	}
.gallery-wrapper a span{
	width: 128px;
	height: 128px;
	position: absolute;
	bottom: 400px;
	left: 50%;
	margin-left: -64px;
	z-index: 1;
	background: url(assets/video-thumb-465x260.png) no-repeat center center;
	opacity: 0.6;
	-o-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	}
.gallery-wrapper a:hover span{
	opacity: 1;
}

/*============================================================*/
/* downloads */

.downloads .inner {
	margin-top: 15px;
	margin-bottom: 15px;
}

.downloads h1 {
	color: #fff;
}

.downloads .widget-container {
	width: 465px;
	margin: 15px 15px 15px 0;
	display: block; float: left;
}
.downloads .widget-container li{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	padding: 10px;
}
.downloads .widget-container.last {
	margin-right: 0;
}
	.downloads .widget-container img {
		width: 64px; height: 64px;
	}

/*============================================================*/
/* dealer-search */

.dealer:after, .dealer-search:after {
	height: 0;
	display: block; clear:both;
	visibility: hidden;
	content: ' ';
	font-size: 0;
}
* html .dealer, * html .dealer-search { zoom: 1; } /* IE6 */
*:first-child+html .dealer, *:first-child+html .dealer-search { zoom: 1; } /* IE7 */

.dealer-search {
	width: auto;
	margin: 0 0 20px 0; padding: 10px;
	display: block;
	background: #474747;
	background: rgba(255,255,255,0.1);
	border-radius: 4px;
}
	.dealer-search form {
		width: auto;
		display: block;
		float: left;
	}
	a.btn-locate {
		width: 50px; height: 50px;
		display: block;
		position: absolute;
		top: 11px;
		right: 9px;
		cursor: pointer;
		background: url(assets/icons/locate-me.png) center top no-repeat transparent;
		border-radius: 4px;
		text-indent: -999px;
		overflow: hidden;
		border: none;
	}
	.dealer-search .btn-locate:hover {
		background-position: center -50px;
	}
	.dealer-search .btn-geolocating {
		background: url(assets/icons/locating.gif) center 9px no-repeat #e8e8e8;
	}
	.dealer-search .btn-geolocating-failed, .dealer-search .btn-geolocating-failed:hover {
		background-color: #f5cd6f;
		background-position: center -100px;
	}
	.dealer-search span {
		width: auto;
		height: 65px;
		display: block;
		float: left;
		position: relative;
		padding: 8px 8px 2px 8px;
		background: rgb(102,102,102);
		background: rgba(102,102,102,0.2);
		border-radius: 4px;
		margin-right: 5px;
		}
	.dealer-search form span.user-location-lookup {
		width: 270px;
		display: none;
	}
	.dealer-search span.user-location-lookup img {
		display: none;
	}
	.dealer-search form input[type="text"] {
		width: 200px;
		height: 16px;
		padding: 2px;
		margin-bottom: 5px;		
	}
	.dealer-search form input[type="text"], .dealer-search form select {
		width: 200px;
		height: 16px;
		padding: 2px;
		margin-bottom: 5px;	
		clear: right;		
		display: block;
	}
	.dealer-search form select {
		height: auto;
		margin-top: 3px;
	}
	.dealer-search .user-location-lookup img {
		position:absolute;
		top:0;
		left:0;
		width: 286px;
		height: 75px;
		border-radius: 4px;
		z-index: 10;
	}
	.dealer-search .clear-search {
		font-size: 11px;
		color: #666;
		display: block;
		margin-top: 5px;
		clear: both;
		border-bottom: none;
	}

.dealer-map {
	margin-bottom: 20px;
	border-radius: 4px;
}

.dealer-list {
	margin-bottom: 20px;
}

div.dealer {
	width: auto;
	padding: 10px;
	margin-top: 5px;
	background: #474747;
	background: rgba(255,255,255,0.1);
	border-radius: 4px;
	min-height: 70px;
	height: auto;
}
	div.dealer img {
		float: left;
		display: block;
		margin-right: 10px;
		border-radius: 4px;
	}
	div.dealer .dealer-details {
		display: block;
		width: auto;
	}
	div.dealer h2, div.dealer p {
		font:  12px/14px Arial;
		
	}

/*============================================================*/
/* share bar */

	.post-meta{
		margin-top: 20px;
		position: relative;
	}
	.twitter-wrapper, .google-wrapper, .fb-wrapper {
	    height: 21px;
	    line-height: 21px;
	}
	a.rss{
		overflow: hidden;
		display: inline-block;
		border: none;
		text-indent: -999px;
		width: 16px;
		height: 18px;
		background: transparent url('assets/icons/feed-mono.16.png') no-repeat left 2px;
		margin-right: 4px;
	}
	a.rss:hover{
		background-image: url('assets/icons/feed.16.png');
	}
	
	
/*============================================================*/
/* footer */		
.site-footer {
	height: 70px;
	padding: 30px 0 80px 0;
	margin-top: -30px;
}
	.site-footer .section {
		width: 455px;
		margin: 0 15px 0 0;
		float: left;
		line-height: 30px;
	}
	.site-footer .last {
		margin: 0;
	}
	.site-footer .social-media-links{
		width: 200px;
	}
	.site-footer .profile-links{
	 	width: 255px;
	 }
	.site-footer .social-media-links a, .site-footer .profile-links a{
		font-weight: bold;
		display: block;
	}
	.site-footer a{
		padding-right: 10px;
		min-width: 135px;
		display: inline-block;

	}
	.site-footer .facebook, .site-footer .twitter{
		padding-left: 30px;
		padding-right: 0;
		color: #3281bd;
		clear: right;
	}
		.site-footer .facebook:hover, .site-footer .twitter:hover{
			color: #22577f;
		}
	.site-footer .facebook{
		background: transparent url('assets/icons/facebook.24.png') no-repeat left center;	
	}
	.site-footer .twitter{
		background: transparent url('assets/icons/twitter.24.png') no-repeat left center;
	}

/*============================================================*/
/* form fields */

.field {
	margin: 0 0 10px 0; padding: 0;
	display: block;
}
	.field label {
		line-height: 25px;
		margin: 0 0 5px 0; padding: 0;
		display: block;
	}
	.field .inline-label {
		display: inline;
	}
		.field label span {
			display: block;
			font-size: 11px;
			line-height: 14px;
			color: #999;
		}
	.field input.text, .field input.password, .field textarea, .field select {
		width: 250px;
		margin: 0 0 0 0; padding: 0;
		display: block;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background: #f9f9f9;
		border: solid 2px #ccc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 1px 2px #000;
		-ms-box-shadow: 0 1px 2px #000;
		-webkit-box-shadow: 0 1px 2px #000;
		box-shadow: 0 1px 2px #000;
	}
		.field input.text:focus, .field input.password:focus, .field textarea:focus, .field select:focus {
			background: #fff;
			border-color: #ffb14a;
			-moz-box-shadow: 0 1px 4px #000;
			-ms-box-shadow: 0 1px 4px #000;
			-webkit-box-shadow: 0 1px 4px #000;
			box-shadow: 0 1px 4px #000;
			outline: none;
		}
	.field input.text, .field input.password {
		height: 25px; line-height: 25px;
		padding: 0 5px;
	}
	.field textarea {
		width: 350px; height: 120px; line-height: 25px;
		padding: 5px;
		font-family: Arial, Helvetica, sans-serif;	
		font-size: 12px;
	}
	.field select {
		width: 265px;
		padding: 5px;
	}

.field-multiple-select select {
	width: 85px;
	display: inline;
}

form.profile-add-edit .field {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	padding: 10px 25px 10px 15px;
}
form.profile-add-edit .field label{
	font-weight: bold;
	float: left;
	margin-right: 15px;
	font-size: 12px;
	padding-top: 2px;
	width: 130px;
	min-width: 130px;
	position: relative;
	}
form.profile-add-edit label span{
	display: none;
	z-index: 10;
	font-style: italic;
	font-size: 12px;
	padding: 8px;
	background: #3e3e3e;
	-moz-box-shadow: 0 1px 4px #000;
	-ms-box-shadow: 0 1px 4px #000;
	-webkit-box-shadow: 0 1px 4px #000;
	box-shadow: 0 1px 4px #000;
	top: 35px;
	border-radius: 4px;
	width: 405px;
	position: absolute;
}
form.profile-add-edit label:hover span{
	opacity: 1;
	display: block;
}
form.profile-add-edit label:hover{
	color: #FFB14A;
	cursor: pointer;
}
form.profile-add-edit .field p, form.profile-add-edit .field p a{
	font-style: italic;
	color: #999;
}
form.profile-add-edit .checkbox input{
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
form.profile-add-edit textarea{
	width: 250px;
}
form.profile-add-edit .checkbox label{
	width: auto;
	max-width: 370px;
	padding: 0;
	margin: 0;
}
form.profile-add-edit h2{
	margin-top: 10px;
}
.transparent{
	background: transparent none !important;
}
/*============================================================*/
/* profile login */

div.profile{
	padding: 15px 0;
	height: 170px;
	color: #ccc;
}
	div.profile h2{
		font-size: 22px;
		color: #ccc;
	}
	div.profile .profile-image {
		margin: 0 10px 5px 0;
		display: block; float: left;
		border: solid 1px #ccc;
	}
.profile div.callout-area{
	background: #404040;
	background: rgba(153, 153, 153, 0.1);
	padding: 20px 20px 10px 20px;		
	border: 1px solid #353535;	
	 -moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.75);
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.75);
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.75);
}
	.profile div.signup-section .callout-area{
		background: transparent;
		padding: 6px 0 0 0;
		border: none;
		 -moz-box-shadow: none;
		 -webkit-box-shadow: none;
		box-shadow: none;		
		line-height: 32px;
	}
.profile .field label{
	display: none;
}
.profile fieldset{
	width: 250px;
}
.profile fieldset, .profile .field-submit{
	display: block;
	float: left;
}
.profile .field-submit{
	width: 130px;
	text-align: center;
	margin-top: 10px;
	}
	.profile .field-submit a.password-reset{
		margin-top: 4px;
		color: #ccc;
		display: block;
		font-size: 12px;
		border: none;
		font-style: italic;
	}
.profile fieldset .field input{
	padding: 5px 10px;
	width: 200px;
	font-size: 14px;
	height: 20px;
	color: #666;
	background: #f5f5f5;
	border: none;
	
	border-radius: 4px;
	 -moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
}
.profile .callout-area .field-submit input.submit, .profile .signup-button a{
	color: #ff9933;
	padding: 2px 20px 5px 20px;
	height: 34px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	border: 3px solid #474747;
	
	border-radius: 4px;
	 -moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
	text-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:	none;
	background-image: -moz-linear-gradient(top, #595959, #272727);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#595959), to(#272727));	
	}
div.login-section .error{
	background: transparent none;
	border: none 0;
	margin: -15px 0 5px 0;
	text-shadow: none;
	color: #cc0000;
	padding: 2px;
	height: auto;
}
div.login-section .error p{
	margin: 0;
}
div.signup-section .profile-advantages, div.signup-section .signup-button{
	display: block;
	float: left;
}

div.signup-section .profile-advantages{
	width: 300px;
}
div.signup-section .signup-button{
	width: 100px;
}
.profile .signup-button a{
	margin-top: 24px;
	height: 16px;
	padding-top: 8px;
	font-family: Arial, Helvetica, sans-serif;	
}
.profile .highlight{
	color: #fff;
}
.profile .signup-section .highlight{
	color: #999;
}

/*============================================================*/
/* Drummer of Tomorrow Competition */

.competition label {
    margin-right: 20px;
    width: 85px;
    vertical-align: top;
    display: inline-block;
}

.competition input, textarea {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 280px;
    border-radius: 5px;
    padding: 5px 10px;
    border: 3px solid rgba(204, 204, 204, 0.7);
    -o-transition: all 1s ease-out 0s;   
    -moz-transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;
}

.competition input:hover, .competition textarea:hover, .competition input:focus, .competition textarea:focus {
    border-color: #FFB14A;
    outline: none;
}

.competition input.submit-button {
    width: 100px;
    cursor: pointer;
    color: #7F7F7F;
}

.competition input.checkbox {
    height: 15px;
    width: 15px;
    border: none;
    padding: 0;
    margin: 0;
}

.competition-title {
    color: #FDA842;
}

.content-main h1.tc-title {
    color:#F1F1F1;
    font-size: 26px;
    line-height: 30px;
}

.competition .row-input {
    margin-top: 20px;
}

span.required-star {
    color: #b44949;
}

.competition-error {
    color: #b44949;
    margin: 5px 5px 0 110px;
}

/* Drummer of Tomorrow Competition - main */
.videos .featured-videos a.small {
    height: 124px;
    width: 219px;
}

.videos .featured-videos a.small img {
    height: 124px;
    width: 219px;
    -moz-transition: all 0.5s ease-in;  
    -o-transition: all 0.5s ease-in; 
    -webkit-transition: all 0.5s ease-in; 
    -ms-transition: all 0.5s ease-in; 
    transition: all 0.5s ease-in;
}

.videos .featured-videos a.small:hover img {
    border-color: #FDA842;
}

.competition h3 {
    margin-bottom: 0;
}

.clear-both {
    clear: both;
}

a.colored {
    color: #FDA842;
}

.competition .campaign-message {
    background: #222222;
    height: 35px;
}

.competition .campaign-message .inner {
    display: none;
}

.competition .campaign-message p {
    color: #cccccc;
}
.competition .campaign-message p span {
    color: #999999;
}

.competition .text-content {
    margin-bottom: 25px;
}

.videos .featured-videos {
    margin-bottom: 25px;
}

.videos .featured-videos a {
    border-radius: 10px;
}

.videos .thumbnail-list a {
    margin: 15px 15px 0 0;
}

.videos .poster-list a {
    margin: 15px 15px 8px 0;
}

.hero-social {
    width: 290px;
    height: 35px;
    float: right;
}

.hero-social .social-plugins {
    display: none;
    margin-top: 8px;
}

.google-item {
    border: 0;
    width: 80px;
    height: 20px;
}

.competition-terms {
    padding-top: 40px;
}

/*============================================================*/
/* Comment area styling */

div.comment, form.comment{
	width: 100%;
	padding: 5px;
	min-height: 64px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
	background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.2)));
	box-shadow: inset 0 1px 4px #222;
	margin-bottom: 5px;
	border: 1px #222 solid;
}
span.comment-author{
	width: 100%;
	clear: both;	
}
.comment-author, .comment-author span{
	font-weight: bold;
	color: #FFF;
}
.comment-author img, img.user-avatar{
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 6px;
}
.description{
	width: 350px;
}
.comment-meta{
	display: table-cell;
}
div .publish-date, .comment-controls a, .note{
	color: #999;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	border: none;
}
.comment-controls{
	float: right;
}
.comment-controls a{
	margin-left: 4px;
}

.input-comment, input-comment:active{
	padding: 5px;
	width: 335px;
	min-height: 64px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: inset 0 1px 4px #222;
	border: none;
	outline: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333;
	background: #dadada;	
}
.input-comment:focus{
	background: #fff;	
}
form.confirm, form.error, form.success{
	padding: 0 5px 5px 5px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 4px;
	width: 335px;
}
div.comment-success{
	min-height: 22px;
	padding-top: 8px;
	text-align: center;
	border: none!important;
}
div.comment-success p{
	font-weight: bold!important;
	color: #333;
}
form .note{
	color: #333;
}
form.confirm .field,  form.error .field, form.success .field{
	margin-top: 2px;
}

.confirm .input-comment, .error .input-comment, .success .input-comment{
	width: 325px;
	margin: 4px 0;
}

/* Message styling */
/* confirmation, error and warning messaging */
div.error, div.success, div.warning {	
	padding: 5px 8px;
	background: #eee;
	border: solid 1px #ccc;
	display:block;	
	margin-top:1px;
	margin-bottom:8px;		
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
div.error p, div.success p, div.warning p{
	font-weight:bold;
	max-width: 100%; 
	width: 100%;
	margin: 5px;
}
div.success {
	background: #caf8c0;
	border: solid 1px #85bc71;
	color: #28621b;
}
div.warning {
	background: #f8fac1;
	border: solid 1px #e1b559;
	color: #634213;
}	
div.error {
	background: #facacc;
	border: solid 1px #f98c8f;
	color: #78282d;
}

/*============================================================*/
/* dialogs */
div.confirm, form.confirm{
	background-color: #f7df7a;
	/* Opera */ background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIzOSwyMjgsMTgxLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjQ3LDIyMywxMjIsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
	/* Firefox */ background: -moz-linear-gradient( top, rgba(239,228,181,1), rgba(247,223,122,1) );
	/* Chrome & Safari */ background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(239,228,181,1) ), color-stop( 1, rgba(247,223,122,1) ) );
	/* IE5.5 - IE7 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFEFE4B5,EndColorStr=#FFF7DF7A);
	/* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFEFE4B5,EndColorStr=#FFF7DF7A)";
	border: solid 5px #f5e9b8;
	}
div.error, form.error{
	background: #e9bfbc;
	/* Opera */ background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIzMywxOTEsMTg4LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjAyLDExMSwxMDAsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
	/* Firefox */ background: -moz-linear-gradient( top, rgba(233,191,188,1), rgba(202,111,100,1) );
	/* Chrome & Safari */ background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(233,191,188,1) ), color-stop( 1, rgba(202,111,100,1) ) );
	/* IE5.5 - IE7 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE9BFBC,EndColorStr=#FFCA6F64);
	/* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE9BFBC,EndColorStr=#FFCA6F64)";
	border: 5px solid #efc8c5;
	}
div.success, form.success{
	background: #8bbd80;
	/* Opera */	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDE3NywyMjEsMTY3LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMTM5LDE4OSwxMjgsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
	/* Firefox */ background: -moz-linear-gradient( top, rgba(177,221,167,1), rgba(139,189,128,1) );
	/* Chrome & Safari */ background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(177,221,167,1) ), color-stop( 1, rgba(139,189,128,1) ) );
	/* IE5.5 - IE7 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFB1DDA7,EndColorStr=#FF8BBD80);
	/* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFB1DDA7,EndColorStr=#FF8BBD80)";
	border: 5px solid #c3e5bb;
	}
	.confirm, .success, .error {
		text-shadow:0 1px 0 rgba(255,255,255,0.4);
		}
	.confirm .field, .success .field, .error .field{
		margin: 8px 0 0 0;
	}
	.confirm .button, .success .button, .error .button{
		border: none;
	}
	a.cancel{
		margin-left: 5px;
		color: #545454;
		box-shadow: none!important;		
		border: transparent 1px solid!important;
		background: transparent none;	
	}
		a.cancel:hover{
			color: #78282d!important;
		}
	
/*============================================================*/
/* transitions */
.ease-in{
	-moz-transition: all 0.5s ease-in;  
	-o-transition: all 0.5s ease-in; 
	-webkit-transition: all 0.5s ease-in; 
	-ms-transition: all 0.5s ease-in; 
	  transition: all 0.5s ease-in;
}
.ease-in-out{
	-moz-transition: all 1.3s ease-out;  
  	-o-transition: all 1.3s ease-out;  
  	-webkit-transition: all 1.3s ease-out;  
  	-ms-transition: all 1.3s ease-out;  
      transition: all 1.3s ease-out; 
}
.ease-in-out:hover{
	-moz-transition: all 0.5s ease-in;  
	-o-transition: all 0.5s ease-in; 
	-webkit-transition: all 0.5s ease-in; 
	-ms-transition: all 0.5s ease-in; 
	  transition: all 0.5s ease-in;
}
.ease-in-fast, div.widget-container ul li a:hover, div.widget-container ul li a:hover img, .content-artist-az div li a:hover, .content-artist-az div li a:hover img {
	-moz-transition: all 0.2s ease-in;  
	-o-transition: all 0.2s ease-in; 
	-webkit-transition: all 0.2s ease-in; 
	-ms-transition: all 0.2s ease-in; 
	  transition: all 0.2s ease-in;
}	
.ease-out, div.widget-container ul li a, div.widget-container ul li a img, .content-artist-az div li a, .content-artist-az div li a img {
	-moz-transition: all 0.5s ease-out;  
	-o-transition: all 0.5s ease-out;  
	-webkit-transition: all 0.5s ease-out; 
	-ms-transition: all 0.5s ease-out; 
	  transition: all 0.5s ease-out;
	 display:block; 
}
.ease-out-slow{
	-moz-transition: all 1.3s ease-out;  
	-o-transition: all 1.3s ease-out;  
	-webkit-transition: all 1.3s ease-out;  
	-ms-transition: all 1.3s ease-out;  
	  transition: all 1.3s ease-out; 
  }
.bg-ease-out, .input-comment{
	-moz-transition: background 0.5s ease-out;  
	-o-transition: background 0.5s ease-out;  
	-webkit-transition: background 0.5s ease-out; 
	-ms-transition: background 0.5s ease-out; 
	  transition: background 0.5s ease-out; 
}

/*============================================================*/
/* buttons */

body a.button-primary, .button{
	margin-right: 4px;
	line-height: 15px; height: auto;
	font-weight: bold;
	color: #6a6a6a !important;
	border: solid 1px #2d2d2d;
	text-shadow:0 1px 0 rgba(255,255,255,0.6);
	padding: 5px 8px;
	display: inline-block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 2px 2px 3px 0 #2d2d2d;
	-webkit-box-shadow: 2px 2px 3px 0 #2d2d2d;
	box-shadow: 2px 2px 3px 0 #2d2d2d;
	background: #f5f5f5;
	/* Firefox */	background: -moz-linear-gradient( top, rgba(255,255,255,1), rgba(228,228,228,1) );	
	/* Chrome & Safari */ background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(255,255,255,1) ), color-stop( 1, rgba(228,228,228,1) ) );	
	/* IE5.5 - IE7 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFE4E4E4);	
	/* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFE4E4E4)";
}
body a.button-primary:hover, .button:hover{
	-moz-box-shadow: 2px 2px 2px 0 #151515;
	-webkit-box-shadow: 2px 2px 2px 0 #151515;
	box-shadow: 2px 2px 2px 0 #151515;
	border: solid 1px #151515;
}
table .button:hover, .button-delete:hover{
	-moz-box-shadow: 0 0 2px 0 #aaaaaa;
	-webkit-box-shadow: 0 0 2px 0 #aaaaaa;
	box-shadow: 0 0 2px 0 #aaaaaa;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: none;
}
body a.button-primary:active {
	-moz-box-shadow: 1px 1px 3px 0 #6a6a6a;
	-webkit-box-shadow: 1px 1px 3px 0 #6a6a6a;
	box-shadow: 1px 1px 3px 0 #6a6a6a;
}	
.button-confirm, .button-manage{
	background-color:#d0a838;
	border-color:#b38126;
	}
.body a.button-deny{
	color: #f2cdc8;
	text-shadow:0 -1px 0 rgba(0,0,0,0.4);
	background: none #ca6f64;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIwMiwxMTEsMTAwLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMTU4LDczLDYzLDEpOyIgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgLz48L3N2Zz4=);/* Opera */ 	
	background: -moz-linear-gradient( top, rgba(202,111,100,1), rgba(158,73,63,1) );/* Firefox */ 
	background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(202,111,100,1) ), color-stop( 1, rgba(158,73,63,1) ) );/* Chrome & Safari */ 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFCA6F64,EndColorStr=#FF9E493F);/* IE5.5 - IE7 */ 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFCA6F64,EndColorStr=#FF9E493F)";/* IE8 */
	border-color:#915048;
}
.button-cancel{
	border: solid 1px #2d2d2d;
	background: #e7e7e7;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIzMSwyMzEsMjMxLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjA0LDIwNCwyMDQsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);/* Opera */	
	background: -moz-linear-gradient( top, rgba(231,231,231,1), rgba(204,204,204,1) );/* Firefox */ 
	background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(231,231,231,1) ), color-stop( 1, rgba(204,204,204,1) ) );/* Chrome & Safari */ 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE7E7E7,EndColorStr=#FFCCCCCC);/* IE5.5 - IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE7E7E7,EndColorStr=#FFCCCCCC)";/* IE8 */ 
	}

.button:hover, a.button:hover{
	cursor: pointer;
}
a.button-edit, a.button-delete{
	border: none;
	padding-left: 25px;
	background: url(assets/icons/actions.sprite.png) no-repeat center left;
	font-size: 11px;
	color: #666;
	float: left;
	display: inline-block;
	margin-right: 5px;	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent;	
}
.right{
	float: right;
	margin-right: 6px;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('assets/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 8px;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0 solid #FFB14A;
	border-radius: 8px;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('assets/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('assets/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('assets/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('assets/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('assets/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('assets/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('assets/fancybox/fancybox-y.png');
	background-position: -20px 0;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('assets/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('assets/fancybox/fancybox-x.png');
	background-position: 0 -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('assets/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('assets/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('assets/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font: 18px/28px Anton,"Arial Black",Arial;
	text-transform: uppercase;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #FFB14A;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #FFB14A;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFB14A;
	text-align: center;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('assets/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('assets/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFB14A;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('assets/fancybox/fancybox-x.png') 0 -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('assets/fancybox/fancybox.png') -55px -90px no-repeat;
}