/*-------------------------------*/
/*-----980px AND SMALLER -------*/
/*-----------------------------*/
@media screen and (max-width:980px) {

	#page {width: 100%; margin: 0;}
	
	.pace .pace-progress {display: none !important;}
	
	/*------------------------*/
	/*----- LEFT COLUMN -----*/
	/*----------------------*/
	
	#leftColumn, 
	#sidebar {width: 30%; max-width: 235px;}
	
	a#logo {padding: 50px 0;}
		
	#slides {width: 100%; max-width: 235px;}
	.slides_container {width: 100%;}
	.slides_container a img {height: auto; max-width: 100%;}
	
	.audiojs .play-pause:hover {background: #222; color: #fff;}
	
	/*------------------------*/
	/*----- MAIN COLUMN -----*/
	/*----------------------*/
	
	#mainContainer {width: 70%;}
	#main {width: 100%;}
	
	#dropmenu li a {padding: 0 10px;}
				
	.pageEntry,
	.listing > .page, 
	.fullPost {width: 50%; padding: 5%;}
	
	.entry iframe,
	.entry embed,
	.entry object {max-width: 100%;}
	
	img.singlePostImg,
	a.thumbLink {width: 60%}
	
	.gallery-item {margin-top: 0px !important;}
	
	#commentsection {width: 100%;}
	
	/*------------------------*/
	/*----- RIGHT COLUMN ----*/
	/*----------------------*/
	
	.rightColumn {width: 40%;}
	
	.rightColumn .post {width: 80%; padding: 10%;}
	
	.rightColumn .posttitle,
	.rightColumn .posttitle a {min-width: 0px; width: 100%; font-size: 14px;}
	
	.rightColumn .postInfo {width: 80%; padding:0 10% 10%; font-size: 8px;}
	
	.rightColumn .entrytitle, 
	.rightColumn .posttitle {margin-bottom: 10px;}
	
	.rightColumn .leaderTitle {margin-bottom: 0px; min-width: 0px; width: 80%; padding:10%; font-size: 14px;}

	ol.songs {float: right; width: 40%;}
	.rightColumn ol.songs {float: left; width: 100%;}
}

/*-------------------------------*/
/*-----750px AND SMALLER -------*/
/*-----------------------------*/
@media screen and (max-width:750px) {
	
	/*------------------------*/
	/*----- LEFT COLUMN -----*/
	/*----------------------*/
	
	#leftColumn, 
	#sidebar {width: 100%; max-width: 100%;}
	
	#sideToggle {position: relative; top: 30px; margin-top: -30px;}
	
	a#logo {padding: 30px 0 10px;}
	
	.audiojs {width: 100%; float: none; height: auto; position: relative;
		
		position: absolute; 
		top: 0;
		left: 0;
		width: auto;
		display: block;
	}
	.audiojs .play-pause {padding: 0;}
	.audiojs .scrubber {
		bottom: 11px;
    	left: 50%;
    	margin-left: -25%;
    	position: absolute;
    	width: 50%;
    	
    	display: none;
	}
	.audiojs .time {padding-right: 5px;
		
		display: none;
	}
	
	#slides {visibility: hidden; height: 0; width: 0; overflow: hidden;}
	
	#sidebar ul li.widget {width: 100%;}
	#sidebar ul li.widget h2.widgettitle {display: block;}
	#sidebar ul li.widget #searchform {width: auto; padding: 20px 5px;}
	
	/*------------------------*/
	/*----- MAIN COLUMN -----*/
	/*----------------------*/
	
	#mainContainer {width: 100%;}
	#main {width: 100%;}
	
	#navigation #dropmenu {display: none;}
	#selectMenu {display: block;}
			
	.pageEntry,
	.listing > .page, 
	.fullPost {width: 90%; padding: 5%;}
	
	img.singlePostImg,
	a.thumbLink {width: 100%; clear: both;}
	
	.gallery-item {margin-top: 0px !important;}
	
	#commentsection {width: 100%;}
	
	/*------------------------*/
	/*----- RIGHT COLUMN ----*/
	/*----------------------*/
	
	.rightColumn {width: 100%; float: none;}
	
	.rightColumn .navigation {float: none; width: 100%; text-align: center;}
	.rightColumn .navigation .pagenav {width: 33.3%; float: left;}
	.rightColumn .navigation .pagenav a {float: none; width: auto;}
	.rightColumn .navigation .whereAmI {width: 33.3%; padding: 0;}
	
	.rightColumn a[rel='prev'],
	.rightColumn a[rel='next'] {width: 50%; margin-bottom: 1px;}
	
	#loading {width: 100%; padding: 0; }
		
	.rightColumn .post {width: 80%; padding: 10%;}
	
	.rightColumn .posttitle,
	.rightColumn .posttitle a {min-width: 0px; width: 100%; font-size: 14px;}
	
	.rightColumn .postInfo {width: auto; padding:0 10px 5px; font-size: 8px; clear: left;}
	
	.rightColumn .entrytitle, 
	.rightColumn .posttitle {margin-bottom: 10px;}
	
	.rightColumn .leaderTitle {margin-top: 1px; margin-bottom: 0px; min-width: 0px; width:auto; padding:10px 10px 0; font-size: 14px; clear: left;}

	.rightColumn .morePost {margin-top: 0;}
	 
	ol.songs {float: none; width: 100%;}
	ol.songs li {display: block;}
	.rightColumn ol.songs {float: left; width: 100%;}

}

/*-------------------------------*/
/*-----750px AND SMALLER -------*/
/*-----------------------------*/
@media screen and (max-width:450px) {

	.gallery-item {width: 100% !important;}
	
}