/* viewport for IE */
@-ms-viewport {
	width: device-width;
	}
#topStripe {
	background-color: #603;
	background-image: url(../images/bits/bg.jpg);
	background-repeat: repeat;
	width:100%;
	height:8px;
	}
#headerBackGround {
	background-color: #ffebcd;
	background-image: url(../images/bits/bg2.jpg);
	background-repeat: repeat;
	width:100%;
	}
#headerWrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.75em;
	}
#headerLeft {
	height: auto;
	float: left;
	}
#headerLeft h1 {
	font-size: 2.25em;
	padding: 0;
	}
#headerRight {
	height: auto;
	float: right;
	}
#headerRight h3 {
	font-size: 1em;
	margin: 0;
	padding: 0;
	}
#navigationPanel {
	clear: both;
	padding: 0;
	}
.narrowStripe {
	background-color: #603;
	background-image: url(../images/bits/bg.jpg);
	width:100%;
	height:3px;
	}
#pageBackGround {
	background-color: #fdf5e6;
	width: 100%;
	overflow: hidden;
	}
#pageWrap {
	width: 980px;
	margin: 4px auto;
	padding-right: 1em;
	padding-left: 1em;
	}
#topAdBox {
	margin: 0.2em auto 0.313em;
	display: none;
	}
#topAdBoxNoSideBar {
	width: 100%;
	margin-top: 0.2em;
	margin-bottom: 0.31em;
	}	
/* text align center for pictureBoxes */
#contentPanelLeft {
	width: 655px;
/* 	font-size: 1em;  */
	text-align: center;
	float: left;
	padding-top: 0.63em;
	padding-bottom: 1em;
	}
#sideBarRight {
	width: 310px;
	float: right;
	padding-top: 2em;
	padding-bottom: 0.5em;
	}
/* text align center for pictureBoxes */
#contentPanel {
/* 	font-size: 1em;  */
	text-align: center;
	width: 741px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
	}
#footerBackGround {
	background-color: #ffebcd;
	width:100%;
	clear: both;
	}
#footerWrap {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
	}
#footerPanel {
	width: 656px;
	margin-right: auto;
	margin-left: auto;
	}
#footerInfo {
	text-align: center;
	}
#bottomAdBox {
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.5em;
	padding-bottom: 0.75em;
	}
#bottomAdBoxNoSideBar {
	width: 100%;
	margin-top: 0.5em;
	margin-bottom: 0.75em;
	}	
#footNote {
	text-align: center;
	margin-right: auto;
	margin-bottom: 0.938em;
	margin-left: auto;
	}
.showOnMediumScreenOnly {
	display: none;
	}
.showOnSmallScreenOnly {
	display: none;
	}
.showOnSmallAndMediumScreenOnly {
	display: none;
	}		
.pictureBox {
	vertical-align: top;
/* width: 30%; for 3 boxes wide - width: 45% for 2 boxes wide */
	width: 30%;
	display: inline-block;
	height: auto;
	margin: 1%;
	padding: 0;
	}
.pictureBox h4 {
	font-size: 1.25em;
	margin-bottom: 0;
	}
.pictureBox p {
	margin-top: 0;
	padding-top: 0;
	}
.artistsBox {
	vertical-align: top;
	width: 31%;	
	display: inline-block;
	margin: 0;
	padding: 0;
	}
.pictureCaption {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #fff;
	margin-top: 0;
	padding: 2px;
	}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	#headerWrap {
		width: 98%;
		}
	#pageWrap {
		width: 98%;
		padding: 0;
		}
	#contentPanelLeft {
		width: 68%;
		}
	#contentPanel {
		width: auto;
		padding-right: 20px;
		padding-left: 20px;
		}	
		    
	#sideBarRight {
		width: 30%;
		}
	#footerWrap {
		width: 98%;
		}
	}
/* for 780px or less */
@media screen and (max-width: 780px) {
	#headerWrap {
		}
	#headerLeft {
		float: none;
		padding: 0;
		}
	#headerLeft img {
		display: block;
 		margin-left: auto;
		margin-right: auto;
		}
	#headerLeft h1 {
		font-size: 2em;
		text-align: center;		
		padding: 0;
		}
	#headerRight {
		float: none;
		padding: 0;
		}
	#headerRight h3 {
		font-size: 1.2em;
		text-align: center;
		padding: 0;
		}
	#pageWrap {
		margin: 2px auto;
		}
	#topAdBox {
		width: 100%;
		margin-top: 0.25em;
		display: block;
		}
	#contentPanelLeft {
		width: 94%;
		float: none;
		margin-left: 0;
		padding-right: 3%;
		padding-left: 3%;
		}
	#sideBarRight {
		width: 100%;
		float: none;
		margin: 0;
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
		}
	.pictureBox {	
		width: 45%;
		}
	#footerWrap {
		margin-right: auto;
		margin-left: auto;
		}
	#footerPanel {
		width: auto;
		}
	#bottomAdBox {
		display: none;
		}
	.showOnLargeScreenOnly {
		display: none;
		}
	.showOnMediumScreenOnly {
		display: block;
		}
	.showOnSmallAndMediumScreenOnly {
		display: block;
		}
	}
/* for 480px or less */
@media screen and (max-width: 480px) {
	#headerWrap {
		width: 96%;		
		padding: 1px;
		}
	#headerBackGround {
		padding: 0;
		}
	#headerLeft {
		float: none;
		padding: 0.5em 0 0;
		}
	#headerLeft h1 {
		font-size: 2em;
		padding: 0;
		}
	#headerRight {
		float: none;
		padding: 0;
		}
	#headerRight h3 {
		font-size: 0.938em;
		padding: 0;
		}
	#pageWrap {
		width: 96%;			
		margin: 1px auto;
					
				   
		}
	#contentPanelLeft {
			 
		}
	#contentPanel {
		font-size: 0.9em;
		padding-right: 2%;
		padding-left: 2%;				   
		}
	#footerWrap {
		width: 96%;		
		margin-right: auto;
		margin-left: auto;
		padding: 7px 1px 1px;
		}
	#footerInfo {
		padding-top: 5px;
		}
	#artistsBlock {
		display: none;
		}
	.artistsBox {
		width: 100%;
		display: block;
		}
	.pictureBox {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 12px;
		padding-bottom: 12px;
		}
	.printListDetails {
		margin-bottom: 0;
		padding-bottom: 0;
		}
	.showOnLargeAndMediumScreenOnly {
		display: none;
		}
	.showOnMediumScreenOnly {
		display: none;
		}
	.showOnSmallScreenOnly {
		display: block;
		}
	h1  { 
		font-size: 2.4em; 
		}
	h2  { 
		font-size: 1.6em; 
		}
	.pictureCaption {
		font-size: 1em;
		}
	}
/************************************************************************************
END MEDIA QUERIES
*************************************************************************************/
element {
	}