/* This File Contains All Responsive CSS - Sweet! */






/* Apply To All Responsive Layouts
================================================== */
@media only screen and (max-width: 767px) {
	#toplink{ display: none !important; }
	.hide-on-mobile { display: none; }
	.js #menu-primary-menu { display: none; }
	.js .selectnav { display: block; }
	
	/* Custom Drop-Down
	================================================== */
	#access .selectnav { padding:5px; }
	#access .selectnav option{ background:#B3B660; color: #fff; -webkit-appearance:none; padding: 5px; }
	#access .selectnav, 
	#access .selectnav span{ cursor: pointer !important; background:url("images/nav-down-white.png") 98% center no-repeat;  -webkit-font-smoothing:antialiased; }
	#access .selectnav, 
	#access .selectnav *{ margin:0; padding:0; }
	#access .selectnav select{ top:0px; left:0px; }
	#access .selectnav{ width:97%;  font-size:12px;  font-weight:bold; }
	#access .selectnav span{ cursor:pointer; color: #fff; }
	#access .selectnav{ height: 30px; line-height: 30px; display:-moz-inline-box;  display:inline-block;  vertical-align:middle;  zoom:1;  *display:inline; }
	#access .selectnav select:focus{outline:0; }
	#access .selectnav{ position:relative;  padding-left:10px;  overflow:hidden; }
	#access .selectnav span{ display:block;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap; }
	#access .selectnav select{ position:absolute;  height:35px;  background:none;  width:97%; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:12px;  font-weight:500;  border:0 !important; }

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	#menu-primary-menu { display: none; }

	/*Hidden class*/
	.hide-on-mobile-portrait { display: block; }
	.hide-on-mobile-landscape { display: none; }

	/*Main element*/
	#wrapper { }
	
	/*header*/
	#header {
		clear: both;
		display: table;
		margin: 0;
		overflow: visible;
		padding: 0;
		text-align: center;
		width: 100%; 
	}
	#header:before{ display: none; }
	#masthead { padding:20px 0; clear: both; margin: 0 auto; width: 300px; }
	#top-header { width:100%; }
	#top-header img { display: block; float: none; text-align:center; }
	#logo-block {
		float: none;
		font-size: 30px;
		line-height: normal;
		margin: 0 auto 10px auto;
		width: 200px;
	}
	
	#logo-block img { width:200px; height:auto; }
	#top-header-left { width:100%;clear:both;float:none; }
	#top-header-right { width:0; display:none } 
	
	/*display dropdown nav*/
	
	#access { 
		clear: both;
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 300px;
	}

	#access .menu-header, div.menu { text-align: center;  width: 100%; display:block; }
	#access .selectnav { margin:0 auto; }
	/*top bar*/

	
	#cp-slider-block { display:block; background:none repeat scroll 0 0 #B3B660; height:auto; clear:both; }
	#cp-slider-container { margin: 0 auto; width: 100%; text-align:center; background:none repeat scroll 0 0 #B3B660; } 
	#cp-slider {  float: none; width: 320px; margin: 0 auto; clear:both;  }
	#cp-slider-innerpage {  float: none; width: 320px; margin: 0 auto; clear:both; }
	#cp-slider-innerpage img { float: none; height: auto; width: 100%;}
	#cp-slider-sidebar { 
	background: url("images/slider-sidebar-bg.png") repeat scroll 0 0 transparent;
    float: none;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    width: 300px;
	}
	
	/*homepage*/
	
	#homepage-blocks { margin: 0 auto; text-align:center; width:300px; }
	#homepage-blocks .icon { width: 300px; margin: 0 auto; }
	
	#container.front-page, #container { width:100%; float:none; clear:both; border-right: medium none; }
	
	/*post & sidebar*/
	.post{ width: 100%; }
	#sidebar{ width: 100%; }
	
	#frontpage-sidebar ,
	#primary { clear: both; float: none; overflow: hidden; width: 100%; margin-top: 25px; padding-top: 25px; margin-left:0;
				border-top: 6px solid #ddd; text-align:center; background:none; padding-left:0;
	}
	
	#main-container { border-top: 1px solid #ddd; margin-bottom:0; }
	#main { padding: 5px 10px; width: 300px; margin-top:5px; }
	
	#content { padding:0 5px;}
	
	/*footer*/
	#footer { width:100%; overflow:hidden; position:relative; margin-top:0}
	#footer:before { clear:both; }
	#colophon { width:300px; padding:10px; }
	#footer-left,
	#footer-middle,
	#footer-right{ float: left; width: 100%; }
	#footer-middle{ margin-left: 0; margin-right: 0; }
	
	#copyright { width: 100%; text-align: center; float: none; }
	#footer-menu{ width: 100%; text-align: center; float: none; }
	
	/*custom*/
}



