/* Copyright (C) arrowthemes, Regular/Extended Licence */


/* Resets
----------------------------------------------------------------------------------------------------*/
:focus {outline:none;}
a { text-decoration: none; line-height: inherit; }
a:focus { outline: none; }
blockquote {quotes: none}
blockquote:before, blockquote:after{content: '';content: none}
abbr, .postcontent dfn{border-bottom: 1px dotted;} 
.right{float: right;}
.left{float: left;}


/*forms
----------------------------------------------------------------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea,
form.box input[type="text"],
form.box textarea,
.searchbox {
	border-style: solid;
	border-width: 1px;
	padding:4px 13px 3px;   
	outline: none;
	color:#808080 !important;
	margin:1px 0 3px;
	line-height: 1.6em;
	height: auto;
	border-radius: 4px;   
}

.var-dark input[type="text"],
.var-dark input[type="password"],
.var-dark input[type="email"],
.var-dark input[type="url"],
.var-dark textarea,
.var-dark .searchbox,
.var-dark form.box input[type="text"], 
.var-dark form.box select, 
.var-dark form.box textarea, 
.var-dark form.short input, 
.var-dark form.short select, 
.var-dark form.short textarea, 
.var-dark .searchbox input{
	background-color: rgba(0,0,0, 0.35);
	border-color: transparent;
	box-shadow: 1px 1px 0 rgba(255, 255, 255,.075), 0 1px 0 rgba(0,0,0,0.3) inset;
}


.var-dark form.box select, 
.var-dark form.box textarea, 
.var-dark form.short input, 
.var-dark form.short select, 
.var-dark form.short textarea, 
.var-dark form.box select{
	color: #FFFFFF;
}

.var-dark input[type="text"]:hover,
.var-dark input[type="password"]:hover,
.var-dark input[type="email"]:hover,
.var-dark textarea:hover,
.var-dark form.box input[type="text"]:hover,
.var-dark form.box select:hover,
.var-dark form.box textarea:hover,
.var-dark form.short input:hover,
.var-dark form.short select:hover,
.var-dark form.short textarea:hover{
	background-color: rgba(0,0,0, 0.4);
}

.var-dark input[type="text"]:focus,
.var-dark input[type="password"]:focus,
.var-dark input[type="email"]:focus,
.var-dark textarea:focus,
.var-dark form.box input:focus,
.var-dark form.box select:focus,
.var-dark form.box textarea:focus,
.var-dark form.short input:focus,
.var-dark form.short select:focus,
.var-dark form.short textarea:focus{
	background-color: rgba(0, 0, 0, 0.65)
}

.var-light input[type="text"],
.var-light input[type="password"],
.var-light input[type="email"],
.var-light input[type="url"],
.var-light textarea,
.var-light .searchbox,
.var-light form.box input[type="text"], 
.var-light form.box select, 
.var-light form.box textarea, 
.var-light form.short input, 
.var-light form.short select, 
.var-light form.short textarea, 
.var-light .searchbox input
 {
	border: 1px solid rgba(0,0,0,0.1);
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.075) inset, 1px 1px 0 rgba(255,255,255,0.5);
}

.var-light input[type="text"]:hover,
.var-light input[type="password"]:hover,
.var-light input[type="email"]:hover,
.var-light textarea:hover,
.var-light form.box input[type="text"]:hover, 
.var-light form.box select:hover, 
.var-light form.box textarea:hover, 
.var-light form.short input:hover, 
.var-light form.short select:hover, 
.var-light form.short textarea:hover{
	background-color: rgba(255, 255, 255, 0.55)
}

.var-light input[type="text"]:focus,
.var-light input[type="password"]:focus,
.var-light input[type="email"]:focus,
.var-light textarea:focus,
.var-light form.box input:focus, 
.var-light form.box select:focus, 
.var-light form.box textarea:focus, 
.var-light form.short input:focus, 
.var-light form.short select:focus, 
.var-light form.short textarea:focus{
	background-color: rgba(255, 255, 255, 0.85)
}

.searchbox input[type="text"]{
	border: 0 none;
	background: none;
	min-height: 20px;
	box-shadow: none;
}

.searchbox input[type="text"]:hover,
.searchbox input[type="text"]:focus{
	background: none;
	box-shadow: none;
}

select {padding: 5px;}


/*Acymailing component
----------------------------------------------------------------------------------------------------*/
.acyfield_email input[type="text"]{
	min-height: 20px !important; 
	float: right; 
	min-height:24px;  
	line-height: 1.5em;  
	margin:-5px 20px 0;  
	padding:4px 13px 3px 13px;
}

.acymailing_introtext{
    left: 15px;
    position: relative;
    top: 20px;
    font-size: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}

.acymailing_fulldiv tr, .acymailing_fulldiv td{
	display: inline-block;
} 

table.acymailing_form {
	margin: 20px 10px 0;
}

#newsletter .module {
	margin: 0 10px 0 4px; 
	padding: 3px 0 5px;
}

#acyarchivelisting table {border: 0 none;}
#newsletter{
    margin: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
}
input.subbutton{
    padding-top: 5px;
    margin-top: 1px;
}

