/*
Theme Name: Mizha
Theme URI: http://yoshz.com
Description: Free Theme at <a href="http://yoshz.com/">www.Yoshz.com</a>
Version: 1.0
Author: Miziology
Author URI: http://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 {
text-align : center;
background : url(images/bg.jpg) repeat-x fixed;
background-color : #f9f7f8;
font-family : "Lucida Grande", "Lucida Sans Unicode", helvetica, sans-serif;
font-size : 12px;
color : #333;
}
#wrapper {
width : 1000px;
background : #fdfef1;
background-image : url(images/wraperbg.jpg);
background-position : bottom;
background-repeat : repeat-x;
text-align : left;
margin : 0 auto;
}
img.center {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
}
img.float {
float : left;
padding-right : 10px;
}
img.komen {
padding : 5px;
display : block;
margin-bottom : 10px;
}
img.archivethumb {
float : left;
margin-right : 10px;
border : 1px solid #eee;
}
img.left {
float : left;
padding-right : 10px;
}
img.right {
float : right;
padding-left : 10px;
}
img.center {
padding : 5px;
display : block;
margin-left : auto;
margin-right : auto;
}
.clear {
clear : both;
}
#header .banner {
height : 100px;
background : url(images/banner.png);
}
#header .banner .logo img {
float : left;
}
#header .banner .headerads {
float : right;
padding : 15px 10px 5px 0;
}
#header .banner .headerads img {
padding : 5px;
border : 1px solid #eee;
}
#header .catnav {
background-image : url(images/menubg.png);
overflow : hidden;
}
#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;
}
#mainbody {
width : 670px;
float : left;
margin-bottom : 10px;
}
#mainbody .maincontent {
width : 638px;
padding : 10px;
margin : 10px 0 0 5px;
border : 1px solid #eee;
}
#mainbody .mainsearch {
padding : 10px;
font-size : 16px;
font-weight : bold;
color : #333;
}
#mainbody .maincontent .author {
float : left;
padding-right : 10px;
}
#mainbody .maincontent h1 a {
margin-top : 5px;
font-size : 22px;
color : #7a130c;
text-transform : uppercase;
text-decoration : none;
}
#mainbody .maincontent h1 a:hover {
color : #7a130c;
text-decoration : none;
border-bottom : 1px dotted #7a130c;
}
#mainbody .maincontent .maindesc {
color : #ccc;
font-size : 10px;
text-decoration : none;
}
#mainbody .maincontent .maindesc a {
color : #ccc;
text-decoration : none;
}
#mainbody .maincontent .maindesc a:hover {
color : #7a130c;
text-decoration : none;
}
#mainbody .mainleft {
width : 445px;
float : left;
}
#mainbody .content {
padding : 10px;
margin : 10px 0 10px 5px;
border : 1px solid #eee;
}
#mainbody .mainright {
width : 193px;
padding : 10px;
float : left;
margin : 10px 0 10px 5px;
border : 1px solid #eee;
}
#mainbody .mainright .maintitle {
padding : 5px;
background-image : url(images/menubg.png);
border : 1px solid #f86152;
}
#mainbody .mainright .maintitle h2 {
color : #fff;
font-size : 11px;
text-transform : uppercase;
}
#mainbody .mainright .twitter ul li {
padding : 5px 5px 10px 5px;
border-bottom : 1px solid #eee;
}
#mainbody .mainright .twitter ul li a {
text-decoration : none;
color : #ec7111;
}
#mainbody .mainright .twitter ul li a:hover {
text-decoration : none;
color : #ec7111;
border-bottom : 1px dotted #ec7111;
}
#mainbody .mainright img {
padding-top : 10px;
}
#mainbody .content h1 a {
margin-top : 5px;
font-size : 15px;
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 .thecontent {
margin-top : 0;
}
#mainbody .thecontent a {
color : #f86152;
text-decoration : none;
}
#mainbody .thecontent a:hover {
color : #ef9a49;
text-decoration : none;
}
#mainbody .thecontent p {
padding-top : 15px;
text-align : justify;
}
#mainbody .thecontent h2 {
color : #000;
font-size : 20px;
font-weight : 600;
padding : 25px 0 5px 0;
}
#mainbody .thecontent h3 {
color : #000;
font-size : 18px;
font-weight : 600;
padding : 25px 0 5px 0;
}
#mainbody .thecontent h4 {
color : #000;
font-size : 16px;
font-weight : 600;
padding : 25px 0 5px 0;
}
#mainbody .thecontent h5 {
color : #000;
font-size : 14px;
font-weight : 600;
padding : 25px 0 5px 0;
}
#mainbody .thecontent h6 {
color : #000;
font-size : 12px;
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 0;
display : block;
width : auto;
margin-bottom : 10px;
margin-top : 10px;
padding-left : 20px;
padding-bottom : 5px;
margin-right : 20px;
border-bottom : 1px dashed #ccc;
}
#mainbody .thecontent blockquote {
color : #f86152;
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 #f86152;
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 : #f86152;
}
#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 .comment {
width : 620px;
padding-top : 5px;
float : left;
text-align : justify;
}
#mainbody .comment .comvatar {
width : 60px;
float : left;
}
#mainbody .comment .comtext {
width : 520px;
float : left;
}
#mainbody .comment a {
text-decoration : none;
color : #7a130c;
}
#mainbody .comment a:hover {
text-decoration : none;
color : #ec7111;
border-bottom : 1px dotted #ec7111;
}
#mainbody .comment ol {
list-style : none;
margin : 0;
}
#mainbody .comment li {
background-repeat : repeat-x;
background-position : bottom;
padding : 0 10px 15px 5px;
margin-bottom : 10px;
border-bottom : 1px dotted #ec7111;
}
#mainbody .comment ol img {
float : left;
margin-right : 10px;
margin-bottom : 10px;
}
#mainbody .comment .formc label {
color : #ec7111;
font-size : 12px;
}
#mainbody .comment .formc {
width : 350px;
color : #f3844d;
border : 1px solid #ccc;
padding : 10px;
margin : 5px 0 10px 0;
background-image : url(images/wraperbg.jpg);
background-position : bottom;
}
#mainbody .formc a {
text-decoration : none;
color : #333;
}
#mainbody .formc a:hover {
text-decoration : none;
}
#mainbody .comment textarea {
margin-bottom : 10px;
border : 1px solid #f86152;
width : 335px;
padding : 5px;
}
#mainbody .comment input {
margin-bottom : 10px;
border : 1px solid #f86152;
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 0 15px 0;
}
#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 #f86152;
}
#mainbody .pagination a:hover, .pagination a:active {
color : #fff;
border : 1px solid #f86152;
background-image : url(images/menubg.png);
}
#mainbody .pagination a.currentpage {
color : #fff !important ;
cursor : default;
border : 1px solid #f86152;
background-image : url(images/menubg.png);
}
#mainbody .pagination a.pages {
color : #fff !important ;
cursor : default;
border : 1px solid #f86152;
background-image : url(images/menubg.png);
}
#mainbody .pagination a.disablelink, .pagination a.disablelink:hover {
cursor : default;
color : #fff;
font-weight : normal !important ;
}
#featured {
width : 400px;
padding-right : 250px;
position : relative;
border : 5px solid #eee;
height : 250px;
background : #fff;
margin : 10px 5px;
}
#featured ul.ui-tabs-nav {
position : absolute;
top : 0;
left : 400px;
list-style : none;
padding : 0;
margin : 0;
width : 250px;
}
#featured ul.ui-tabs-nav li {
padding : 1px 0;
padding-left : 5px;
}
#featured ul.ui-tabs-nav li img {
float : left;
margin : 2px 5px;
background : #fff;
padding : 2px;
border : 1px solid #eee;
}
#featured ul.ui-tabs-nav li span {
font-size : 11px;
line-height : 18px;
}
#featured li.ui-tabs-nav-item a {
display : block;
height : 60px;
color : #333;
background : #fff;
line-height : 20px;
text-decoration : none;
}
#featured li.ui-tabs-nav-item a:hover {
background : #f2f2f2;
text-decoration : none;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {
background : #eee;
}
#featured .ui-tabs-panel {
width : 400px;
height : 250px;
background : #f5714f;
position : relative;
}
#featured .ui-tabs-hide {
display : none;
}
#sidebar {
width : 330px;
float : right;
}
#sidebar .sideads {
text-align : center;
margin : 10px 5px 5px 0;
padding : 10px 10px 0 10px;
}
#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 #f86152;
}
#sidebar .sidecontent .sidetitle h2, .sideready .sidetitle h2 {
color : #fff;
font-size : 11px;
text-transform : uppercase;
}
#sidebar .sideready ul li {
padding : 5px 5px 5px 20px;
border-bottom : 1px dashed #eee;
background : transparent url(images/icon.png) no-repeat 2px center;
}
#sidebar .sideready ul li a {
color : #7a130c;
text-decoration : none;
}
#sidebar .sideready ul li a:hover {
color : #7a130c;
text-decoration : none;
border-bottom : 1px dotted #7a130c;
}
#sidebar .sidecontent .mhcom {
list-style : none;
}
#sidebar .sidecontent .mhcom a {
color : #ec7111;
text-decoration : none;
}
#sidebar .sidecontent .mhcom a:hover {
color : #ec7111;
text-decoration : none;
border-bottom : 1px dotted #ec7111;
}
#sidebar .sidecontent .mhtext {
margin-bottom : 10px;
}
#sidebar .sidecontent .mhcom img {
float : left;
padding-right : 10px;
padding-bottom : 3px;
margin-bottom : 5px;
}
#sidebar .sidecontent .mhauthor a {
color : #7a130c;
}
#sidebar .sidecontent .mhauthor a:hover {
color : #7a130c;
border-bottom : 1px dotted #7a130c;
}
#sidebar .sidecontent .search {
background : url(images/search.png) no-repeat;
width : 299px;
height : 42px;
margin : 10px 0 10px 7px;
}
#sidebar .sidecontent .search #s {
float : left;
border : 0;
width : 217px;
height : 32px;
background : none;
color : #fff;
font-size : 20px;
padding : 8px 8px 0 15px;
}
#sidebar .sidecontent .search #go {
float : left;
width : 55px;
height : 42px;
}
#sidebar #topsidebar {
width : 320px;
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 #f86152;
background-color : #f86152;
}
#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 : #7a130c;
}
#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;
}
#footer .centerfooter {
margin : 25px 5px 20px 10px;
float : left;
width : 240px;
}
#footer .centerfooter a {
color : #7a130c;
text-decoration : none;
}
#footer .leftfooter {
margin : 25px 5px 10px 15px;
float : left;
width : 270px;
}
#footer .centerfooter h2, #footer .rightfooter h2, #footer .leftfooter h2 {
color : #7a130c;
font-size : 14px;
padding-bottom : 15px;
text-align : left;
text-transform : uppercase;
}
#footer .rightfooter .footabout {
padding-bottom : 15px;
}
#footer .rightfooter {
margin : 25px 5px 20px 15px;
text-align : justify;
float : left;
width : 420px;
}
#copyright {
background : url(images/footer-bg.gif) repeat-x;
width : 1000px;
color : #ef9a49;
padding : 10px 0;
margin : 0 auto;
}
#copyright a {
color : #f86152;
text-decoration : none;
}
#copyright a:hover {
color : #f86152;
text-decoration : none;
border-bottom : 1px dotted #f86152;
}