/*  
Theme Name: New TTOST
Theme URI: http://www.ttost.com/
Description: TTOST听听原声专用主题
Version: 1.0
Author: Ten
Author URI: http://www.ttost.com/
*/
body{
margin: 0;
font-family: 微软雅黑,Arial, Helvetica, Georgia, Sans-serif;
text-align:center;
vertical-align: top;
background: #fff;
color: #000000;
-webkit-font-smoothing:antialiased;
}
a:link{
text-decoration: none;
color: #fff;
}
a:visited{
text-decoration: none;
color: #fff;
}
a:hover{
text-decoration: none;
color: #ff2f42;
}
header{
float: left;
position:fixed;
z-index: 1111;
margin: 0 auto;
text-align:left;
vertical-align: top;
width:100%;
background:#005796;
-moz-box-shadow:0 0 5px #909090;
-webkit-box-shadow:0 0 5px #909090;
box-shadow:0 0 5px #909090;
}
#logo{
float: left;
width:20%;
}
#logo_img{
float:right;
}
#head_right{
float:left;
width:70%;
}
#head_right_btn{
float:right;
}
#head_right_btn img{
margin:5px 10px 0 auto;
opacity:0.9;filter(alpha=90);
}
#head_right_btn img:hover {
margin:5px 10px 0 auto;
opacity:1;filter(alpha=100);
}
#container{
float: left;
margin: 0 auto;
text-align:left;
vertical-align: top;
width:100%;
background:#e0e0e0;
}
#container_left{
clear:both;
float:left;
margin:50px auto auto auto;
text-align:left;
width:25%;
}
#left_entry{
position:fixed;
float:left;
width:25%;
list-style:none;
}
#nav{
float:left;
width:100%;
}
#nav li{
width:100%;
font-size:18px;
float:left;
font-weight:600;
height:50px; 
line-height:50px;
}
#nav li a{
display:block; 
height:50px; 
vertical-align:middle;
text-align:center;
text-decoration:none;
}
#nav li a:link{
color: #5c829d;
}
#nav li a:visited{
color: #5c829d;
}
#nav li a:hover{
background:#eee;
color: #005796;
}
#left_fenlei{
float:left;
width:100%;
margin:60px auto auto auto;
text-align:center;
vertical-align:bottom;
}
#fenlei_mid{
width:100%;
text-align:center;
margin:0 auto;
}
#left_fenlei li{
width:52px;
font-size:10px;
float:left;
height:25px; 
line-height:25px;
margin:2px;
}
#left_fenlei li a{
display:block; 
height:25px; 
vertical-align:middle;
text-align:center;
text-decoration:none;
border-radius:3px;
}
#left_fenlei li a:link{
color: #f1f1f1;
background:#75add5;
}
#left_fenlei li a:visited{
color: #f1f1f1;
background:#75add5;
}
#left_fenlei li a:hover{
background:#f6505c;
color: #f1f1f1;
}
#left_foot{
float:left;
width:95%;
margin:20px 10px auto 10px;
text-align:center;
font-size:10px;
color:#005796;
}
#left_foot a:link{
color:#005796;
}
#left_foot a:visited{
color:#005796;
}
#left_foot a:hover{
color: #023051;
}