#newsletter .module-title{
    float: left;
    padding: 20px;
    line-height: 30px;
    margin: -4px 0 0px -5px;
}

#newsletter p{
    line-height: 37px;
    margin-left: 10px;
    display: inline-block;
}

.acymailing_module_form .acymailing_introtext{
    left: 15px;
	position: relative;
	top: 5px;
	font-size: 20px;
	text-shadow: none;
	float: left;
	line-height: 3;
}

#newsletter .acymailing_form p{
    float: left;
    position: relative;
    top: 7px;
}

#newsletter p.acysubbuttons {
    line-height: 0;
    margin-left: 20px;
    position: relative;
    right: 5px;
    top: -1px;
}

/*image caption*/
div.img_caption{text-align: center;}


/* newsletter mockup */
#newsletter p.newsletter-intro {
	font-size: 22px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
	margin-left: 15px;
	padding-top: 3px;
}

.news-mockup .acyfield_email input[type="text"]{
	margin: 4px 0 0;
}

.news-mockup .acyfield_email{
	display: block;
	position: relative;
	right: -50px;
}

#newsletter .news-mockup p.acysubbuttons{
	right: 9px;
	top: 3px;
}



/*columns
----------------------------------------------------------------------------------------------------*/

.container { padding: 0 10px; }
.row { width: 100%; min-width: 0; margin: 0 auto; }
.row .row { min-width: 0; }

.row .column, .row .columns { margin-left: 2.4%; float: left; min-height: 1px;  }
.row .column:first-child, .row .columns:first-child { margin-left: 0; }

.row .one, .row .one-twelfth 	{ width: 6.3%; }
.row .two, .row .one-sixth 		{ width: 14.6%; }
.row .one-fifth 				{ width: 18% }
.row .four-fifths				{ width: 72% }
.row .three, .row .one-fourth 	{ width: 23.2%; }
.row .four, .row .one-third		{ width: 31.67%; }
.row .five						{ width: 40.1%; }
.row .six, .row .one-half,
.row .two-fourths				{ width: 48.8%; }
.row .seven 					{ width: 57.5%; }
.row .eight, .row .two-thirds 	{ width: 65.9%; }
.row .nine, .row .three-fourths { width: 74.4%; }
.row .ten 						{ width: 83.0%; }
.row .eleven 					{ width: 91.3%; }
.row .twelve 					{ width: 100%; }

/* Nicolas Gallagher's micro clearfix */
 .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
 .row:after, .clearfix:after { clear: both; }
 .row, .clearfix { zoom: 1; }
 .clear {clear: both;  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0;}

.hidden-text {
	width: 70%;
	margin: 12px 0;
}


/*reveal-modal
----------------------------------------------------------------------------------------------------*/
.reveal-modal-bg { 
	position: fixed; 
	height: 100%; 
	width: 100%; 
	z-index: 40; 
	display: none; 
	top: 0; 
	left: 0; }

.reveal-modal {
	visibility: hidden; 
	top: 100px; 
	left: 50%; 
	margin-left: -300px; 
	width: 520px; 
	background: transparent url(../images/typo/modal-gloss.png) no-repeat -200px -80px; 
	position: absolute; 
	z-index: 41; 
	padding: 30px 40px 34px; 
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	}

	

	.var-dark .reveal-modal-bg{background: rgba(0,0,0,0.65);}
	.var-light .reveal-modal-bg{background: rgba(0,0,0,0.35);}

	.var-dark .reveal-modal{
		background-color: #101010;
		box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255,255,255, .05) inset;
	}

	.var-light .reveal-modal{
		background-color: rgba(255,255,255,0.9);
		box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(255,255,255, .05) inset;
	}

	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

	.reveal-modal .close-reveal-modal {
		font-size: 22px;	
		line-height: .5; 
		position: absolute;
		top: 8px; 	
		right: 11px; 
		color: #000000; 
		text-shadow: 0 1px 0 rgba(255,255,255, .2);	
		font-weight: bold;
		cursor: pointer;
	} 
	
	.reveal-modal .row {min-width: 0;}


	.reveal-modal input[type="text"],
	.reveal-modal input[type="password"],
	.reveal-modal input[type="email"],
	.reveal-modal select{	
		width: 90%;
		-webkit-transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15s ease-in-out;
		-ms-transition: background-color .15s ease-in-out;
		transition: background-color .15s ease-in-out;
	}

/*clients*/
.client {
	position: relative;
	float: left;
}

.client img {
	padding-left: 15px;
}


/* CSS3 pricing tables
--------------------------------------------------------------------------- */

.pricing
{
	margin: 15px 0 15px 5px;  
	width: 100% !important;  
	background: none !important
}

.pricing.two .price-col{max-width: 50%;}
.pricing.three .price-col{width: 33%;}
.pricing.four .price-col{width: 24.8%;}
.pricing.five .price-col{width: 19.8%;}
.pricing.six .price-col{width: 16.5%;}

.price-col{
	display: inline-block;
	overflow:hidden;
	margin: 0 0 0 -2px;
}

.firefox .price-col{margin: 0 0 0 -4px}
.ie .price-col{margin: 0 0 0 -5px}

.price-col.first {
	border-left: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px 0 0 5px;
}

