/*
Theme Name: Vertiful
Theme URI: http://yoshzthemes.com/
Description: Free Theme at <a href="http://yoshzthemes.com/">YoshzThemes.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 {
background : url(images/bg.jpg) top repeat-x;
background-color : #333;
font-family : "Lucida Grande", "Lucida Sans Unicode", helvetica, sans-serif;
font-size : 12px;
text-align : center;
color : #333;
}
#wrapper {
width : 970px;
text-align : left;
margin : auto;
padding : 0 10px;
}
#wrap {
padding : 10px 0 10px 0;
background-color:#fff;
}
img.center {
padding : 5px;
display : block;
margin-left : auto;
margin-right : auto;
}
img.left {
float : left;
padding-right : 10px;
}
img.right {
float : right;
padding-left : 10px;
}
img.title {
padding-bottom : 0;
display : block;
padding-right : 20px;
}
.clear {
clear : both;
}
#header {
margin-bottom:10px;
}
#header .banner {
height : 153px;
background:url(images/banner.png) bottom no-repeat;
}
#header .banner .logo {
float : left;
}
#header .banner .cari {
float : right;
margin-right : 8px;
}
#header .banner .ads {
float : right;
margin-top : 15px;
}
#header .banner .ads img {
padding : 5px;
border : 1px solid #df7813;
}
#header .banner .cari {
float : right;
margin-right : 8px;
margin-top:2px;
background : url(images/search.png) no-repeat;
width : 324px;
height : 37px;
}
#header .banner .cari #s {
float : left;
margin : 2px 0 0 20px;
border : 0;
width : 255px;
background : none;
color : #fff;
font-size : 18px;
}
#header .banner .cari #go {
float : left;
width : 40px;
margin : 2px 0 0 0;
height : 25px;
}
#header .navcat {
overflow : hidden;
}
#header .navcat li {
display : block;
float : left;
padding : 12px 10px;
border-right : 1px solid #a43500;
}
#header .navcat li a {
color : #eee;
text-decoration : none;
font-size : 12px;
text-transform : uppercase;
font-weight : bold;
}
#header .navcat li:hover {
background-color : #a43500;
}
#header .navcat li ul {
position : absolute;
left : -999em;
z-index : 9999;
padding : 0;
background-color : #a43500;
margin-left : -10px;
}
#header .navcat li ul li {
margin : 0;
padding : 5px 10px;
clear : both;
border : none;
}
#header .navcat li:hover ul, #navcat li.sfhover ul {
left : auto;
margin-top : 5px;
}
#header .navcat li ul li a {
color : #fff;
font-weight : 100;
text-transform : capitalize;
text-decoration : none;
}
#header .navcat li ul li a:hover {
color : #fb9a00;
text-decoration : none;
}
#mainbody {
width : 623px;
background:#fff;
float : left;
padding:10px;
}
#mainbody .mainsearch {
margin : 0 0 10px 0;
padding : 10px;
font-size : 16px;
font-weight : bold;
color : #fff;
background : #333;
}
#mainbody .content {
margin-bottom : 20px;
padding : 10px;
border : 1px solid #eee;
background : #f2f2f2;
}
#mainbody .content .submain {
float : left;
font-size : 10px;
color : #333;
margin-top : 5px;
padding : 5px 0;
text-transform : uppercase;
}
#mainbody .content .submain a {
color : #333;
text-decoration : none;
}
#mainbody .content .maincom {
float : right;
height : 30px;
width : 40px;
background : url(images/comment.png);
text-align : center;
margin : 0 0 10px 10px;
padding : 10px 0 0 0;
}
#mainbody .content .maincom a {
color : #e67f1a;
text-decoration : none;
font-size : 14px;
font-weight : bold;
}
#mainbody .mainleft {
width : 150px;
padding : 5px;
float : left;
background : #a1a1a1;
border : 1px solid #eee;
}
#mainbody .mainright {
width : 418px;
padding-left : 10px;
float : right;
}
#mainbody .content h1 a, .mainright h1 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 22px;
text-transform : uppercase;
text-decoration : none;
color : #e67f1a;
text-align : left;
}
#mainbody .content h1 a, .mainright h1 a:hover {
text-decoration : none;
}
#mainbody .mainright .more {
float : right;
margin : 15px 0;
}
#mainbody .mainright .more a {
color : #fff;
text-decoration : none;
padding : 5px 10px;
background : #1d1d1d;
}
#mainbody .mainright p {
margin-top : 10px;
}
#mainbody .centerads {
background : #eee;
text-align : center;
margin : 10px 0;
padding : 10px 0;
}
#mainbody .sociable {
margin-left : 5px;
margin-top : 15px;
}
#mainbody .sociable h5 {
margin : 0 0 5px 0;
color : #3e0906;
font-size : 12px;
}
#mainbody .sociable img {
padding : 3px;
}
#mainbody .thecontent {
text-align : justify;
margin : 15px 10px 10px 10px;
}
#mainbody .thecontent ol {
margin-left : 30px;
}
#mainbody .thecontent ol li {
list-style : decimal;
margin : 10px 20px 10px 40px;
}
#mainbody .thecontent ul li {
background : transparent url(images/red.gif) no-repeat 10px center;
display : block;
width : auto;
margin : 10px 20px 10px 40px;
padding-left : 30px;
color : #3e0906;
}
#mainbody .thecontent a {
color : #df7813;
text-decoration : none;
}
#mainbody .thecontent a:hover {
color : #1d1d1d;
text-decoration : none;
}
#mainbody .thecontent p {
padding-top : 10px;
}
#mainbody .thecontent blockquote {
color : #c66302;
padding : 5px 10px 15px 30px;
margin : 10px 0 20px 20px;
background-image : url(images/blockquote.png);
background-position : left top;
background-repeat : no-repeat;
}
#mainbody .thecontent h1 {
color : #000;
font-size : 22px;
font-weight : 600;
padding : 0 0 5px 0;
}
#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 .pagination {
padding : 10px 0;
margin : 15px 0;
}
#mainbody .pagination ul {
text-align : left;
font-size : 12px;
}
#mainbody .pagination li {
list-style : none;
display : inline;
}
#mainbody .pagination a {
padding : 10px;
margin-right : 4px;
text-decoration : none;
color : #fff;
background-color : #1d1d1d;
}
#mainbody .pagination a:hover, .pagination a:active {
color : #fff;
background-color : #e67f1a;
}
#mainbody .pagination a.currentpage {
color : #fff !important ;
cursor : default;
background : #e67f1a;
}
#mainbody .pagination a.pages {
color : #fff !important ;
cursor : default;
background-color : #1d1d1d;
}
#mainbody .pagination a.disablelink, .pagination a.disablelink:hover {
cursor : default;
color : #fff;
font-weight : normal !important ;
}
#mainbody .comment {
width : 580px;
padding : 5px 10px 0 0;
float : left;
text-align : justify;
margin-top : 15px;
}
#mainbody .comment .comvatar {
width : 70px;
float : left;
}
#mainbody .comment .comvatarchild {
width : 45px;
float : left;
}
#mainbody .comment .comvatarchild img, .comvatar img {
padding : 5px;
background : #df7813;
}
#mainbody .comment .comtext {
width : 473px;
float : left;
background : #fff;
padding : 10px;
margin : 0;
border : 1px solid #eee;
}
#mainbody .comment .comtextchild {
float : left;
padding : 0 10px;
margin-left : 0;
}
#mainbody .comment .comtextchild .author, .comtext .author {
text-transform : uppercase;
font-weight : bold;
}
#mainbody .comment a {
text-decoration : none;
color : #df7813;
}
#mainbody .comment a:hover {
text-decoration : none;
color : #1d1d1d;
}
#mainbody .comment p {
padding-top : 5px;
}
#mainbody .comment ol {
list-style : none;
margin : 0;
}
#mainbody .comment li {
padding : 0 10px 20px 5px;
margin-bottom : 5px;
list-style : none;
}
#mainbody .comment ol img {
float : left;
margin-right : 10px;
margin-bottom : 10px;
}
#mainbody .comment .formc {
width : 350px;
color : #9e0b01;
padding : 5px;
margin : 5px 0 5px 0;
background-image : url(images/commentbg.png);
background-position : bottom;
background-repeat : repeat-x;
}
#mainbody .comment .formc label {
color : #1d1d1d;
font-size : 12px;
}
#mainbody .formc a {
text-decoration : none;
color : #333;
}
#mainbody .formc a:hover {
text-decoration : none;
}
#mainbody .comment textarea {
margin-bottom : 10px;
border : 1px solid #eee;
width : 335px;
padding : 5px;
}
#mainbody .comment input {
margin-bottom : 10px;
border : 1px solid #eee;
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;
}
#sidebar {
width : 310px;
float : right;
}
#sidebar .sideads {
text-align : center;
}
#sidebar .sideads img {
padding : 5px;
margin : 3px;
border : 1px solid #ccc;
}
#sidebar .sidewidget {
margin-bottom : 10px;
padding-bottom : 10px;
background : #1d1d1d;
}
#sidebar .sidecontent {
margin-bottom : 10px;
}
#sidebar .sidewidget .sidetitle {
padding : 10px;
background : url(images/nav-bg1.gif) repeat-x bottom;
background-color : #e67f1a;
}
#sidebar .sidecontent .sidetitle {
padding : 10px;
background : url(images/nav-bg1.gif) repeat-x bottom;
background-color : #e67f1a;
}
#sidebar .sidewidget .sidetitle h1, .sidecontent .sidetitle h1 {
color : #eee;
font-size : 11px;
text-transform : uppercase;
}
#sidebar .sidewidget li {
display : block;
width : auto;
margin : 0 10px;
padding : 7px 0 7px 20px;
background : transparent url(images/red.gif) no-repeat 2px center;
border-bottom : 1px solid #343434;
}
#sidebar .sidewidget a {
color : #eee;
text-decoration : none;
}
#sidebar .sidewidget a:hover {
color : #df7813;
text-decoration : none;
}
#sidebar .sidewidget .video {
padding : 5px;
}
#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 : 10px 0.5em;
margin-right : 3px;
border-bottom : none;
text-decoration : none;
color : #eee;
font-size : 11px;
font-weight : 600;
text-transform : uppercase;
background : url(images/nav-bg1.gif) repeat-x bottom;
background-color : #e67f1a;
}
#sidebar ul.tabbernav li a:hover {
color : #eee;
background : #a43500;
}
#sidebar ul.tabbernav li.tabberactive a {
background : url(images/nav-bg1.gif) repeat-x bottom;
background-color : #e67f1a;
color : #eee;
}
#sidebar ul.tabbernav li.tabberactive a:hover {
color : #eee;
}
#sidebar .tabberlive .tabbertab {
padding : 5px 0;
border-top : 0;
margin-top : 10px;
margin-bottom : 10px;
font-size : 11px;
background:#1d1d1d;
text-transform : capitalize;
}
#sidebar .tabberlive .tabbertab h2 {
display : none;
font-size : 11px;
}
#sidebar .tabberlive .tabbertab a {
text-decoration : none;
color : #eee;
}
#sidebar .tabberlive .tabbertab a:hover {
text-decoration : none;
color : #df7813;
}
#sidebar .tabbertab p {
padding-bottom : 10px;
line-height : 140%;
}
#sidebar .tabbertab ul {
padding : 0;
margin : 0;
}
#sidebar .tabbertab ul li {
padding : 7px 0 7px 20px;
margin:0 10px;
list-style : none;
background : transparent url(images/red.gif) no-repeat 2px center;
border-bottom : 1px solid #343434;
}
#footer {
color : #eee;
background:#1d1d1d;
padding : 10px;
margin : 10px 0;
}
#footer .footerleft {
width : 250px;
float : left;
padding-top : 5px;
}
#footer .footercenter {
width : 370px;
float : left;
margin-left : 10px;
padding : 5px 10px 10px 10px;
}
#footer .footercenter .social {
margin-top : 15px;
}
#footer .footerright {
width : 250px;
float : left;
padding-left : 10px;
}
#footer .footerright li {
display : block;
width : auto;
padding : 5px 0;
border-bottom : 1px solid #343434;
}
#footer .footerright li a {
color : #df7813;
text-decoration : none;
}
#footcopy {
font-size : 10px;
text-align : right;
padding :0 10px;
color : #666;
}
#footcopy a {
color : #666;
text-decoration : none;
}