/*
Theme Name: v3
Theme URI: http://yoshzthemes.com/
Description: Totally awesome WordPress theme by
<a href="http://yoshzthemes.com/">YoshzThemes</a>
Version: 1.0 (WP2.9+)
Author: Thermizi
Author URI: http://mizhaclan.com/
Tags: Magazine Style, YoshzThemes, Mizhart
*/

/* 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; }
body {
background:#eee;
font-family:'Lucida Grande',Tahoma,Verdana,sans-serif; font-size:12px; text-align:center; color:#666;
}
.clear { clear:both; }
#wrapper { width:1032px; text-align:left; margin:auto; }
#bodywrap { background:url(images/wrapper.jpg) right repeat-y #fff; border:1px solid #dddddd; margin-top:20px; -moz-box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; box-shadow:0px 0px 10px #333; }

img.thumb { float:left; padding:0 20px 15px 0; background:url(images/shadow.png) bottom center no-repeat; }
img.random { display: block; float:left; margin:0 10px 15px 0; width:50px; height:50px; }
img.aligncenter { padding:5px; display: block; margin-left:auto; margin-right:auto; border:1px solid #ccc; margin-top:10px; margin-bottom:10px; }
img.alignleft { float:left; margin-right:10px; padding:5px; border:1px solid #ccc; }
img.alignright { float:right; margin-left:10px; padding:5px; border:1px solid #ccc; }

/* Header */
#logo { text-align:center; }
#header { margin:10px 0 20px;}
#header .pagenav { background:none; overflow:hidden; margin-bottom:10px; padding-bottom:10px; background:url(images/line.png) bottom repeat-x;}
#header .pagenav li { display:block; float:left; padding:5px 0; border-right:1px solid #e3e3e3; }
#header .pagenav li a { color:#008C9E; padding:5px 15px; text-decoration:none; text-shadow: 2px 2px 2px #ccc; }
#header .pagenav li:hover { background:none; }
/*navigation categories*/
#header .navcat{ padding:0 5px;  overflow:hidden; background:url(images/cat-nav.png) top #00b3cb; -moz-box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; box-shadow:0px 0px 10px #333; }
#header .navcat ul{ float: left; }
#header .navcat li{ float:left; padding:10px; margin:5px 10px 5px 0; }
#header .navcat li a{color:#eee; text-decoration:none; font-weight:bold;}
#header .navcat li:hover { color:#000; background-color:#251d1b; padding:10px 10px; text-decoration:none; font-weight:bold; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#header .navcat li ul { position:absolute;left:-999em;z-index: 9999; padding:0; background-color:#251d1b; margin-left:-10px; padding:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}
#header .navcat li ul li { margin:0; clear:both;}
#header .navcat li:hover ul,#navcat li.sfhover ul {left: auto; margin-top:5px;}
#header .navcat li ul li:hover {background: #3a2e2b;}
#adsen { text-align:center; }

/* Mainbody */
#mainbody { width:650px; float:left; padding-right:15px; margin:40px 15px 0 15px; }
#mainbody .mainsearch { font-family:Helvetica; font-size:30px; font-weight:bold; color:#ccc; margin-bottom:15px;}
#mainbody .homeview { margin-bottom:50px; }
#mainbody .homeview h1 a { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:34px; text-decoration:none; color:#3a2e2b; text-shadow: 2px 2px 2px #ccc;}
#mainbody .homeview .homeauthor { font-weight:bold; text-transform:capitalize; margin:5px 0 20px 0; overflow:hidden; }
#mainbody .homeview .hometags { background-color:#eee; text-transform:capitalize; padding:8px 5px; margin:5px 0 20px 0; overflow:hidden; text-shadow: 2px 2px 2px #ccc; }
#mainbody .homeview .retweet { float:right; margin-left:10px;}
#mainbody .homeview .homecontent { font-size:13px; line-height:20px; text-align:justify; margin:20px 0; }
#mainbody .homeview .homecontent p { margin-bottom:15px; }
#mainbody .homeview .homecontent ul { margin-left:25px; }
#mainbody .homeview .homecontent ul li { list-style:square; margin:10px 20px 10px 40px; padding-left: 6px; }
#mainbody .homeview .homecontent ol { margin-left:30px; }
#mainbody .homeview .homecontent ol li { list-style:decimal; margin:10px 20px 10px 40px; }
#mainbody .homeview .homecontent blockquote { color : #008C9E; text-align:justify; padding : 5px 10px 0 30px; background:url(images/blockquote.png) top left no-repeat; }
#mainbody .homeview .homecontent h1 { color : #005F6B; font-size : 22px; font-weight : 600; padding : 0 0 15px 0; text-shadow: 2px 2px 2px #ccc;}
#mainbody .homeview .homecontent h2 { color : #005F6B; font-size : 20px; font-weight : 600; padding : 25px 0 15px 0; text-shadow: 2px 2px 2px #ccc;}
#mainbody .homeview .homecontent h3 { color : #005F6B; font-size : 18px; font-weight : 600; padding : 25px 0 15px 0; text-shadow: 2px 2px 2px #ccc;}
#mainbody .homeview .homecontent h4 { color : #005F6B; font-size : 16px; font-weight : 600; padding : 25px 0 15px 0; text-shadow: 2px 2px 2px #ccc;}
#mainbody .homeview .homecontent h5 { color : #005F6B; font-size : 14px; font-weight : 600; padding : 25px 0 15px 0; text-shadow: 2px 2px 2px #ccc;}
#mainbody .homeview .homecontent h6 { color : #005F6B; font-size : 12px; font-weight : 600; padding : 25px 0 15px 0; text-shadow: 2px 2px 2px #ccc;}
#mainbody .homeview a { color:#008C9E; text-decoration:none; }
#mainbody .homeview .homecontent .more { float:left; margin:15px 0; }

