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

/* General */
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;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:10px;
}
img.float {
float:left;
padding-right:10px;
}
img.homethumb {
border:1px solid #eee;
padding:5px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:10px;
margin-top:45px;
}
img.archivethumb {
float:left;
margin-right:10px;
border:1px solid #eee;
}
.clear {
clear:both;
}

/* Body */
body {
text-align:center;
background-image:url(images/bg.jpg);
background-attachment: fixed;
background-position:center;
font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,sans-serif;
font-size:12px;
color:#333;
}
#wrapper {
width:1000px;
text-align:left;
background-color:#eee;
margin:10px auto;
border:2px solid #fff;
}

/* Header */
#header {
background-color:#fff;
}
#header .banner {
height:110px;
}
#header .banner .logo img {
float:left;
}
#header .banner .ads1 {
float:right;
padding:10px 5px 5px 0;
}
#header .catnav {
background-image:url(images/menubg.png);
overflow:hidden;
}
#header .catnav li {
display:block;
float:left;
padding:10px;
border-right:1px dashed #7a130c;
}
#header .catnav li:hover {
background-color:#ec7111;
}
#header .catnav li a {
color:#fff;
font-weight:600;
text-decoration:none;
font-size:12px;
text-transform:uppercase;
}

/*Main Body*/
#mainbody {
width:650px;
float:left;
}
#mainbody .maincontent {
width:620px;
padding:10px;
margin:10px 0 0px 5px;

}
#mainbody .content {
width:620px;
padding:10px;
margin:10px 0 10px 5px;
background:#fff;
}
#mainbody .content h1 a {
margin-top:5px;
font-size:22px;
color:#7a130c;
text-decoration:none;
}
#mainbody .content h1 a:hover {
color:#ec7111;
text-decoration:none;
border-bottom:1px dotted #ec7111;
}
#mainbody .content h2, .content h2 a {
margin-top:5px;
font-size:12px;
color:#ccc;
font-weight:100;
text-decoration:none;
}
#mainbody .content h2 a:hover {
color:#ec7111;
text-decoration:none;
border-bottom:1px dotted #ec7111;
}
#mainbody .icontweet {
float:left;
padding-right:10px;
}
#mainbody .maintweet {
float:left;
padding-right:10px;
padding-bottom:10px;
padding-top:18px;
}
#mainbody .thecontent {
margin-top:35px;
}
#mainbody .thecontent p {
padding-top:15px;
text-align:justify;
}
#mainbody .thecontent h4 {
color:#7a130c;
font-size:14px;
font-weight:600;
padding:30px 0 5px 0;
border-bottom:1px dashed #ccc;
}
#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;
border-bottom:1px dashed #ccc;
}
#mainbody .thecontent blockquote {
color:#fff;
border:1px solid #eee;
padding:5px 10px 15px 30px;
margin:10px 0px 20px 20px;
background-color:#9ec1fb;
background-image:url(images/blockquote.png);
background-position:top left;
background-repeat:no-repeat;
}
#mainbody .thearchive {
margin-top:35px;
text-align:justify;
}
#mainbody .more {
border:1px solid #eee;
padding:5px;
float:left;
margin-bottom:15px;
margin-top:10px;
margin-right:5px;
background-color:#ec7111;
}
#mainbody .more a {
color:#fff;
text-decoration:none;
}
#mainbody .more:hover {
background-image:url(images/menubg.png);
}
#mainbody .mainfeed {
width:620px;
height:70px;
margin-top:25px;
background-image:url(images/bgsubscribe.gif);
}
#mainbody .mainfeed .form {
padding:20px 0 0 20px;
}
#mainbody .mainfeed input.inp {
margin-bottom:10px;
border:1px solid #eee;
width:240px;
padding:5px;
}
#mainbody .mainfeed input.sub {
background:url(images/submitsub.png);
width:120px;
background-color:#eee;
height:30px;
border:none;
color:#333;
cursor: pointer;
}
#mainbody .sociable {
border-bottom:1px dotted #ccc;
}
#mainbody .sociable h5 {
margin:5px 0px 5px 0px;
color:#ec7111;
font-size:10px;
}
#mainbody .sociable img {
padding:3px;
}
#mainbody .mainads {
text-align:center;
padding:10px 0 10px 0;
border-bottom:1px dotted #ccc;
}

/* Comments*/
#mainbody .comment{
width:500px;
padding-top:5px;
float:left;
text-align:justify;
}
#mainbody .comment a{
text-decoration:none;
color:#ccc;
text-transform:uppercase;
}
#mainbody .comment a:hover{
text-decoration:none;
color:#ec7111;
border-bottom:1px dotted #ec7111;
}
#mainbody .comment ol{
list-style:none;
margin:0px;
}
#mainbody .comment li{
background-repeat:repeat-x;
background-position:bottom;
padding:0px 10px 15px 5px;
margin-bottom:10px;
border-bottom:1px dotted #ec7111;
}
#mainbody .comment ol img {
float:left;
margin-right:10px;
margin-bottom:15px;
}
#mainbody .comment .formc label{
color:#ec7111;
font-size:12px;
}
#mainbody .comment .formc{
width:350px;
color:#eee;
border:1px solid #ccc;
padding:10px;
margin:5px 0 10px 0;
background-image:url(images/mizha.gif);
}
#mainbody .formc a{
text-decoration:none;
color:#333;
}
#mainbody .formc a:hover{
text-decoration:none;
}
#mainbody .comment textarea {
width:335px;
height:150px;
padding:5px;
background-color:#fff;
}
#mainbody .comment input {
background-color:#fff;
width:340px;
}
#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;
}

