/************************************************************************************
smaller than 1320
*************************************************************************************/
@media screen and (max-width: 1320px) {

#page {
	width: 1020px;
		background-position: calc(50% + 400px) top;

}

#header {
	width: 1020px;
}


img.new-book {
	margin: 0 60px 0 20px;
	}



	
	

img.social-button {
	}


#content {
	width: 640px;
		margin: 25px 0 60px 30px;

}

#footer {
	width: 1020px;
}

#myGallery, #myGallerySet, #flickrGallery
{
	width: 640px;
	height: 360px;
	z-index:5;
	border: 0px solid #333;
	margin-bottom: 40px;
}

	#sidebar {
	width: 230px;
	margin: 0px 40px 0px 0px;

}
	.mpu-ad {
	width: 230px;
}

	.widget {
	width:230px;
}

.video-block {
	width: 280px;
}

.video-gap {
		width:40px;
	}
	
	.nav-block {
	padding: 10px 10px;
}

		.nav-block-over {
	padding: 10px 10px;
}



}


/************************************************************************************
smaller than 790
*************************************************************************************/
@media screen and (max-width: 790px) {

  body {
		font-size: 19px;
	line-height: 28px;
}

  #page-wrap {
width: 100%; 
}


#top-bar {
}


	#header {
		width: 100%;
		text-align: center;
		border-bottom: 2px solid #201b43;
		text-align: center;
		background-color: #d10426;
		overflow: hidden;
	z-index: 55;

}



img.new-book {
	margin: 0;
	padding: 0;
	width: 20%;
	float: right;
	height: auto;
	}
img.site-logo {
	margin: 1% 20px 0 10px;
	padding: 0;
	width: calc(80% - 30px);
	float: left;
	}


		
	#social {
}

img.social-button {
		width: 22px;
	margin: 1px calc(100% / 50) 0 calc(100% / 50);

	}

	#search {
width: 40px;
float: none; /* new line */
vertical-align: top; /* new line */
margin-top: 3px;
margin-left: 5px;
}
	#search:focus {
}

	.callbacks_container {
  margin-bottom: 0px;
    }
    
    
  #myGallery, #myGallerySet, #flickrGallery
{
	width: 100%;
	height: 360px;
	z-index:5;
	border: 0px solid #333;
	margin-bottom: 20px;
}



.jdGallery .slideInfoZone
{
		padding: 15px 10px;

}

.jdGallery .slideInfoZone h2
{
	font-size: 22px;
	margin: 0px;
	line-height: 24px;
		text-align: center;

}


#page {
	margin-top: 0px;
width: 100%;
		background: url(../grfx/stuff/bg_rufflsse.gif);
	background-position: calc(50% + 390px) top;
		background-repeat: repeat-y;
	background-color: #ffffff;
}


	#content {
width: 100%;
float: none;
padding: 0;
margin: 0px auto;
}

#content-block {
	width: 90%;
	margin: 30px auto;	
	
}


	.content-block {
	width: 93%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

	#sidebar {
width: 80%;
margin: 0 auto;
float: none;
}

#footer {
	padding: 30px 30px 45px 30px;
	width: calc(100% - 60px);
	background-color: #201b43;
}
.gigs-info {
	float: right;
	width: calc(100% - 90px);
	
	
}

.blog-info {
	width: calc(100% - 90px);
	
	
}

	#prime-time { 
	padding: 0px;
	}
	
	#prime-time-info { 
	padding: 10px;
	margin-top: 10px;
	}

	#snapwidget {
		display: none;
	}

	.mpu-ad {
	width: 400px;
	margin-bottom: 40px;
}


.widget {
width: 100%; 
margin: auto;
padding: 0;
text-align: center;
float: none;
margin-top: 45px;
margin-bottom: 45px;
}

	
	.releases { 
		float: none;
width: 100%;
background:#f8f3fa;
margin: 0 auto;
margin-bottom: 5px;
/* padding: 0px; */
overflow: hidden;
position: relative; /* 10/08/2015 new line */
padding: 0; /* 10/08/2015 new line */
box-sizing: border-box; /* 10/08/2015 new line */
}


	.releases-last { 
		float: none;
width: 100%;
background:#f8f3fa;
margin: 0 auto;
margin-bottom: 5px;
/* padding: 0px; */
overflow: hidden;
position: relative; /* 10/08/2015 new line */
padding: 0; /* 10/08/2015 new line */
box-sizing: border-box; /* 10/08/2015 new line */
}
	.releases-text-box { 
	width: 50%;
	padding: 5px 0px;

}
img.book {
	width: 40%;
	margin: 0 0 20px 30px;
	}

	img.releases-small {
opacity: 1;
filter: alpha(opacity=100);
width: 130px;
float: left;
margin-right: 15px;
margin-bottom: 0;
}

