body{font:normal 12px verdana; background: #F4F5F6}
a{text-decoration: none}
#wrapper{width:98%; border:0px solid; margin:0px auto; backgroundd: url('/images/new/bg.png') no-repeat bottom}
nav{margin-top:10px}
nav ul{list-style: none; margin:0; padding:0; margin-bottom: 10px}
nav ul li{display: inline-block; padding-left: 10px; padding-right: 10px; padding-bottom: 5px}
nav ul li.selected{border-bottom: 4px solid #000}
/*
nav ul li a{color:#7C7C7E; font-size: 13px}
*/
nav ul li a{color:#000000; font-size: 13px}

#ticker{width:100%; background: #525252; position: relative}
#ticker a{color:#fff; margin:20px; display: inline-block; font-size: 16px; font-family: verdana;}
#ticker-readmore{background:#3D3D3D; width:140px; float:right; position: absolute; top:0; right:0; height:100%}
#ticker-readmore a{color:#6CAFFD}
#ticker .text{margin-right: 150px}

#articles{border:0px solid; width:65%; margin-top:10px; float:left; min-width:320px; margin-right:20px;}

.article{height:80px; border-bottom: 1px solid #cdcdcd; float:left; width:100%; overflow: hidden}
.article-category{float:left; width:80px; padding:10px; background:#fff; color:#fff; text-align:center; font-size:22px; height:100%}
.article-text{background:#ffffff; padding:10px; height:100%; margin-left:90px}
.article-heading{color:#000; font:normal 1.4em arial; margin-top:10px; border:0px solid;}
/*
.article-intro{color:#333; margin-bottom:10px;}
*/
.article-intro{color:#000; margin-bottom:10px;}

#right-panel{width:330px; float:right; margin-top:10px;}
.right-widget{box-shadow: 0px 0px 5px #cdcdcd; width:100%;}

#tools{background: #fff}
#tools ul{list-style: none; margin: 0; padding: 0}
#tools ul li{padding:15px; background-image: url('/images/new/Ticker_arrow.png'); background-repeat: no-repeat; background-position: center right; background-origin: content-box}
/*
#tools ul li a{color:#000; font:normal 16px arial; color:#5F82BA}
*/
#tools ul li a{color:#000; font:normal 16px arial; color:#31486D}

.widget-articles{background:#fff}
.widget-articles .title{color:#fff; padding:10px; margin-top:10px; font-size:16px}
.widget-articles ul{list-style: none;  margin: 0; padding: 0;}
.widget-articles ul li{padding:10px; border-bottom:1px solid #cdcdcd; margin-left:15px; margin-right: 15px}
.widget-articles ul li a{color:#000; font:normal 14px arial; color:#666;}

#most-read-articles .title{background: #18542D;}
#most-read-algorithms .title{background: #005485}
#latest-articles .title{background: #F0A830}
#latest-algorithms .title{background: #9A2D23}
#related-articles .title{background: #005485}


footer{border:0px solid; margin-top:50px; margin-bottom: 20px}
footer ul{list-style: none; margin: 0; padding: 0; margin-bottom: 10px}
footer ul li{display: inline-block; border-right:1px solid; margin-right:11px; padding-right: 11px}
footer ul li a{color:#000000; font-size: 13px; font-family: arial}

.button{border-radius: 2px; padding:5px 25px; background: #3EB863; color:#ffffff; font-size: 16px; display: inline-block}
#btnFeedback{background: #18542D; color:#ffffff; float:right;}
#btnLogin{background: #525252}
#btnRegister{background: transparent; color:#525252; border:1px solid #cdcdcd}

#fullscreen, #exitfullscreen{border:1px solid; padding:5px; background:#993300; color:#fff; float:right; border-radius:5px; -moz-border-radius:5px; margin-right:10px}
#fullscreen:Hover, #exitfullscreen:Hover{background:#006699; color:#fff}

#exitfullscreen{display:none}


/*Article Page*/

.content_area{background: #fff; padding:10px; box-shadow: 0px 0px 5px #cdcdcd; overflow: hidden; padding-top: 0;}

/*Articles Page*/

#paging a{margin:5px; background:#000000; height:25px; width: 25px; display:inline-block; color:#fff; text-align: center; line-height: 25px; margin-right: 0px}




/*Form*/
form{border:1px solid #666666; background:#CCCCCC; text-align:left; margin-top:10px; padding:5px; border-radius:5px; text-align:center;  margin:0px auto;}
.form-fields{border:0px solid; display:inline; text-align:left}
.form-heading{margin:4px;border-bottom:1px solid #999999;padding-bottom:4px; font-family:Georgia; font-size:30px; text-align:center}
input[type=text], input[type=password], textarea{border:1px solid #B1B1B1; border-radius:5px; line-height:18px; padding:5px}
.form_caption{font:bold 24px Georgia; text-align:center; margin-bottom:10px; border-bottom:2px solid #333333; padding-bottom:5px}
label{font:bold 12px verdana; float:left; padding-right:5px}
/*Form*/


/*Comments*/
.options{background:#727272; width:690px; color:#ffffff; padding:5px; margin-top:10px; height:20px; list-style:none}
.options li{cursor:pointer; float:left; width:80px; text-align:left; border: 1px solid #727272; margin-left:10px}
.options a{text-decoration:none; color:#ffffff}
.options span{float:left; width:30px; height:20px; text-align:center;}

#comment_box{border:1px solid #ffffff; background:#ffffff; margin-top:5px; font:normal 12px arial;}
#add-your-comment{color:#000066; font:bold 20px Courier New; margin-bottom:5px; border-bottom:1px solid; width:600px}
#comment-result{overflow:hidden; background:#ffffff; font:12px verdana}
#frm1 input[type=button]{border:1px solid #868686}
#reply-box{border:1px solid #7A7A7A; background:#CACACA; margin-top:5px; font:normal 12px arial; margin:0px 10px 0px 10px}
#post-your-reply{color:#000066; font:bold 20px Courier New; margin-bottom:5px; border-bottom:1px solid; width:640px}
#reply_box{margin:10px; border:0px solid; text-align:left}
/*Comments*/

/*Article Page*/
#fb-share{font-family:tahoma; font-size:12px; padding:4px; border-top:1px solid #3366CC; border-bottom:1px solid #3366CC; height:25px; background:#ffffff; float:left; width:100%}
#download-code{font-family:tahoma; font-size:11px;}
#note{font-family:tahoma;font-size:11px}
/*Article Page*/


#at_follow{float:left; margin-bottom:5px; width:50px; position:fixed; right:5px; bottom:5px}
*html #at_follow{float:left; margin-bottom:5px; position:absolute; top:10px; left:5px}

@media only screen and (min-width: 1024px) {
    #wrapper{width:1000px}
}

@media only screen and (max-width: 1024px) {
    #articles{width:57%}
    #right-panel{width:40%}
}

@media only screen and (max-width: 768px) {
    #articles{width:410px; margin-right: 15px}
    .article-heading{font-size:14px}
    #right-panel{width:310px;}
    h1{font-size: 14px}
    .content_area{margin-top:0}
}

@media only screen and (max-width: 767px) {
    #articles{width:100%; margin-right: 15px}
    .article-heading{font-size:14px}
    #right-panel{width:100%;}
    h1{font-size: 14px}
    .content_area{margin-top:0}
}

@media only screen and (max-width: 360px) {
    #articles{width:340px}
    .article{height:60px}
    .article-category{font-size:16px; width:60px}
    .article-text{margin-left: 70px}
    .article-intro{display: none}
    #right-panel{width:340px}
    nav ul li{width:80px}
    footer ul li{width:80px}
    #ticker{display:none}
}