/*
Theme Name: Photo Grid
Theme URI: http://themeforest.net/user/webinpixels/portfolio
Description: Designed by <a href="http://themeforest.net/user/webinpixels">WebInPixels</a>.
Version: 2.0
Author: WebInPixels
License: GNU General Public License
License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/
Author URI: http://themeforest.net/user/WebInPixels
Tags: Dark
*/

@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,700&subset=latin&v2);
/* ==== RESET ==== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{letter-spacing:0px;word-spacing:.1px;margin:0;padding:0;border:0;vertical-align:baseline;outline: 0;}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}
a, img{outline: none; border: 0;}
a{text-decoration: none;}

/* ==== STYLES (General/Global) ==== */
body { margin: 0; 
	padding: 0; 
	position: relative; 
	font-family: 'Maven Pro', Helvetica, Arial, Geneva, Clean, Sans-serif;
	font-size: 12px;
	line-height: 1.6;
	background: #000;
	height: 100%;
	color: #dadada;
	}
h1, h2, h3, h4, h5, h6  { font-weight:normal; line-height: 100%;letter-spacing: 1px; font-family: Helvetica, Arial, Geneva, Clean, Sans-serif;}
h1  {font-size: 32px;} 
h2  {font-size: 21px;} 
h3  {font-size: 20px; line-height: 22px;} 
h4  {font-size: 18px; line-height: 22px;} 
h5  {font-size: 17px; line-height: 22px;} 
h6  {font-size: 15px; line-height: 22px;}
h1 strong{font-size: 40px;font-weight: bold;}

h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px}
ul,li{list-style:none outside;margin-left:20px;list-style-type:disc;}
ol, ol li{list-style:decimal outside;}
ol, dd{margin-left:24px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;margin-top:0;}
a img{text-decoration: none; border: none;}

blockquote{margin: 10px 20px 20px; padding-left: 25px; font-size: 12px; color: #aaa; font-style: italic; font-family: Georgia, serif; background: url(images/quote.png) 0px 0px no-repeat; }
blockquote p{padding: 0px;}
pre,code{font-family:mono-space,monospace;white-space:pre;overflow-x:auto;overflow-y:hidden;padding:0px;line-height: 20px;font-weight: 400;}
pre{padding:0px 5px; border: 1px solid #212121; border-top: 0;background-image: url(images/pre.gif);background-position: 0px 1px; background-repeat: repeat; text-shadow: none; color: #666;}
pre code{margin: 0; padding: 0;}
pre strong,code strong,
pre b,code b{font-weight: normal; color: #333;}

.wrap{margin: 0 auto; padding: 0px; width: 960px;}
.clear{display: inline-block;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

.alignright,img.alignright,a img.alignright {float:right; margin:10px 0px 10px 16px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:10px 16px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {border: 1px solid #ddd;margin-bottom:18px;text-align: center;background-color: #fff;padding: 4px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;color: #111;}
.center{text-align:center;}
.floatleft{float: left; _display: inline;}
.floatright{float: right; _display: inline;}
.gallery-caption{font-style: italic; font-family: Georgia, serif;}
.gallery-icon{background-image: url(images/looking.png)!important;background-position: center -1000px;background-repeat: no-repeat;}
.gallery-icon a img{border: 1px solid #333!important; padding: 5px; display: block; margin: 0px auto; text-align: center;background-color: #1b1b1b; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.sticky{}
/** =====================================================
Logo and menu bar
========================================================= */
#top{
	margin: 0px;
	padding: 0px;
	position: fixed;
	width: 100%;
	height: 0;
	overflow: hidden;
	background: url(images/black-bg.png) 0 0 repeat;
	z-index: 12;
}
#top #logo{
	float: left;
	margin: 20px;
	padding: 0px 20px 0px 0px;
	border-right: 1px dotted #111;
}
#top #logo a,
#top #logo a img{
	display: inline-block;
	margin: 0;
	padding: 0;
}
#top #menu-close-open{
	position: absolute;
	right: 10px;
	width: 30px;
	height: 30px;
}
#top #menu-close-open.withbg{
	background-color: #000;
	padding: 5px;
}
#menu-close-open a.close{
	display: block;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(images/menu-close-open.png) scroll 0 0 no-repeat;
}
#menu-close-open a.close:hover{
	background-position: -40px 0px;
}
#menu-close-open a.open{
	display: block;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(images/menu-close-open.png) scroll 0 -40px no-repeat;
}
#menu-close-open a.open:hover{
	background-position: -40px -40px;
}

