/*
Theme Name: PianoOpleiding.nl
Theme URI: http://www.PianoOpleiding.nl
Description: PianoOpleiding.nl Theme
Version: 0.1
Tags: PianoOpleiding.nl
Author: Nijhof Design
License: All Rights Reserved
*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 15px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #666; color: #fff; text-shadow: none; }
::selection { background: #666; color: #fff; text-shadow: none; }

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


a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; text-decoration:underline; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Nijhof Design
   ========================================================================== */


@font-face
{   
	font-family:'Header';
	font-weight: normal;
	font-style: normal;
	src:url('fonts/geogtq-rg-webfont.eot');
	src:url('fonts/geogtq-rg-webfont.eot?#iefix') format('embedded-opentype'), 
	url(fonts/geogtq-rg-webfont.ttf) format('truetype'),
	url(fonts/geogtq-rg-webfont.svg) format('svg'),
	url(fonts/geogtq-rg-webfont.woff) format('woff');
}
@font-face
{   
	font-family:'Header';
	font-weight: bold;
	font-style: normal;
	src:url('fonts/geogtq-md-webfont.eot');
	src:url('fonts/geogtq-md-webfont.eot?#iefix') format('embedded-opentype'), 
	url(fonts/geogtq-md-webfont.ttf) format('truetype'),
	url(fonts/geogtq-md-webfont.svg) format('svg'),
	url(fonts/geogtq-md-webfont.woff) format('woff');
	
}
@font-face
{   
    font-family:'Text';
	font-weight: normal;
	font-style: normal;
    src:url('fonts/geogtq-rg-webfont.eot');
	src:url('fonts/geogtq-rg-webfont.eot?#iefix') format('embedded-opentype'), 
	url(fonts/geogtq-rg-webfont.ttf) format('truetype'),
	url(fonts/geogtq-rg-webfont.svg) format('svg'),
	url(fonts/geogtq-rg-webfont.woff) format('woff'); 
}
@font-face
{   
    font-family:'Text';
	font-weight: bold;
	font-style: normal;
    src:url('fonts/geogtq-md-webfont.eot');
	src:url('fonts/geogtq-md-webfont.eot?#iefix') format('embedded-opentype'), 
	url(fonts/geogtq-md-webfont.ttf) format('truetype'),
	url(fonts/geogtq-md-webfont.svg) format('svg'),
	url(fonts/geogtq-md-webfont.woff) format('woff');
}

html, body { margin:0px; padding:0px;  background:#FFF;
min-width:1024px; font-family:Text, Calibri; }




h1 { font-family:Text, Calibri;
	color:#C1272D;
	font-size:20px;
	margin:0px;
	margin-bottom:20px;
}
h2 { font-family:Text, Calibri;
	color:#C1272D;
	font-size:20px;
	margin:0px;
	margin-bottom:10px;
	
	
	}
	
h3 { font-family:Text, Calibri;
	color:#000;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	margin-bottom:10px;
	position:relative;
	float:left;
	width:100%;
	
	}



#introlink 
{
    position: absolute;
	left:20px;
	top:295px;
    float: left;
    margin-top: -40px;
    margin-left: 15px;
    border: 1px solid #FFF;
    padding: 10px;
	padding-top:14px;
	background-image: linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -o-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(86,74,67)),
		color-stop(1, rgb(115,99,87))
	);
  -pie-background: linear-gradient(rgb(86,74,67) 0%, rgb(115,99,87) 100%); 
  behavior: url(?pie=true);
  font-weight:bold;
  font-size:20px;
  text-transform:uppercase;
  color:#FFF;
}
/* == Header == */
header { position:relative;float:left; width:100%;  }
#headermain { width:940px; margin:auto; position:relative; z-index:2; }
#logo { width:385px; height:101px; position:relative; left:0px; float:left; background:url(img/logo.png) left 10px no-repeat; z-index:3; }