.price-col.last {
	border-right: 1px solid rgba(0,0,0,0.1);
	border-radius: 0 5px 5px 0;
}

.pricing > .price-col:nth-of-type(2n+1){
	box-shadow: 0 1px 30px rgba(0,0,0,.1) inset, 0 0 0 1px rgba(255,255,255,0.05) inset;
	position: relative;
}

.var-dark .price-col{
	background-color: rgba(0,0,0,0.25);
	border-bottom:1px solid rgba(0,0,0,0.3);
	border-right:1px solid rgba(0,0,0,0.3);
	border-top:1px solid rgba(0,0,0,0.3);
	box-shadow: 1px 1px 40px rgba(0,0,0,0.3) inset, 0 0 0 1px rgba(255,255,255,0.065) inset;
}

.var-dark .price-col:hover, 
.var-dark .price-col.focus{
	box-shadow: 1px 1px 30px #202020 inset, 1px 1px 15px #000000;
	position: relative;
}


.var-light .price-col:hover, 
.var-light .price-col.focus{
	box-shadow: 1px 1px 30px rgba(0,0,0,0.15) inset, 1px 1px 15px rgba(0,0,0,0.25);
	position: relative;
}

.var-light .price-col{
	box-shadow:1px 1px 5px #DCDCDC inset;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

/*price elements css*/
sup, sub {font-size: 50%}

.price-tag{
	margin:0;  
	display: inline-block; 
	line-height: 1.5;
	text-shadow: none !important; 
}

.var-dark .price-tag,
.var-dark .th
{	
	background-image: url(../images/body/price-tag.png); 
	background-position: 0 100%; 
	background-repeat: repeat-x;
}

.var-light .price-tag,
.var-light .th
{	
	background-image: url(../images/body/price-tag-light.png); 
	background-position: 0 -1px; 
	background-repeat: repeat-x;
}

.th{
	padding:15px 10px;  
	width:100%;  
	height:33px;  
	border-color:#101010;
	overflow:hidden;  
	text-align:center;  
	text-shadow: none;
}

.price-col.first .th{
	border-radius: 5px 0 0 0;
}

.price-col.first .call-action{
	border-radius: 0 0 0 5px;
}

.price-col.last .th{
	border-radius: 0 5px 0 0;
}

.price-col.last .call-action{
	border-radius: 0 0 5px 0;
}

.th .title{
	display: block;
	top: 0;
	min-height: 34px;
	text-align: left;
	font-size: 32px;
	padding: 10px 5px 5px !important;
	font-weight: normal;
	opacity: 1!important
}

.th .title strong{
	font-weight: normal
}

ul.feature {
	margin: 0;
	float: left;
	padding: 0; 
	width: 100%;
}

ul.feature > li{
	text-align: left;
	padding: 7px 10px 7px 15px !important;
	width: 100%;
	border-top: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.price-tag{
	display:block;
	font-size:30px;
	text-align:center;
	padding:10px 10px;
}

.call-action{
	display: block;
	padding: 20px 20px 25px 10px;
	text-align: right;
	float: right;
}

.price-col .post ol{
	margin: 1em -8px 1em 13px !important;
	padding-left: 11px !important;
}

.tr-item{padding: 4px 0}
.price-col li {margin-bottom: 0;}

/*transition*/
.price-col, .price-col:hover{
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

/* widgets/modules
----------------------------------------------------------------------------------------------------*/

/*audio/video*/
.mejs-container{
	border: 3px solid rgba(0, 0, 0, 0.4); 
	box-shadow: 1px 1px 0 rgba(255,255,255, 0.1);
	border-radius: 4px;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded{filter: none;}


/*accordion menu*/

/*twitter*/
.wk-twitter-list article{padding-bottom: 8px !important;}
.wk-twitter-list .meta{font-style: normal;}

/*zoo*/
.zoo-comments-list > article {padding-bottom: 10px !important; border-top: 0 none}

/*wigdetkit*/
.wk-twitter-list article {
	border-top: 0 none
}

/*gavick mod news image*/
.nspBotInterface, .nspTopInterface{
	margin: 23px 0;
	margin-top: -37px;
}

.nspArts, .nspMain {
	overflow: visible;
}

.nspArt .author{
	font-style: normal;
	float: right;
	padding: 15px 0;
	font-weight: bold;
}

/*s5 contact*/
#s5_qc_submitbutton {
	float: right;
	margin: 3px 5px 10px 0;

}

/*multimedia*/
.mejs-controls .mejs-time-rail .mejs-time-loaded{
	background: url(../images/widget/player-track.png) repeat-x scroll 0 0 #404040;}


/*to-top scroller*/
.var-dark #toTop{background: url(../images/body/back-to-top.png) no-repeat scroll left top transparent;}
.var-light #toTop{background: url(../images/body/back-to-top-light.png) no-repeat scroll left top transparent;}
#toTop { border: medium none;    bottom: 0;    display: none;    height: 75px;    overflow: hidden;    position: fixed;    right: 28px;   text-decoration: none;    text-indent: -999px;    width: 50px; z-index: 1;}
#toTopHover {display: block;    float: left;    height: 75px;    opacity: 0;    overflow: hidden;    width: 50px;}
#toTop:active, #toTop:focus { outline: medium none;}


/*pb booking styling*/
#calendar {
	background: none;
	padding: 20px 5px;
	max-width: 100%;
	height: auto
}

.calendars_left{width: 51%;}

#pbbooking-submit {
	float: left;
	margin-top: 10px;
}

table#pbbooking {
	width: 90%;
	height: 140px;
}

.var-light table.pbbooking-data-table,
.var-dark table.pbbooking-data-table{
	border: 0 none;
}

.var-dark #pbbooking th, 
.var-dark .calendars_left td {
	border: 1px solid #303030;
}

.var-light #pbbooking th, 
.var-light .calendars_left td {
	border: 1px solid #dedede;
}

#pbbooking th, 
.calendars_left td {
	height: 50px;
	font-weight: normal
}

#pbbooking td {
	height: 40px
} 