/* Paginate */
#mainbody .pagination {
padding: 10px;
margin:15px 5px 15px 5px;
background:#75a7fa;
}
#mainbody .pagination ul {
text-align: left; /*Set to "right" to right align pagination interface*/
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 #fff;
}
#mainbody .pagination a:hover, .pagination a:active {
color: #fff;
border:1px solid #fff;
background-image:url(images/menubg.png);
}
#mainbody .pagination a.currentpage {
color: #fff !important;
cursor: default;
border:1px solid #fff;
background-image:url(images/menubg.png);
}
#mainbody .pagination a.pages {
color: #fff !important;
cursor: default;
border:1px solid #fff;
background-image:url(images/menubg.png);
}
#mainbody .pagination a.disablelink, .pagination a.disablelink:hover {
cursor: default;
color: #fff;
font-weight: normal !important;
}

/*Sidebar*/
#sidebar {
width:350px;
float:right;
}
#sidebar .sidesocial {
width:320;
text-align:center;
margin:10px 0 10px 0;
}
#sidebar .sidecounter ul li {
display:inline-block;
}
#sidebar .sidecounter img {
padding:5px 10px 5px 0;
}
#sidebar .sideads {
text-align:center;
}
#sidebar .sideads img {
padding:5px;
margin:3px;
background:#fff;
border:1px solid #ccc;
}
#sidebar .sidecontent {
width:320;
padding:5px 10px 5px 10px;
margin:5px 5px 10px 5px;
background:#fff;
}
#sidebar .sidecontent .sidetitle {
padding:5px;
margin:10px 0 10px 0;
background-image:url(images/menubg.png);
}
#sidebar .sidecontent .sidetitle h2{
color:#fff;
font-size:11px;
text-transform:uppercase;
}
#sidebar .twitter ul li{
padding:5px 5px 10px 5px;
border-bottom:1px solid #eee;
}
#sidebar .twitter ul li a{
text-decoration:none;
color:#ec7111;
}
#sidebar .twitter ul li a:hover{
text-decoration:none;
color:#ec7111;
border-bottom:1px dotted #ec7111;
}
#sidebar .search input {
margin-bottom:10px;
border:1px solid #eee;
width:240px;
padding:5px;
}
#sidebar .search input.btn {
background:url(images/search.png);
width:60px;
height:28px;
border:none;
color:#333;
cursor: pointer;
}

/* Tab */
#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 #eee;
background-color:#ec7111;
}
#sidebar ul.tabbernav li a:hover {
color: #fff;
background-image:url(images/menubg.png);
}
#sidebar ul.tabbernav li.tabberactive a {
background-image:url(images/menubg.png);
color:#fff;
}
#sidebar ul.tabbernav li.tabberactive a:hover{
color: #fff;
background-color:#ec7111;
}
#sidebar .tabberlive .tabbertab {
padding:2px;
border-top:0;
margin-bottom:10px;
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:#ec7111;
}
#sidebar .tabberlive .tabbertab a:hover {
text-decoration:none;
color:#ec7111;
border-bottom:1px dotted #ec7111;
}
#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;
}

/* Side Comment */
#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:3px;
padding-bottom:3px;
}
#sidebar .sidecontent .mhauthor a {
color:#7a130c;
text-transform:uppercase;
}
#sidebar .sidecontent .mhauthor a:hover {
color:#7a130c;
border-bottom:1px dotted #7a130c;
text-transform:uppercase;
}

/* Footer */
#footer {
border-top:1px solid #fff;
}
#footer .centerfooter {
margin:25px 5px 20px 10px;
float:left;
width:250px;
height:200px;
}
#footer .centerfooter a {
color:#7a130c;
text-decoration:none;
}
#footer .leftfooter {
margin:25px 5px 20px 25px;
float:left;
width:150px;
height:200px;
}
#footer .leftfooter li {
margin:0;
display:inline;
padding:0 0 5px 0;
}
#footer .leftfooter li a, #footer .copyright a {
color:#7a130c;
text-decoration:none;
}
#footer .leftfooter li a:hover, #footer .copyright a:hover {
color:#7a130c;
text-decoration:none;
border-bottom:1px dotted #7a130c;
}
#footer .leftfooter h2,#footer .centerfooter h2,  #footer .rightfooter h2 {
color:#ccc;
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:450px;
height:200px;
}
#footer .copyright {
margin-top:35px;
float:left;
}