:focus {
  -moz-outline-style: none;
}

/*  
Site Name: Mr. Tunes 
Site URI: http://www.mrtunes.ca
Version: 5
Author: Elliott Fienberg

*/

/*  =COLORS
---------------------------------------------------
	Body Background:
	Main Text:#3F3C2F
	Links:
*/


/*  =RESET
---------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
ul {
	list-style: none;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
abbr,acronym { border: 0;
	}
	
	
/*  =GLOBAL ELEMENTS
-------------------------------------------------------------- */

body {
	font-family: georgia, times new roman, serif ;
	font-size: 75%;
	background-color:#EFEFEF;
	color: #3F3C2F;
}

a:link {
	color: #3F3C2F;
         text-decoration:none;
}

a:visited {
	color: #3F3C2F;
        text-decoration:none;
}

a:hover, a:active {
	color: #;
	text-decoration: underline;
}


p{
font-family:arial, helvetica, sans-serif;
}

h1 {
	color: #ffffff;
	font-size: 3em ;
        text-decoration:none;
}

h2 {
	color: #3F3C2F;
	font-size: 2.2em ;
        font-family:arial, helvetica, sans-serif;
        margin-bottom:20px;
}

h3 {
	color: #;
	font-size: 1.8em;
}

h4 {
	color: #;
	font-size: ;
}

ol {
	list-style-type: ;
}

ul {
	list-style-type: ;
}

li {
	margin: ;
}

blockquote {}

code{
font-size:14px;

}

#wrapper {
	width: 960px;
	margin: 10px auto;
}


/*  =HEADER
-------------------------------------------------------------- */

#header {
margin:0 auto;

overflow:hidden;
color:#ffffff;
padding:10px 0 5px 60px;

background: #3F3C2F ;
background: url(http://mrtunes.ca/images/77.png) repeat-x  ;
height:59px; 
}

#header a{
color:#ffffff;
}

#logo {float:left;}

#logo span{
opacity:.5;
}

#logo span:hover{
opacity:1;
}



.inner{
width:950px;
margin:0 auto;
}




/*  =NAVIGATION
-------------------------------------------------------------- */



#navbar {

float:left;
margin:10px 0px 20px 30px;
font-family:verdana, arial, helvetica, sans-serif;
}

#navbar li{
margin-right:20px;
display:inline;
font-size:1.1em;

}

#navbar a{
color:#ffffff;
opacity: .4;
}

#navbar a:hover{
text-decoration:none;
padding-bottom:3px;
border-bottom: 3px solid #81949F;
opacity:1;
}

#navbar .active{
text-decoration:none;
padding-bottom:3px;
border-bottom: 3px solid #81949F;
opacity:1;
}



/*  =CONTENT
-------------------------------------------------------------- */

#container{
margin:0 auto;
width:900px;
padding:20px 0px 80px 30px;
overflow:hidden;
background-color:#ffffff;

}


#content {}
#container h2 {color:#3F3C2F;
font-family:georgia, times new roman, sans-serif;
}
#content h3 {}
#content p {}

#intro, #about{
width:500px;
margin:10px 0 50px 0;
}

#intro{
width:500px;
margin-bottom:50px;

}

#intro img{
float:left;

}

#intro p{
margin:0;
padding:0;
font-size:1.3em;
float:right;
width:380px;
height:180px;
}




/*  =SIDEBAR
-------------------------------------------------------------- */

#sidebar {}
#sidebar h2 {}
#sidebar ul {}
#sidebar li {}


/*  =FORMS
-------------------------------------------------------------- */

input {}
textarea {}
button {}

input:focus {}
textarea:focus {}
button:hover {}


/*  =TABLES
-------------------------------------------------------------- */

table {}
tr {}
th {}
td {}

/* =CALENDAR
-------------------------------------------------------------- */

#daily {
width:400px;
float:left;
margin-bottom:80px;
}

.hearMore{
padding-top:5px;
text-transform:uppercase;
font-size:18px;
font-family:arial, helvetica, serif;
float:right;
color:#7F7F7F!important;
}

.hearMore:hover{
font-weight:bold;
text-decoration:none;
}


#latestRelease{
margin-left:140px;
float:left;
width:290px;

}