.var-dark #pbbooking td{ 
	background: #242424;
	box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 1px 0 0 rgba(255,255,255,0.05) inset;
	background: -moz-linear-gradient(top, #242424 0%, #131313 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242424), color-stop(100%,#131313));
	background: -webkit-linear-gradient(top, #242424 0%,#131313 100%);
	background: -o-linear-gradient(top, #242424 0%,#131313 100%);
	background: -ms-linear-gradient(top, #242424 0%,#131313 100%);
	background: linear-gradient(top, #242424 0%,#131313 100%);
	color: #c0c0c0;
	border-top: 1px solid rgba(0,0,0,0.03);
	border-left: 1px solid rgba(0,0,0,0.05)
}

.var-light #pbbooking td{ 
	background: #f4f4f4;
	box-shadow: 0 0 3px #FFFFFF inset, -1px -1px 0 rgba(255,255,255, 0.55);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#efefef 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%,#efefef 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%,#efefef 100%);
	background: linear-gradient(top, #FFFFFF 0%,#efefef 100%);
	color: #c0c0c0;
	text-shadow: 0 1px 0 rgba(255,255,255,0.9);
	border-bottom: 1px solid rgba(0,0,0,0.03);
	border-right: 1px solid rgba(0,0,0,0.03)
}

.var-dark #pbbooking th{ 
	background: #3C3F41;
	border: 1px solid #101010;
	box-shadow: 0 0 3px rgba(255,255,255,0.1) inset;
	background: -moz-linear-gradient(top, #3C3F41 0%, #1E2123 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3C3F41), color-stop(100%,#1E2123));
	background: -webkit-linear-gradient(top, #3C3F41 0%,#1E2123 100%);
	background: -o-linear-gradient(top, #3C3F41 0%,#1E2123 100%);
	background: -ms-linear-gradient(top, #3C3F41 0%,#1E2123 100%);
	background: linear-gradient(top, #3C3F41 0%,#1E2123 100%);
}

.var-light #pbbooking th{ 
	background: #dedede;
	border: 1px solid #dedede;
	box-shadow: 0 0 3px rgba(255,255,255,0.55) inset;
	background: -moz-linear-gradient(top, #efefef 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top, #efefef 0%,#dedede 100%);
	background: -o-linear-gradient(top, #efefef 0%,#dedede 100%);
	background: -ms-linear-gradient(top, #efefef 0%,#dedede 100%);
	background: linear-gradient(top, #efefef 0%,#dedede 100%);
}

.var-dark #pbbooking td:hover {
	background: rgba(0,0,0,0.75);
}

.var-light #pbbooking td:hover {
	background: #FFFFFF;
}

#pbbooking td.selected_day {box-shadow: none;}

span.month-heading {
	font-size: 20px;
	padding: 0 20px;
}

#pbbooking td.pbbooking-cal-top-right, 
#pbbooking td.pbbooking-cal-top-left, 
#pbbooking td.pbbooking-cal-left-header, 
#pbbooking td.pbbooking-cal-right-header, 
#pbbooking td.pbbooking-gap-row-left, 
#pbbooking td.pbbooking-gap-row-center, 
#pbbooking td.pbbooking-gap-row-right, 
#pbbooking td.pbbooking-gap-row-left, 
#pbbooking td.pbbooking-cal-top-rings, 
#pbbooking td.pbbooking-cal-right-body, 
#pbbooking td.pbbooking-cal-left-body, 
#pbbooking td.pbbooking-cal-bottom-left, 
#pbbooking td.pbbooking-cal-bottom-right, 
#pbbooking td.pbbooking-cal-bottom-center {
	display: none;
}

#pbbooking tr {
	height: 0;
}

/*mosaic layout*/
.sprocket-mosaic-item{
	border: 1px solid #CFCFCF;
	border-radius: 0;
}

.var-light .sprocket-mosaic-item{
	background: rgba(255,255,255,0.65);
	border: 1px solid #CFCFCF;
}

.var-dark .sprocket-mosaic-item{
	background: rgba(0,0,0,0.25);
	border: 1px solid rgba(0,0,0,0.5);
}

.sprocket-mosaic-item .sprocket-padding {
	padding: 0;
	overflow: hidden;
}

.sprocket-mosaic-title,
.sprocket-mosaic-text
{margin: 0;}

.sprocket-mosaic-title,
.sprocket-mosaic-text{
	padding: 10px 10px 0;
}

.sprocket-mosaic-item .sprocket-mosaic-text{
	margin: 0;
}

h2.sprocket-mosaic-title {
	font-size: 20px
}

.var-dark .sprocket-mosaic .sprocket-mosaic-tags, 
.var-dark #mosaic .sprocket-mosaic ul.sprocket-mosaic-tags{
	border-top: 1px solid rgba(255,255,255, 0.05);
	box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
	background: rgba(0,0,0,0.45);
}

.var-light .sprocket-mosaic .sprocket-mosaic-tags, 
.var-light #mosaic .sprocket-mosaic ul.sprocket-mosaic-tags{
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
	background: #f4f4f4;
}

.sprocket-mosaic .sprocket-mosaic-tags, 
#mosaic .sprocket-mosaic ul.sprocket-mosaic-tags{
	margin: 8px 0 0;
}

.sprocket-mosaic-image-container img{
	border-style: none none solid;
	border-width: 0 0 1px 
}

.sprocket-mosaic .sprocket-mosaic-header{
	margin-bottom: 15px
}

.sprocket-mosaic-item {
	box-shadow: 0px 0px 0 2px rgba(0,0,0,0.055);
}

ul.sprocket-mosaic-tags li{
	position: relative;
	font-size: 11px;
	font-style: normal;
	margin:5px 4px;
	width: auto !important; 
	padding: 1px 8px 1px !important;
	border-radius: 3px !important;
}

 .var-light ul.sprocket-mosaic-tags li{ 
	background: none repeat scroll 0 0 #DEDEDE;
	border: 1px solid #CCCCCC;
	color: #202020;
	text-shadow: 0 1px 0 rgba(255,255,255, .75); 
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
 }

 .var-dark ul.sprocket-mosaic-tags li{ 
	background: none repeat scroll 0 0 rgba(0,0,0,.4);
	border: 1px solid rgb(255,255,255,0.1);
	color: #FFFFFF;
	text-shadow: none; 
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1);
 }

.sprocket-mosaic-filter li, 
.sprocket-mosaic-order li, 
.sprocket-readmore {
	text-transform: lowercase !important;
	font-size: 11px;
	padding: 3px 13px !important;
	border-radius: 5px !important;
}

.var-light .sprocket-mosaic-filter li, 
.var-light .sprocket-mosaic-order li {
	color: #777 !important; 
	border-color: #d9d9d9 !important; 
	text-shadow: 0 1px rgba(255, 255, 255, 1);
 	background: #f4f4f4 !important;
	box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.05) inset, 0 10px 3px rgba(255, 255, 255, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 1) inset, 0 -1px 0 rgba(255, 255, 255, 1) inset, 0 1px 1px rgba(0, 0, 0, 0.05); 
}

.var-dark .sprocket-mosaic-filter li, 
.var-dark .sprocket-mosaic-order li,
.var-dark ul.sprocket-mosaic-tags li
 {
	color: #808080 !important; 
	border-color: rgba(0,0,0,0.5) !important; 
	text-shadow: none;
 	background: rgba(0,0,0,0.4) !important;
 	box-shadow: 1px 1px 0 rgba(255,255,255,0.05), 2px 2px 0 rgba(0,0,0,.3) inset;
}

.sprocket-readmore{
	float: right;
	border-style: solid;
	border-width: 1px;
	padding: 1px 10px 3px !important;
	margin: 18px 15px 0 !important;
}

.sprocket-mosaic-filter li{
	margin-right: 3px !important;
}

div.sprocket-mosaic-order ul li{
	margin-left: 3px !important
}

.var-dark .sprocket-mosaic-filter li.active{
	background: rgba(255,255,255,0.1) !important;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.15) inset;
}

.var-light .sprocket-mosaic-filter li.active{
	background: #f4f4f4 !important;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.15) inset;
}

.sprocket-mosaic-hovercontent{
	width: 32px;
	height: 32px
}

span.sprocket-mosaic-hovercontent{
	font-weight: normal;
	font-size: 1em !important;
	color: #FFF;
	line-height: 2.6em
}

span.sprocket-mosaic-hovercontent span{
	font-size: 1.5em !important;
	line-height: 1.1;
}

.sprocket-mosaic-hover{
	bottom: 7px;
	background-color: rgba(0,0,0,0.4); 
	border-width: 30px 30px 0 0;
}

.sprocket-headlines {
	margin: -2px;
	border: 0 none;
	background: none !important
}

.sprocket-mosaic-loadmore {
	border-radius: 5px;
}

.var-light .sprocket-mosaic-loadmore {
	text-shadow: 0 1px rgba(255, 255, 255, 1);
 	background: #f4f4f4;
 	box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.05) inset, 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 1) inset, 0 -1px 0 rgba(255, 255, 255, 1) inset, 0 1px 1px rgba(0, 0, 0, 0.05);
	border: 1px solid #dedede;
}

