@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tdaside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
ul li {list-style:none;}
ol li {list-style-position: inside}
img{ border:0;}

.clear,.infobar,head,nav,page,cat,.uad,.cdoc,.ullink{ zoom:1;}
.clear:after,.infobar:after,.head:after,.nav:after,.page:after,.cat:after,.uad:after,.cdoc:after,.ullink:after{ content:""; display:block; clear:both;}

a{border:0px; text-decoration:none;}
a:link{ text-decoration:none; color:#006699; }
a:active{color:#006699;}
a:visited{ color:#006699;}
a:hover{ color:#56bdea;}
a:focus{ outline:none;}


body{ background:#696969; font-family:arial; font-size:12px; color:#4D4B4C; padding-top:30px;}

.container{ width:1000px; overflow:hidden; margin:0 auto; background:url(images/wrapper.gif) repeat-y 0% 0;}

header{ width:1000px; margin:0 auto; overflow:hidden; background:url(images/topwrap.gif) no-repeat 0 0;}
header .infobar{font-size:10px; line-height:30px; height:35px; padding:5px 15px 0 15px; display:block; color:#fff; background:url(images/topwrapr.gif) no-repeat 100% 0;}
header .infobar a{ color:#8BDBFF;}
header .browse{ float:left; background:url(images/sitemap.gif) no-repeat 0 45%; padding-left:22px; }
header .dvrss{ float:right;}
header .dvrss span{ display:inline-block; margin-left:5px;}
header .dvrss .mobile,.dvrss .time{ margin-right:5px;}

header .head{ background:url(images/topwrapr.gif) no-repeat 100% -60px; padding:15px; height:60px; display:block; clear:both;}
header .head h1{ display:block; float:left; padding-left:15px;}
header .head h1 a{ display:block; background:url(images/logo.gif) no-repeat; width:200px; height:60px; font-size:0px; line-height:0px; text-indent:-9999px;}

.searchbox{ float:right; width:200px; margin:20px 20px 0 0;}
.swap_value{ border:1px solid #ccc;}

.nav{ background:url(images/topwrapr.gif) no-repeat 100% -60px; padding:0 20px; clear:both;}
.nav .feedstats{ float:right; font-size:10px; text-align:right; padding-right:45px; color:#000; line-height:18px; width:47px; height:27px; background:url(images/feedstats.gif) no-repeat;}
.page{ background:url(images/navbg.gif) repeat-x; height:28px; line-height:28px;}
.nav li{ float:left;}
.nav li a{ color:#fff; display:block; padding:0px 15px; font-weight:bold;}
.nav li a:hover{ background:#FF6600; color:#fff;}
.cat{ background:url(images/navbg.gif) repeat-x 0 -28px; height:24px; line-height:24px;}
.cat li a{ color:#333}
.current_page_item a,.cat li.current-cat a{ background:#FF6600; color:#fff;}

.layout{ display:block; width:1000px; overflow:hidden; background:url(images/wrapperr.gif) repeat-y 100% 0;}
.post,.index{ width:700px; padding:10px 5px 0 20px; display:block; float:left;}

.custom_image img{float:left; padding:3px; margin:7px 10px 7px 0; border: 2px solid #e6e6e6; height:90px; width: 90px}
.index .content{ padding-bottom:5px;}
.index article{ margin-bottom:10px;}
.index article:hover{ background:#F0F0F0;}
.post h2,.index article h2 { font: bold 22px/28px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;letter-spacing: -1px;margin-bottom:10px;}

.layout section article h2 a{ color:#222222}
.layout section article h2 a:hover{ color:#999}

.alignright { float: right; } 
.reply {background: url(images/comments.gif) left no-repeat; margin-left:10px}
.comments_rss {background: url(images/feed.gif) left no-repeat; margin-left:10px; position:relative; top: 10px}
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }
.share, .comments_rss, .reply {float: right; padding-left: 20px}

.tags, .allinfos { background: #FFF8AF url(images/tag.gif) left no-repeat; font-size: 11px; line-height:14px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}
.allinfos {background: #F2f2f2; padding: 5px; clear:both;}
.tags{ padding:5px 0 5px 25px;}

.post .content{ line-height:140%; text-align:justify; padding:10px 0; width:700px; overflow:hidden;}
.post .content img{ max-width:700px; margin-bottom:2px;}

.clearad{ clear:both; padding:5px 0}
.subcontrol{margin-bottom: 10px;padding:5px; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}

/**/
.sidebar{ width:255px; padding-top:10px; overflow:hidden; float:left;}
.uad{ padding:1px 1px 1px 2px; }
.uad li{ float:left; margin-right:2px;}
.uad img{ width:120px; height:120px; border:1px solid #ccc; padding:1px;}

.rside{ margin-top:10px; position:relative;}
.rside h3{ font-size:16px; color:##4C4C4C}
.utab{ height:24px; line-height:24px; overflow:hidden; position:relative; z-index:10;}
.utab li{ float:left; font-weight:bold; margin-right:5px;}
.utab li a{ padding:0 15px; display:block; height:22px; color:#000; border:1px solid #E6E6E6; background:#E0E8EB;}
.utab li.on a{ border-bottom:1px solid #F8F8F8; background:#F8F8F8}

.weibo{ border:1px solid #E6E6E6; padding:5px; height:32px; position:relative; z-index:8; top:-1px;background: url(images/weibo.gif) no-repeat 10px 50% #F8F8F8;}
.weibo a{ display:block; width:32px; height:32px; font-size:0px; line-height:0px; text-indent:-9999px; float:left; margin-left:5px;}

.reader{ border:1px solid #E6E6E6; padding:5px; height:74px; position:relative; z-index:8; top:-1px;background: url(images/rss.gif) no-repeat 13px 50% #F8F8F8;}
.reader a{ display:block; width:108px; height:20px; font-size:0px; line-height:0px; text-indent:-9999px; float:left; margin-left:8px; margin-bottom:4px;}

.cdoc,.tagcould{ padding:5px; border:1px solid #E6E6E6;  position:relative; z-index:8; top:-1px;background:#F8F8F8;}

.cdoc li{ padding-left:20px; background:url(images/sidebullet.gif) no-repeat 0 50%; line-height:24px; width:100px; float:left}

.rside2{ margin-top:10px; padding:5px; border:1px solid #DADADA;}
.rside2 h3{ font-size:15px; margin-top:5px; padding-left:5px; line-height:26px; border-bottom:1px solid #dadada; color:##4C4C4C}
.newart li{ border-bottom:1px dotted #DADADA; line-height:22px; padding-left:20px; background:url(images/sidebullet.gif) no-repeat 0 50%;}
.ullink li{ padding-left:20px; background:url(images/sidebullet.gif) no-repeat 0 50%; border-bottom:1px dotted #DADADA; line-height:22px; width:100px; float:left}

.footbg{ width:100%; padding-top:5px; clear:both; background:url(images/footerbg.gif) repeat-x #222; }
footer{ width:1000px; overflow:hidden; margin:0 auto;}
footer h3{ display:block; background:#3B3B3B; padding:5px 10px; color:#fff; margin-bottom:1px;}
.artcl{ float:left; width:32%; overflow:hidden;}
.artcc{ float:left; width:32%; margin:0 2%; _display:inline; overflow:hidden;}
.artcc li,.artcl li{ zoom:1;}
.artcl li a,.artcc li a{ padding:5px 10px; display:block; margin-bottom:1px; background:#2E2E2E; color:#ccc;}
.artcl li a:hover,.artcc li a:hover{ color:#56BDEA; background:#4b4b4b}

.copyright{ border-top:1px solid #3B3B3B; color:#fff; margin:15px 0 0 0; padding:5px 10px; font-size:10px; clear:both;}
.copyright a{ color:#8BDBFF;}
.copyright ul{ display:inline;}
.copyright ul li{ float:right; padding-left:15px;}
.copyright span{ font-size:11px}

/*+++++++ COMMENTS +++++++*/
.commentlist li{padding-top: 5px; border-bottom:1px dotted #e6e6e6; list-style: none}
.avatar img {float:left}
.ctext {margin-left: 70px}
.trackbacks a {color: #006699; border-bottom: 1px dotted #e6e6e6;}
.user {font-weight: bold; font-size: 14px; padding-top:10px;}
.author {background: #FFF8AF; padding-right: 10px;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:550px;}

.goTop { position:absolute; width:20px; height:78px; overflow:hidden; line-height:14px; left:50%; margin-left:501px; _margin-left:100px;  }
a.goTop, a.goTop:link, a.goTop:visited { color:#FFF; }
a.goTop:hover { text-decoration:none; color:#56bdea; }
.goTopbg { width:20px; height:78px; -moz-opacity:.7; filter:alpha(opacity=70); display:block; opacity:.7; background:#2E2E2E; -moz-border-radius-topright:2px; -moz-border-radius-bottomright:2px; -webkit-border-top-right-radius:2px; -webkit-border-bottom-right-radius:2px; }
a.goTop:hover .goTopbg { -moz-opacity:1; filter:none; opacity:1; }
.goTopcon { position:relative; top:-78px; width:20px; height:78px; display:block; text-align:center; }
.goTop span { cursor:pointer; }
.toparr{display:block;font-weight:bold;overflow:hidden;writing-mode:tb-rl;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);height:20px;line-height:20px;margin:-1px 0;margin:0\9;}