.tune{
margin-bottom:10px;
border-bottom:1px solid #DFDFDF;
width:200px;
}

#daily p{
display:inline;
}

span .tune {
border-bottom:none;
}

#about{
clear:left;

}
/*  =FOOTER
-------------------------------------------------------------- */

#footer {
margin-bottom:0px;
padding-bottom:50px;
clear:both;
background-color:#3F3C2F;
overflow:hidden;
color:#ffffff;

}

#footContent{
margin:0 auto;
padding:40px 0px 20px 40px;
width:950px;
}

#footContent{
margin:0 auto;
padding:40px 0px 20px 0px;
width:990px;
}



#footer a{
color:inherit;
}
#footer h2{
color:inherit;
}

/*  =DEFAULT STYLES
-------------------------------------------------------------- */

.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.small {font-size: 0.8em;}
.hidden {display: none;}
.greyish {
background-color:#EFEFEF;
margin-right:20px;
}




#weekly{
float:left;
width:250px;

}

#weekly a{
display:block;
}

#monthly{
float:left;
width:250px;

/* margin-right:50px; */
}

/* blog style */

#mainArticles{
float:left;
width:550px;
}

#sidebar{
float:right;
width:210px;
}

#sidebar a{
color: #8F8D86;
}

#sidebar a:hover{
color:#3F3C2F;
text-decoration:none;
}

#sidebar .active a{
color:#3F3C2F;
}

#post{
margin-bottom:50px;
}

.postBody ol{
margin-left:20px;
}

.postBody ol li{
margin-bottom:10px;
}

.postBody li{

margin-bottom:10px;
margin-left:10px;
}

.postBody a{
color: #8F8D86;
text-decoration:none;
}

.postBody p{
font-size:14px;
line-height:19px;
}


.postBody a:hover{
border-bottom: 1px dotted #8F8D86;
}


#events a{

color: #8F8D86;
text-decoration:none;}

#events a:hover{
border-bottom: 1px dotted #8F8D86;}

#intro  a{
color: #8F8D86;
text-decoration:none;}

#intro  a:hover{
border-bottom: 1px dotted #8F8D86;}

.posted {
font-size:1.3em;
}

/* end blog style */

/* events style */

#events ul{
}

#events h2{
margin-bottom:0px;
}

#events h3{
margin-bottom:-10px;
}


#events li{
list-style-type:none;
width:400px;
height:350px;
float:left;
}



#twitter{
float:left;
width:150px;
margin:0 50px;
}

#twitter img{
margin-right:10px;
}

#latestBlogs{
float:left;
margin:0 50px;
}

#recentcomments{
width:180px;
}

#recentcomments h2{
font-size:1.6em;
color:#3F3C2F;
}

#disqus_thread{
margin-top:10px;
}

#disqus_thread h3{
font-size:1em;
}

#contactForm{
float:left;
width:150px;
margin:0 50px;
}


#contactForm legend{
display:none;
}

#dailyIntro{
width:500px;
}

#dailyIntro p {
font-size:16px;
}


#inlinePlayer {
width:400px;
position:relative;
}

a.inline-playable   {
font-size:20px;
font-family:verdana,arial, serif;
display:block;
background: url(http://mrtunes.ca/images/play.png) no-repeat left center ;
padding-left:25px;
margin-left:5px;
z-index:2;

}


.inline-playable span{
color:#AFAFAF;
padding-left:13px;
font-size:9px;
right:10px;
position:absolute;
z-index:1;
}

 #inlinePlayer a.sm2_playing {
background: url(http://mrtunes.ca/images/pause.png) no-repeat left center ;
font-weight:bold; 
}

a.sm2_playing span{
font-weight:normal;
}

#inlinePlayer .sm2_link:hover{
text-decoration:none;
}


#inlinePlayer li{
padding:5px;
background-color:#efefef;
border:1px solid #dfdfdf;
margin:10px 0;
}

#inlinePlayer h3{
margin-top:30px;
}



#inlinePlayer li:hover{
background-color:#efefef;
border:1px solid #dfdfdf;
}


#soundmanager-debug div{
display:none;
}

#soundmanager-debug-toggle{
display:none;
}

.postBody img a:hover {text-decoration: none;}