.var-dark .sprocket-mosaic-loadmore {
	text-shadow: none !important;
 	color: #C2C2C2 !important;
	border-color: #101010;
	background-color: #202020;
	box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.05) inset, 0 8px 10px rgba(255, 255, 255, 0.10) inset, 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
}

.var-light .sprocket-mosaic-loadmore .loadmore-all span,
.var-light .sprocket-mosaic-loadmore span{
	text-shadow: 0 1px 0 rgba(255,255,255,.75)
 }

.var-dark .sprocket-mosaic-loadmore .loadmore-all span,
.var-dark .sprocket-mosaic-loadmore span{
	text-shadow: none
}

 .sprocket-mosaic-loadmore{
 	margin: 20px auto -8px;
 }

.var-dark .sprocket-lists-title {
		border: 0 none;
		background: none repeat scroll 0 0 #151515;
		box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.05) inset, 0 10px 20px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 0 0 5px rgba(0,0,0,0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.05);
}

.var-light .sprocket-lists-title {
		background: none repeat scroll 0 0 #F8F8F8;
		box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.05) inset, 0 10px 6px rgba(255, 255, 255, 0.5) inset, 0 1px 0 #FFFFFF inset, 0 0 0 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.05);
}

 .sprocket-lists-container {
 	overflow: visible;
 }

 .sprocket-lists ul li{
 	margin-bottom: 5px
 }

 .sprocket-lists-title .indicator{
font-size: 0.9em !important;
line-height: 0.75 !important;
 	margin-top: -11px;
 	border: 1px solid;
	height: 19px;
	width: 19px;
 }

 .var-dark .sprocket-lists-title .indicator{
	background: #151515;
	box-shadow: 0 2px 1px rgba(0,0,0,0.4) inset;
 }

 .var-light .sprocket-lists-title .indicator{
	background: #f8f8f8;
	box-shadow: 0 2px 1px #e0e0e0 inset;
 }

 .layout-slideshow .sprocket-features-arrows .arrow {
 	font-family: monospace, "MS Sans Serif", arial;
	color: #303030;
	font-size: 4em;
	text-align: center;
 }

 .roksprocket-ellipsis{display: inline-block;}
 .sprocket-lists-title {font-size: 1.3em !important}