/** =====================================================
menu
========================================================= */
#menu{
	float: left;
	margin: 0px;
	padding: 0;
}
#menu ul#wipnav{
	margin: 0; 
	padding: 0px; 
	list-style-type: none;
	z-index: 1002;
	position: relative;
	float: left;
	}
#wipnav li{ 
	list-style-type: none; 
	margin: 0px 5px 0px 5px; 
	padding: 0px; 
	float: left;
	overflow: visible;
	display: inline;
	}
#wipnav li a{
	margin: 0; 
	padding: 0px 25px 0px 25px; 
	display: block; 
	color: #dadada;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial, 'sans-serif';
	font-size: 11px;
	letter-spacing: 1px;
	}
#wipnav li a:hover, #wipnav li a.onhov{color: #FFF;}
#wipnav ul {
	position:absolute;
	list-style-type: none;
	top:auto;
	left: auto; 
	margin: 0;
	padding: 0px 0px 15px 0px;
	display:none;
	z-index: 1001;
	width: 200px;
	}
#wipnav ul ul, 
#wipnav ul ul ul, 
#wipnav ul ul ul ul, 
#wipnav ul  li.onhove ul{
	position:absolute;
	top:auto;
	left:190px;
	margin:0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	z-index: 1001;
	}
#wipnav ul li{
	width : 198px;
	padding: 0px 2px 0px 0px;
	height: auto!important;
	margin: 0 0 0 0;
	border-left: none; 
	border-right: none;
	}
#wipnav ul .onhove, 
#wipnav ul li:hover, 
#wipnav ul .current_page_item{
	padding: 0px 2px 0px 0px;
	margin: 0;
	}
#wipnav li:hover ul ul, 
#wipnav li:hover ul ul ul, 
#wipnav li:hover ul ul ul ul{display:none;}
#wipnav li:hover ul, 
#wipnav li li:hover ul, 
#wipnav li li li:hover ul, 
#wipnav li li li li:hover ul{
	display:block; 
	}
#wipnav li ul a, #wipnav li.onhove ul a, 
#wipnav li.onhove li.onhove ul a, 
#wipnav li.onhove li.onhove li.onhove ul a{
	width : 168px; 
	height: auto;
	line-height: 18px;
	font-size: 11px!important;
	padding: 15px 15px;
	margin: 0;
	display: block;
	float: left;
	color: #cacaca;
	letter-spacing: 0px;
	}

/** menu background settings start from here */
#wipnav li a:hover{
	color: #FFF;
}
#wipnav li a:hover span{
	color: #FFF;
}
#wipnav ul a,
#wipnav ul ul a,
#wipnav ul ul ul a{
	background: #0A0A0A url(images/menu-line.png) scroll left top repeat-x;
}
#wipnav ul li:first-child>a, #wipnav ul li:first-child>a:hover, #wipnav ul li:first-child>a.pageactive{
	background-image: none!important; 
}
#wipnav ul a:hover, #wipnav ul a.onhov, #wipnav ul a.pageactive,
#wipnav ul ul a:hover, #wipnav li li ul a.onhov, #wipnav ul ul a.pageactive, #wipnav ul ul ul a.pageactive,
#wipnav ul ul ul a:hover{
	color: #FFF!important;
}
#wipnav li a.pageactive{
	color: #FFF;
}