#mainbody .rand { margin:40px 0; padding:25px 0; border-bottom:1px solid #eee; border-top:1px solid #eee; }
#mainbody .randomads{ width:300px; float:left; text-align:right; color:#ccc; }
#mainbody .homerandom { width:300px; float:left; padding:0; margin:0 0 0 15px;}
#mainbody .homerandom h1 { font-size:26px; text-decoration:none; color:#3a2e2b; margin-bottom:15px; }
#mainbody .homerandom .randompost { margin-bottom:15px; }
#mainbody .homerandom .randompost a { font-size:14px; font-weight:bold; text-decoration:none; color:#008C9E; }

/* Form */
#wpcf label { display: block; }
#wpcf input {   padding: 1px; margin: 2px 5px 10px 0; }
#wpcf textarea { width: 300px; height: 100px; padding: 1px; margin: 0 5px 10px 0; }
#wpcf #contactsubmit { margin-left: 0px; width: 100px; margin-top:20px; }

/* Author Bio */
#authors { padding:10px; background:url(images/admin-bg.png) bottom right no-repeat #efefef; }
#authors img { float:left; margin-right:20px; margin-bottom:10px; padding:5px; border:1px solid #ccc; }
#authors .author_text { font-size:13px; line-height:20px; text-align:justify; padding:0 10px; margin-bottom:15px; }
#authors .author_text p { margin-bottom:10px; }
#authors .author_text h4 { margin-bottom:10px; font-size:16px; text-transform:capitalize; }

/* Social Media */
#social_media { margin:15px 0; padding:10px 10px 10px 0px; }
#social_media .media_text { float:left; }
#social_media .media_botton { float:left; margin: 25px 0 0 15px; }

/* Related Post*/
#related_post { }
#related_post .related_img { width:150px; float:left; margin-right:10px;}
#related_post .related_title { width:150px; float:left; margin-right:15px;}
#related_post .related_title a { font-size:16px; font-weight:bold; text-decoration:none; color:#3a2e2b; margin-bottom:10px; }

/* Pagination */
#mainbody .pagination {margin : 35px 0px; }
#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 : #eee; background-color:#343838;}
#mainbody .pagination a:hover, .pagination a:active { color : #fff; background-color:#00B4CC; }
#mainbody .pagination a.currentpage { color : #fff !important ; cursor : default; background:#00B4CC; }
#mainbody .pagination a.pages { color : #eee !important ; cursor : default; background-color:#343838; }
#mainbody .pagination a.disablelink, .pagination a.disablelink:hover { cursor : default; color : #3a2e2b; font-weight : normal !important ; }

