/* This CSS file is created for you to create or override any of the existing CSS styles used in this theme */



.footer-message { text-align: center; }

#header-mobile{
	display:none;	
}
#logo-container{
	float:left;
	text-indent:-99999px;
	width:370px;
	position:relative;
}

.logo{ 
	width:330px; 
	height:94px; 
	background:url(images/logo.png) no-repeat; 
	text-indent:-9999px;
	margin:0;
	padding:0;
	position:absolute;
	top:20px;
}

h1.logo a {
	width: 330px;
	height: 94px;
	display: block;
	
}
#nav {
	margin-top: 0px;
	background: url(images/navbg1.png) 0 0 repeat;
}
#nav a#pull{
	display:none;
}



.image-details a span.more-details {
	padding-top: 0px;
	margin-top: 0px;
	position:absolute;
	bottom:50px;
	left:0px;
	width:100%;
}

.image-details a.share {
	float:none;
	position:absolute;
	bottom:20px;
	left:10px;
}
.image-details a.more-det{
	float:none;
	position:absolute;
	bottom:25px;
	right:15px;
}
#page_navigation{
	display:none;
}
@media (max-width: 767px) {
	#header{
		display:none;
	}
	#header-mobile{
		display:block;
		background: #454545; /* for non-css3 browsers */

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#2c2c2c');
		background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#2c2c2c)); 
		background: -moz-linear-gradient(top,  #454545,  #2c2c2c);
	}
	
	.container-mobile {
		margin-right: auto;
		margin-left: auto;
		width: auto;
		*zoom: 1;
	}
	.container-mobile:before,
	.container-mobile:after {
		  display: table;
		  content: "";
		  line-height: 0;
	}
	.container-mobile:after {
	  clear: both;
	}
	
	.row-mobile {
 		 margin-left: 0px;
  		*zoom: 1;
	}
	.row-mobile:before,
	.row-mobile:after {
	  display: table;
	  content: "";
	  line-height: 0;
	}
	.row-mobile:after {
	  clear: both;
	}
	
	.logo-container{}
	
	.span3-mobile, .span9-mobile {
		display: block;
		float: none;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		min-height: 1px;
	}
	h1.logo-mobile a {
		width: 290px;
		height: 60px;
		display: block;
		background: url('images/logo-mobile.png') no-repeat 0 0;
		background-size: cover;
		-ms-interpolation-mode: bicubic;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/logo-mobile.png');
		width: auto\9;
		margin:0 auto;
	}
	
	.hide-text {
		font: 0/0 a;
		color: transparent;
		text-shadow: none;
		background-color: transparent;
		border: 0;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo-mobile.png', sizingMethod='crop');
	}
	#searchbar{
		float:none;
		margin:10px auto;
		width:80%;
	}
	#control-mobile{
		
		margin:0 auto;
	}
	#searchbar input[type="text"] {
		width:87%;
	}
	#nav,#nav-content{
		width:100%;
		min-width:100%;
		height:auto;
	}
	
	#nav-content ul.sf-menu {
		float: none;
		line-height: 1.1;
		max-width: 100%;
		width: 100%;  
        height: auto; 
		display:none;
		
	}
	#nav-content .sf-menu li {
		float: none;
		position: relative;
		width:100%;
	}
	
	#nav-content .sf-menu > li > a {
		padding: 18px 15px;
		width:100%;
		
	}
	
	#nav a#pull {  
        display: block;  
        background-color: #283744;  
        width: 100%;  
        position: relative;  
    }  
	#nav a#pull:after {  
        content:"";  
        background: url('images/nav-icon.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 10px;  
    }  
	#nav .sf-menu > li{
		background:none;
		display:block;
		float:none;
		width:100%;
	}
	#nav-content ul.quick-nav{
		margin-top:8px;
	}
	#nav-content .menu-main-menu-container {
		float:left;
	}
#top-menu,
.social-media{
	display:none;
}