/** =====================================================
background set post layout
========================================================= */
ul#photo_set{display: none;}
#home-animation{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #010101;
	background-image: url(images/mask.png);
	background-position: 0 0;
	background-repeat: repeat;
}
.blockanimate{}
.blockanimate a, .blockanimate img{
	display: inline-block;
	margin: 0;
	padding: 0;
}
.blockanimate img{width: 125px; height: 100px;}
.blockanimate .set-info{
	display: none;
	margin: 0;
	float: left;
	width: 200px;
	height: 80px;
	text-align: center;
	padding: 0;
	background: #0a0a0a;
	position: absolute;
	left: 102px;
	top: 0px;
	z-index: 5;
	overflow: hidden;
}
.blockanimate.right .set-info{
	display: none;
	margin: 0;
	float: left;
	width: 200px;
	height: 80px;
	text-align: center;
	padding: 0;
	background: #0a0a0a;
	position: absolute;
	left: -202px!important;
	top: 0px;
	z-index: 5;
	overflow: hidden;
}
.blockanimate .set-info .set-title{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 40px;
	line-height: 40px;
	background-color: #000;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.blockanimate .set-info .image_number{
	display: inline-block;
	margin: 0px 5px;
	padding: 0px 0px 0px 24px;
	height: 40px;
	line-height: 40px;
	background: url(images/camera-small.png) left center no-repeat;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
.blockanimate .set-info .movie_number{
	display: inline-block;
	margin: 0px 5px 0px 5px;
	padding: 0px 5px 0px 34px;
	height: 40px;
	line-height: 40px;
	background: url(images/film-small.png) 10px center no-repeat;
	color: #FFF;
	border-left: 1px dotted #111;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

/** =====================================================
single set post layout
========================================================= */
#outerdata{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: url(images/inner.png) scroll  0 0 repeat;
	display: none;
	overflow: hidden;
}
#outerdata a#data-close{
	position: absolute;
	width: 40px;
	height: 40px;
	display: block;
	margin: 0;
	padding: 0;
	background: url(images/bullet-close.png) scroll 0 0 no-repeat;
	top: 20px;
	right: 10px;
}
#outerdata a#data-close:hover{
	background-position: right bottom;
}
#innerdata{
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	background-color: #212121;
	z-index: 21;
	display: none;
}
#innerdata.loading{
	background-image: url(images/set-preloader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
#outerdata h1#set_title{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px 20px;
	font-size: 28px;
	font-weight: bold;
}
#outerdata ul#set-nav{
	list-style-type:none;
	margin: 0;
	padding: 0px;
	position: absolute;
	left: 5px;
	height: 25px;
}
#outerdata ul#set-nav li{
	float: left;
	list-style-type:none;
	margin: 0px 5px;
	padding: 0px;
	width: 25px;
	height: 25px;
}
#outerdata ul#set-nav li a{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align:center;
	background-color: #333;
	color: #FFF;
	font-weight: bold;
}
#outerdata ul#set-nav li a:hover{
	background-color: #444;
}
#outerdata ul#set-nav li a.viewed, #outerdata ul#set-nav li a.viewed:hover{
	background-color: #aaa;
	color: #444;
}
#innerdata a#on-off-content{
	position: absolute;
	display: none;
	width: 30px;
	height: 30px;
	bottom: -15px;
	background: url(images/on-off-content.png)  0 0 no-repeat;
	z-index: 22;
}
#innerdata a#on-off-content.to-close{
	background-position: -30px 0px;
}
#innerdata #set-content{
	display: none;
}
#innerdata #set-content .inner-set{
	margin: 0;
	padding: 0px;
	display: block;
	position: relative;
	overflow: hidden;
	height: 100%;
}
#innerdata #set-content .inner-set .container{
	position:relative; 
	width:540px; 
	top:0; 
	float:left;
	padding: 20px 0px 20px 20px;
	margin: 0px;
}
#innerdata #set-content .inner-set .container .content{margin: 0;padding: 0; clear: both;}
#innerdata .dragger_container{position:relative; width:2px; height:560px; float:left; margin:20px 0 0 20px; background:#000; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}
#innerdata .dragger{position:absolute; width:2px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#innerdata .dragger_pressed{position:absolute; width:4px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;}
h1#dumb-title{display: none!important;}
#set-content img{max-width: 540px; height: auto}
#innerdata #set-single{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	height: 560px;
	overflow: hidden;
}
#set-single ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	width: auto;
	height: 560px;
	position: absolute;
	top: 0;
	left: 0;
}
#set-single ul li{
	margin: 0px 10px;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	float: left;
	position: relative;
}
#set-single ul li.image a{
	display: inline-block;
	margin: 0;
	padding: 0;
	background:#000 url(images/look.png) scroll center center no-repeat;
}
#set-single ul li.image span.image-alt{
	position: absolute;
	bottom: 20px;
	left: 0px;
	padding: 10px 20px;
	display: block;
	width: 40%;
	background: url(images/alt.png) 0 0 repeat;
	color: #FFF;
	font-size: 14px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;	
}
#set-single ul li img{
	display: inline-block;
	max-height: 560px;
	width: auto!important;
	margin: 0px;
	padding: 0px;
}