img.release {
	width: 45%;
	}
	
	.block-headline {
	padding-top: 0px;
}
	
.video-block {
	float: none;
	width: 100%;
	margin-bottom: 30px;
	
}


	.video-box-right {
	float: none;
	width: 100%;
	margin-bottom: 10px;

}	

	.video-info {
	padding: 5px 15px;
}	


	
	.video-gap {
	display: none;
}
	
	.video-gap-horizontal {
	display: none;
}	
	img.video-thumb {
	width: 100%;
	float: none;
	margin-bottom: 0px;
	}

	.post {
margin-left: 10px;
margin-right: 10px;
}

	#title {
text-align: left;
}


	img.prime-time-pic {
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0;
	}


	
	img.shop-icons {
	width: 28px;
	margin: 5px 10px 5px 0px;
	}



	
	
	.tvguide-pic {
float: left;
padding-right: 10px;
width: 40%;
}
	.tvguide-time {
float: none; 
position: relative;
width: 0;
}
	.tvguide-show {
position: relative;
padding-left: 0px;
padding-right: 0px;
overflow: hidden;
}
	.tvguide-description {
position: absolute;
left: -5000;
}
	img.guide {
width: 120px;
}



	

	#main-nav {
	padding: 12px 0px 17px 0;
	display: none;

}
	#main-nav-block {
display:block;
	display: none;

}

.mobile-nav-gap {
	display: block;
	width: 100%;
	height: 12px;
	clear: both;
	overflow: hidden;
}



	.nav-block {
	padding: 0px 10px;
	
	float: none;
}



	.nav-block-over {
		padding: 0px 10px;

	float: none;
}



img.slash {
		margin: 0 0 0 0;
	width: 7px;

float: none;	}


}








/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {
/* disable webkit text size adjust (for iPhone) */
	html {
-webkit-text-size-adjust: none;
}



body {
		font-size: 22px;
	line-height: 34px;
}

#top-bar {
		display: none;
}

#header {
	position: fixed;
	overflow:visible;
}



img.site-logo {
		width: calc(100% / 1.23);
		
	float: left;
		margin: 5px 0 0 10px;
			

}



	#mobile-nav-2 {
		display: inline;
	}
	
	
	nav {
  background-color: #222222;
  height: 63px;
  width: 60px;
  margin: 0px 0px 0px 0px;
}


#menuToggle {
  top: 23px;
  left: 16px;
}

#menu
{
  width: 170px;
  margin: -60px 0 0 -165px;
  padding: 95px 20px 45px 20px;
  
}

#menu li
{
overflow: hidden;
margin: 0;
  padding: 1px 0;
  transition-delay: 2s;
}

.mobile-nav {
	font-size: 15px;

}

	.nav-gap {
	margin: 3px 0 2px 0;
	overflow: hidden;
}

	img.new-book {
	display: none;
	}

#page {
	margin-top: 65px;
}

.jdGallery .slideInfoZone
{
		padding: 20px 10px;

}

.jdGallery .slideInfoZone h2
{
	font-size: 20px;
	line-height: 20px;

}

.headline {
	font-size: 24px;
	line-height: 22px;
}
	img.alignnone {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 100%;
	margin: 0 0 20px 0;
	}

img.alignright {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 100%;
	margin: 0 0 20px 0;	}

img.alignleft {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 100%;
	margin: 0 0 20px 0;
	}

.alignright {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 100%;
	margin: 0 0 20px 0;	}

.alignleft {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 100%;
	margin: 0 0 20px 0;	}
/* End Images */

}



/************************************************************************************
smaller than 460
*************************************************************************************/
@media screen and (max-width: 460px) {



	#header {
		height: 50px;
}
	nav {
  height: 50px;
  width: 50px;
}


#menuToggle {
  top: 16px;
  left: 10px;
}


img.site-logo {
	width: calc(100% - 80px);
	min-width: 0;
		margin: 5px 0 0 10px;
		float: left;
}
#page {
	margin-top: 52px;
}


}


/************************************************************************************
smaller than 380
*************************************************************************************/
@media screen and (max-width: 380px) {





img.site-logo {
	width: calc(100% - 55px);
		margin: 6px 0 0 0px;
		float: left;
}



}