#wrapper{
	width:100%;
}
#main{
	width:100%;
	box-sizing:border-box;
}
#long-ads{
	width:100%;
	display:none;
}
#container,#content{
	width:100%;
}
#bottom-content-1,
#bottom-content-2{
	display:none;
}
.container-fluid {
	width: 100%;
}
.row-fluid .span6,
.row-fluid .span4,
.row-fluid .span2,
.proof-logo{
	width: 100%;
	float: none;
	box-sizing:border-box;
}
.footer .span6, .footer .span4 {
	background: none;
}
.row-fluid [class*="span"]:first-child {
	margin-left: 15px;
}
.row-fluid .span2{
	margin-left: 15px;
	padding-left:0;
}
.span4, .row-fluid .span2{
	display:none;
}
.row-fluid .span6{
	width:290px;
	margin-left:0;
	margin:0 auto;
}
.proof-logo h2 {
	margin-bottom:10px;
	padding:0;
}
.wp-pagenavi{
	display:none;
}
#page_navigation{
	display:block;
}

}
@media (min-width: 321px) and (max-width: 568px) and (orientation : landscape){
	#header{
		display:none;
	}
	#header-mobile{
		display:block;
		background: #454545; /* for non-css3 browsers */

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#2c2c2c');
		background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#2c2c2c)); 
		background: -moz-linear-gradient(top,  #454545,  #2c2c2c);
		width:100%,
	}
	
	.container-mobile {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		*zoom: 1;
	}
	.container-mobile:before,
	.container-mobile:after {
		  display: table;
		  content: "";
		  line-height: 0;
	}
	.container-mobile:after {
	  clear: both;
	}
	.span3-mobile, .span9-mobile {
		display: block;
		float: none;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		min-height: 1px;
	}
	#top-menu,
	.social-media{
		display:none;
	}
	#wrapper {
		width: 100%;
	}
	#main {
		width: 100%;
		box-sizing: border-box;
	}
	#right_social_media {
		margin: 10px auto;
		overflow: hidden;
		text-align: center;
		width:100%;
	}
	#container, #content, #index-news {
		width: 100%;
	}
	#container{
		float:none;
	}
	.image-source,
	.image-details,
	.posts-default li{
		width: 270px!important;
		height: 229px !important;
	}
	.image-details{
		box-sizing:border-box;
	}
	.posts-default li {
		margin: 0 4px 10px 0;
	}
	#secondary{
		display:none;
	}
	
	#primary{
		display:block;
		float:none;
		margin:0 auto;
}

.image-details a span.more-details {
	padding-top: 0px;
	margin-top: 0px;
	position:absolute;
	bottom:50px;
	left:0px;
	width:100%;
}

.image-details a.share {
	float:none;
	position:absolute;
	bottom:20px;
	left:10px;
}
.image-details a.more-det{
	float:none;
	position:absolute;
	bottom:25px;
	right:30px;
}


}
@media (max-width: 320px){
	#searchbar {
		margin: 15px auto;
		width: 100%;
	}	
	#control-mobile {
		width: 90%;
	}
	#searchbar input[type="text"] {
		width: 79%;
	}
	#secondary{
		display:none;
	}
	.copyrights {
		
	}
	
.image-details a span.more-details {
	padding-top: 0px;
	margin-top: 0px;
	position:absolute;
	bottom:50px;
	left:0px;
	width:100%;
}

.image-details a.share {
	float:none;
	position:absolute;
	bottom:20px;
	left:10px;
}
.image-details a.more-det{
	float:none;
	position:absolute;
	bottom:25px;
	right:30px;
}
.innercontent {
	padding: 15px 0;
	}
.like-container .fb-panel, .like-container .twitter-panel, .like-container  .pin-panel, .like-container .google-panel, .like-container, {
	display: block;
}
div.fb-panel,
div.pin-panel,
div.twitter-panel,
div.google-panel{
position:relative;
}

div.fb-panel {
	top: 15px;
	left: -55px;
}
div.pin-panel {
	top: -10px;
	left: -55px;
}
div.twitter-panel {
	top: 15px;
	left: -55px;
}
div.google-panel {
	top: -10px;
	left: 55px;
	
}
.entry-content ul, .entry-content ol {
	margin: 0 auto;
}
.like-container {
	margin-bottom:5px;
}
}