/** =====================================================
single page layout
========================================================= */
#outerdata-page{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: 100%;
	background: url(images/inner.png) scroll  0 0 repeat;
	display: none;
	overflow: hidden;
}
#pageContent{
	position: fixed;
	z-index: 10;
	width: 960px;
	height: 100%;
	background-color: #212121;
	left: 0;
	top: 0;
	display: none;
	overflow: hidden;
}
#pageContent.loading{
	background-image: url(images/set-preloader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
#pageContent .customScrollBox{
	margin: 0;
	padding: 0px;
	display: block;
	position: relative;
	overflow: hidden;
	height: 100%;
}
#pageContent .customScrollBox .container{
	position:relative; 
	width:900px; 
	top:0; 
	float:left;
	padding: 20px 0px 20px 20px;
	margin: 0px;
}
#pageContent .customScrollBox .container .content{margin: 0;padding: 0; clear: both;}
#pageContent .dragger_container{position:relative; width:2px; height:560px; float:left; margin:20px 0 0 20px; background:#000; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}
#pageContent .dragger{position:absolute; width:2px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#pageContent .dragger_pressed{position:absolute; width:4px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;}
#pageContent h1#page-title{
	font-size: 28px;
	font-weight: bold;
	padding: 40px 20px;
	border-bottom: 1px solid #272727;
	background-color: #1b1b1b;
	display: block;
}
#pageContent #page-close{
	position: absolute;
	width: 40px;
	height: 40px;
	display: block;
	margin: 0;
	padding: 0;
	background: url(images/bullet-close.png) scroll 0 0 no-repeat;
	top: 34px;
	right: 10px;
}
#pageContent #page-close:hover{
	background-position: right bottom;
}
#pageContent img{max-width: 900px; height: auto}

/** =====================================================
set lists layout 
========================================================= */
#toset{
	position: fixed;
	bottom: -100px;
	width: 100px;
	height: 100px;
	background: url(images/to-set.png) 0 0 no-repeat;
	z-index: 8;
}
#toset a{
	display: block;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
}
#set-lists-append{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 14;
	display: none;
	background: #000;
	cursor: pointer;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}
#set-lists{
	width: 400px;
	height: 100%;
	position: fixed;
	bottom: 0px;
	background: url(images/black-bg.png) 0 0 repeat;
	z-index: 15;
	display: none;
	overflow: hidden;
}
#set-lists .customScrollBox{
	margin: 0;
	padding: 0px;
	display: block;
	position: relative;
	overflow: hidden;
	height: 100%;
}
#set-lists .customScrollBox .container{
	position:relative; 
	width:360px; 
	top:0; 
	float:left;
	padding: 20px 0px 20px 20px;
	margin: 0px;
}
#set-lists .customScrollBox .container .content{margin: 0;padding: 0; clear: both;}
#set-lists .dragger_container{position:relative; width:2px; height:560px; float:left; margin:20px 0 0 10px; background:#000; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}
#set-lists .dragger{position:absolute; width:2px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#set-lists .dragger_pressed{position:absolute; width:4px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;}