.page .container.left { min-height:874px; }
/* == Navigation */
	#bg { position:relative; float:left; width:100%; min-height:50px; background: url(img/bg-01.png) center top no-repeat; }	
	#buttonbg { position:relative; float:left; width:100%; min-height:50px; background: url(img/bgnav-01.png) center bottom repeat-x; }	
	#topbar {  position:relative; float:left; width:100%; min-height:99px; z-index:2; margin-bottom:1px;  
	background-image: linear-gradient(bottom, rgb(216,209,201) 70%, rgb(232,224,214) 100%);
	background-image: -o-linear-gradient(bottom, rgb(216,209,201) 70%, rgb(232,224,214) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(216,209,201) 70%, rgb(232,224,214) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(216,209,201) 70%, rgb(232,224,214) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(216,209,201) 70%, rgb(232,224,214) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(216,209,201)),
		color-stop(1, rgb(232,224,214))
	);
  -pie-background: linear-gradient(rgb(216,209,201) 70%, rgb(232,224,214) 100%); 
  behavior: url(?pie=true); }
	#navbar { position:relative; float:left; width:100%; border-top:5px solid #53C0D8; font-size:0px; line-height:0px;  }
	
	#nav { position:relative; float:left;  width:100%;  z-index:2; font-family:Header, Calibri;  }
	.level1 { font-size:18px; text-transform:uppercase; color:#000; font-weight:bold; }
	.selected { background-image: linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -o-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(86,74,67)),
		color-stop(1, rgb(115,99,87))
	);
  -pie-background: linear-gradient(rgb(86,74,67) 0%, rgb(115,99,87) 100%); 
  behavior: url(?pie=true);
	}
	.selected.level1 a { color:#FFF; }
	#nav ul { position:relative; float:left; list-style:none; width:100%; clear: both; content: ""; border-right:1px solid #FFF; border-left:1px solid #FFF; display: table; margin:0px; padding:0px;  margin-top:40px;
	 background-image: linear-gradient(bottom, rgb(179,179,179) 70%, rgb(242,242,242) 100%);
	background-image: -o-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(242,242,242) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(242,242,242) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(242,242,242) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(242,242,242) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(179,179,179)),
		color-stop(1, rgb(242,242,242))
	);
  -pie-background: linear-gradient(rgb(242,242,242) 0%, rgb(179,179,179) 100%); 
  behavior: url(?pie=true);
	 }
	.level1, .level1 li { position:relative; float:left; padding-left:15px;  border-right:#42210B 1px solid; padding-right:15px; color:#42210B; padding-top:8px; padding-bottom:8px;  }
	.level1:first-child { border-left:#42210B 1px solid; }
	.level1 li:first-child { margin-left:0px; }
	.level1 a, .level1 li a  { position:relative; float:left; color:#42210B; text-decoration:none;   } 
	.level1 li {  margin-left:0px; margin-right:25px;  }
	#nav .level1 li { display:none; font-family:Header, Calibri;  font-size:15px; font-weight:normal; text-transform:uppercase; }
	#nav .level1.selected li { display:inline; }
	#nav .level1 ul { position:absolute; top:47px; left:0px; margin:0px; list-style:none; padding:0px; margin-left:00px; width:800px;  }
	#subnavbar { position:relative;float:left; width:100%;  height:30px;  z-index:1; }


/* == Container == */		
#container
{
	position:relative;
	float:left;
	width:100%;
	min-height:1000px;
	clear:both;
	display:inline;
	background:url(img/bg.png) #FFFFFF left bottom repeat-x;
	-moz-box-shadow: 0px 0px 7px 0px #000;; /* Firefox */
	-webkit-box-shadow: 0px 0px 7px 0px #000; /* Safari, Chrome */
	box-shadow: 0px 0px 7px 0px #000; /* CSS3 */
	behavior: url(?pie=true);
	
}

#main { position:relative; margin:auto; width:940px; margin-bottom:130px;
	}

.container { width:100%; margin:10px; min-height:100px; border:1px solid #FFF; background:#F2F2F2; position:relative; float:left;

-moz-box-shadow: 0px 0px 7px 0px #000;; /* Firefox */
	-webkit-box-shadow: 0px 0px 7px 0px #000; /* Safari, Chrome */
	box-shadow: 0px 0px 7px 0px #000; /* CSS3 */
	behavior: url(?pie=true); }
#WFItem267601 ul { padding:0px; list-style:none; }
.home .wf-sortable input { width:250px; }
.home .wf-sortable input[type="submit"] { margin-top:10px; }
.footerwidget { width:251px; margin:10px; min-height:300px; padding:20px; border:1px solid #FFF; background:#F2F2F2; position:relative; float:left;
color:#603813;
-moz-box-shadow: 0px 0px 7px 0px #000;; /* Firefox */
	-webkit-box-shadow: 0px 0px 7px 0px #000; /* Safari, Chrome */
	box-shadow: 0px 0px 7px 0px #000; /* CSS3 */
	behavior: url(?pie=true); }
	
.footerwidget.widget-1 { 
	position:relative; float:left; 
	background-image: linear-gradient(bottom, rgb(232,224,214) 70%, rgb(216,209,201) 100%);
	background-image: -o-linear-gradient(bottom, rgb(232,224,214) 70%, rgb(216,209,201) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(232,224,214) 70%, rgb(216,209,201) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(232,224,214) 70%, rgb(216,209,201) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(232,224,214) 70%, rgb(216,209,201) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(232,224,214)),
		color-stop(1, rgb(216,209,201))
	);
  -pie-background: linear-gradient(rgb(232,224,214) 70%, rgb(216,209,201) 100%); 
  behavior: url(?pie=true);
}
.footerwidget.widget-1 h2 { color:#C1272D; }
 a { color:#C1272D; text-decoration:underline;}
.right .footerwidget, .container.right{ width:255px; min-height:215px;  color:#603813;}
.footerwidget input[type="text"], .footerwidget span.wpcf7-not-valid-tip { width:250px; }
.textwidget input[type="text"] { width:250px; }
.textwidget input[type="submit"] { margin-top:10px; }
.container .content { padding:10px; }



/* == Footer == */
#footer { position:relative; width:100%; float:left; position:relative; display:inline; clear:both; font-weight:bold; font-size:16px; text-transform:uppercase;   }
#mainfooter { width:940px; margin:auto; position:relative; font-family:Text, Calibri; }
#secondnav { position:relative; float:right; margin:10px; top:0px; }
#copyright { position:relative; float:left; margin:10px; color:#000; top:0px; }
#secondnav ul { position:relative; float:right; color:#000;  list-style:none; padding:0px; clear: both; content: ""; display: table;  margin:0px; padding:0px;  }
#secondnav  li { font-size:14px; position:relative; float:left; margin-left:50px;  }
#secondnav  li:first-child { margin-left:0px; }
#secondnav  li a { width: 100%; position:relative; float:left; color:#000; }
#secondnav  li li { position:relative; float:left;  margin-left:0px; width:100%; font-size:13px; font-weight:normal; display:block;  clear: both; content: ""; display: table; }
#menu-secondary-menu a { font-weight:bold; }
#menu-secondary-menu  .sub-menu a { font-weight:normal; }






/* == Content == */

.container.pagewidth { position:relative; float:left;  margin-left:0px; margin-right:0px;  margin-bottom:130px; clear:both; }
.left { display: inline;  }
.container.left { position:relative; width:600px; min-height:640px; padding:10px; margin-left:0px; margin-bottom:50px; color:#603813; display: inline;  clear:both;}

.container.right { width:265px; }
.container.right, .right { position:relative; display:inline; width:265px;  margin-left:0px; margin-bottom:0px; margin-right:0px; }
.right { position:relative; float:left; display:inline; margin-bottom:50px;  }
.container.right { padding:10px; }
.textwidget, #tweets {  font-family:Text, Calibri; }
.content {  position:relative; float:left; display: inline; }
#wdg_specialrecentposts-2 { position:relative; float:left; width:400px; margin-right:15px; }
#wdg_specialrecentposts-2 .srp-widget-title-link { position:relative; font-size:15px; }
#wdg_specialrecentposts-3 { position:relative; display:inline; float:left; width:200px; margin-top:20px; padding-left:15px; border-left:1px #53C0D8 solid; }
#wdg_specialrecentposts-3 { min-height:573px; }
#wdg_specialrecentposts-3 .srp-widget-title-link { position:relative; float:left; font-size:13px; color:#000; margin-right:5px; }
#wdg_specialrecentposts-3 h2 { font-size:15px; margin-top:25px; }
.srp-widget-container { position:relative; float:left; width:100%; }
.entry-link-read-more { position:relative; float:left; }


 	/* == Home == */
	.footerwidgets { position:relative; float:left; width:100%; margin-top:50px; }
	#intro { position:relative; margin:0 auto; width:900px; background:url(img/bg-introcontainer.png); padding:10px; margin-top:20px; margin-bottom:20px;
	 }
	.container.left.front { min-height:485px; }
	#tweets ul { width:250px; }
	#scroller { position:relative; float:left; margin-top:10px; }
	#slider_header { position:relative; float:left;  background:url(img/bg2-01.png) #CCCCCC center 20px no-repeat; width:100%; margin-top:0px; -moz-box-shadow: 0px 0px 7px 0px #000;; /* Firefox */
	-webkit-box-shadow: 0px 0px 7px 0px #000; /* Safari, Chrome */
	box-shadow: 0px 0px 7px 0px #000; /* CSS3 */
	behavior: url(?pie=true); border-top:1px solid #FFF; }
	#introcontent { position:relative; float:left; width:500px; padding:20px; }
	body #fps-container { margin:0px; height:223px; color:#603813;  }
	form[name='subscription'] table { border:none; }
	form[name='subscription'] table td { width:200px; }
	#slider_header  .fps-slide { width:940px;   margin-top:55px; background:none; }
	#slider_header .fps-thumb-right {position:relative; float:left;  display:inline; margin:0px;  font-size:0px; border:none; margin-bottom:auto; margin-left:60px; }
	#slider_header #list { position:relative; float:right; margin-top:20px; width:260px; color:#FFF; list-style:none; font-family:Text, Calibri; font-size:14px; }
	#list ul { padding-left:0px;  list-style-image:none; list-style:none; margin-left:0px;  width:240px; margin-top:0px; }
	#list ul li {  list-style:none; list-style-image:none;  font-family:Text,Calibri;   padding-bottom:20px; background-image: url(img/list-type.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 1.8em; }
	ul li:before {
    content: "";
	}
	.container.left input[type='submit'] {
	background-image: linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -o-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(86,74,67)),
		color-stop(1, rgb(115,99,87))
	);
  -pie-background: linear-gradient(rgb(86,74,67) 0%, rgb(115,99,87) 100%); 
  behavior: url(?pie=true); }
  input[type='text'] { height:25px; width:350px; font-family:Header,Arial; }
	input[type='submit'] { background:#333333; border:1px solid #FFF; font-family:Header, Arial; color:#FFF; padding:5px; clear:both; display:inline; position:relative;
	background-image: linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -o-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(86,74,67) 0%, rgb(115,99,87) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(86,74,67)),
		color-stop(1, rgb(115,99,87))
	);
  -pie-background: linear-gradient(rgb(86,74,67) 0%, rgb(115,99,87) 100%);  
  behavior: url(?pie=true); }
	.srp-thumbnail-box { position:relative; float:left; margin:10px; margin-top:0px; }

	/** CONTACT **/
	span.wpcf7-form-control-wrap { position:relative; float:left; width:100%; margin-bottom:10px;}
	span.wpcf7-not-valid-tip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 350px;
	padding: 2px;
	height:25px;
}

