@charset "utf-8";
/* CSS Document */

/*Left*/
.main-wrapper{
	width:1024px;
	margin:auto; position: relative;
	/*position:relative;*/
}
.main-menu{
	text-transform:uppercase;
	color:#FFF;
	text-shadow:1px 1px #369;
	font-size:12px;
	text-decoration:none;
}
.main-menu:hover{
	color:#9C0;
}


.main-wrapper ul{
	margin-left:5px;
	width:348px;
	height:16px;
	margin-top:20px;
	display:block;
	background:url(../../../../../public/assets/images/menu-background2.jpg);
	background-position:center;
	padding:8px;
}
.main-wrapper ul li{
	width:174px;
	float:left;
	text-align:center;
	
}
#left{
	background:#fff;
	border:solid 1px #999;
	border-radius:5px;
	width:620px;
	float:left;
	padding-right:30px;
	padding-left:30px;
	position:relative;
    margin-top: 20px;
}
.top-shadow-top{
	width:622px;
	height:20px;
	background:url(../../../../../public/assets/images/article-top-shadow2.png);
	background-position:center;
}
.bottom-shadow-top{
	width:622px;
	height:20px;
	background:url(../../../../../public/assets/images/article-bottom-shadow2.png);
	background-position:center;
}
.top-article-picture{
	border:solid 12px #fff;
	border-radius:10px;
	box-shadow:0px 0px 1px #333;
    width: 598px;
}
.top-article{
	width:558px;
	height:100px;
	background:rgba(0, 0, 0, .1);
	position:absolute;
	top:170px;
	left:43px;
	padding:20px;
	color:#FFF;
	text-shadow:1px 1px 1px #333;
	transition: background .5s;
	-moz-transition: background .5s; /* Firefox 4 */
	-webkit-transition: background .5s; /* Safari and Chrome */
	-o-transition: background .5s; /* Opera */
}
.top-article:hover{
	transition: background .5s;
	-moz-transition: background .5s; /* Firefox 4 */
	-webkit-transition: background .5s; /* Safari and Chrome */
	-o-transition: background .5s; /* Opera */
	background:rgba(0, 0, 0, .5);
}
.top-title{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:20px;
	font-size:20px;
}
.right{
	border:solid 1px #000;
	border-radius:5px;
	width:295px;
	float:left;
	margin-left:20px;
	padding:5px;
	background:#333;
	margin-bottom:10px;
}
.right span{
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #002C40;
	height:12px;
	width:279px;
	background-color:#36F;
	display:block;
	border-radius:5px;
	padding:8px;
	
}
.right2{
	border:solid 1px #999;
	border-radius:5px;
	width:295px;
	margin-left:20px;
	padding:5px;
	background:#fff;
	margin-bottom:10px;
}
.right2 span{
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #002C40;
	height:12px;
	width:279px;
	background-color:#36F;
	display:block;
	border-radius:5px;
	padding:8px;
	
}
.headline{
	margin-top:10px;
	font-size:11px;
	width:290px;
	height:55px;
	color:#333;
    overflow: hidden;
}
.headline a{
	color:#000;
	text-shadow:none;
	text-transform:none;
	text-decoration:none;

}
.headline img{
	width:90px;
	border-radius:5px;
	float:left;
	margin-right:10px;
	
}

/*article*/

.img-wrapper img{
	width:210px;
}
.article-image{
	width:210px;
	background:#fff;
	padding:10px;
	border-radius:10px;
	box-shadow:0px 0px 2px #999;
	margin-right:10px;
}
.img-wrapper{
	float:left;
	width:235px;
	margin-right:10px;
}
.text-wrapper{
	margin-top:10px;
    /*float:left;*/
	width:620px;
    margin-bottom: 10px;
}       
.top-shadow{
	width:287px;
	height:10px;
	background:#fff;
	background-image:url(../../../../../public/assets/images/top-shadow2.png);
	background-repeat:no-repeat;
}

.bottom-shadow{
	width:287px;
	height:13px;
	background:#fff;
	background-image:url(../../../../../public/assets/images/bottom-shadow2.png);
	background-repeat:no-repeat;
}

.title{
	font-weight:bold;
	font-size:20px;
	color:#0071ba;
}

.time{
	font-size:11px;
	color:#666;
	margin-top:2px;
	margin-bottom:10px;
}

.article-text{
	font-size:12px;
	line-height:15px;
   /* margin-top:5px;*/
	margin-bottom:0px;
}
.article-text-detail{
    
    color: #666666;
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: 2px;

    /*font-size:10px;
    line-height:15px;
    margin-bottom:10px;*/
}
.hr{
	width:100%;
	height:1px;
	background-color:#E9E9E9;
	clear:left;
}
/*Footer*/
b{
	color:#999;
}
#footer{
    
}

/* Pagination Styles */
.pagination span {
	width: 25px;
	line-height: 25px;
	display: block;
	float: left;
	text-align: center;
	font-size: 1.3em;
	vertical-align: middle;
	margin-left: 2px;
	margin-bottom: 8px;
	border: 1px solid #DDDDDD;
	font-weight: bold;
}
.pagination span.current {
	border: 0;
}
.pagination span a {
	text-decoration: none;
	font-size: inherit;
	display: block;
	font-weight: inherit;
}
.pagination span a:hover {
	background-color: #F3F3F3;
}

.rightoutside{
    margin-top: 20px;
    width:340px;
    float:left;
    margin-left:0px;
    height: auto;
}

p.linke { float: left; }