/*
Theme Name: iBusiness
Theme URI: http://yoshz.com/
Description: Free Theme at <a href="http://yoshz.com/">Yoshz.com</a>
Version: 1.0
Author: Miziology
Author URI: http://www.yoshz.com/
Tags: Magazine Style
*/


html, body, p, div, img, h1, h2, h3, h4, li, ul, ol, dl, dd, dt, form, table, td, tr, fieldset {
border : 0;
border-collapse : separate;
border-spacing : 0;
margin : 0;
padding : 0;
list-style : none;
}
body {
background-image:url(images/bg.gif);
background-position:top;
background-repeat:repeat-x;
text-align : center;
font-family : "Lucida Grande", "Lucida Sans Unicode", helvetica, sans-serif;
font-size : 12px;
color : #333;
}
#wrapper {
width : 875px;
text-align : left;
margin : 0px auto;
}
img.author {
float : left;
padding-top:5px;
padding-right : 10px;
}
img.left {
float : left;
padding-right : 10px;
}
img.right {
float : right;
padding-left : 10px;
}
img.footer {
float : right;
padding-left : 10px;
padding-top:5px;
}
img.center {
padding : 5px;
display : block;
margin-left : auto;
margin-right : auto;
}
img.komen {
padding : 5px;
display : block;
margin-bottom : 10px;
}
img.thumb {
border : 1px solid #eee;
padding : 5px;
display : block;
margin-left : auto;
margin-right : auto;
}
.clear {
clear : both;
}
#header .banner .pagenav {
overflow : hidden;
height:30px;
margin-top:3px;
background-image:url(images/pagenav.png);
background-position:bottom;
}
#header .banner .pagenav li {
display : block;
float : right;
padding : 5px 10px 5px 10px;
border-left : 1px solid #990229; /*cerah*/
}
#header .banner .pagenav li:hover {
background-color : #eee;
}
#header .banner .pagenav li a {
color : #990229;  /*cerah*/
text-decoration : none;
font-size : 10px;
text-transform : uppercase;
}
#header .banner .logo {
height:134px;
background-image:url(images/headerbg.png);
background-repeat:no-repeat;
}
#header .catnav {
overflow : hidden;
background:#990229; /*cerah*/
}
#header .catnav li {
display : block;
float : left;
padding : 10px;
border-right : 1px solid #f86152;
}
#header .catnav li:hover {
background-color : #f86152;
}
#header .catnav li a {
color : #fff;
font-weight : 600;
text-decoration : none;
font-size : 12px;
text-transform : uppercase;
}
#header .nuffads {
height:110px;
text-align : center;
padding-top:10px;
}
#mainbody {
width : 555px;
float : left;
margin-bottom : 10px;
}
#mainbody .mainsearch { margin:0 0 10px 0; padding:10px; font-size:16px; font-weight:bold; color:#fff; background:#333; center; }
#mainbody .maincontent {
width : 525px;
padding : 10px;
margin : 10px 0 0 5px;
border : 1px solid #eee;
}
#mainbody .maincontent h1 {
padding-top:5px;
}
#mainbody .maincontent h1 a {
font-size : 22px;
color : #4c0115; /*gelap*/
text-decoration : none;
}
#mainbody .maincontent h1 a:hover {
color : #4c0115; /*gelap*/
text-decoration : none;
border-bottom : 1px dotted #990229; /*cerah*/
}
#mainbody .maincontent .maindesc, .thecontent .maindesc {
color : #666;
font-size : 10px;
text-decoration : none;
}
#mainbody .maincontent .maindesc a, .thecontent .maindesc a {
color : #666;
text-decoration : none;
}
#mainbody .maincontent .maindesc a:hover, .thecontent .maindesc a:hover {
color : #990229; /*cerah*/
text-decoration : none;
}
#mainbody .maincontent .retweet { float:left; padding:0px 10px 10px 0px; }
#mainbody .mainleft {
width : 553px;
float : left;
}
#mainbody .content {
padding : 10px;
margin : 10px 0 10px 5px;
border : 1px solid #eee;
}
#mainbody .adsense {
padding : 10px;
margin : 10px 0px 0 5px;
border : 1px solid #eee;
}
#mainbody .content h1 a {
margin-top : 5px;
font-size : 20px;
color : #7a130c;
text-decoration : none;
}
#mainbody .content h1 a:hover {
color : #7a130c;
text-decoration : none;
border-bottom : 1px dotted #7a130c;
}
#mainbody .content h2 a, #mainbody .maincontent h2 a {
margin-top : 5px;
font-size : 12px;
color : #ccc;
font-weight : 100;
text-decoration : none;
}
#mainbody .content h2 a:hover, #mainbody .content h2 a:hover {
color : #004bd5;
text-decoration : none;
border-bottom : 1px dotted #004bd5;
}
#mainbody .contentthumb {
float:left;
width:110px;
}
#mainbody .contentpost {
float:right;
width:405px;
}
#mainbody .thecontent a {
color : #d20238;
text-decoration : none;
}
#mainbody .thecontent a:hover {
color : #7a130c;
text-decoration : none;
}
#mainbody .thecontent p {
padding-top : 15px;
text-align : justify;
}
#mainbody .thecontent h1 {
color : #004bd5;
font-size : 20px;
font-weight : 600;
padding : 0 0 5px 0;
}
#mainbody .thecontent h2 {
color : #000;
font-size : 18px;
font-weight : 600;
padding : 25px 0 5px 0;
}
#mainbody .thecontent h3 {
color : #000;
font-size : 16px;
font-weight : 600;
padding : 25px 0 5px 0;
}
#mainbody .thecontent h4 {
color : #000;
font-size : 14px;
font-weight : 600;
padding : 25px 0 5px 0;
}
#mainbody .thecontent ul, ol {
margin : 0 0 25px 25px;
list-style : none;
}
#mainbody .thecontent li {
background : transparent url(images/icon.png) no-repeat 1px;
display : block;
width : auto;
margin-bottom : 10px;
margin-top : 10px;
padding-left : 20px;
padding-bottom : 5px;
}
#mainbody .thecontent blockquote {
color : #d20238;
padding : 5px 10px 15px 30px;
margin : 10px 0 20px 20px;
background-image : url(images/blockquote.png);
background-position : top left;
background-repeat : no-repeat;
}
#mainbody .thearchive {
margin-top : 20px;
text-align : justify;
}
#mainbody .more {
border : 1px solid #990229;
padding : 5px;
float : left;
margin-bottom : 5px;
margin-top : 10px;
margin-right : 5px;
background-image : url(images/menubg.png);
}
#mainbody .more a {
color : #fff;
text-decoration : none;
}
#mainbody .more:hover {
background : #990229;
}
#mainbody .sociable {
padding-top : 20px;
border-bottom : 1px dotted #ccc;
}
#mainbody .sociable h5 {
margin : 5px 0 5px 0;
color : #7a130c;
font-size : 12px;
}
#mainbody .sociable img {
padding : 3px;
}
#mainbody .mainads {
text-align : center;
padding : 10px 0 5px 0;
border-bottom : 1px dotted #ccc;
}
#mainbody .comment {
width : 525px;
padding-top : 5px;
float : left;
text-align : justify;
}
#mainbody .comment .comvatar {
width:60px;
float:left;
}
#mainbody .comment .comtext {
width:450px;
float:left;
}
#mainbody .comment a {
text-decoration : none;
color : #d20238;
}
#mainbody .comment a:hover {
text-decoration : none;
color : #d20238;
border-bottom : 1px dotted #d20238;
}
#mainbody .comment ol {
list-style : none;
margin : 0;
}
#mainbody .comment li {
padding : 0 10px 15px 5px;
margin-bottom : 10px;
border-bottom : 1px dotted #990229;
}
#mainbody .comment ol img {
float : left;
margin-right : 10px;
margin-bottom : 10px;
}
#mainbody .comment .formc label {
color : #4c0115;
font-size : 12px;
}
#mainbody .comment .formc {
width : 350px;
color : #eee;
border : 1px solid #eee;
padding : 10px;
margin : 5px 0 10px 0;
background-image : url(images/commentbg.png);
background-position : bottom;
background-repeat:repeat-x
}
#mainbody .formc a {
text-decoration : none;
color : #333;;
}
#mainbody .formc a:hover {
text-decoration : none;
}
#mainbody .comment textarea {
margin-bottom : 10px;
border : 1px solid #d20238;
width : 335px;
padding : 5px;
}
#mainbody .comment input {
margin-bottom : 10px;
border : 1px solid #d20238;
width : 335px;
padding : 5px;
}
#mainbody .comment input.btn {
margin-top : 10px;
margin-bottom : 10px;
background-image : url(images/submit.png);
height : 40px;
border : none;
color : #fff;
width : 150px;
cursor : pointer;
}
#mainbody .pagination {
padding : 10px;
margin : 15px 0px 15px 0px;
}
#mainbody .pagination ul {
text-align : left;
font-size : 11px;
}
#mainbody .pagination li {
list-style : none;
display : inline;
}
#mainbody .pagination a {
padding : 5px;
margin-right : 4px;
text-decoration : none;
color : #333;
border : 1px solid #d20238;
}
#mainbody .pagination a:hover, .pagination a:active {
color : #fff;
border : 1px solid #d20238;
background-image : url(images/menubg.png);
}
#mainbody .pagination a.currentpage {
color : #fff !important ;
cursor : default;
border : 1px solid #d20238;
background-image : url(images/menubg.png);
}
#mainbody .pagination a.pages {
color : #fff !important ;
cursor : default;
border : 1px solid #d20238;
background-image : url(images/menubg.png);
}
#mainbody .pagination a.disablelink, .pagination a.disablelink:hover {
cursor : default;
color : #fff;
font-weight : normal !important ;
}
#sidebar {
width : 320px;
float : right;
}
#sidebar .sideads {
text-align : center;
margin : 5px 5px 5px 0;
padding : 10px 10px 0 10px;
}
#sidebar .sidecontent .search { background : url(images/search.png) no-repeat; width : 300px; height : 40px; margin :0 0 0 2px; }
#sidebar .sidecontent .search #s { float : left; border : 0; width : 237px; height : 32px; background : none; color : #4c0115; font-size : 20px; padding : 8px 8px 0 8px; }
#sidebar .sidecontent .search #go { float : left; width : 47px; height : 38px; }
#sidebar .sideads img {
padding : 5px;
margin : 3px;
background : #fff;
border : 1px solid #ccc;
}
#sidebar .sidecontent, .sideready {
margin : 5px 5px 10px 5px;
}
#sidebar .sidecontent .sidetitle, .sideready .sidetitle {
padding : 5px;
margin : 5px 0 10px 0;
background-image : url(images/menubg.png);
border : 1px solid #d20238;
}
#sidebar .sidecontent .sidetitle h2, .sideready .sidetitle h2 {
color : #fff;
font-size : 11px;
text-transform : uppercase;
}
#sidebar .sideready ul li {
padding:5px 5px 5px 25px;
border-bottom:1px dashed #eee;
background: transparent url(images/icon.png) no-repeat 2px center;
}
#sidebar .sideready ul li a {
color:#d20238;
text-decoration:none;
}
#sidebar .sideready ul li a:hover {
color:#7a130c;
text-decoration:none;
border-bottom:1px dotted #7a130c;
}