/*------------------------------------------------*/
/*	13.e Video & Audio
/*------------------------------------------------*/


div.jp-audio,
div.jp-video {
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	color: #fff;
	line-height: 1.6;
}

div.jp-audio,
div.jp-video { 
	width: 500px;
	margin: 0 0 30px 0;
}

#slider div.jp-audio,
#slider div.jp-video {
	width: 680px;
}

.jp-video-play,
div.jp-jplayer.jp-jplayer-video { width: 500px; }

#slider .jp-video-play,
#slider div.jp-jplayer.jp-jplayer-video  {
	width: 680px;
}

div.jp-interface {
	position: relative;
	width: 100%;
	background: url(images/jplayer_bg.png) repeat-x;
	z-index: 100;
}

div.jp-type-single div.jp-interface { height: 30px; }

div.jp-interface ul.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.jp-interface ul.jp-controls li { display: inline; }

div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
	width: 33px;
	height: 30px;
	z-index: 1;
	outline: none;
}

div.jp-type-single a.jp-play,
div.jp-type-single a.jp-pause {
	top: 0;
	left: 0;
}

a.jp-play { background: url("images/jplayer-black-and-yellow.png") 0 0 no-repeat; }

a.jp-play:hover { background: url("images/jplayer-black-and-yellow.png") -33px 0 no-repeat; }