#set-lists ul#wip-set-lists{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#set-lists ul#wip-set-lists li{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	border: 2px solid transparent;
}
#set-lists ul#wip-set-lists li a{
	display: block;
	margin: 0;
	padding: 0px 0px 0px 110px;
	min-height:80px;
	position: relative;
}
#set-lists ul#wip-set-lists li a img{
	position: absolute;
	top:0;
	left: 0;
	width: 100px;
	height: 80px;
	margin: 0;
	padding: 0;
}
#set-lists ul#wip-set-lists li a .wip-set-title{
	display: block;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 0px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -1px;
	padding: 2px 0px 4px;
}
#set-lists ul#wip-set-lists li a .wip-image_number{
	display: inline-block;
	margin: 0px;
	padding: 2px 0px 2px 24px;
	line-height: 20px;
	background: url(images/camera-small.png) left center no-repeat;
	font-size: 11px;
}
#set-lists ul#wip-set-lists li a .wip-movie_number{
	display: inline-block;
	margin: 0px 0px 0px 15px;
	padding: 2px 0px 2px 24px;
	line-height: 20px;
	background: url(images/film-small.png) left center no-repeat;
	font-size: 11px;
}


/** =====================================================
mp3 player css 
========================================================= */
div.jp-audio {
	width:280px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}
div.jp-interface {
	position: relative;
	background: url(images/black-bg.png) 0 0 repeat;
	/* width:418px; */
	width:100%;
}
div.jp-audio div.jp-type-single div.jp-interface {
	height:40px;
	border:none;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:40px;
}
div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	/* position: absolute; */
	display:inline;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:20px;
	height:20px;
	z-index:1;
}
div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
	top:10px;
	left:10px;
}
div.jp-audio div.jp-type-playlist a.jp-play,
div.jp-audio div.jp-type-playlist a.jp-pause {
	top:10px;
	left:10px;
}
a.jp-play {
	background: url("images/jplayer/music-ui.png") 0 -20px no-repeat;
}
a.jp-play:hover {
	background: url("images/jplayer/music-ui.png") -40px -20px no-repeat;
}
a.jp-pause {
	background: url("images/jplayer/music-ui.png") 0 -80px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background-position: -40px -80px;
}
div.jp-audio div.jp-type-single a.jp-stop {
	top:10px;
	left:35px;
}
div.jp-audio div.jp-type-playlist a.jp-stop {
	top:10px;
	left:35px;
}
a.jp-stop {
	background: url("images/jplayer/music-ui.png") 0 -50px no-repeat;
	width:20px;
	height:20px;
	z-index:1;
}
a.jp-stop:hover {
	background: url("images/jplayer/music-ui.png") -40px -50px no-repeat;
}
div.jp-audio div.jp-type-playlist a.jp-previous {
	top:10px;
	left:197px;
}
a.jp-previous {
	background: url("images/jplayer/music-ui.png") 0 -140px no-repeat;
	width:20px;
	height:20px;
}
a.jp-previous:hover {
	background-position: -40px -140px;
}
div.jp-audio div.jp-type-playlist a.jp-next {
	left:222px;
	top:10px;
}
a.jp-next {
	background: url("images/jplayer/music-ui.png") 0 -110px no-repeat;
	width:20px;
	height:20px;
}
a.jp-next:hover {
	background: url("images/jplayer/music-ui.png") -40px -110px no-repeat;
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	background-color: #444;
}
div.jp-audio div.jp-type-single div.jp-progress {
	top:17px;
	left:65px;
	width:122px;
	height:6px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	top:17px;
	left:65px;
	width:122px;
	height:6px;
}
div.jp-seek-bar {
	background: url("images/jplayer/jplayer.blue.monday.jpg") 0 -202px repeat-x;
	width:0px;
	/* height:15px; */
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("images/jplayer/jplayer.blue.monday.jpg") 0 -218px repeat-x ;
	width:0px;
	/* height:15px; */
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("images/jplayer/pbar-ani.gif");
}

