div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
body {background-color:#f2f2f2; font:100%/1.75em tahoma,Arial,'Microsoft Yahei','Simsun';}
a {text-decoration:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {border-collapse:collapse; border-top:1px solid #ccc; border-left:1px solid #ccc;}
table td,table th {border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
img.aligncenter {display:block; margin:0 auto;}
/*gold*/
#container,.inner {width:1200px; margin:0 auto;}
/*header*/
#header {width:100%; height:30px; padding:25px 0; border-top:5px solid #6EA10D; background-color:#34495e;}
.logo { width:280px; height:31px; float:left; transition-duration: 0.3s;}
.logo a {display:block; height:31px;outline:none; color:#fff}
.menu {float:right; font-size:0.875em;}
.menu ul li {float:left; height:30px; line-height:30px; position:relative;}
.menu ul li a {display:block;height:30px; padding:0 15px; color:#eee;}
.menu ul li a:hover, .menu ul li.current-menu-item a, .menu ul li a.hover {background:#1abc9c; border-radius:3px; color:#fff;}
.menu ul li ul {position:absolute; left:0; top:27px; background:#1ABC9C; border-radius:0 0 3px 3px; padding:10px 0; display:none; z-index:9999;}
.menu ul li ul li {display:block; padding:1px 0;}
.menu ul li ul li a{color:#fff; padding:0 15px;}
/*searchform*/
.searchform_button {float:right; background:url(images/sprite.png) no-repeat 6px -162px; width:30px; height:30px; cursor:pointer; border:none;}
#searchform {clear:both; width:100%;background:#6EA10D; height:60px; display:none;}
#searchform input {border:none; float:left;}
#searchform .inner {padding:10px 0; overflow:hidden;}
#searchform .text {height:16px; padding:12px; width:1018px; color:#666; appearance:none; border-radius:0;}
#searchform .submit {padding:0 12px; width:158px; height:40px; background:#F90; color:#fff; cursor:pointer; font-size:0.875em; font-family:'Microsoft Yahei'; appearance:none; -webkit-appearance: none; border-radius:0;}
/*container*/
#container {overflow:hidden; clear:both; background-color:#fff; margin:20px auto; padding:10px 0 20px; border:1px solid #ededed;}
.main {width:800px; float:left; display:inline; transition-duration: 0.5s;}
/*breadcrumb*/
.breadcrumb {margin:0 20px; font-size:0.75em; color:#888; font-family:'宋体';}
.breadcrumb a {color:#888;}
.breadcrumb a:hover {color:#34495E;}
/*slider*/
.slider {clear:both; overflow:hidden; border:1px solid #E1E1E1; padding:15px; background:#fff; max-height:360px; position:relative; margin-bottom:20px;}
.slider img {display:block; width:100%;}
.flexslider{margin:0px auto;position:relative; width:100%; max-height:360px; overflow:hidden; border:1px solid #eee; padding:1px;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;}
.flexslider:hover .flex-prev{opacity:0.8;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;}
.flex-control-paging li a{background:#666; display:block;height:6px;overflow:hidden;text-indent:-99em;width:24px;cursor:pointer; opacity:0.8;}
.flex-control-paging li a.flex-active{background:#333;}
/*sidebar*/
#BAIDU_SSP__wrapper_u1933416_0 {float:right;}
.sidebar {width:360px; float:right; margin:10px 20px 0 0; display:inline-block; transition-duration: 0.5s;}
.sidebar .fixed {position:fixed; top:20px; width:inherit;}
.widget {margin-bottom:15px; overflow:hidden;}
.widget img {width:auto; max-width:100%; height:auto;}
.widget h3 {border-top:2px solid #1abc9c; border-bottom:1px solid #E1E1E1; height:35px; line-height:34px; padding-left:15px; font-size:1em; color:#fff; background-color:#34495E; font-weight:lighter;}
.widget ul {padding:10px 0; overflow:hidden; background-color:#fff;}
.side-post li {line-height:1.7em; border-bottom:1px dotted #ccc; padding:8px 0 8px 20px; background:url(images/sprite.png) no-repeat 0 -109px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em; letter-spacing:1px;}
.side-post a {color:#444;}
.side-post a:hover {color:#1ABC9C;}
#social {border:1px solid #ededed; background:#fff; padding:15px 0;}
#social a {margin:0 12.8px;}
#social img {width:60px; height:66px;}
#category ul li {float:left; text-align:right; width:165px; border-bottom:1px solid #eee; padding:8px 0; color:#999; font-size:0.875em;}
#category ul li a {color:#707070; float:left;}
#category ul li.current-cat a {color:#42ABE2; font-weight:bold;}
#tags a{ font-size:0.75em; display:inline-block; float:left; background-color:#f1f1f1; margin:5px; padding:2px 10px; color:#707070; border-bottom:1px solid #ededed;}
#tags a:hover {background:#1ABC9C; color:#fff;}
#custom h3 {margin-bottom:10px;}
#custom img {display:block; border-radius:3px;}
#custom ul {border:1px solid #E1E1E1; padding:2px; border-radius:3px;}
#custom ul li {float:left; width:160px; height:160px; margin:10px 0 5px;}
#custom ul li img {width:160px; height:160px;}
#custom iframe {display:table; margin:0 auto;}
#email input {display:block; float:left; border:none;}
#email .email {border:1px solid #DCDCDC; height:14px; padding:10px; width:252px; color:#666;}
#email .submit {background:#1ABC9C; color:#fff; font-family:'Microsoft Yahei'; font-size:0.875em; height:36px; border-radius:0 3px 3px 0; padding:0px 15px; cursor:pointer;}
#email .submit:hover {background:#26C8A8;}
.themes ul li .theme-warp {overflow:hidden; background:#fff; transition-duration: 0.3s; border:1px solid #ededed; padding:5px;}
.post {overflow:hidden; padding:15px 0; margin:0 20px; background:#fff; transition-duration: 0.3s; border-bottom:1px solid #eee;}
.post .pic {float:left; width:58px; height:58px; margin-right:15px; display:inline; border-radius:29px; border:1px solid #ddd; padding:1px;}
.post .pic img {width:58px; height:58px; border-radius:29px; transition:transform 0.4s ease-out 0s;}
.post .pic img:hover {transform:rotateZ(360deg);}
.post.sticky h2 {font-weight:normal; font-size:1.25em;}
.post.sticky h2 span {color:#FFF; background-color:#F04848; font-size:0.5em; width:30px; height:20px; border-radius:2px; line-height:20px; margin:5px 10px 0 0; font-family:'宋体'; display:inline-block; float:left; text-align:center;}
.post.sticky h2 a {color:#333;}
.post.sticky h2 a:hover {color:#34495E;}
.post .title,.post .title a{color:#34495e;}
.post .title a:hover {color:#333; text-decoration:underline;}
.post .title h2 {font-size:1.375em; letter-spacing:2px; margin-bottom:5px;}
.post .title .postmeta {line-height:30px; color:#bbb; font-size:0.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px;}
.post .title .postmeta a {color:#bbb;}
.post .title .postmeta a:hover {color:#000;}
.post .title .postmeta span {padding:1px 0 1px 25px; margin-right:15px; background:url(images/sprite.png) no-repeat;}
.post .title .postmeta span.date {background-position:0 -85px;}
.post .title .postmeta span.cmt {background-position:0 -40px;}
.post .title .postmeta span.tags {background-position:0 -224px; padding-left:18px;}
.post .title .postmeta span.views {background-position:0 -266px;}
.post .entry {clear:both; font-size:14px; padding:10px 0 5px; color:#333;}
.post .entry hr {border:none; border-bottom:1px solid #dedede; margin-bottom:20px;}
.post .entry i {color:#3A599A;}
.post .entry h5 {margin-bottom:20px; font-size:1.25em; font-weight:normal; color:#000; line-height:1.5em; border-left:6px solid #3A599A; padding:3px 0 3px 10px; background-color:#f6f6f6;}
.post .entry h4 {font-size:1.35em; text-transform:uppercase; margin-bottom:20px; color:#3A5999; font-weight:normal; line-height:1.5em; border-bottom:1px solid #eee; padding-bottom:10px;}
.post .entry img {max-width:100%; height:auto;}
.post .entry .thumbnail {float:left; width:200px; border:1px solid #ddd; padding:1px; overflow:hidden; margin-right:26px; margin-top:4px; display:inline;}
.post .entry .thumbnail img {width:200px; border:none; padding:0;}
.post .entry a {color:#3A599A; background:url(images/link.png) no-repeat right 4px; padding-right:18px;}
.post .entry p {margin-bottom:20px; line-height:2em;}
.post .entry p.more {float:right;}
.post .entry p.more a{display:block; height:30px; line-height:30px; width:80px; border-radius:3px; color:#fff; text-align:center; background:#737F99; padding-right:0;}
.post .entry p.more a:hover {background-color:#26c8a8;}
.post .entry blockquote {background-color:#FFFCEF; border:1px dotted #FFbe99; border-radius:3px; padding:15px 15px 0; margin:0 2em 15px; overflow:hidden; color:#888;}
.post .entry code {background-color:#F9F2F4; color:#c7254e; margin:0 3px; padding:0 2px; font-weight:normal;}
.post .entry ul,.post .entry ol {margin-bottom:20px; margin-left:2em;}
.post .entry li {line-height:1.75em; margin:10px 0;}
.post .entry ul li {background:url(images/libg.png) no-repeat 0 6.5px; padding-left:20px;}
.post .entry ol li {list-style:inside decimal none; background:none; padding-left:0;}
.post .entry table {margin-bottom:20px;}
.post .entry table td,.post .entry table th {padding:0 5px;}
.post .entry .wp_syntax pre {font-size:12px;}
.post .copyright {margin:0; padding:10px; font-size:0.875em; background-color:#f5f5f5; border:1px solid #f1f1f1; border-radius:5px;}
.post .copyright p {margin:0; line-height:1.75em; color:#888;}
.post .copyright a {color:#888; background:none; padding-right:0; text-decoration:underline;}
.post .copyright a:hover {}
/*favbox*/
.favbox,.favbox ul {overflow:hidden; clear:both;}
.favbox h3 {font-size:1.125em; font-weight:normal; margin:10px 0; border-bottom:2px solid #eee; padding-bottom:5px; color:#555;}
.favbox h3 span {border-bottom:2px solid #00ad35; padding-bottom:8px;}
.favbox ul {width:101%;}
.favbox ul li {float:left; width:22%; color:#777; font-size:0.75em; padding:10px 1%; margin:5px 1% 5px 0; height:88px; overflow:hidden; background-color:#f9f9f9; display:inline-block;}
.favbox ul li a {display:block; width:100%; margin-bottom:5px; color:#00ad35; font-size:1.25em;}
/*themes*/
.themes ul {overflow:hidden;}
.themes ul li {float:left; width:210px; padding:15px; display:inline-block;}
.themes ul li .theme-warp {margin-bottom:0;}
.themes ul li .thumbnail {width:100%; height:auto; margin-bottom:10px;}
.themes ul li .thumbnail a {display:block; color:#666; font-size:0.875em;}
.themes ul li .thumbnail img {width:100%; height:auto; display:block;}
.themes ul li h2 {font-size:0.875em; line-height:1.5em; height:42px; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}
.themes ul li h2 a {color:#333;}
.themes ul li .theme-meta {font-size:0.75em; line-height:1.5em; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.themes ul li .theme-meta a {color:#1871B1;}
/*host*/
.title.host-title h2 {text-align:center; font-weight:normal; font-size:1.5em; text-transform:uppercase; margin-bottom:20px;}
h3.host-title {font-size: 1.125em; line-height: 1.4em; color: #446BBA; margin-bottom:25px; text-align:center; padding-bottom:4px; border-bottom:2px solid #eee;}
h3.host-title span { border-bottom: 2px solid #446BBA; padding:0 10px 5px;}
.host {position:relative; overflow:hidden; padding:15px 0 15px 240px;}
.host-logo {width:200px; height:120px; border:1px solid #ededed; position:absolute; left:0; top:15px; background-repeat:no-repeat; background-position:center center; background-size:60% auto;}
.host-logo a {text-indent:-9999em; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.host-meta {border:1px solid #dedede; border-radius:3px; padding:10px 20px; position:relative;}
.host-meta h2 {font-weight:normal; font-size:1.125em; margin-bottom:10px; line-height:1.5em;}
.host-meta h2 a {color:#E71929;}
.host-meta h2 i {font-weight:normal; font-style:normal; margin-right:5px; background-color:#446BBA; color:#fff; font-size:0.75em; line-height:1em; padding:1px 3px; border-radius:2px;}
.host-meta p {font-size:0.875em; color:#666;}
.host-meta .arrow {position:absolute; left:-10px; top:51px; border-right:10px solid #dedede; border-top:10px solid transparent; border-bottom:10px solid transparent;}
.host-meta p.go {margin-top:10px;}
.host-meta p.go span {font-weight:bold;}
.host-meta p.go a {color:#446BBA;}
/*wp_syntax*/
.wp_syntax {color:#100; background-color:#f9f9f9; margin: 0 0 1.5em 0; overflow: auto;}
/* IE FIX */
.wp_syntax {overflow-x:auto; overflow-y:hidden; padding-bottom:0; width: 99%;}
.wp_syntax table {border:none !important; border-collapse:collapse !important; margin:0 !important; padding:0 !important; width: 100% !important}
.wp_syntax caption {margin:0 !important; padding: 2px !important; width:100% !important; background-color:#def !important; text-align:left !important; font-family:monospace !important; font-size: 12px !important; line-height: 1.2em !important;}
.wp_syntax caption a {color: #1982d1 !important; text-align: left !important; font-family: monospace !important; font-size : 12px !important; line-height: 16px !important; text-decoration: none !important;}
.wp_syntax caption a:hover {color: #1982d1 !important; text-decoration: underline !important;}
.wp_syntax div, .wp_syntax td {border: none !important; text-align: left !important; padding: 0 !important; vertical-align: top !important;}
.wp_syntax td.code{background-color: #EEE; background-image: -webkit-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% ); background-image: -moz-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% ); background-image: linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% ); background-size : 1px 32px; line-height: normal !important; white-space: normal !important; width: 100% !important;}
/* potential overrides for other styles */
.wp_syntax pre {background: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important; clear: none !important; overflow: visible !important; font-family: monospace !important; font-size: 12px !important; line-height: 16px !important; padding: 0 4px !important; white-space: pre !important; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important; /* Opera 10.5, IE 9.0 */ -webkit-border-radius: 0 !important; border-radius: 0 !important;}
.wp_syntax td.line_numbers pre {background-color: #def !important; color: gray !important; text-align: right !important; width: 16px !important;}
.relatedpost h3 {margin-bottom:10px;}
.relatedpost ul {overflow:hidden;}
.relatedpost li {float:left; background:url(images/sprite.png) no-repeat left -113px; padding:2px 0 2px 20px; width:360px; font-size:0.875em; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.relatedpost a {color:#666;}
.relatedpost a:hover {color:#000; text-decoration:underline;}
.pagenavi {margin:15px 20px; font-size:0.75em}
.pagenavi a,.pagenavi span {background:#fff; border:1px solid #eee; display:inline-block; float:left; padding:0 10px; margin-right:4px; margin-bottom:2px; color:#444; font-weight:bold;}
.pagenavi a:hover,.pagenavi span.current,.pagenavi a.current {background-color:#1ABC9C; border-color:#1ABC9C; color:#fff; transition:background 0.5s ease 0s;}
.pagenavi a.prev,.pagenavi a.next,.pagenavi .pre-next {float:right;}
#backtop {position:fixed; bottom:100px; right:20px; width:23px; height:21px; cursor:pointer; background:url(images/sprite.png) no-repeat 0 0;}
#backtop img {width:100%; height:auto;}
#footer {margin-top:20px; clear:both; background:#34495e; width:100%; padding:15px 0; font-size:0.75em; color:#BDC3C7;; text-align:center;}
#footer a {color:#BDC3C7;}
#friendlinks {clear:both; font-size:0.75em;}
#friendlinks ul {overflow:hidden;}
#friendlinks ul li {float:left; color:#333; margin-right:10px; line-height:2em;}
#friendlinks ul li a {color:#333;}
#friendlinks ul li a:hover {text-decoration:underline; color:#000;}
/*commentslist*/
.commentslist {clear:both; overflow:hidden; background-color:#fff; margin:15px 20px;}
.commentslist ol li {clear:both; border:1px solid #F2F2F2; overflow:hidden; padding:15px; margin-top:20px;}
.commentslist ol li .gravatar {float:left; width:54px; height:54px; overflow:hidden; margin-right:10px; display:inline;}
.commentslist ol li .gravatar img {width:50px; height:50px; border:1px solid #ddd; padding:1px; border-radius:50px; transition: transform 0.4s ease-out 0s;}
.commentslist ol li .gravatar img:hover {transform: rotateZ(360deg);}
.commentslist ol li .comment-info {float:left;}
.commentslist ol li .comment-info .comment-author {color:#FB7923; font-size:0.875em;}
.commentslist ol li .comment-info .comment-author p {color:#999;}
.commentslist ol li .comment-info .comment-author span {background-color:#FB7923; font-size:0.875em; padding:2px 5px; margin-right:5px; color:#fff; border-radius:2px;}
.commentslist ol li .comment-info .comment-author a {color:#333;}
.commentslist ol li .comment-text {clear:both; color:#666; font-size:0.875em; padding-left:64px;}
.commentslist ol li .comment-text a {color:#3A599A;}
.commentslist ol li .comment-text a:hover {text-decoration:underline;}
.commentslist ol li .comment-info .comment-time span {font-size:0.6875em; color:#AAA;;}
.commentslist ol li .comment-info .comment-time span a {margin-left:10px; color:#555;}
.commentslist ol li ul {overflow:hidden; clear:both;}
.commentslist ol li li {margin-top:10px;}
.commentslist .pagenavi {margin:15px 0;}
/*commentform*/
.commentform,.relatedpost,.relatedpro {margin:15px 20px; background-color:#fff;}
.commentform h3,.commentslist h3,.relatedpost h3,.relatedpro h3 {font-weight:normal; font-size:1em;}
.commentform p {margin:5px 0; color:#666; font-size:0.875em;}
.commentform p a {color:#34495E;}
.commentform p label {display:block; }
.commentform p label i {font-style:normal; padding:0 5px; color:#3A599A; font-weight:bold;}
.commentform p input.text {width:94.75%; height:24px; padding:2px 5px; border:1px solid #ddd;}
.commentform p textarea {width:94.75%; padding:5px; height:110px; border:1px solid #ddd; resize:vertical;}
.commentform .submit {background-color:#1ABC9C; padding:6px 10px; border-radius:3px; border:none; cursor:pointer; color:#fff; appearance:none; -webkit-appearance:none;}
.commentform .submit:hover {background:#26C8A8;}
a#cancel-comment-reply-link {font-size:0.875em; color:#555;}
/*screen width*/
@media only screen and (max-width:1280px){
.inner,#container {width:93.75%;}
#searchform .text {width:84.833333%; padding:12px 1%;}
#searchform .submit {padding:12px 1%; width:13.166667%;}
.main {width:66.666667%;}
.slider {padding:15px 1.875%;}
.post .title .postmeta span {margin-right:1.875%;}
.post .entry .thumbnail {width:25%; height:auto; max-height:200px;}
.post .entry .thumbnail img {width:100%; height:auto;}
.sidebar {width:30%;}
.widget h3 {padding-left:4.166667%;}
.widget ul {padding:10px 1.388889%;}
#email .email {width:76.388889%; padding:10px 2.777778%;}
#email .submit {padding:0 4.166667%; width:17%;}
#category ul li,#custom ul li {width:45.833333%;}
#social a {margin:0 3.5%;}
#social img {width:16.66666667%; height:auto;}
#custom ul li {height:auto; max-height:160px; overflow:hidden;}
#custom ul li a {display:block;}
#custom ul li img {width:100%; height:auto; max-height:160px;}
.relatedpost ul li {width:45.5%;}
.sidebar .fixed {width:26.5%;}
#backtop {right:1.48257969%;}
.themes ul li {width:17.5%; padding:15px 1.25%;}
}
@media only screen and (max-width:1199px){
#category ul li {float:none; width:100%; clear:both;}
#social a {margin:0 3.4%;}
}
@media only screen and (max-width:1080px){
.menu ul li a {padding:0 10px;}
}
@media only screen and (max-width:960px){
#header {padding:25px 0; height:auto;}
#header .inner {position:relative; overflow:hidden;}
.relatedpost ul li {width:100%;}
#social a {margin:0 3.2%;}
.sidebar .fixed {width:27%;}
.themes ul li {width:21.875%; padding:15px 1.5625%;}
.host-logo {width:150px; height:90px;}
.host {padding-left:180px;}
.host-meta .arrow {top:35px;}
.host-meta p {line-height:1.65em;}
* {-webkit-tap-highlight-color:transparent;}
body.open {position:fixed; right:150px; top:0; width:100%; height:100%; overflow:hidden;}
.searchform_button, #backtop {display:none;}
#searchform {display:block;}
.nav_btn {width:40px; height:29px; overflow:hidden; border-radius:3px; cursor:pointer; position:absolute; right:0; top:50%; margin-top:-14.5px;}
.nav_btn span {display:block; width:25px; height:3px; background:#ccc; margin:5px auto;}
.nav {position:fixed; right:-150px; top:0; width:150px; height:100%; background-color:#222; overflow-y:auto; -webkit-overflow-scrolling:tourch;}
.nav.open {right:0;}
.menu {float:none; padding:2em 0;}
.menu ul li {float:none; display:block; border-top:1px solid #262626; border-bottom:1px solid #363636; height:auto; line-height:45px; text-align:center;}
.menu ul li a {padding:0; height:auto;}
.menu ul li a:hover, .menu ul li.current-menu-item a, .menu ul li a.hover {background:none; border-radius:0;}
.menu ul li ul li {padding:0;}
.menu ul li ul{position:relative; top:0; border-radius:0; background:none; padding:0;}
.menu ul li ul li a {padding:0;}
}
@media only screen and (max-width:768px){
.main,.sidebar {width:100%;}
.widget {display:none;}
#tags {display:block;}
#tags h3 {border:none; background:#1ABC9C; font-weight:normal; color:#FFF; line-height: 30px;}
.widget {margin-bottom:0;}
.sidebar {margin:20px 0 0;}
.sidebar .fixed {position:relative; top:auto; width:100%;}
.themes ul li {width:43.75%; padding:15px 3.125%;}
.favbox ul li {width:45%; padding:10px 2%;}
}
@media only screen and (max-width:640px) {
.host {padding:15px 0;}
.host-logo {position:relative; left:auto; top:auto; width:200px; height:120px; margin:0 auto 20px;}
.host-meta .arrow {left:50%; margin-left:-10px; top:-10px; border-bottom:10px solid #dedede; border-top:none; border-left:10px solid transparent; border-right:10px solid transparent;}
}
@media only screen and (max-width:480px) {
#header {padding:20px 0;}
.logo {width:250px; height:28px; background-size:contain;}
.logo a {height:28px;}
.postmeta,.homeentry,#custom,#tags {display:none;}
.post {padding-bottom:15px;}
.commentslist ol li .gravatar {width:44px; height:44px;}
.commentslist ol li .gravatar img {width:40px; height:40px;}
.commentslist ol li .comment-info .comment-author {font-size:0.75em; line-height:1.5em;}
.commentslist ol li .comment-text {padding-left:0px;}
.slider,.flexslider {max-height:200px;}
.sidebar {margin:0;}
.favbox ul li {width:auto; padding:10px; float:none; clear:both; display:block;}
.post.sticky h2 {font-size:18px;}
.post.sticky h2 span {font-size:12px;}
.post .title h2 {font-size:18px; font-weight:normal; letter-spacing:0;}
}
@media only screen and (max-width:320px) {
.themes ul li {width:93.75%;}
}