a.jp-pause {
	background: url("images/jplayer-black-and-yellow.png") 0 -30px no-repeat;
	display: none;
}

a.jp-pause:hover { background: url("images/jplayer-black-and-yellow.png") -33px -30px no-repeat; }

div.jp-progress-container {
	position: absolute;
	top: 0;
	left: 34px;
	width: 225px;
	height: 6px;
	padding: 12px 10px;
}

div.jp-progress {
	position: absolute;
	overflow:hidden;
}

#slider div.jp-type-single div.jp-progress { width: 535px; }

div.jp-type-single div.jp-progress {
	width: 356px;
	height: 7px;
	padding: 1px;
	background: url("images/jplayer-black-and-yellow.png") 0 -192px repeat-x ;
}

div.jp-seek-bar {
	width: 0px;
	height: 5px;
	cursor: pointer;
	background: url("images/jplayer-black-and-yellow.png") 0 -163px repeat-x;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

div.jp-play-bar {
	width: 0px;
	height: 5px;
	background: url("images/jplayer-black-and-yellow.png") 0 -133px repeat-x ;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

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

div.jp-volume-bar-container {
	position: absolute;
	top: 0;
	left: 420px;
	width: 40px;
	height: 6px;
	padding: 12px 10px;
}

div.jp-volume-bar {
	position: relative;
	overflow: hidden;
	background: url("images/jplayer-black-and-yellow.png") 0 -192px repeat-x;
	width: 40px;
	height: 9px;
	cursor: pointer;
}

#slider div.jp-volume-bar { left: 195px; }

div.jp-type-single div.jp-volume-bar {
	top: 0;
	left: 18px;
}

div.jp-volume-bar-value {
	width: 0px;
	height: 5px;
	margin: 1px;
	background: url("images/jplayer-black-and-yellow.png") 0 -133px repeat-x;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

a.jp-mute,
a.jp-unmute {
	width: 17px;
	height: 13px;
	z-index: 1;
	outline: none;
}

#slider div.jp-type-single a.jp-mute, 
#slider div.jp-type-single a.jp-unmute { left: 602px; }

div.jp-type-single a.jp-mute,
div.jp-type-single a.jp-unmute {
	top: 9px;
	left: 425px;
}

.seperator-first,
.seperator-second {
	background:url(images/seperator.png) no-repeat left;
	height: 30px;
	width: 2px;
	position: absolute;
	left: 32px;
}

#slider .seperator-second { left: 591px; }
.seperator-second { left: 413px; }

a.jp-mute { background: url("images/jplayer-black-and-yellow.png") -10px -68px no-repeat; }

a.jp-mute:hover { background: url("images/jplayer-black-and-yellow.png") -43px -68px no-repeat; }

a.jp-unmute {
	background: url("images/jplayer-black-and-yellow.png") -10px -98px no-repeat;
	display: none;
}

a.jp-unmute:hover { background: url("images/jplayer-black-and-yellow.png") -43px -98px no-repeat; }

div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer { background-color: #292a2b; }




/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: none; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}