.top {
font-size : 13px;
font-weight : bold;
color : #ccff00;
float : left;
margin-left : 10px;
text-align : center;
width : 165px;
height : 150px;
padding-top : 5px;
font-size : 12px;
}
.top span {
color : #ccff00;
font-size : 13px;
}
.clearfix {
display : inline-block;
}

.recom { 
float: left; 
margin: 3px; 
width: 160px; 
height: 180; 
background: #FBFBFB; 
border: 1px solid #99FF00;
color: #111111;
}



.clearfix:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
html[xmlns] .clearfix {
display : block;
}
* html .clearfix {
height : 1%;
}
div.headthumb a {
color : #ccff00;
}
div.headthumb a:hover {
color : #66b3ff;
}
div.header a {
color : #ffffff;
float : left;
margin-right : 15px;
margin-bottom : 7px;
background : #454545;
font-size : 13px;
font-weight : bold;
width : 150px;
text-align : center;
}
div.header a:hover {
color : #ff0000;
background : #ffffff;
}
.post {
width : 165px;
height : 170px;
border : 1px solid #448ccb;
margin-left : 0;
margin-right : 2.5px;
margin-top : 2px;
float : left;
overflow : hidden;
display : inline;
}
.post:hover {
border : 1px dashed #ff0000;
color : #ff0000;
}
.post h3 {
display : block;
font-family : arial;
font-size : 11px;
font-style : normal;
font-variant : normal;
font-weight : normal;
height : 180px;
line-height : 13px;
text-align : center;
margin-top : 0;
}
.post-title {
display : block;
font-weight : normal;
color : #ffffff;
}
.post span h1 {
width : 100%;
height : 40px;
margin : 0;
font-size : 11px;
text-align : center;
vertical-align : bottom;
background : #000000;
color : #ffffff;
}
.cat {
background : #444444;
color : white;
display : block;
float : right;
font-family : arial;
font-size : 11px;
font-style : normal;
font-variant : normal;
font-weight : normal;
height : 16px;
line-height : 14px;
margin : -17px 0 0;
padding : 2px 5px 0;
position : relative;
}
.cat:hover {
background : #ffffff;
color : #000000;
text-decoration : underline;
text-transform : uppercase;
}
div.threeColA2 div {
text-align : left;
color : #ffcc00;
}
div.threeColA2 a {
color : #66b3ff;
}
div.threeColA2 a:hover {
color : #ccff00;
}
img {
border-style : none;
margin-bottom : 5px;
}
.left {
float : left;
}
.right {
float : right;
}
p {
margin-top : 0;
margin-bottom : 5px;
}
a {
color : #ff0154;
text-decoration : none;
}
a:hover {
text-decoration : none;
}
hr {
border-color : #b8b8b8;
border-top-style : none;
border-right-style : none;
border-left-style : none;
}
.notifier {
display : block;
background-color : #4b0019;
padding : 5px;
margin : 5px;
font-size : 12px;
}
.notifier h1 {
font-size : 17px;
margin-top : 4px;
border-bottom : 1px solid #9d0136;
padding-bottom : 3px;
}
.notifier div {
float : left;
}
.notifier div a:hover {
text-decoration : underline;
}
body {
background : #000 url(../images/bg-nav.gif) repeat-x;
font : 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
color : white;
}
.header {
width : 978px;
height : 180px;
margin-top : 13px;
margin-left : auto;
margin-right : auto;
border : 1px solid #464646;
}
.nav {
width : 978px;
background-color : #000;
margin-left : auto;
margin-right : auto;
border : 1px solid #464646;
border-top-style : none;
}
.search {
width : 973px;
height : 30px;
margin-left : auto;
margin-right : auto;
background : url(../images/bg-nav.gif) repeat-x;
color : white;
text-align : right;
padding-right : 5px;
border : 1px solid #464646;
border-top-style : none;
}
.main {
width : 978px;
margin-left : auto;
margin-right : auto;
background-color : #111;
border : 1px solid #464646;
border-top-style : none;
}
div.threeColA1 {
float : left;
width : 496px;
background-color : #333333;
}
div.tgp {
float : left;
background-color : #ffffff;
}
div.tgpp {
float : left;
margin-bottom : 10px;
margin-right : 4px;
margin-top : 10px;
width : 180px;
height : 160px;
z-index : auto;
margin-left : 10px;
}
.desc {
background : transparent url(images/cbg.png) no-repeat scroll left bottom;
color : #ededed;
display : none;
font-family : arial;
font-size : 11px;
font-style : normal;
font-variant : normal;
font-weight : normal;
left : 140px;
line-height : 12px;
padding : 0 0 8px 7px;
position : absolute;
top : 10px;
width : 140px;
}
.desc p {
background : transparent url(images/cbg.png) no-repeat scroll -147px top;
display : block;
padding : 5px 5px 0;
}
div.threeColA2 {
float : left;
width : 170px;
background-color : #111;
text-align : center;
padding-top : 0;
}
div.threeColA3 {
float : left;
width : 312px;
background-color : #111111;
}
.footer {
text-align : center;
width : 972px;
background-color : #1b1b1b;
margin : 0 auto 20px;
border : 1px solid #464646;
border-top-style : none;
padding : 3px;
color : white;
font-size : 10px;
}
.nav ul {
margin : 0;
padding-left : 0;
}
.nav ul li {
display : block;
float : left;
text-align : center;
color : white;
font-weight : bold;
font-size : 11px;
text-decoration : none;
width : 90px;
border-right : 1px solid #383838;
}
.nav ul li h2 {
font-size : 9px;
}
.nav ul li.lastt {
width : 150px;
border-right-style : none;
}
.nav ul li.last {
width : 120px;
border-right-style : none;
}
.nav ul li a {
display : block;
padding-top : 9px;
color : white;
padding-bottom : 9px;
}
.nav ul li a:hover {
background-color : #262626;
text-decoration : none;
}
.nav ul li a.on {
background-color : #282828;
color : #ff0154;
}
.searchbox input {
background-color : #909090;
border-style : solid;
border-width : 1px;
padding : 3px;
}
.searchbox img {
position : relative;
top : 4px;
}
.plug {
margin-bottom : 0;
display : block;
background-color : #111;
margin : 2px;
padding : 5px;
background-image : url(../images/plugbg.jpg);
}
.plug a {
display : block;
float : left;
color : white;
width : 314px;
}
.plug div {
float : left;
width : 162px;
}
.plug div a {
color : white;
width : 100px;
}
.plug div a.links:hover {
background-color : #f1f1f1;
}
.plug div a.links {
display : block;
width : 125px;
font-size : 11px;
padding-bottom : 3px;
padding-top : 3px;
border-bottom : 1px solid #ccc;
}
.plug div a.noline {
border-bottom : none;
}
.plug div img {
background : #ffffff;
width : 160px;
float : left;
margin-right : 6px;
margin-bottom : 0;
height : 120px;
}
.plug span.h1 {
margin-top : 0;
font-size : 120%;
margin-bottom : 2px;
font-weight : normal;
font-style : normal;
display : block;
text-align : center;
font-weight : bold;
}
.plug h2 {
margin-top : 0;
font-size : 120%;
margin-bottom : 2px;
font-weight : bold;
font-style : normal;
display : block;
margin-left : 5px;
text-align : center;
margin-bottom : 7px;
width : 100%;
}
.plug h3 {
margin-top : 0;
font-size : 90%;
color : #ffffff;
font-style : normal;
font-weight : normal;
display : block;
margin-bottom : 1px;
text-align : justify;
}
.plug span.h2 {
margin-top : 0;
font-size : 90%;
color : #ff0154;
font-style : normal;
font-weight : normal;
display : block;
margin-bottom : 1px;
}
.plug span.p {
font-size : 11px;
display : block;
margin-bottom : 5px;
margin-top : 8px;
}
.plug div.ratingbox {
color : white;
background-image : url(../images/bg-nav.gif);
float : right;
padding : 3px;
width : auto;
}
.plug div.ratingbox a {
float : none;
display : inline;
}
.plug div.ratingbox img {
width : 16px;
height : 16px;
float : none;
display : inline;
padding : 0;
margin : 0;
position : relative;
top : 3px;
}
.plug div.tagsbox {
color : #fff;
float : left;
padding : 3px;
width : 300px;
font-size : 11px;
line-height : 17px;
}
.plug div.tagsbox a {
float : none;
display : inline;
color : #999;
padding : 3px;
font-weight : bold;
}
.plug div.tagsbox a:hover {
color : #fdfdfd;
background-color : #323232;
}
.plug div.tagsbox2 {
color : #fff;
float : left;
padding : 3px;
width : 240px;
font-size : 11px;
line-height : 17px;
}
.plug div.tagsbox2 a {
float : none;
display : inline;
color : #ff78a5;
padding : 3px;
}
.plug div.tagsbox2 a:hover {
color : #fdfdfd;
background-color : #360012;
}
.plug div.commentsbox {
float : left;
padding : 3px;
width : 120px;
font-size : 11px;
line-height : 17px;
margin-left : 65px;
}
.plug div.commentsbox a {
color : #ff0151;
}
.plug div.commentsbox a:hover {
text-decoration : underline;
}
div.contentblock {
margin : 5px;
margin-left : 15px;
}
div.contentblock h1 {
font-size : 16px;
border-bottom : 1px solid #9d0136;
color : white;
padding-bottom : 4px;
}
div.threeColA3 div.ad {
margin-left : 5px;
}
div.chosenblock {
margin-left : 0;
}
div.chosenblock h1 {
font-size : 16px;
border-bottom : 1px solid #9d0136;
color : white;
padding-bottom : 4px;
}
div.chosenblock img {
width : 145px;
height : 109px;
}
.headthumb {
border-color : #464646;
border-style : none solid solid;
border-width : 1px;
color : white;
height : 165px;
margin-left : auto;
margin-right : auto;
padding-right : 5px;
text-align : center;
width : 973px;
}
div.headthumb img {
width : 155px;
height : 115px;
}
.video {
background-color : #4b0019;
}
.video h1 {
font-size : 13px;
margin-top : 4px;
border-bottom : 1px solid #9d0136;
padding-bottom : 3px;
}
.plug div.commentbox {
background-color : #1d1d1d;
display : block;
width : 464px;
padding : 6px;
font-size : 12px;
margin-bottom : 5px;
}
.plug div.commentbox div {
display : block;
background-color : #323232;
width : 456px;
padding : 4px;
margin-bottom : 6px;
color : #7a7a7a;
}
.plug div.commentbox div span {
color : #ff014f;
}
.plug div.commentbox div span.grey {
color : #fff;
}
.plug div img.avatar {
width : 64px;
height : 64px;
}
div.pagenav {
margin : 20px 5px 20px;
}
div.pagenav a {
border : 1px solid #66b3ff;
padding : 5px;
font-size : 10px;
color : #ffffff;
font-weight : bold;
}
div.pagenav a:hover {
background-color : #1f000a;
padding : 5px;
font-size : 10px;
color : #ccff00;
}
.form {
font-size : 14px;
color : white;
}
.form span {
color : #ea0154;
}
.form input {
font-size : 14px;
}
.form textarea {
width : 242px;
}
span.legend {
color : #ea0154;
font-size : 11px;
}