@charset "utf-8";

body{
	background:#fff; 
	font-family:monospace;
	color:#1f3649;
	margin:0;
	font-size:17px;
	line-height: 35px;
}

a{
	text-decoration: none;
	color:#1f3649;
	font-weight:bold;
}

nav{overflow:hidden;}

a:hover{
	text-decoration: underline;
	font-weight:bold;
}
h1 {margin:0 9px;float:left;}
h1 a{color:#fff;text-decoration: none;}
li{font-size:15px;}
h3{margin:4px;font-size:29px}
article{weight:100%;}
article{margin:2px auto;}
article h1{padding:15px;background:hsl(357, 90%, 92%);color:#fff !important;text-align:center;}
article li p {width:100%;}

div {overflow:hidden;clear:both;}
	
ul{list-style-type: none;margin:0px;padding:0;}
	
li{text-transform: capitalize;float:left;padding:5px;}
img {
    max-width: 100%;
    height: auto;
	float: left;
	margin: 8px;
}

figure{
	margin:2px;
	text-align:center;
}

header{
	font-size:26px;
	text-align:center;
	width:100%;
	background: hsl(26, 99%, 91%);
	padding:0;
	
    height: 140px;
	overflow: hidden;
	
}

header h1{	
	color:#fff;
}


header a{	
	color:#fff;
}

aside {width:100%;clear:both;}

aside .box{
	width:100%;
}
aside .tbox{
	color:#fff;
	background:hsl(46, 98%, 93%);
}

footer{
	text-align:right;
	clear: both;
	font-size:16px;
	padding:18px 0 0 0;
}
main{
	margin:1px 18px;
	padding-right: 50px;
	padding-left: 50px;
		}
span{
	font-size:15px;
	color:#aaa;
}
section #left {
	float:left;
	text-align:left;
}

section #right {
	float:right;
	text-align:right;
}
section article ul{
	float:left;
	width:45%;
}
section article #sub ul{
	float:none;
	width:100%;
}

section article #sub ul li{
	float:left;
	width: 45%;
}

h4{margin:0;font-size:15px;}

article div{border:1px solid #333;padding:5px;}

section article nav ul{
	float:left;
}
section article div nav{
	clear:both;
}
section article div nav ul{
	float:none;
}
section article div nav ul{
	float:left;
}
section article nav ul li{
	float:left;
	margin: 8px; 
	padding:0;
	list-style: none;
	overflow:hidden;	
	border: 2px hidden #ccc;
	padding: 5px;
	width: 100%;
}

section article #sub li{
	float:left;
	margin: 0; 
	padding:0;
	list-style: none;
	overflow:hidden;	
	border: 0;
	padding: 6px;
	font-size:14px;
}

#mainimg{width:100%;float:none;}

section article nav ul li img{display: block;
    margin: 0 auto;}
section article nav ul .tyt{
	padding:15px 2px;
	font-weight:bold;
	text-align:center;
}



#rss{
	float:right;
	color:#fff;
}

.left {
	float:left;
	text-align:left;
	max-width:1000px;
	clear:none;
	margin:8px;
}

.left h1,h2{
	text-align:center;
}

.left li{
	float:none;
}

.social{float: right;}

input{padding:5px; width:48%;}
textarea{width:99%;height:100px;}
.good{color:green;}

input[name="plus"] {
    background: none repeat scroll 0 0 green;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    width: 60px;
}
@media only screen and (max-width:500px), only screen and (max-device-width: 500px) {
	a{
		display: block;
		border: 1px solid hsl(255, 90%, 91%);
		padding:5px;
	}
	section article nav ul li{width:90%;height:auto;}
	header hgroup a, #rss{
		border:none;
		display: block;
		cursor:pointer;
		text-align:center;
		font-size:25px;
	}
	section article nav ul{float:none;}
	header{height:100%;font-size: 13px;}
	h1{float:none;}
	section article ul {width:100%}
}