/*
Theme Name: APCS Network - Main theme
Theme URI: http://blog.apcs.vn
Description: The default WordPress mu theme for APCS Network
Version: 1.0
Another product of [yhSolutions] - http://yhsolutions.com
Tags: blue, apcs, fixed width, two columns, widgets
*/
*{margin:0;padding:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{background:#d1d0d0 url(images/bg.jpg) repeat-x left top;font:9pt tahoma, arial, verdana;color:#202020;}
a{color:#202020;text-decoration:none;}
#wrapper{width:1004px;margin:0 auto;}
#header{float:left;width:1004px;height:126px;}
#header #uni li{list-style-type:none;float:left;}
#header #uni li a{display:block;margin-left:19px;font:8pt arial, tahoma, vernada;font-weight:700;color:#002B75;text-decoration:none;padding:7px 0 6px;}
#header #uni #psu a{padding-left:22px;background:url(images/psu-logo.jpg) no-repeat left 40%;}
#header #uni #hcmus a{padding-left:22px;background:url(images/hcmus-logo.jpg) no-repeat left 40%;}
#header #nav{float:right;height:31px;display:inline;margin-right:5px;}
#header #nav ul{list-style:none;height:31px;}
#header #nav li{list-style-type:none;float:left;height:31px;}
#header #nav li a{display:block;margin-left:18px;text-transform:uppercase;font-size:14px;font-family:"Century Gothic", Arial, Verdana;font-weight:400;color:#555;text-decoration:none;padding:5px 0 7px;}
#header #nav li a:hover{color:#a41111;}
#homepage #nav #hp,#forums #nav #fr,#gallery #nav #gl,#report #nav #rp,#article #nav #at,#blog #nav #bl{background:url(images/nav-hover.jpg) no-repeat 60% bottom;}
#homepage #nav #hp a:hover,#forums #nav #fr a:hover,#gallery #nav #gl:hover,#report #nav #rp a:hover, #article #nav #at a:hover,#blog #nav #bl a:hover{color:#555;}
#header h1{clear:both;float:left;padding:5px 0 0 10px;}
#header h1 a{display:block;height:96px;width:371px;text-indent:-9999px;background:url(images/logo.jpg) no-repeat left top;}
#header #search-box{clear:right;float:right;padding:30px 60px 0 0;}
#header #search-box input{border:0;width:165px;height:25px;font:10pt arial;font-weight:700;background: url(images/search-box.jpg) no-repeat;margin:0;padding:12px 13px 0 30px;}
#header #search-box input:hover,#header #search-box input:focus{background-position:0 -37px;}
#main{clear:both;float:left;width:1004px;background:url(images/main-bg.jpg) repeat-y left top;padding-bottom:15px;}
#main #top-main-bar{float:left;width:1004px;background:url(images/main-top-bg.jpg) no-repeat left top;}
#top-main-bar #user-bar{float:left;display:inline;font:8pt verdana, tahoma, arial;margin:14px 0 0 7px;padding:9px;}
#top-main-bar #second-nav{float:right;display:inline;margin:14px 7px 0 8px;}
#top-main-bar #second-nav li{list-style-type:none;float:left;display:inline;}
#top-main-bar #second-nav li a{display:block;border-left:1px solid #2f3648;font:8pt verdana, tahoma, arial;font-weight:700;text-decoration:none;color:#2c3647;padding:8px 15px 9px;}
#top-main-bar #second-nav li a:hover{background:#d0d5de url(images/second-nav.jpg) no-repeat 50% top;}
#top-main-bar #second-nav li .actived,#top-main-bar #second-nav li .actived:hover{color:#fff;background:#2c3647;}
#top-main-bar #test-bar{clear:both;float:left;display:inline;width:990px;height:30px;font:8pt verdana, tahoma, arial;border-bottom:1px solid #202020;margin:0 7px;}
#top-main-bar #test-bar a{float:left;display:inline;margin:8px;background:url(images/list.gif) no-repeat left 60%;padding-left:13px}
#top-main-bar #test-bar .left-content{float:left;padding:0 8px;}
#top-main-bar #test-bar .input{font-size:8pt;font-weight:bold;border:1px solid #595959;padding:2px 4px;}
#top-main-bar #test-bar .right-content{float:right;padding:0 10px 0 0;}
#top-main-bar #test-bar img{padding:0;border:0;}
#top-main-bar #test-bar .button{padding:5px 0 0;}
strong{font-weight:bold;}
#content{margin:0 7px;}
#main h2{clear:both;text-transform:uppercase;font-size:16px;font-family:Arial, Tahoma, Verdana;font-weight:400;color:#C00E14;border-bottom:1px solid #d2d2d2;margin:0 7px 0 5px;padding:12px 0 1px 8px;}
#main h3{font-size:12px;font-family:Arial, Tahoma, Verdana;font-weight:700;color:#004085;padding:6px 0 0 10px;}
#main h4{font-size:12px;font-family:Arial, Tahoma, Verdana;font-weight:700;color:#004085;text-decoration:none;}
#main h5{font-size:10px;font-family:Arial, Tahoma, Verdana;color:#9a9a9a;padding-bottom:2px;}
#content #col-1{float:left;width:690px;}
#content #col-1 .notice{padding: 8px 15px;}
#content #col-1 img{float:left;display:inline;background:#fff;border:1px solid #d2d2d2;margin:2px 5px 2px 0;padding:1px;}
#content #col-1 table{border-collapse:collapse;width:650px;margin:0 20px;}
table,tbody,tr,td{padding:1px 5px 2px 0;}
.apcs-news{padding-left:13px;background:url(images/list.gif) no-repeat left 55%;}
.forum-topic{padding-left:13px;background:url(images/forum-topic.jpg) no-repeat left 55%;}
.username a{font-size:8pt;color:#979797;text-decoration:none;}
.time{font-size:8pt;color:#979797;width:110px;text-align:right;}
.username{width:130px;}
.wrap-annoucenment{float:left;display:inline;width:320px;max-height:200px;overflow:hidden;border:1px solid #d2d2d2;border-top:5px solid #d2d2d2;background:#f8f8f8;text-align:justify;margin:5px 3px 0 6px;padding:3px 5px;}
.wrap-annoucenment p{font-size:8pt;}
#wrap-full-width{float:left;display:inline;width:670px;border:1px solid #d2d2d2;border-top:5px solid #d2d2d2;background:#f8f8f8;position:relative;margin:5px 6px;padding:2px;}
#wrap-full-width #general{float:left;width:660px;padding-bottom:5px;border-bottom:1px solid #d2d2d2;}
#wrap-full-width #user-online p{padding:3px 3px 0;}
#wrap-full-width #user-online .list{font-size:8pt;padding:3px 10px;}
#wrap-full-width ul{list-style:none;float:left;display:inline;width:160px;margin-left:10px;margin-right:50px;}
#wrap-full-width li em{float:left;font-style:normal;padding-left:6px;background:url(images/grey-dot.jpg) no-repeat left 60%;}
#wrap-full-width li span{float:right;font-size:8pt;color:#313131;font-weight:700;}
#content .blog-entry{float:left;width:325px;padding:10px 10px 0;}
#content #wrap-full-width .blog-entry{float:left;display:inline;margin-left:5px;width:315px;padding:3px 4px 4px;}
#content .blog-entry p{font-size:8pt;padding-bottom:5px;}
#content .blog-entry ul{font-size:8pt;list-style:none;display:inline;float:right;width:300px;margin-right:0px;}
#content .blog-entry li{list-style-type:none;float:right;display:inline;padding-left:15px;}
#content .blog-entry .comment a{color:#043366;padding-left:18px;background:url(images/comment.jpg) no-repeat left 50%;border-bottom:none;}
#content .blog-entry .view a{color:#043366;padding-left:18px;background:url(images/view.jpg) no-repeat left 50%;border-bottom:none;}
#content .blog-entry li a:hover,a:active{border-bottom:none;}
#content #col-2{float:right;width:300px;}
#content #col-2 .loginForm{padding: 5px;margin-left: 10px;}
#content #col-2 .loginForm label{font-weight:bold;padding: 3px 6px;}
#content #col-2 .loginForm input{font-size:9pt;background:#f4f4f4;margin:3px 20px;padding:4px 5px;border:1px solid #bdbdbd;}
#content #col-2 .loginForm .input{width:220px;}
#content #col-2 .loginForm input:hover,
#content #col-2 .loginForm input:focus{background:#ebebeb;border:1px solid #969696;}
#content #col-2 .loginForm input[type^=checkbox],
#content #col-2 .loginForm input[type^=checkbox]:hover,
#content #col-2 .loginForm input[type^=checkbox]:focus{background:#fff;margin:3px 0 3px 15px;padding:2px;border:0px;}
#content #col-2 .loginForm input[type^=submit]{margin-top:3px;color:#fff;background:#595959;border:1px solid #d2d2d2;}
#content #col-2 #usercp{padding: 5px;}
#content #col-2 #usercp ul{list-style:none;float:left; width:130px}
#content #col-2 #usercp li{list-style-type:none;float:left;font-weight:bold;font-size:8pt;}
#content #col-2 #usercp li a:hover{border-bottom:0px;}
#content #col-2 img{background:#fff;border:1px solid #b5b5b5;padding:2px;}
#content #col-2 .blog-entry{float:left;width:280px;text-transform:capitalize;}
#content #col-2 .blog-entry img{float:left;display:inline;background:#fff;border:1px solid #d2d2d2;margin:2px 8px 3px 0;padding:1px;}
#content #col-2 .blog-entry p{margin:0;padding:3px 0 0;}
#content #col-2 .blog-entry span{font-weight:700;color:#243233;}
#content #col-2 .img-wrapper{float:left;display:inline;background:url(images/img-shadow.jpg) no-repeat left bottom;width:135px;margin:6px 5px 0 4px;padding:0 0 2px 4px;}
#content #col-2 ul{list-style:none;float:left;display:inline;width:285px;margin:2px 5px;}
#content #col-2 li a{float:left;display:inline;padding-left:11px;background:url(images/list.gif) no-repeat left 70%;margin:3px 0 0 3px;}
#content #col-2 li span{float:right;display:inline;margin-top:3px;}
#content #col-2 #hot-tag{width:280px;line-height:22px;padding:3px;}
#content #col-2 #hot-tag a{font-family:arial, verdana, tahoma;padding:2px 4px;}
#footer{clear:both;float:left;width:1004px;background:url(images/footer-bg.jpg) no-repeat left top;height:55px;font:8pt verdana, tahoma, arial;}
#footer ul{list-style:none;padding:2px 6px;}
#footer #copyright{float:left;padding-left:15px;}
#footer #copyright li{list-style-type:none;margin-top:3px;}
#footer #link{float:right;padding-right:15px;}
#footer #link li{list-style-type:none;float:left;display:inline;margin:3px 0 0 10px;}
#wrap-annoucenment h4 a:hover,#content .blog-entry h4 a:hover{color:#D33108;border-bottom:1px dotted #D33108;}
.apcs-news a:hover,.forum-topic a:hover,#content #col-2 li a:hover{color:#C00;}
#pagination{clear:both;float:right;display:inline;font-size:8pt;background:#e9e9e9;margin:20px 5px 3px;padding:5px;}
#pagination a:visited{color:#464646;}
#pagination .text{padding: 5px 8px;}
#pagination .actived{background:#fff;font-weight:700;color:#202020;padding:5px 7px;}
#pagination .page{color:#464646;padding:0 7px;}
.selected{color:#C00E14;}
.BTT,#torqe-test-bar{cursor:pointer;}
.scrollPanel{width:660px;position:relative;overflow:hidden;}
div.panel{width:660px;float:left;position:relative;padding:5px;}
.img-wrapper{overflow:visible;height:96px;}
.mask{position:absolute;z-index:4;height:90px;}
.img-wrapper a img{position:absolute;z-index:6;height:90px;}
#header #uni,#wrap-full-width #user-online{float:left;}
#header #uni ul,#top-main-bar #second-nav ul{list-style:none;}
.wrap-annoucenment h4 a,#content .blog-entry h4 a{color:#004085;}
#wrap-full-width li,#content #col-2 li{clear:left;list-style-type:none;}
#footer #link li a:hover,.BTT:hover{border-bottom:1px dotted #202020;}
#content #col-2 #hot-tag a:hover{border-bottom:1px dotted #595959;}