/*
Theme Name: DJ Jean theme
Theme URI: http://www.djjean.com/
Description: The default WordPress theme for DJ Jean.
Version: 0.1
Author: FKTRY6
Author URI: http://www.faktory6.com/

*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	background: #000000 url('images/jean-back.jpg') no-repeat fixed top left;
	color: white;
	font-size: 12px;
	letter-spacing: 0.05em;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px 0 160px;
	background: url('images/wrapper-back.png') repeat-y 160px 0;
}

a {
	text-decoration: none;
	font-weight: normal;
	color: #a0a0a0;
}

#col-left p {
	margin-bottom: 10px;
}

.more {
	display: block;
	text-align: right;
}

h2 {
	padding: 10px 0 10px 0;
	font-weight: normal;
	font-family: Georgia, Arial;
}

.invisible {
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
}

#slideshow div {
    font-family: Georgia,Times new roman,serif;
    color: #ffc100;
    width:100%;
    font-size: 20px !important;
}

#slideshow strong {
    border-top: 1px solid #373737;
    font-family: Arial,sans-serif;
    display:block;
    color: #fff !important;
    font-size: 12px;
    text-transform: uppercase;
    margin-top:5px;
    padding-top: 5px;
    text-align:right;
}

#headerimg {
	height: 160px;
	width: 960px;
	background: url('images/header.png') no-repeat;
}

#headerimg-madhouse {
	height: 160px;
	width: 960px;
	background: url('images/header-madhouse.png') no-repeat;
}

#navigation {
	height: 29px;
	width: 960px;
	display: block;
	background: url('images/bar.png') no-repeat;
	margin: 10px 0 10px 0;
}

#navigation-right {
	float: right;
	height: 14px;
	padding: 7px 0 0 0;
	width: 130px;
}

#navigation-right input#s {
	width: 120px;
	background-color: #373737;
	border: none;
	color: #FFFFFF;
}

#navigation ul {
	height:14px;
	list-style-type:none;
	margin:0 auto;
	padding-left:1px;
	width:900px;
}

#navigation li {
	display: inline;
	float: left;
	height: 12px;
	padding: 8px 10px 8px 9px;
}

#navigation li.divider:hover, #navigation li#active, #navigation li.nodivider:hover, #navigation li#active{
	background:transparent url('images/navigation-hover-back.jpg') repeat-x scroll center left;
	height: 13px;
}

#navigation li.divider {
	background:transparent url('images/nav-divider.png') no-repeat scroll right center;
}

#navigation a.nav-home {
	background: url('images/nav-home.png') no-repeat center center;
	height: 14px;
	width: 56px;
	display: block;
}

#navigation a.nav-news {
	background: url('images/nav-news.png') no-repeat center center;
	height: 14px;
	width: 56px;
	display: block;
}

#navigation a.nav-pics {
	background: url('images/nav-pics.png') no-repeat center center;
	height: 14px;
	width: 103px;
	display: block;
}

#navigation a.nav-schedule {
	background: url('images/nav-schedule.png') no-repeat center center;
	height: 14px;
	width: 90px;
	display: block;
}

#navigation a.nav-video {
	background: url('images/nav-video.png') no-repeat center center;
	height: 14px;
	width: 59px;
	display: block;
}

#navigation a.nav-radio {
	background: url('images/nav-radio.png') no-repeat center center;
	height: 14px;
	width: 60px;
	display: block;
}

#navigation a.nav-discography {
	background: url('images/nav-discography.png') no-repeat center center;
	height: 14px;
	width: 117px;
	display: block;
}

#navigation a.nav-biography {
	background: url('images/nav-biography.png') no-repeat center center;
	height: 14px;
	width: 100px;
	display: block;
}

#navigation a.nav-contact {
	background: url('images/nav-contact.png') no-repeat center center;
	height: 14px;
	width: 81px;
	display: block;
}

#navigation a.nav-rss {
	background: url('images/nav-rss.png') no-repeat center center;
	height: 14px;
	width: 45px;
	display: block;
}

#navigation a.nav-search {
	background: url('images/nav-search.png') no-repeat center center;
	height: 14px;
	width: 72px;
	display: block;
}

#col-left {
	width: 475px;
	float: left;
	margin-right: 10px;
	min-height: 400px;
	margin-bottom: 10px;
}

#col-left img, .videoimage img {
	border: solid 1px #636363;
}

#col-right embed {
	border: solid 1px #636363;
}

#djjean-news-top {
	background: url('images/whatsnewwithdjjean.png') no-repeat top left;
	width: 475px;
	height: 49px;
}

#col-left .djjean-news {
	height: 268px;
	background: transparent url(images/regular-bg.png) repeat-y scroll left top;
	border: solid #353535 1px;
	padding: 0 10px;
	margin: 0 0 10px 0;
}

.djjean-news-arrow {
	background: url('images/djjean-arrow.png') no-repeat top left;
	width: 12px;
	height: 10px;
	margin-left: 13px;
}

.biography-arrow {
	background: url('images/biography-arrow.png') no-repeat top left;
	width: 12px;
	height: 10px;
	margin-left: 13px;
}

.discography-arrow {
	background: url('images/discography-arrow.png') no-repeat top left;
	width: 12px;
	height: 10px;
	margin-left: 13px;
}

.radio-arrow {
	background: url('images/radio-arrow.png') no-repeat top left;
	width: 12px;
	height: 10px;
	margin-left: 13px;
}

.djjean-news a, .djjean-news h2, .djjean a {
	color: #ffc100;
}

#madhouse-news-top {
	background: url('images/madhouse-news-top.png') no-repeat top left;
	width: 475px;
	height: 49px;
}

#col-left .madhouse-news {
	height: 268px;
	background: transparent url(images/regular-bg.png) repeat-y scroll left top;
	border: solid #353535 1px;
	padding: 0 10px;
	margin: 0 0 10px 0;
}

.madhouse-news-arrow {
	background: url('images/madhouse-arrow.png') no-repeat top left;
	width: 12px;
	height: 8px;
	margin-left: 13px;
}


.madhouse-news a, .madhouse-news h2 {
	color: #ff003c;
}

#dutch-rebel-crew-news-top {
	background: url('images/dutch-rebel-crew-news.png') no-repeat top left;
	width: 475px;
	height: 49px;
}

#col-left .dutch-rebel-crew-news {
	height: 268px;
	background: transparent url(images/regular-bg.png) repeat-y scroll left top;
	border: solid #353535 1px;
	padding: 0 10px;
	margin: 0 0 10px 0;
}

.dutch-rebel-crew-news-arrow {
	background: url('images/drc-arrow.png') no-repeat top left;
	width: 12px;
	height: 8px;
	margin-left: 13px;
}

.dutch-rebel-crew-news a, .dutch-rebel-crew-news h2 {
	color: #ff5a00;
}

#video-posts-top {
	background: url('images/whatthevlog.png') no-repeat top left;
	width: 475px;
	height: 49px;
}

.video {
	padding: 0 0 10px 10px;
	margin: 0 0 10px;
}

.video p {
	margin-bottom: 10px;
}

.video-arrow {
	background: url('images/video-arrow.png') no-repeat top left;
	float: right;
	height: 10px;
	margin-right: 10px;
	width: 12px;
}

#col-left .video-arrow {
	background: url('images/video-arrow.png') no-repeat top left;
	float: left;
	height: 10px;
	margin-left: 10px;
	width: 12px;
}

.video a, .video h2 {
	color: #8d1dff;
}

#col-right {
	position: relative;
	width: 475px;
	float: right;
	min-height: 400px;
	margin-bottom: 10px;
}

#schedule-top {
	background: url('images/schedule-top.png') no-repeat top left;
	width: 475px;
	height: 49px;
}

#schedule-right {
	background: url('images/schedule-right.png') no-repeat top left;
	width: 475px;
	height: 49px;
}

#schedule-top-left {
	background: url('images/schedule-top-left.png') no-repeat top left;
	width: 475px;
	height: 49px;
}

#schedule {
	background: transparent url(images/regular-bg.png) repeat-y scroll left top;
	border: solid #353535 1px;
	padding: 0 10px 10px 10px;
	margin: 0 0 10px 0;
}

.schedule-arrow {
	background: url('images/schedule-arrow.png') no-repeat top left;
	float: right;
	height: 10px;
	margin-right: 10px;
	width: 12px;
}


#schedule a, #schedule h3 {
	color: #00f6ff;
}

#schedule a {
    text-decoration: underline;
}

#podcast ul,
#schedule ul {
	list-style-type: none;
	margin-top: 10px;
}

#podcast li,
#schedule li {
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #373737;
}

#madhouse a {
	background: url('images/madhouse-logo.jpg') no-repeat top left;
	height: 80px;
	width: 235px;
	display: block;
}

#dutch-rebel-crew a {
	background: url('images/dutch-rebel-crew-logo.jpg') no-repeat top left;
	height: 80px;
	width: 235px;
	display: block;
}

#djjean a {
	background: url('images/djjean-logo.jpg') no-repeat top left;
	height: 80px;
	width: 235px;
	display: block;
}

#logos .left {
	float: left;
}

#logos .right {
	float: right;
}

.post {
	background: transparent url(images/regular-bg.png) repeat-y scroll left top;
	border:1px solid #353535;
	margin:0 0 10px;
	padding:0 10px 10px;
}

#single-post-djjean-news, #single-post-madhouse-news, #single-post-dutch-rebel-crew-news, #news-archive, #single-post-radio {
	background: transparent url(images/regular-bg.png) repeat-y scroll left top;
	border:1px solid #353535;
	margin:0 0 10px;
	padding:0 10px 10px;
}

#single-post-djjean-news h2 {
	color: #FFC100;
}

#single-post-madhouse-news h2 {
	color: #FF003C;
}

#single-post-dutch-rebel-crew-news h2 {
	color: #FF5A00;
}

#news-archive .djjean-news, #news-archive .madhouse-news, #news-archive .dutch-rebel-crew-news, #news-archive .radio {
	border-bottom: 1px solid #373737;
	margin-bottom:10px;
	padding-bottom:8px;
	height: 100%;
}

#news-archive h2 {
	padding: 10px 0 0 0;
}

#news-archive .djjean-news-arrow, #news-archive .madhouse-news-arrow, #news-archive .dutch-rebel-crew-news-arrow, #news-archive .radio-arrow  {
	margin-left: 430px;
}

#djjean-news-archive-top {
	background: url('images/dj-jean-news-archive.png') no-repeat bottom left;
	width: 60px;
	height: 49px;
	margin-left: 416px;
}

#madhouse-news-archive-top {
	background: url('images/madhouse-news-archive.png') no-repeat bottom left;
	width: 60px;
	height: 49px;
	margin-left: 416px;
}

#dutch-rebel-crew-news-archive-top {
	background: url('images/dutch-rebel-crew-news-archive.png') no-repeat bottom left;
	width: 60px;
	height: 49px;
	margin-left: 416px;
}

#single-video-posts-top {
	height: 49px;
}

#single-video-posts-top .title {
	background: url('images/latest-video-title.png') no-repeat bottom left;
	height: 49px;
	width: 224px;
	float: left;
}

.camera-icon{
	background: url('images/camera-icon.png') no-repeat bottom left;
	float: right;
	height: 49px;
	width: 60px;
}

#single-video-post {
	padding: 10px;
	border: 1px solid #373737;
	margin-bottom: 10px;
}

#single-video-post .movie {
	margin-bottom: 20px;
}

#single-video-post .video, #single-video-post .djjean-news, #single-video-post .madhouse-news, #single-video-post .dutch-rebel-crew-news  {
	float: left;
	width: 460px;
	margin-right: 5px;
}

#single-video-post .single-post-video h2 {
	color: #8D1DFF;
	padding: 0 0 10px 0;
}


#single-video-post .videoimage {
	float: right;
	width: 460px;
}

.camera-icon-left {
	background: url('images/camera-icon.png') no-repeat bottom left;
	float: right;
	height: 49px;
	width: 60px;
}

.clear {
	clear: both;
}

.video-archive-post {
	border: 1px solid #373737;
	margin-bottom: 10px;
	padding: 10px 20px 10px 20px;
	background: transparent url(images/regular-bg.png) repeat-y scroll left top;
}

.video-archive-post a {
	color: #8D1DFF;
}

#video-archive-top {
	background: url('images/video-archive-left.png') no-repeat bottom left;
	height: 49px;
	width: 478px;
}

#page {
	border: 1px solid #373737;
	padding: 0 10px;
	margin-bottom: 10px;
	background: transparent url(images/regular-bg.png) repeat-y scroll left top;
}

.post-date {
	background-color:#000000;
	color:#FFFFFF;
	font-size:14px;
	margin-left:1px;
	margin-top:-27px;
	padding:3px 8px;
	position:absolute;
}

#col-right center {
	height: 30px;
}

#archive-title {
	height: 49px;
	width: 118px;
	background: url('images/archive.png') no-repeat left center;
	float: left;
}

#archive-title-nofloat {
	height: 49px;
	width: 118px;
	background: url('images/archive.png') no-repeat left center;
}

#radio-title, #radio-top {
	background:transparent url(images/radio-title.png) no-repeat scroll left top;
	height:49px;
	width:475px;
}

#latestplaylist-title {
	background:transparent url(images/latestplaylist-title.png) no-repeat scroll left top;
	height:49px;
	width:475px;
}

#biography-title {
	background:transparent url(images/biography-title.png) no-repeat scroll left top;
	height:49px;
	width:475px;
}

#discography-title {
	background:transparent url(images/discography-title.png) no-repeat scroll left bottom;
	height:49px;
	width:475px;
}

#contact-title {
	background:transparent url(images/contact-title.png) no-repeat scroll left top;
	height:49px;
	width:475px;
}

.radio a, .radio-color a, #single-post-radio h2, #single-post-radio a {
	color: #ffbc01;
}

#video-title {
	background:transparent url(images/videos-title.png) no-repeat scroll left bottom;
	height:49px;
	width:478px;
}

#schedule-title {
	background:transparent url(images/schedule-title.png) no-repeat scroll left top;
	height:49px;
	width:162px;
	margin-left:300px;
}

#archive-left {
	background:transparent url(images/archive-left.png) no-repeat scroll left top;
	height:49px;
	width:475px;
}

#archive-right {
	background:transparent url(images/archive-right.png) no-repeat scroll left top;
	height:49px;
	width:475px;
}

#social-networks {
	border: 1px solid #353535;
	box-shadow: 0px 0px 8px rgba(238,62,62,0.8);
	padding: 0 4px;
	position:absolute;
	width: 200px;
	top:84px;
	right:0;
	z-index: 9999;
	background:rgba(0,0,0,.85);
	margin:-86px 0 0 0;
}

#social-networks a {
    display:block;
    float: left;
    width: 40px;
    height: 40px;
}

#social-networks #twitter{
	background:transparent url(images/twittericon.png) no-repeat scroll 50% 50%;
}

#social-networks #facebook{
	background:transparent url(images/facebookicon.png) no-repeat scroll 50% 50%;
}

#social-networks #youtube{
	background:transparent url(images/youtubeicon.png) no-repeat scroll 50% 50%;
}

#social-networks #soundcloud{
	background:transparent url(images/soundcloudicon.png) no-repeat scroll 50% 50%;
}

#social-networks #instagram{
	background:transparent url(images/instagramicon.png) no-repeat scroll 50% 50%;
}

#veronicalogo {
	width: 400px;
	height: 153px;
	background:transparent url(images/logo-radio-veronica.png) no-repeat scroll left top;
	display: block;
}



#footer {
	clear: both;
	height: 19px;
	padding: 10px 10px 0 10px;
	width: 940px;
	display: block;
	background: url('images/bar.png') no-repeat;
}

#footer .copyright {
	background: url('images/footer-copyright.png') no-repeat top left;
	float: left;
	display: block;
	height: 12px;
	width: 83px;
}

#footer .fktry6 a {
	background: url('images/footer-faktory6.png') no-repeat top left;
	float: right;
	display: block;
	height: 12px;
	width: 135px;
}

#footer .dancefoundation a {
	background: url('images/footer-dancefoundation.png') no-repeat top left;
	float: right;
	display: block;
	height: 12px;
	width: 171px;
}

#podcast audio {
	margin: 20px 0;
	width: 100%;
}

#podcast audio::-webkit-media-controls-panel {
	background: #000;
}