/* Comments */
#mainbody .comment ol.commentlist { list-style:none; margin:0; padding:0; }
#mainbody .comment ol.commentlist li { border:1px solid #d5d5d5; margin:0 0 10px; padding:10px 10px 10px 110px; position:relative; }
#mainbody .comment ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
#mainbody .comment .commentlist cite { display:block; font-style:normal; }
#mainbody .comment .commentlist .time { background: url(images/bg_clock.gif) no-repeat 1px; padding-left:13px; }
#mainbody .comment ol.commentlist li div.vcard { font-weight:bold; line-height: 16px; }
#mainbody .comment ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
#mainbody .comment ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
#mainbody .comment ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
#mainbody .comment ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 1px; left:10px; position:absolute; top:10px; }
#mainbody .comment .commentlist .authori { font-weight:bold; font-size:16px; text-decoration:none; text-transform:capitalize; }
#mainbody .comment ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; position:absolute; right:10px; text-align:right; top:5px; }
#mainbody .comment ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
#mainbody .comment ol.commentlist li .commenttext p { font-weight:normal; font-size: 12px; line-height: 16px; margin:5px 0 12px; }
#mainbody .comment ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; list-style:square; margin:0 0 12px; padding:0; }
#mainbody .comment ol.commentlist li div.reply { background:#999; border:1px solid #666; color:#fff; font:bold 9px helvetica,arial,sans-serif; padding:4px 5px 4px;  text-align:center; width:36px; margin-bottom:10px; }
#mainbody .comment ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
#mainbody .comment ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
#mainbody .comment ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
#mainbody .comment ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
#mainbody .comment ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
#mainbody .comment ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
#mainbody .comment ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
#mainbody .comment ol.commentlist ul.children li.odd { background:#fff; }
#mainbody .comment ol.commentlist ul.children li.even { background:#f6f6f6; }
#mainbody .comment ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
#mainbody .comment .commenttext { padding: 10px 0 10px 0; color:#333; text-align:justify; }
#mainbody .comment .commenttext blockquote { color : #ba3f00; text-align:justify; padding : 5px 10px 0 30px; background:url(images/blockquote.png) top left no-repeat; }
#mainbody .comment .cancel-comment-reply { margin:10px 0;}
#mainbody .comment label { color : #333; font-size : 12px; }
#mainbody .comment textarea { border : 1px solid #dedede; width : 335px; padding : 5px; }
#mainbody .comment input { margin : 5px 0 10px; border : 1px solid #dedede; width : 250px; padding : 5px; }
#mainbody .comment .authcomment { background:url(images/admin-bg.png) bottom right no-repeat #efefef !important; }
#mainbody .comment input.btn { margin : 10px 0; height : 40px; border : none; color : #333; width : 250px; cursor : pointer; background : url(images/submit.png); }

/* Trackbacks */
#mainbody .comment .trackback { margin-bottom:20px; }
#mainbody .comment .trackback li { list-style:square; margin-left:20px; }

/* Sidebar */
#sidebar { width:320px; float:left; margin-right:10px;  background:#f2f2f2;}
#sidebar .sidesocial { padding:10px; margin-top:15px; background:url(images/twitrss.png) top no-repeat; }
#sidebar .sidesocial .soleft { width:140px; float:left; margin:140px 0 15px;}
#sidebar .sidesocial .soright { width:140px; float:right; margin:140px 0 15px; text-align:right;}
#sidebar .sidesocial .social li.rss { padding:7px 0 0 30px; background : transparent url(images/rss.png) no-repeat 2px bottom; display : block; width : auto; margin : 10px 20px; }
#sidebar .sidesocial .social li.twitter { padding:7px 0 0 30px; background : transparent url(images/tw.png) no-repeat 2px bottom; display : block; width : auto; margin : 10px 20px; }
#sidebar .sidesocial .social li.fb { padding:7px 0 0 30px; background : transparent url(images/fb.png) no-repeat 2px bottom; display : block; width : auto; margin : 10px 20px; }
#sidebar .sidesocial .social li a { color:#008C9E; text-decoration:none;}
#sidebar .sidesocial .formsub { background: url(images/formsub.png) no-repeat; width:290px; height:45px; margin-top:5px; }
#sidebar .sidesocial .formsub #s { float: left; margin: 8px 0 0 8px; border: 0; width: 230px; background:none; color:#010329; font-size:20px; }
#sidebar .sidesocial .formsub #go { float:left; width:49px; height:37px; margin:3px 0 0 0; background:none; }
#sidebar .sidesocial .formsub img { padding-top:10px; }
#sidebar .sideads { margin-top:15px; padding:0 0 10px 20px; background:url(images/li-border.png) bottom repeat-x;}
#sidebar .sideads img { margin:0 0 10px 10px; float:left; }
/* Contains the entire tabbed section */
#sidebar .tabbed { margin-top:15px;}
#sidebar .tabbed ul.tabs { display:inline; cursor:pointer; }
#sidebar .tabbed ul.tabs li { float:left; margin:0 5px 5px 0; }
#sidebar .tabbed ul.tabs li a { color:#333; font-weight:bold; overflow:hidden; display:block; padding:10px 12px; }
#sidebar .tabbed ul.tabs li a:hover { color:#333; background:#fff; }
/* The current selected tab */
#sidebar .tabbed ul.tabs li a.tab-current { color:#333; background:#fff; }
/* The content shown when a tab is selected */
#sidebar .tabbed div { float: left; display: block; padding:10px;  width:299px; }
/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
#sidebar .tabbed div.t2, .tabbed div.t3 { display: none; }
/* Content for inside your tabs' divs */
#sidebar .tabbed div ul li { padding:8px 0; margin-left:10px; background:url(images/li-border.png) bottom repeat-x; list-style:square;}
#sidebar .tabbed div ul li a { text-decoration:none; color:#47777A; }