#container_mid{
float:left;
margin:50px auto auto auto;
text-align:left;
vertical-align:top;
width:50%;
background:#fff;
}
#list_top{
position: relative;
margin:20px auto auto auto;
float: left;
width:90%;
left:5%;
background:#fcf3ce;
}
#list_top_img{
float: left;
width:80px;
}
#list_top_img img{
height:80px;
width:80px;
opacity:0.8;filter(alpha=80);
}
#list_top_img img:hover {
opacity:1;filter(alpha=100);
}
#mid_entry{
position: relative;
margin:10px auto auto auto;
float: left;
width:90%;
left:5%;
}
.mid_list{
float: left;
width:100%;
background:#f4f4f4;
margin:5px auto;
}
.mid_list:hover{
background:#e3e3e3;
}
.list_img{
float: left;
width:90px;
}
.list_img img{
height:80px;
width:80px;
}
.list_right{
float: left;
width:80%;
}
.list_title{
float: left;
margin:5px 5px auto auto;
width:100%;
height:40px;
vertical-align:top;
display:block;/*内联对象需加*/
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;
}
.list_title a{
font-size:15px;
font-weight:570;
text-align:left;
text-decoration:none;
}
.list_title a:link{
color:#444;
}
.list_title a:visited{
color:#444;
}
.list_title a:hover{
color:#000;
}
.list_tro{
clear:both;
float: left;
margin:5px;
width:100%;
vertical-align:top;
display:block;/*内联对象需加*/
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;
color:#8f8f8f;
}
.list_tro a{
font-size:15px;
text-align:left;
font-weight:570;
font-size:10px;
font-weight:550;
text-decoration:none;
}
.list_tro a:link{
color:#8f8f8f;
}
.list_tro a:visited{
color:#8f8f8f;
}
.list_tro a:hover{
color:#3b3b3b;
}
.list_cat{
float: left;
width:60%;
}
.list_author{
float: left;
width:40%;
}
#navigation{
clear:both;
float:left;
margin:10px auto;
width:100%;
}
#container_right{
float:left;
margin:50px auto auto auto;
text-align:left;
vertical-align:top;
width:25%;
}
#right_side{
position: relative;
margin:10px auto auto auto;
float: left;
width:90%;
left:5%;
}
#search{
margin:10px auto auto auto;
position: relative;
float:left;
}
input#s {
position: relative;
float:right;
height:25px;
font-size:16px; 
color:#b9b9b9;
font-weight:600;
border:1px solid #e0e0e0;
}
input#searchsubmit {
display: none;
color:#b9b9b9;
}
.intro{
clear:both;
float:left;
width:100%;
}
.intro_title{
float:left;
font-size:18px;
font-weight:600;
color:#f8525e;
margin:15px auto 5px auto;
}
.intro_entry{
clear:both;
float:left;
font-size:14px;
font-weight:500;
color:#383838;
list-style-type:circle;
}
.intro_entry_img{
clear:both;
float:left;
font-size:14px;
font-weight:500;
color:#383838;
list-style-type:circle;
}
.intro_entry img{
height:50px;
width:50px;
opacity:0.8;filter(alpha=80);
}
.intro_entry img:hover {
opacity:1;filter(alpha=100);
}
.intro_entry a{
text-decoration:none;
}
.intro_entry a:link{
color:#383838;
}
.intro_entry a:visited{
color:#383838;
}
.intro_entry a:hover{
color:#000;
}
#entry{
position: relative;
margin:20px auto auto auto;
float: left;
width:90%;
left:5%;
text-align:left;
vertical-align: top;
background-color:#eeeeee;
}
#entry_title{
float: left;
width:100%;
height:40px;
background-color:#458ec3;
font-size:18px;
font-weight:600;
line-height:40px;
color:#fff;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;
}
#entry_content{
clear:both;
width:96%;
color:#585858;
font-size:14px;
font-weight:400;
margin:0 0 0 10px;
}
#entry_content img{
height:400px;
margin:0 0 0 -10px;
}
#entry_content a{
text-decoration:none;
}
#entry_content a:link{
color:#585858;
}
#entry_content a:visited{
color:#585858;
}
#entry_content a:hover{
color:#6db4e8;
}
#entry_miaoshu{
clear:both;
background-color:#f5d0d0;
color:#585858;
font-size:12px;
font-weight:400;
padding:5px;
}
#entry_guidang{
clear:both;
width:100%;
height:35px;
background-color:#8f8f8f;
font-size:12px;
color:#fff;
}
#entry_guidang a{
text-decoration:none;
}
#entry_guidang a:link{
color:#fff;
}
#entry_guidang a:visited{
color:#fff;
}
#entry_guidang a:hover{
color:#6db4e8;
}
#entry_category{
float:left;
width:60%;
margin:10px;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;
}
#entry_zuoze{
float:left;
width:30%;
margin:10px;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;
}
#comments-template{
clear:both;
width:96%;
margin:0 0 0 10px;
}
#single_navigation{
clear:both;
width:100%;
height:60px;
background-color:#8f8f8f;
font-size:12px;
color:#fff;
vertical-align:middle;
text-align:center;
margin:10px auto auto auto;
}
.single_navigation_part{
width:33%;
font-size:10px;
float:left;
margin:15px auto;
height:33px;
vertical-align:middle;
text-align:center;
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;
}
.single_navigation_part a:hover{
color:#6db4e8;
}
#search_top{
position: relative;
margin:20px auto auto auto;
float: left;
width:90%;
left:5%;
height:40px;
vertical-align:middle;
text-align:center;
background:#458ec3;
color:#fff;
font-weight:600;
}
#search_title{
float: left;
width:100%;
vertical-align:middle;
text-align:center;
margin:10px auto auto auto;
}
#page_content{
clear:both;
width:96%;
color:#585858;
font-size:14px;
font-weight:400;
margin:0 0 0 10px;
}
#page_content img{
width:104%;
margin:0 0 0 -10px;
}
#page_content a{
text-decoration:none;
}
#page_content a:link{
color:#585858;
}
#page_content a:visited{
color:#585858;
}
#page_content a:hover{
color:#6db4e8;
}
/*
友链页面
*/
#links{
float:left;
margin:50px auto auto auto;
text-align:left;
vertical-align:top;
width:50%;
background:#fff;
}
#links_title{
position: relative;
margin:20px auto auto auto;
float: left;
width:90%;
left:5%;
vertical-align:middle;
text-align:center;
background:#458ec3;
color:#fff;
font-weight:600;
}
#links_title_entry{
float: left;
width:100%;
vertical-align:middle;
text-align:center;
margin:10px auto;
}
#links_entry{
clear:both;
position: relative;
float:left;
width:100%;
margin: 0 0 10px 0;
}
#links_list{
position: relative;
float:left;
margin: 10px 0 10px 10px;
}
#links_list h2 {
line-height:30px;
font-size:16px;
}
#links_list ul {
float:left;
}
#links_list ul li {
list-style:none;
margin:10px;
padding:15px 10px;
float:left;
background-color:#eee;
border:1px solid #CCC;
text-align:center;
}
#links_list :hover{
background-color:#fff;
}
#links a:link{
color:#d9ebff;
}
#links a:visited{
color:#d9ebff;
}
#links a:hover{
color:#d9fffd;
}
#links_list a:link{
color:#38363b;
}
#links_list a:visited{
color:#38363b;
}
#links_list a:hover{
color:#e84c3d;
}