.sprocket-lists-title.padding {
    padding: 7px 35px 7px 10px !important;
}

.sprocket-lists a.readon {
	float: right; 
	margin-top: 25px; 
	margin-bottom: 15px;
}

	/*sprocket tabs*/
.sprocket-tabs-nav {background: none;}
.sprocket-tabs-nav li{
	line-height: 40px !important; 
	font-weight: normal; 
	font-size: 17px;
    border-radius: 2px 2px 0 0;
    border-style: solid solid none !important;
    border-width: 1px 1px 0 !important;
    margin: 0 3px;
}

.var-dark .sprocket-tabs-nav li {
	background: #292929;
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.02) inset, 0 10px 8px rgba(255, 255, 255, 0.05) inset, 0 1px 0 rgba(255, 255, 255,0.08) inset;
    color: #FFFFFF !important; 
    border-color: #151515 !important;
}

.var-light .sprocket-tabs-nav li {
	background: #f4f4f4;
	border-color: #e0e0e0 !important;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.02) inset, 0 -10px 5px rgba(255, 255, 255, 0.5) inset, 0 1px 0 #FFFFFF inset, 0 -1px 0 #FFFFFF inset;
    color: #606060 !important; 
}

.sprocket-tabs-nav li:hover{
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) inset, 0 -10px 8px rgba(255, 255, 255, 0.075) inset;
}

.sprocket-tabs-nav > li.active > .sprocket-tabs-inner .sprocket-tabs-text {text-shadow: none;}
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner .sprocket-tabs-text{text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
.sprocket-tabs-nav li:first-child{margin-left: -5px !important}
.tab-title{padding-top: 20px}
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
	box-shadow: 0 0px 0 1px rgba(255,255,255,0.2) inset;
	border-color: rgba(0,0,0,0.1);
	margin-bottom: -1px;
	border-width: 1px 1px 0
}

.sprocket-tabs-nav > li > .sprocket-tabs-inner {
	padding: 13px 18px;
	font-size: 16px;
	border: 0 none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
}

.sprocket-tabs-panels{
    padding: 5px 20px 25px;
    border-style: solid;
    border-width: 0 1px 1px;
    width: auto; 
    height: auto;
}

.var-dark .sprocket-tabs-panels {
	background: url(../images/body/bg-dark-large.png) repeat-x scroll 0 0 #1C1C1C; 
	box-shadow: 0 -1px 3px rgba(255,255,255,.1) inset, 0 0 1px #202020;
	        border-color: #101010;
}

