body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin : 0 auto 0;
padding : 0;
background : #d5d6d7 url('images/bclayout/bg.jpg');
width : 980px;
}
a {
color : #5188d2;
text-decoration : none;
border : none;
}
a:hover {
color : #fb8c99;
text-decoration : none;
border : none;
}
.hover:hover {
font-size : 12px;
}
#wrap {
background : url('images/bclayout/ltr.jpg') repeat-y top;
border : none;
}
#quote {
margin : 15px 30px 0 10px;
padding-left : 20px;
border-left : 5px solid #ccc;
background : #fffddd;
padding-top : 5px;
padding-bottom : 5px;
}
.body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin : 0 auto 0;
width : 980px;
}
#up-header {
height : 11px;
background : #000 url('images/bclayout/up-header.jpg') no-repeat center top;
margin-top : 5px;
}
#blogtitle {
font-family : Georgia, "Times New Roman", Times, serif;
text-transform : capitalize;
width : auto;
line-height : 100%;
}
#blogtitle h1 a {
color : green;
text-align : left;
font-size : 35px;
font-weight : normal;
padding-left : 20px;
}
#blogtitle h1 a:hover {
color : green;
text-align : left;
font-size : 35px;
font-weight : normal;
padding-left : 20px;
}
#blogtitle h2 {
color : green;
text-align : left;
font-size : 14px;
font-weight : bold;
padding-left : 30px;
padding-top : 0;
line-height : 100%;
}
#nav {
height : 2em;
line-height : 2em;
margin : 2px 4px 2px 4px;
border-bottom : 1px solid #4a4b46;
border-top : 1px solid #4a4b46;
background : #e1e1e1;
}
#nav li {
float : left;
list-style-type : none;
border-right : 1px solid #ffffff;
white-space : nowrap;
}
#nav lir {
float : right;
list-style-type : none;
border-left : 1px solid #ffffff;
white-space : nowrap;
}
#nav li a, lir a {
display : block;
padding : 0 10px;
font-weight : bolder;
text-transform : uppercase;
text-decoration : none;
}
#nav a:hover {
background : #6fa5ee;
color : #ffffff;
text-decoration : none;
}
#post {
background : transparent;
margin : 0 auto 0;
padding-bottom : 0;
width : 520px;
float : left;
}
#post .author {
color : #5188d2;
margin-left : 0;
font-size : 10px;
font-weight : normal;
padding-bottom : 10px;
padding-left : 10px;
}
#post .author a:hover {
color : #fb8c99;
margin-left : 0;
font-size : 10px;
font-weight : normal;
}
.content {
background : transparent;
margin : 0 auto;
padding : 10px;
width : 540px;
float : left;
padding-bottom : 0;
}
.entry {
text-align : justify;
background : transparent;
padding : 0 10px 10px 10px;
color : #333;
font-size : 11px;
overflow : hidden;
border : 1px solid #636363;
}
.entry small {
text-align : justify;
color : green;
font-size : 9px;
margin-left : 20px;
}
.entry h2 {
font-size : 16px;
margin : 5px 0 5px 0;
padding : 4px 0 4px 8px;
font-weight : bolder;
color : white;
background : url('images/bclayout/bg-topic.gif');
border-bottom : 1px solid #080808;
border-top : 1px solid #4a4b46;
width : 90%;
text-transform : capitalize;
}
.entry h2 a {
text-decoration : none;
color : #ffffff;
border : none;
}
.entry h3 {
text-decoration : none;
color : green;
border : none;
font-size : 16px;
}
.postmeta {
height : 20px;
background : #ffffff;
font-size : 11px;
border-top : 1px solid #ccc;
padding : 2px 2px 2px 10px;
}
#sidebar {
background : transparent;
margin : 2px auto;
padding : 0 10px 10px 0;
width : 410px;
float : right;
color : green;
}
#sidebar li {
list-style : url('images/bclayout/arrow.gif');
padding-bottom : 4px;
}
.left {
width : 200px;
float : left;
padding : 0;
padding : 0 0 0 5px;
overflow : hidden;
}
.left h2 {
font-size : 12px;
padding : 4px 0 4px 8px;
font-weight : bold;
color : green;
background : url('images/bclayout/bg-topic.gif');
border-bottom : 1px solid #080808;
border-top : 1px solid #4a4b46;
margin-top : 5px;
margin-bottom : 3px;
}
.center {
width : 405px;
float : left;
padding : 0 0 10px 5px;
overflow : hidden;
}
.center h2 {
font-size : 12px;
padding : 4px 0 4px 8px;
font-weight : bold;
color : green;
background : url('images/bclayout/bg-topic.gif');
border-bottom : 1px solid #080808;
border-top : 1px solid #4a4b46;
margin-top : 5px;
margin-bottom : 3px;
}
.right {
width : 200px;
float : right;
padding : 0 0 10px 5px;
overflow : hidden;
}
.right h2 {
font-size : 12px;
padding : 4px 0 4px 8px;
font-weight : bold;
color : green;
background : url('images/bclayout/bg-topic.gif');
border-bottom : 1px solid #080808;
border-top : 1px solid #4a4b46;
margin-top : 5px;
margin-bottom : 3px;
}
#footer {
background : url(images/bclayout/topbg.gif) repeat-x;
margin : 0 auto;
width : 950px;
clear : both;
text-align : left;
color : #fff;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 10px;
text-align : center;
}
#bottom-footer {
height : 11px;
background : url('images/bclayout/bottom-footer.gif') no-repeat center top;
}
#shout {
border : 1px solid #cccccc;
font-size : 12px;
height : 250px;
margin-bottom : 1px;
padding-left : 5px;
padding-top : 5px;
}
#shout .user {
font-size : 12px;
color : green;
text-transform : capitalize;
border-bottom : 1px dashed yellow;
padding-bottom : 5px;
}
#shout .isi {
font-size : 13px;
color : #fb8c99;
border-bottom : 1px solid #cccccc;
padding-bottom : 5px;
}
#frShout {
border : 1px solid #cccccc;
font-size : 12px;
min-height : 100px;
margin-bottom : 5px;
padding-left : 5px;
padding-top : 5px;
}
#frShout .input {
width : 97%;
margin : 1px 0 1px 0;
color : green;
}
#frShout .button {
font-weight : bold;
border : 1px solid #cccccc;
background : transparent;
color : green;
}
#calender {
width : 200px;
padding-bottom : 5px;
height : 120px;
}
#daycalender {
width : 26px;
margin : 2px 1px 2px 1px;
text-align : center;
color : green;
font-weight : bolder;
}
#tglcalender {
width : 24px;
margin : 2px 1px 2px 1px;
float : left;
text-align : center;
color : green;
font-weight : bolder;
border : 1px solid #cccccc;
}
textarea#vBBcode {
height : 70px;
padding : 3px 0 3px 0;
width : 100%;
color : green;
}
input#activity {
border : 1px solid #cccccc;
padding : 3px 0 3px 0;
width : 100%;
color : green;
}
.inputan {
border-width : 1px;
border-style : solid;
}
#navbc {
margin-top : 5px;
position : relative;
display : block;
clear : both;
height : 20px;
margin-left : 15px;
padding-bottom : 5px;
}
#navbc ul, #navbc ul li {
padding : 0;
margin : 0;
list-style : none;
}
#navbc ul li {
float : left;
background : url(images/layout/bg-gradient.png) repeat-x left -25px;
padding : 0 10px;
margin : 0 10px 0 0;
height : 20px;
line-height : 20px;
color : #5188dd;
font-weight : bold;
font-size : 13px;
cursor : pointer;
list-style : none;
}
#navbc ul li:hover {
list-style : none;
color : #000;
}
input#search {
background : url(images/layout/mglass.png) no-repeat 135px 2px;
outline : none !important ;
position : absolute;
right : 20px;
display : block;
padding : 5px 10px;
border : none;
}
input#search:focus {
background : url(images/layout/mglass.png) no-repeat 135px 2px;
color : #000;
}
#network {
outline : none !important ;
position : absolute;
right : 200px;
display : block;
cursor : pointer;
border : 0;
}
.date {
display : block;
padding : 2px;
margin : 5px;
width : 35px;
border : 1px solid #fff;
text-align : center;
font-weight : bold;
font-size : 12px;
float : left;
background : url(images/layout/date.png);
color : #555;
}
.date hr {
border : 1px solid #fff;
margin : 2px;
}
.topic {
height : 70px;
}
.subTopic {
margin-left : 2px;
font-weight : bold;
font-size : 13px;
color : #00ff00;
}
.ket {
font-size : 11px;
color : #bbb;
margin : 0;
font-weight : bold;
}
.ket hr {
margin-top : 5px;
margin-bottom : 2px;
border : 1px solid #fff;
}
img#box {
margin-top : 10px;
margin-right : 15px;
margin-bottom : 8px;
width : 100px;
height : 100px;
padding : 7px;
}
#comment {
margin-top : 20px;
}
#comment h3 {
margin-left : 10px;
margin-top : 10px;
}
#comment .header {
margin-left : 15px;
margin-right : 5px;
height : 35px;
background : #444;
line-height : 35px;
font-size : 11px;
color : #ccc;
}
#comment .boximg {
height : 35px;
width : 35px;
text-align : left;
background : #ccc;
float : left;
margin-right : 10px;
}
#comment .quote {
float : right;
margin-right : 10px;
cursor : pointer;
}
#comment .boxcomment {
margin-top : 5px;
margin-bottom : 10px;
margin-left : 20px;
text-align : left;
color : green;
font : italic 14px Arial, Helvetica, sans-serif;
}
#comment .nocomment {
text-align : center;
margin : 0 0 10px 0;
font-weight : bold;
width : 100%;
border : 1px solid #ccc;
padding : 3px 0 3px 0;
}
#divMessage {
font-size : 12px;
border : 1px dashed green;
background : #fffccc;
text-align : center;
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
color : #999;
font-weight : bold;
}
#formcomment {
padding-bottom : 10px;
background : url(images/layout/header-gradient.png);
}
#formcomment .formheader {
padding-top : 10px;
margin : 0 0 10px 10px;
font-size : 20px;
font-weight : bold;
}
#formcomment span {
color : #666;
font-weight : bold;
font-size : 13px;
margin-left : 10px;
}
#formcomment input, textarea {
width : 95%;
margin-left : 10px;
margin-bottom : 5px;
}
#formcomment input#button {
width : auto;
padding : 2px;
margin : 0 10px 0 10px;
color : #ccc;
font-weight : bold;
font-size : 13px;
cursor : pointer;
}
#pagination {
display : inline;
margin-top : 10px;
margin-left : 10px;
height : auto;
width : 100%;
float : left;
color : #ffffff;
padding : 5px;
margin-bottom : 10px;
}
#boxcenter {
float : left;
width : 300px;
background : #fff;
position : fixed;
left : 50%;
top : 50%;
margin-left : -150px;
border : 1px dashed green;
padding : 5px;
}
#divMessage {
font-size : 12px;
border : 1px dashed green;
background : #fffccc;
text-align : center;
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
color : #999;
font-weight : bold;
}