/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px 
@media only screen and (min-width: 480px) and (max-width: 767px) {*/
/* @media only screen and (max-width: 480px) {*/
/*@media only screen and (min-width : 200px) and (max-width : 767px) { */

@media only screen and (min-width: 480px) and (max-width: 767px) {



	#menu-primary-menu { display: none; }

	/*Hidden class*/
	.hide-on-mobile-portrait { display: block; }
	.hide-on-mobile-landscape { display: none; }
	

	/*Main element*/
	#wrapper { }

	
	
	/*header*/
	#header {
		clear: both;
		display: table;
		margin: 0;
		overflow: visible;
		padding: 0;
		text-align: center;
		width: 100%; 
	}
	#header:before{ display: none; }
	#masthead { padding:20px 25px; clear: both; margin: 0 auto; padding: 20px 25px; width: 400px; }
	#top-header { width:100%; padding:0; }
	#top-header img { display: block; float: none; text-align:center; }
	#logo-block {
		float: none;
		font-size: 30px;
		line-height: normal;
		margin: 0 0 18px;
		width: 100%;
	}
	#top-header-left { width:100%;clear:both;float:none; }
	#top-header-right { width:0; display:none } 
	
	/*display dropdown nav*/
	
	#access { 
		clear: both;
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 350px;
	}

	#access .menu-header, div.menu { text-align: center;  width: 100%; display:block; }
	#access .selectnav { margin:0 auto; }
	
	#cp-slider-block { display:block; background:none repeat scroll 0 0 #B3B660; height:auto; clear:both; }
	#cp-slider-container { margin: 0 auto; width: 100%; text-align:center; background:none repeat scroll 0 0 #B3B660; } 
	#cp-slider {  float: none; width: 480px; margin: 0 auto; clear:both;  }
	#cp-slider-innerpage {  float: none; width: 480px; margin: 0 auto; clear:both; }
	#cp-slider-innerpage img { float: none; height: auto; width: 100%;}
	#cp-slider-sidebar { 
	background: url("images/slider-sidebar-bg.png") repeat scroll 0 0 transparent;
    float: none;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    width: 460px;
	}
	
	/*homepage*/
	
	#homepage-blocks { margin: 0 auto; text-align:center; width:480px; }
	#homepage-blocks .icon { width: 300px; margin: 0 auto; }
	
	#container.front-page, #container { width:100%; float:none; clear:both; border-right: medium none; }
	
	/*post & sidebar*/
	.post{ width: 100%; }
	#sidebar{ width: 100%; }
	
	#frontpage-sidebar ,
	#primary { 
		clear: both;  
		float: none; 
		overflow: hidden;  
		width: 100%; 
		margin-top: 25px;
		padding-top: 25px; 
		margin-left:0;
		border-top: 6px solid #ddd;  
		text-align:center;
		background:none;
		padding-left:0;
	}
	
	#main-container { border-top: 1px solid #ddd; }
	#main { 
		padding: 5px 10px; 
		width: 480px; 		
		margin-top:5px;
	}
	
	/*footer*/
	#footer { width:100%; overflow:hidden; position:relative; margin-top:0}
	#footer:before { clear:both; }
	#colophon { width:430px; padding:10px 25px; }
	#footer-left,
	#footer-middle,
	#footer-right{ float: left; width: 100%; }
	#footer-middle{ margin-left: 0; margin-right: 0; }
	
	#copyright { width: 100%; text-align: center; float: none; }
	#footer-menu{ width: 100%; text-align: center; float: none; }
	
	
	
	
	
	
	/*custom*/
	

}