.var-light .sprocket-tabs-panels {
	background: #F4F4F4;
	background: -moz-linear-gradient(top,  #FFFFFF 0%, #F4F4F4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
	background: -webkit-linear-gradient(top,  #FFFFFF 0%,#F4F4F4 100%);
	background: -o-linear-gradient(top,  #FFFFFF 0%,#F4F4F4 100%);
	background: -ms-linear-gradient(top,  #FFFFFF 0%,#F4F4F4 100%);
	background: linear-gradient(top,  #FFFFFF 0%,#F4F4F4 100%);
	box-shadow: 0 1px 2px #FFFFFF inset, 0 0 1px #BABABA, 0 -2px 0 3px rgba(0, 0, 0 , 0.05) inset, 0 -2px 0 4px rgba(255, 255, 255, 0.45) inset;
	border-color: #e0e0e0;
}

.icon-feature {
    display: block;
    float: left;
    padding: 0 15px 0 0;
}

/*strips*/
.sprocket-strips-title a{
	color: #FFFFFF !important;
	font-weight: bold;
}

.sprocket-strips-content:hover{
	background: rgba(0,0,0,0.3);		
	box-shadow: 0 0 6px rgba(0,0,0,.5) inset;
}

.sprocket-strips-item{
	box-shadow: none;
}

.sprocket-strips-text {padding-bottom: 20px;}
.sprocket-strips-content a.readon {
	padding: 2px 9px;
	font-size: 12px
}
.sprocket-strips-arrows .arrow,
.sprocket-lists-arrows .arrow
 {
	font-family: monospace, arial;
	line-height: 14px;
	font-size: 18px;
	box-shadow: none
}
.sprocket-strips-item,
.sprocket-strips-content{
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

.sprocket-strips-arrows,
.sprocket-lists-arrows
 {
	padding-right: 10px
}

.sprocket-strips-content{
	padding: 22px
}

.sprocket-strips-content h4,
.sprocket-strips-content .sprocket-strips-text,
.sprocket-strips-content .readon{
	opacity: 0;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.sprocket-strips-content:hover h4,
.sprocket-strips-content:hover .sprocket-strips-text,
.sprocket-strips-content:hover .readon{
	opacity: 1
}	

/*navigation*/
.sprocket-strips-pagination li,
.sprocket-lists-pagination li
{
	padding: 5px !important;
	margin-right: 2px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	opacity: 1;
}

.var-light .sprocket-strips-pagination li,
.var-light .sprocket-lists-pagination li{
	background: rgb(228, 228, 228);
	box-shadow: 0 0 1px rgba(0,0,0,0.75) inset, 0 1px 3px rgba(0,0,0,.35) inset, 0 1px 0 rgba(255,255,255,1);
}

.var-dark .sprocket-strips-pagination li,
.var-dark .sprocket-lists-pagination li{
	background: rgb(20, 20, 20);
	box-shadow: 0 0 1px rgba(0,0,0,0.75) inset, 0 1px 3px rgba(0,0,0,.35) inset, 0 1px 0 rgba(255,255,255,.1);
}

.var-light .sprocket-strips-pagination li.active,
.var-light .sprocket-lists-pagination li.active
{
	background: rgba(255,255,255,0.65);
	box-shadow: 0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,.35), 0 -1px 0 rgba(255,255,255,1), 0 0 0 1px rgba(255,255,255,.75) inset;		
}

.var-dark .sprocket-strips-pagination li.active,
.var-dark .sprocket-lists-pagination li.active
{
	background: rgba(255,255,255,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,.35), 0 -1px 0 rgba(255,255,255,.45), 0 0 0 1px rgba(255,255,255,.15) inset;		
}

/*kunena*/
.klatest-posttime, .klatest-cat, .klatest-author {
	font-size: 13px;
}

.klatest-items .knewchar {
	color: #009900;
	font-weight: bold;
	font-family: inherit;
	margin-left: 3px;
	font-size: .75em;
	vertical-align: middle;
	white-space: nowrap;
}

/* widgetkit elements
----------------------------------------------------------------------------------------------------*/

/*audio/video*/
.mejs-container{
	border: 3px solid rgba(0, 0, 0, 0.4); 
	
	box-shadow: 1px 1px 0 rgba(255,255,255, 0.1);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded{filter: none;}

/*twitter*/
.wk-twitter-list article{padding-bottom: 8px !important;}
.wk-twitter-list .meta{font-style: normal;}

/*audio/video*/
.mejs-container.mejs-video,
.mejs-container .mejs-poster,
.mejs-container .mejs-overlay{
	width: 99.9% !important
}

.mejs-controls .mejs-time-rail span{height: 8px;}
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total{	
	border: 1px solid #313333;
	box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	background: #474949;
	background: -moz-linear-gradient(top,  #3B3D3D 0%, #474949 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B3D3D), color-stop(100%,#474949));
	background: -webkit-linear-gradient(top,  #3B3D3D 0%,#474949 100%);
	background: -o-linear-gradient(top,  #3B3D3D 0%,#474949 100%);
	background: -ms-linear-gradient(top,  #3B3D3D 0%,#474949 100%);
	background: linear-gradient(to bottom,  #3B3D3D 0%,#474949 100%);
	-webkit-border-radius: 1px;
	   -moz-border-radius: 1px;
	    -ms-border-radius: 1px;
	     -o-border-radius: 1px;
	        border-radius: 1px;
}

.mejs-controls .mejs-time-rail .mejs-time-current{height: 6px; border: 1px solid rgba(255,255,255,0.35);}
.mejs-controls .mejs-time-rail .mejs-time-loaded{border: 0 none;}
.mejs-controls .mejs-time-rail .mejs-time-float-current, .mejs-time-float{background: #EEEEEE !important; border: 0 none;}
.mejs-controls .mejs-time-rail .mejs-time-loaded{
	filter: none;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current
{
	box-shadow: 0 -1px 0 rgba(255,255,255,0.5) inset;
}

.mejs-container,
.mejs-container .mejs-controls
{	
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
	 border: 0;
	 border-bottom: 1px solid #2A2621;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
	background: #2F3131;
	background: -moz-linear-gradient(top,  #4B4C4E 0%, #2F3131 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F3131), color-stop(100%,#2F3131));
	background: -webkit-linear-gradient(top,  #4B4C4E 0%,#2F3131 100%);
	background: -o-linear-gradient(top,  #4B4C4E 0%,#2F3131 100%);
	background: -ms-linear-gradient(top,  #4B4C4E 0%,#2F3131 100%);
	background: linear-gradient(to bottom,  #4B4C4E 0%,#2F3131 100%);
}

.mejs-container.mejs-video{background: #000}
.mejs-container .mejs-controls{text-shadow: none;
}
.mejs-overlay-button{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

/*spotlight override*/
.spotlight .overlay-default { background: rgba(0,0,0,0.35) url(../images/widget/magnifier.png) 50% 50% no-repeat; }

/*multimedia*/
.mejs-controls .mejs-time-rail .mejs-time-loaded{
	background: url(../images/widget/player-track.png) repeat-x scroll 0 0 #404040;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}

.mejs-controls .mejs-mute button,
.no-svg .mejs-controls .mejs-mute button
{
	background: url(../images/widget/sound.png) no-repeat scroll 1px 4px transparent;
}

.mejs-controls .mejs-unmute button,
.no-svg .mejs-controls .mejs-unmute button
{
	background: url(../images/widget/sound-mute.png) no-repeat scroll 1px 4px transparent;
}

.mejs-controls .mejs-play button,
.no-svg .mejs-controls .mejs-play button{
	background: url(../images/widget/play.png) no-repeat scroll 5px 3px transparent;
}

.mejs-controls .mejs-pause button,
.no-svg .mejs-controls .mejs-pause button{
	background: url(../images/widget/pause.png) no-repeat scroll 5px 3px transparent;
}

/*widgetkit slider*/
.wk-slideshow-home .nav,
.wk-slideshow-module .nav
{
	top: 35px;
	right: 5px;
	padding: 0 10px;
}

.wk-slideshow-default .nav li:first-child { margin-left: 0; }
.wk-slideshow-default .nav span {
	border: 1px solid rgba(255,255,255,0.35);
	background: rgba(255,255,255, 0.3) !important;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .4);
	-webkit-transition: all .4s linear;
	   -moz-transition: all .4s linear;
	        transition: all .4s linear;
	width: 11px;
	height: 11px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	overflow: hidden;
	margin-top: 1px;
}

.wk-slideshow-default .nav span:hover { background: rgba(255,255,255, 0.75) !important; }
.wk-slideshow-default .nav span:active { width: 12px; }
.wk-slideshow-default .nav .active span { width: 16px; }

.var-dark .wk-slideshow-default .caption,
.var-dark .wk-slideshow-home .caption {
	border-color: rgba(0,0,0, 0.2);
	background: rgba(0,0,0, 0.7) !important;
	color: #f0f0f0;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 0 0 5px rgba(0,0,0,0.2);
}

.var-dark .wk-slideshow-home > div .next,
.var-dark .wk-slideshow-home > div .prev,
.var-dark .wk-slideshow-module > div .next,
.var-dark .wk-slideshow-module > div .prev {
	background-color: rgba(0, 0, 0, 0.6) !important;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.var-dark .wk-slideshow-home > div .next:hover,
.var-dark .wk-slideshow-home > div .prev:hover,
.var-dark .wk-slideshow-module > div .next:hover,
.var-dark .wk-slideshow-module > div .prev:hover{
	background-color: rgba(0, 0, 0, 0.9) !important;
}

.var-light .wk-slideshow-home > div .next,
.var-light .wk-slideshow-home > div .prev,
.var-light .wk-slideshow-module > div .next,
.var-light .wk-slideshow-module > div .prev {
	background-color: rgba(255, 255, 255, 0.6) !important;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45);
}

.var-light .wk-slideshow-home > div .next:hover,
.var-light .wk-slideshow-home > div .prev:hover,
.var-light .wk-slideshow-module > div .next:hover,
.var-light .wk-slideshow-module > div .prev:hover{
	background-color: rgba(255, 255, 255, 0.8) !important;
}

.var-dark .caption h2{
    text-shadow: 0 0 4px rgba(0,0,0,0.7);
}

.var-light .caption h2{
    text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

.var-light .caption h2{
    text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

.var-light .wk-slideshow-home .caption,
.var-light .wk-slideshow-module .caption {
	color: #303030;
	border-color: rgba(255, 255, 255, 0);
	background: rgba(255, 255, 255, 0.8) !important;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.45);
}

/*spotlight override*/
.spotlight .overlay-default { background: rgba(0,0,0,0.5) url(../images/widget/magnifier.png) 50% 50% no-repeat; }

/*kunena overrides*/
.klatest-posttime,
.klatest-cat,
.klatest-author {
	font-size: 12px;
}

.klatest-subject a {
	font-weight: normal;
	font-size: 13px;
}

/*powered by warp */
.powered-by {
	text-align: center;
	padding: 0 0 15px;
}