#sidebar .sidewidget { margin-top:10px; }
#sidebar .sidewidget .sidetitle h1 { background:#fff; color:#333; font-size:12px; text-transform:capitalize; padding:10px 12px; }
#sidebar .sidewidget .sidecontent { padding:10px 8px; }
#sidebar .sidecontent ul li { padding:8px 0; margin-left:10px; background:url(images/li-border.png) bottom repeat-x; list-style:square; }
#sidebar .sidecontent ul li a, .sidecontent a { text-decoration:none; color:#47777A; }

/* Footer */
#footer { color:#eee; background:url(images/ther.png) center bottom no-repeat #1d1d1d; margin-top:20px; -moz-box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; box-shadow:0px 0px 10px #333; }
#footer .footwrap { width:1132px; height:250px; margin:auto; padding:10px 0 0 0; }
#footer .footleft { width : 250px; height:350px; float : left; margin:5px 0 15px 15px; background:url(images/foot-border.png) right repeat-y; }
#footer .footleft .footitle { margin-bottom:20px; background:url(images/flickr_32.png) left no-repeat; height:32px; padding-left:40px; font-size:20px; }
#footer .footleft .footcontent { margin-bottom:15px; }
#footer .footleft .footcontent a img { float:left; margin:0 0px 8px 8px; background:#343434; padding:4px; width:60px; height:60px; }
#footer .footleft .footop { margin-left:8px; margin-top:50px;}
#footer .footcenter { width : 460px; float : left; margin:5px 0 15px 15px; }
#footer .footcenter .footitle { margin-bottom:20px; background:url(images/about-us.png) left no-repeat; height:32px; padding-left:40px; font-size:20px; }
#footer .footcenter .footcontent {line-height:20px; margin-bottom:25px;}
#footer .footcenter .footcontent p { margin-bottom:10px; text-align:justify; }
#footer .footright { width : 250px; height:350px; float : left; margin:5px 0 15px 15px; background:url(images/foot-border.png) left repeat-y; padding-left:15px; }
#footer .footright .footitle { margin-bottom:20px; background:url(images/comment_32.png) left no-repeat; height:32px; padding-left:40px; font-size:20px; }
#footer .footleft .footop a { color:#008C9E; text-decoration:none; }
#footer .footright .footcontent .mhcom { list-style : none; padding:0px 5px 5px 5px; background:url(images/twitt-border.png) bottom repeat-x; color:#eee; margin-bottom:10px; }
#footer .footright .footcontent .mhcom a { color : #ccc; text-decoration : none; }
#footer .footright .footcontent .mhcom a:hover { color : #333; text-decoration : none; }
#footer .footright .footcontent .mhtext { margin-bottom : 10px; }
#footer .footright .footcontent .mhcom img { float : left; padding-right : 10px; padding-bottom : 3px; margin-bottom : 5px; }
#footer .footright .footcontent .mhauthor a { color : #008C9E; text-transform:capitalize; font-weight:bold; }
#footer .footright .footcontent .mhauthor a:hover { color : #008C9E; }

#foot { width:1032px; margin:auto; padding:10px 0; }
#foot .footcopy { width:400px; float:left; margin-bottom:20px; text-align:left;}
#foot .footcopy a { color:#666; text-decoration:none; }
#foot .footcopy a:hover { color:#008C9E; }
#foot .footpage { width:600px; float:right; margin-bottom:20px; }
#foot .footpage li { display:block; float:left; border-right:1px solid #ccc; }
#foot .footpage li a { color:#333; padding:5px 15px; text-decoration:none; }
#foot .footpage li a:hover { color:#008C9E; }