/* dj yossy */
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,700);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);

/* v2.0 | 20110126*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,/*strong,*/ sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}



body{
font-family: 'Maven pro', sans-serif;
color:#fff;
background:#000;
overflow-y: scroll;
}



a, a:link{
outline:0;
border:0;
text-decoration:none;
color:#fff;
}
a:hover{}
a:active{}
a:visited{}
a img{}

h1{}h2{}h4{}h5{}h6{}

h3{padding:10px;}
p{
padding:6px;
font-size:17px;
text-align:center;
line-height:22px;
}
.black{color:#000!important;}
.clearer, .clear{clear:both;}
.inpostVideo{
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin: 12px 0;
}
.inpostVideo iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#mainWrapper{
width:960px;
margin:0 auto 12px auto;
}

header{}
a#logo{
display:block;
width:540px;
padding:10px 0;
height:290px;
margin:0 auto 30px auto;
background: url('../images/DJ_logo.gif') no-repeat 50% 0;
text-indent:-9999999px;
}
nav.mobile{display:none;}
nav{
text-align:center;
}
nav ul li {
display:inline-block;
padding:20px 40px;
}
nav ul li a{
font-size:20px;
text-transform: uppercase;
font-family: 'Fjalla One', sans-serif;
}
nav ul li a:hover{
border-top:2px solid #ffae00;
text-shadow:0px 0px 20px #fff;
}

body#home a#one{border-top:2px solid #ffae00;}
body#demo a#two{border-top:2px solid #ffae00;}
body#gallery a#three{border-top:2px solid #ffae00;}
body#contact a#four{border-top:2px solid #ffae00;}

#container{
background:rgba(255,255,255,0.2) url('../images/sideBar.jpg') repeat-y ;
border-radius:10px;
}



.sideBar{
float:left;
width:210px;
padding:10px;
}
.sideBar h2{
padding:12px;
font-size:26px;
text-align:center;
font-family: 'Fjalla One', sans-serif;
position:relative;
}

ul#occasions{}
ul#occasions li{
display:block;
width:70%;
margin:0 auto;
text-align:center;
border-bottom:1px dotted #fff;
font-size:22px;
padding:7px;
}


ul#contactIinfo{margin:20px 0 0 0;}
ul#contactIinfo li{
display:block;
padding:2px 0 2px 20px;
}

.mSocial{display:none;}
#social_links {
display:block;
background:#000;
text-align:center;
margin:138px auto 0 auto;
}
#social_links a{
display:inline-block;
width:24px;
height:24px;
margin:10px;
box-shadow:0px 0px 8px rgba(255,255,255,0.6);
text-indent:-999999px;
}
#social_links a:hover{
box-shadow:0px 0px 4px rgba(255,255,255,0.6);
}

.twitter_icon{background:url('../images/twitter.png');
background-size:contain;
}
.facebook_icon{
background:url('../images/facebook.png');
background-size:contain;
}
.linkedin_icon{
background:url('../images/linkedin.png');
background-size:contain;
}
.youtube_icon{
background:url('../images/youtube.png');
background-size:contain;
}
.instagram_icon{
background:url('../images/instagram.png');
background-size:contain;
}


#mainContent{
padding:12px;
float:right;
width:705px;
}

footer{
border-top:2px solid #ffae00;
margin-top:15px;
}
footer a, footer p{
font-size:12px;
}
footer a:hover{color:#ffae00;}

#djTable{
background:url('../images/djTable.png') no-repeat bottom center;
height:180px ;
margin:0;
} 
 
.eventsMobile{display:none;}

/**************Gallery**********/
.galImage{
	width:100%;
}

a#tumblerLink{
display:block;
float:left;

right:-20px;
position:fixed;
z-index:100;
width:120px;
background:#1f8234;
padding:3px;
border-radius:6px;
color:#fff;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
ol.tumblr_posts{}

li.tumblr_post{
display:block;
 margin:6px auto;
width:500px;
border-bottom:1px solid rgba(255,255,255,0.3);
padding:12px;
}
.tumblr_title{
display:block;
text-align:center;
font-size:20px;
padding:6px;
font-weight:bold;
background:rgba(255,255,255,0.3);
}
 
 
li.tumblr_post.tumblr_text_post{}
li.tumblr_post.tumblr_text_post .tumblr_title{}
li.tumblr_post.tumblr_text_post .tumblr_body{}

li.tumblr_post.tumblr_video_post{}
li.tumblr_post.tumblr_video_post .tumblr_video iframe{
margin:0 auto;
}
li.tumblr_post.tumblr_video_post .tumblr_caption{}
li.tumblr_post.tumblr_photo_post{}
li.tumblr_post.tumblr_photo_post .tumblr_caption{}


/**********contact*********/
.contactInfo{
width:44%;
margin:20px 0 0 0;
float:right;
font-size:20px;
line-height:22px;
color:#fff;
}
.contactInfo a{color:#fff;}
.contactInfo a:hover{color:#0e37e4;}