a.jp-mute,
a.jp-unmute {
	width:20px;
	height:20px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	top:10px;
	left:247px;
}
a.jp-mute {
	background: url("images/jplayer/music-ui.png") 0 -170px no-repeat;
}
a.jp-mute:hover {
	background: url("images/jplayer/music-ui.png") -40px -170px no-repeat;
}
a.jp-unmute {
	background: url("images/jplayer/music-ui.png") 0 -200px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("images/jplayer/music-ui.png") -40px -200px no-repeat;
}
div.jp-volume-bar {
	display: none;
}
div.jp-current-time,
div.jp-duration {
	position: absolute;
	font-size:.64em;
	font-style:oblique;
}
div.jp-duration {
	text-align: right;
}
div.jp-audio div.jp-type-single div.jp-current-time,
div.jp-audio div.jp-type-single div.jp-duration {
	display: none!important;
}
div.jp-audio div.jp-type-playlist div.jp-current-time,
div.jp-audio div.jp-type-playlist div.jp-duration {
	display: none!important;
}
div.jp-playlist {
	/* width:418px; */
	width:100%;
	background: url(images/black-bg.png) 0 0 repeat;
	border-top: 1px solid #0a0a0a;
}
div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0 10px 0px 10px;
	font-size:.72em;
}
div.jp-type-playlist div.jp-playlist li {
	padding:5px 0 5px 0px;
	display: none!important;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	display: block!important;
	margin: 0;
	list-style-type:none;
	text-align:center;
}
div.jp-type-playlist div.jp-playlist a {
	color: #666;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist div.jp-free-media {
	display:inline;
	margin-left:20px;
}
div.jp-jplayer {
	width:0px;
	height:0px;
}
div.jp-jplayer {
	background-color: #000000;
}

/** =====================================================
Copyright css 
========================================================= */
#copyright{
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9;
	line-height: 16px;
	font-size:8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #e1e1e1;
	background: url(images/black-bg.png) 0 0 repeat;
	margin: 0px;
	padding: 10px 10px 5px 10px;
}
ul#social-icons{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 2px 0px;
	height: 16px;
	display: inline-block;
	list-style-type: none;
}
ul#social-icons li{
	display: inline;
	list-style-type: none;
	margin: 0px 2px 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
}
ul#social-icons li a,
ul#social-icons li img{
	display: inline-block;
	margin:0;
	padding: 0;
	height: 16px;
	width: 16px;	
}

/** =====================================================
shortcodes css 
========================================================= */
/** === normal columns (by shortcode) */
.normal-fourth-columns{
	float: left;
	padding: 10px 0px 20px;
	margin: 0 4% 0 0;
	width: 22%;
}
.normal-fourth-columns.right{
	margin: 0px 0px 0px 0px!important;
}

.normal-three-columns{
	float: left;
	padding: 10px 0px 20px;
	margin: 0 5% 0 0;
	width: 30%;
}
.normal-three-columns.right{
	margin: 0px 0px 0px 0px!important;
}

.normal-two-columns{
	float: left;
	padding: 10px 0px 20px;
	margin: 0 0 0 0;
	width: 48%;
}
.normal-two-columns.right{
	float: right;
	margin: 0px 0px 0px 0px!important;
}

/** columns mixing */
.one_third{
	float:left; 
	width: 30%; 
	margin: 0 5% 0 0; 
	padding: 10px 0px 20px;
}
.one_third_last{
	float:right;
	width: 30%; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 20px;
}
.two_third_last{
	float: right; 
	width: 65%; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 20px;
}
.two_third{
	float: left; 
	width: 65%; 
	margin: 0 5% 0 0; 
	padding: 10px 0px 20px; 
}
.one_fourth{
	float: left;
	width: 22%; 
	margin: 0 4% 0 0; 
	padding: 10px 0px 20px; 
}
.three_fourth_last{
	float: right; 
	width: 74%; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 20px;
}
.three_fourth{
	float: left; 
	width: 74%; 
	margin: 0 4% 0 0; 
	padding: 10px 0px 20px;
}
.two_fourth{
	float: left; 
	width: 48%; 
	margin: 0 4% 0 0; 
	padding: 10px 0px 20px;
	}
.two_fourth_last{
	float: right; 
	width: 48%; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 20px;
}
.one_fourth_last{
	float: right; 
	width: 22%; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 20px;
}

