* {margin: 0; padding: 0;}

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.left {float: left;}
.right {float: right;}

* {font-family: arial, sans-serif;}

a {color: #555; text-decoration: none;}
a:hover {color: #555; text-decoration: none;}
a img {border: 0;}

h1 {font: bold 12px/16px verdana, arial, sans-serif; padding: 0; letter-spacing: 0px;}
h1 a, h1 a:hover {color: #fff;}
h2 {color: #2b2b2b; font: bold 12px verdana, arial, sans-serif; letter-spacing: 0px;}
h3 {color: #494949; font: bold 10px/12px verdana, arial, sans-serif; padding: 0 0 7px 0;}
h4 {font: bold 12px/16px verdana, arial, sans-serif; color: #2b2b2b; padding: 0 0 4px 0; margin: 0 0 12px 0; border-bottom: 1px solid #3b3b3b;}


body {background: #6C6F75 url(bg_body1.png) center top repeat-x; color: #333; font: 12px/16px verdana, arial, sans-serif;}

.error, .success {text-align: center; margin: 0 auto; padding: 5px; font: bold 12px verdana, arial, sans-serif; color: #000; background: #fff;}
#menu {width: 840px; margin: 0 auto 10px; text-align: right; color: #fff;}
#menu a {color: #fff;}
#container-wrap {width: 860px; background: #fff; margin: 0 auto; padding: 0 2px;}
#container {border: 0px solid #d7d7d7; background: transparent;}
#header {margin: 0 auto; background: #0f0f0f; height: 65px;}
#hdr-left {float: left; padding: 25px 0 0 15px; font: 12px verdana, arial, sans-serif; color: #fff;}
a.sitename {font: bold 16px verdana, arial, sans-serif; text-decoration: none; color: #fff; letter-spacing: 2px;}
#hdr-left h1 {font: 12px verdana, arial, sans-serif; color: #fff;}
#hdr-right {float: right; padding: 20px 10px 0 0;}
#adtop {background: #1e1e1e url(bg_nav_top.gif) repeat-x left top; height: 30px;}
#bannertop {background: #fff url(http://freedom.2surf.org/bg-wrapper.gif) top left repeat-x;}

#main {background: #fff; margin: 0 auto; padding: 20px 10px;}
#main-left {float: left; padding: 0 10px 0 0; width: 160px; background: #fff; border-right: 1px solid #e7e7e7; overflow: hidden;}
.sbbox1 {margin: 0 0 25px 0;}
.sblink {padding: 0 0 16px 0;}
.sblink a {font: bold 12px/16px verdana, arial, sans-serif; color: #0033cc; text-decoration: underline;}

#main-center {float: left; background: #fff; width: 470px; overflow: hidden; padding: 0 10px;}
#newsletter {margin: 0 auto 20px; text-align: center; background: #efefef; border: 1px solid #dedede; padding: 5px 0;}
#list {font: normal 12px verdana, arial, sans-serif; background: #fff; margin: 0px; width: 468px; border-collapse: collapse; text-align: left; }
#list th {font: bold 12px verdana, arial, sans-serif; color: #2b2b2b; padding: 10px 8px 8px 8px; border-bottom: 1px solid #3b3b3b; }
#list td {border-bottom: 1px solid #ddd; color: #4b4b4b; padding: 7px 8px; }
#list tbody tr:hover td {color: #0033cc;}
#list tbody td a:hover {color: #0033cc; font-weight: bold; }
.ptitle {width: 280px;}
.ptitle a {font: bold 12px verdana, arial, sans-serif; word-spacing: 5px; color: #0033cc; text-decoration: none;}
.ptitle a:hover {background: yellow;}
.pdesc {margin: 0 0 5px 0; color: #4b4b4b; font: 11px verdana, arial, sans-serif;}
.pdate {color: #4b4b4b; font: 11px verdana, arial, sans-serif;}

p.paging {font-size: 12px; margin: 0 0 60px 0;}
p.paging a, p.paging span.disable {background: #888; color: #FFF; display: inline; margin-right: 0.5em; padding: 0.25em 1em;}
p.paging a:hover {background: #666;}
p.paging span {display: none;}
p.paging span.disable {background: #eee; color: #AAA;}

#main-right {float: left; background: #fff; width: 160px; overflow: hidden; border-left: 1px solid #e7e7e7; padding: 0 0 0 10px;}
.sbbox2 {background: #fff; margin: 0 0 25px 0; }
.sbhdr {font: 12px arial, sans-serif; color: #314C7B;}
#sidenews {height: 250px; overflow: auto;}
#news {width: 135px; overflow: hidden;}
#news h1 {font: bold 12px/14px verdana, arial, sans-serif; padding: 0 0 10px 0; letter-spacing: 0;}
#news a {font: bold 10px/14px verdana, arial, sans-serif; color: #4b4b4b; text-decoration: none;}
#news a:hover {text-decoration: underline;}
.newsp {color: #4b4b4b; padding: 0 0 15px 0; border-bottom: 1px solid #efefef; margin: 0 0 15px 0; font: 10px/14px verdana, arial, sans-serif;}
.tags a {color: #4b4b4b; font: 10px/16px verdana, arial, sans-serif;}


#footer {width: 840px; margin: 0 auto; border-top: 2px solid #ebebeb; padding: 10px 0; text-align: center; font: 9px/14px verdana, arial, sans-serif; color: #4b4b4b;}
#footer a {text-decoration: none; color: #4b4b4b; font: 9px/14px verdana, arial, sans-serif;}
#footerlinks {width: 700px; margin: 0 auto; background: transparent; padding: 0; text-align: center; font: 1px arial;}
#footerlinks a {text-decoration: none; font: 1px verdana, arial, sans-serif; color: #666;}