@charset "utf-8";

	body #gHeader {
		background:url(../imgs/bg-main.jpg) no-repeat top center;
		height:auto;
	}
/* gHeader logo*/
	@media only screen and (max-width: 960px) {
	#gHeader .logo{
		clear:both;	
	}
	}
	@media only screen and (max-width: 640px) {
	#gHeader .logo{
		margin:0 auto;
		width:80%;
		padding-top:40px !important;
		padding-bottom:10px;
	}
	}
	
	@media only screen and (max-width: 640px) {
	.siteTitle {
		float:none;
		padding-top:5px;
	}
	}

/* mainContent */
	#mainContent{
		padding-top:40px;
	}
/* gNav */
	#gNav {
		top:0px;
		margin-bottom:0px;
	}

/* topics */	
	#topics div.box{
		margin-right:2.85714286%;
		float:left;
		width:22.8571429%;
		margin-bottom:20px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		position: relative;
		overflow: hidden;
	}
	#topics div.box:nth-of-type(4n){
		margin-right:0%;
	}
	#topics .photo span{
		height: 0;
		padding-bottom: 80%;
		overflow: hidden;
		display: block;
	}
	#topics div.last{
		margin-right:0px !important;
	}
	#topics div.box .caption {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.6);
		-webkit-transition: .3s;
		transition: .3s;
		opacity: 0;
	}
	#topics div.box:hover .caption {
		opacity: 1;
	}
	#topics div.box .caption .Inner {
		position:absolute;
		z-index: 2;
		bottom:0px;
		padding:5px;
	}
	#topics div.box .caption h3{
		color:#FFF;
	}
	#topics div.box .caption p{
		color:#FFF;
	}
	#topics div.box .caption a{
		z-index:999;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	
	@media only screen and (max-width:640px) {
	#topics div.box{
		width:48%;
	}
	#topics div.box:nth-of-type(2n){
		float:right;
		margin-right:0%;
	}
	}
	

/* category */		
	#category div.box{
		margin-right:2.85714286%;
		float:left;
		width:22.8571429%;
		margin-bottom:20px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		position: relative;
		overflow: hidden;
	}
	#category div.box:nth-of-type(4n){
		margin-right:0%;
	}
	#category div.last{
		margin-right:0px !important;
	}	
	
	@media only screen and (max-width:640px) {
	#category div.box{
		width:48%;
	}
	#category div.box:nth-of-type(2n){
		float:right;
		margin-right:0%;
	}
	}
	
	
/* infoBox */		
	#blog {
		float:left;
		width:48%;
	}
	#info {
		float:right;
		width:48%;
	}
	 dl.headline dt{
		clear: left;
		float: left;
		margin: 0;
		padding: 5px 5px 5px 0px;
		width: 7em;
		line-height: 1.5em;
	}
	 
	dl.headline dd{
		margin: 0;
		padding: 5px 0px 5px 0px;
		border-bottom: 1px solid #CCC;
		line-height: 1.5em;
	}	 
	dl.headline a{
		padding: 5px 20px 5px 0;
		color:#e92a55;
		text-decoration:underline;
	}	 
	dl.headline a:hover{
		text-decoration:none;
	}