/** divider & dropcap & pullquotes */
.divider{
	margin: 0px 0px 20px; 
	height: 2px; 
	display: block; 
	background:url(images/line.gif) repeat-x scroll center bottom;
}
.dropcap{
	float: left; 
	display: inline-block; 
	font-size: 36px; 
	font-weight: bold; 
	line-height: 100%; 
	margin: 0px 12px 0px 0px;
	position: relative; 
	top: 1px;
	color: #f1f1f1;
	font-family: Georgia, 'serif'
}
.quote_left{
	float: left; 
	display: inline-block; 
	width: 40%; 
	margin: 20px 20px 20px 0px; 
	padding: 0px 15px 0px 25px; 
	min-height: 40px; 
	font-size: 12px;
	font-style: italic; 
	font-family:Georgia, serif; 
	background: url(images/quote.png) scroll 0 0 no-repeat; 
	color: #aaa;
	}
.quote_right{
	float: right; 
	display: inline-block; 
	width: 40%; 
	margin: 20px 0px 20px 20px; 
	padding: 0px 15px 0px 25px; 
	min-height: 40px; 
	font-size: 12px; 
	font-style: italic; 
	font-family:Georgia, serif; 
	background: url(images/quote.png) scroll 0 0 no-repeat; 
	color: #aaa;
}

/** video wraper */
.motion{
	display: inline-block;
	padding: 5px;
	background-color: #040404;
	border: 1px solid #252525;
}
.quicktime{z-index: -9999!important;}
.motion.alignleft{
	margin-right: 20px;
	margin-top: 5px;
}
.motion.alignright{
	margin-left: 20px;
	margin-top: 5px;
}
.motion.aligncenter{
	display: block;
	margin: 0px auto 15px;
	background: none;
	border: 0;
	text-align:center!important;
}
.motion.aligncenter embed,
.motion.aligncenter object{
	margin: 0px auto;
}
.motion embed,
.motion object{display: block; margin: 0; padding: 0;}

/** === CONTACT FORM === */		
.label{
	display: inline-block; 
	width: 80px;
	margin: 0px;
	vertical-align: top;
	padding-top: 3px; 
	}
.req{
	color: #ED3C3C; 
	font-weight: bold;
	font-size: 14px;
	vertical-align: top;
	padding-top: 3px;
	}
.req small{
	font-weight: normal;
	font-size: 11px;
	vertical-align: top;
	}
.contactload{
	margin: 4px 0px 0px 8px;
	height: 17px; 
	line-height: 16px; 
	padding-left: 22px;
	padding-top: 5px;
	display: inline-block;
	vertical-align:top;
	background:url(images/small_loader.gif) 0 5px no-repeat; 
	font-size: 11px;
	}
#contact_success{
	background: #e9ffa9 url(images/success.gif) 5px 50% no-repeat;
	border: 1px solid #c7e768;
	color: #607426;
	padding: 12px 0px 12px 35px;
	margin: 0px 0px 20px;
	position: relative;
	text-shadow: none;
	}
#contact_success .jq_close{
	display: block;
	cursor: pointer; 
	position: absolute; 
	right: 3px; 
	top: 3px;
	width: 16px; 
	height: 16px; 
	background: url(images/close.png) 0 0 no-repeat;
	}
	
#adm-contact{margin: 0px 0px 20px; padding: 10px 0px 0px}
fieldset{padding:20px;border:1px solid #e5e5e5;}
legend, label{letter-spacing:1px;text-transform:uppercase;font-size:11px;}
input[type=text], input[type=password], input[type=file], select{padding:5px;width:50%;}
textarea{width:70%;height:140px;padding:5px;}
input, textarea, select {outline-style:none!important;}
input[type="submit"]::-moz-focus-inner{border : 0px!important;} 
input[type="submit"]:focus{outline:none;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
}
input[type=text], input[type=password], input[type=file], textarea, select{
	background-color:#f9f9f9;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#666;
	font-size: 12px;
	font-family: Helvetica, Arial, Geneva, Clean, Sans-serif;}
	
p.form-submit input#submit,
input#contact_submit{
	font-family: Arial, 'sans-serif';
	font-size: 11px; 
	font-weight: bold;
	text-transform: uppercase;
	color: #DADADA;
	display: inline-block;
	padding: 10px 15px;
	margin: 0px 0px 3px;
	background:#555;	
	cursor: pointer;
	border: 0;
	outline: 0;
}
p.form-submit input#submit:hover,
input#contact_submit:hover{ 
	color: #FFF;
}