#sidebar #topsidebar {
width : 310px;
float : left;
margin-top : 10px;
}
#sidebar .tabberlive .tabbertabhide {
display : none;
}
#sidebar .tabber {
font-size : 10px;
}
#sidebar .tabberlive {
margin-top : 2px;
}
#sidebar ul.tabbernav {
margin : 0;
padding : 5px 0;
}
#sidebar ul.tabbernav li {
list-style : none;
margin : 0;
display : inline;
}
#sidebar ul.tabbernav li a {
padding : 5px 0.5em;
margin-right : 3px;
border-bottom : none;
text-decoration : none;
color : #fff;
font-size : 11px;
font-weight : 600;
text-transform : uppercase;
border : 1px solid #d20238;
background-color : #d20238;
}
#sidebar ul.tabbernav li a:hover {
color : #fff;
background-image : url(images/menubg.png);
}
#sidebar ul.tabbernav li.tabberactive a {
color : #fff;
background-image : url(images/menubg.png);
}
#sidebar ul.tabbernav li.tabberactive a:hover {
color : #fff;
background-color : #f86152;
}
#sidebar .tabberlive .tabbertab {
padding : 2px;
border-top : 0;
margin-bottom : 5px;
font-size : 11px;
border : 1px solid #eee;
text-transform : capitalize;
}
#sidebar .tabberlive .tabbertab h2 {
display : none;
font-size : 11px;
}
#sidebar .tabberlive .tabbertab h3 {
display : none;
}
#sidebar .tabberlive .tabbertab a {
text-decoration : none;
color : #d20238;
}
#sidebar .tabberlive .tabbertab a:hover {
text-decoration : none;
color : #7a130c;
border-bottom : 1px dotted #7a130c;
}
#sidebar .tabbertab p {
padding-bottom : 10px;
line-height : 140%;
}
#sidebar .tabbertab ul {
padding : 0;
margin : 0;
}
#sidebar .tabbertab ul li {
padding : 5px 0 6px 0;
list-style : none;
}
#sidebar .tabbertab ul li {
padding-left : 5px;
border-bottom : 1px dotted #eee;
}
#footer {
border-top : 1px solid #eee;
}

#copyright {
color:#f86152;
font-size:10px;
background:#4c0115;
padding-top:5px;
padding-bottom:10px;
}
#copyright a {
color : #f86152;
text-decoration : none;
}
#copyright a:hover {
color : #f86152;
text-decoration : none;
border-bottom : 1px dotted #f86152;
}