/*
Theme Name: mizi
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 { font-family : helvetica, sans-serif; font-size : 13px; text-align : center; color : #333; background:url(images/bg.png) top repeat-x #fff; }
#wrapper { width : 1050px; text-align : left; margin : auto; padding : 0 5px;}
#wrap { padding : 10px 0 10px 0;  }
img.aligncenter { padding : 1px; display : block; margin-left : auto; margin-right : auto; margin-bottom:15px; border:1px solid #666; }
img.alignleft { float : left; margin-right : 10px; margin-top:2px; padding:1px; border:1px solid #666; }
img.alignright { float : right; margin-left : 10px; margin-top:2px; padding:1px; border:1px solid #666; }

.clear { clear : both; }

#header { padding:0 0; }
#header .logo { width:200px; float:left;}
#header .navpage { width:850px; float:right; overflow : hidden;}
#header .navpage li { display : block; float : left; padding : 7px 0px; }
#header .navpage li a { padding : 10px 10px; text-decoration : none; font-size : 12px; text-transform : uppercase; font-weight : bold; color:#999; text-shadow:1px 0 1px #000; }
#header .navpage li a:hover { color:#3CA2A2; text-shadow:1px 0 1px #000; }
#banner { height : 100px; text-align:center; margin:15px 0 25px; }


#mainbody { width : 850px; float : left; }
#mainbody .featured { margin-bottom:20px;}
#mainbody .mainsearch { margin : 0 0 20px 0; font-size : 22px; font-weight : bold; color : #ccc; }

#mainbody .scontent { width:378px; float:left;  margin:0 45px 30px 0; border:1px solid #eee; }
#mainbody .scontent .maincontent { text-align:justify; line-height:20px; padding:0 10px 10px;}
#mainbody .scontent .maincom { font-size : 10px; color : #666; padding : 5px 10px; text-transform : uppercase; font-weight:bold; border-top:1px solid #eee; background:#f2f2f2;}
#mainbody .scontent .maincom a { color : #3CA2A2; text-decoration : none; }
#mainbody .scontent h1 { text-align:left; padding:0 10px 5px; margin:15px 0 10px; border-bottom:1px dashed #eee; }
#mainbody .scontent h1 a { font-size : 16px; text-transform:uppercase; text-decoration : none; color : #0486b1; text-align : left;}
#mainbody .mdetail { width:180px; float:left; margin-right:30px; }
#mainbody .mcontent { width:610px; float:left; margin-right:30px; }
#mainbody .mcontent .maincontent{ text-align:justify; line-height:20px; padding-bottom:30px; margin-top:15px; }
#mainbody .mcontent .maincontent p, #mainbody .scontent .maincontent p { margin-top : 15px; }
#mainbody .mcontent .maincontent a, #mainbody .scontent .maincontent a { text-decoration:none; color:#3CA2A2;}
#mainbody .mcontent h1 { text-align:left; font-size : 26px; text-transform:uppercase;  color : #0486b1; text-align : left;}
#mainbody .mcontent h1 a { text-decoration : none; color : #0486b1;}
#mainbody .adse { margin:10px 0 25px;}

#authors {  }
#authors img { float:left; margin-right:10px; margin-bottom:10px; padding:5px; border:1px solid #ccc; }
#authors .author_text { font-size:10px; line-height:20px; text-align:justify; padding:0 10px; margin-bottom:15px; color:#ccc; }
#authors .author_text a { font-size:14px; color:#008C9E; text-decoration:none; font-weight:bold;}

/* Social Media */
#social_media { margin:15px 0 15px 8px; }
#social_media .media_botton { float:left; margin: 0px 0 0 5px; }

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

/* Pagination */
#mainbody .pagination {margin : 25px 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 : #1d1d1d; font-weight:bold; background-color:#eee;}
#mainbody .pagination a:hover, .pagination a:active { color : #fff; font-weight:bold; background-color:#0486b1; }
#mainbody .pagination a.currentpage { color : #fff !important ; font-weight:bold; cursor : default; background:#0486b1; }
#mainbody .pagination a.pages { color : #1d1d1d !important ; font-weight:bold; cursor : default; background-color:#fff; }
#mainbody .pagination a.disablelink, .pagination a.disablelink:hover { cursor : default; color : #eee; font-weight : normal !important ; }

#mainbody .mcontent .maincontent ol li { list-style : decimal; margin : 10px 20px 10px 40px; }
#mainbody .mcontent .maincontent ul li { margin : 10px 20px 10px 40px; list-style:square; }
#mainbody .mcontent .maincontent blockquote { color : #3CA2A2; padding : 5px 10px 15px 30px; margin : 10px 0 0px 20px; background-image : url(images/blockquote.png); background-position : left top; background-repeat : no-repeat; }
#mainbody .mcontent .maincontent h1 { color : #ccc; font-size : 24px; font-weight : bold; margin : 25px 0 5px 0; }
#mainbody .mcontent .maincontent h2 { color : #ccc; font-size : 22px; font-weight : bold; margin : 25px 0 5px 0; text-transform:uppercase; }
#mainbody .mcontent .maincontent h3 { color : #ccc; font-size : 20px; font-weight : bold; margin : 25px 0 5px 0; }
#mainbody .mcontent .maincontent h4 { color : #0486b1; font-size : 18px; font-weight : bold; margin : 25px 0 5px 0; }
#mainbody .mcontent .maincontent h5 { color : #ccc; font-size : 16px; font-weight : bold; margin : 0 0 5px 0; }
#mainbody .mcontent .maincontent h6 { color : #ccc; font-size : 14px; font-weight : bold; margin : 0 0 5px 0; }
#mainbody .mcontent .maincontent img { margin-bottom:25px; padding:5px; border:1px solid #eee; }

h3#comments{ color:#ccc; font-size:20px; padding:0 0 10px 5px; margin:20px 0 10px 0px; text-transform:uppercase;}
ol.commentlist, ol.trackbacklist { }
ol.commentlist li { margin:0 0 10px; padding:5px 0px 5px 64px; position:relative; list-style:none; }
ol.trackbacklist li{ padding: 5px; margin: 0px 0px 5px 15px; }
ol.commentlist li div.vcard { border : 1px solid #eee; padding : 10px 5px 5px 10px; font-size: 12px; line-height: 12px; margin :0px 0px 0px 10px; background: #fff; }
.cancel-comment-reply { font-size:12px; margin-left:-5px; margin-bottom:25px;}
.cancel-comment-reply a {background:#00a8c6; color:#fff; padding:5px 10px;  text-align:center; text-decoration:none;text-shadow:1px 0 1px #333;}
.cancel-comment-reply a:hover { background:#0e1420; }
ol.commentlist li div.vcard img.avatar { padding: 0px 10px 0 0px; margin-left : 5px; left:1px; position:absolute; top:5px; }
ol.commentlist li div.comment-meta { font-size: 11px; color:#3CA2A2; }
ol.commentlist li div.comment-meta .author { text-transform:uppercase; font-size:14px; font-weight:bold; }
ol.commentlist li div.comment-meta .author a { text-decoration:none; color:#000; }
ol.commentlist li div.comment-meta a { text-decoration:none; color:#3CA2A2; }
ol.commentlist li div.comment-meta p { font-size: 10px; color: #3CA2A2; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 18px; margin:5px 0 12px; padding-right : 5px; color:#333; }
ol.commentlist li .formc p { line-height:0px; margin:0px; padding:0px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 18px; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { margin:20px 0 10px;}
ol.commentlist li div.reply a { background:#00a8c6; color:#fff; padding:5px 10px;  text-align:center; text-decoration:none; text-shadow:1px 0 1px #333;}
ol.commentlist li div.reply a:hover { background:#0e1420; }
ol.commentlist li ul.children { list-style:none; margin:5px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin: 0px 0px 0px 20px; border: none; }
ol.commentlist li ul.children li.depth-3 { margin: 0px 0px 0px 20px; border: none; }
ol.commentlist li ul.children li.depth-4 { margin: 0px 0px 0px 20px; border: none; }
ol.commentlist li ul.children li.depth-5 { margin: 0px 0px 0px 20px; border: none; }
ol.commentlist li ul.children li.depth-6 { margin: 0px 0px 0px 20px; border: none; }
ol.commentlist ul.children li.odd { background: none; }
ol.commentlist ul.children li.even { background: none; }
.commentnumber { font-size: 16px; color : #CCC; float : right; padding : 5px; }
#respond{margin:20px 0px 0px 5px;}
h3.responses{color:#ccc; font-size:20px; padding:0 0 10px; margin:10px 0 10px 0px; text-transform:uppercase;}
#cancel-comment-reply-link{ margin : 5px; }
#respond .formc { width : 350px; color : #333; margin : 5px 0 5px 0; }
#respond .formc p { margin-top:10px;}
#respond .formc label { color : #333; font-size : 12px; }
#respond .formc a { text-decoration : none; color : #333; }
#respond .formc a:hover { text-decoration : none; }
#respond textarea { margin-bottom : 10px; border : 1px solid #eee; width : 335px; padding : 5px; background:#fff; }
#respond input { margin-bottom : 10px; border : 1px solid #eee; width : 335px; padding : 5px; background:#fff;}
#respond input.btn { margin-top : 10px; margin-bottom : 10px; background-image : url(images/submit.png); height : 42px; border : none; color : #fff; width : 152px; cursor : pointer; border:1px solid #0387b2; }

#sidebar { width : 200px; float : right; font-size:11px; }
#sidebar .sideads { text-align:center; margin-bottom:15px; }
#sidebar .sideads img { margin-bottom:10px; }
#sidebar .sidesocial { margin:15px 0 20px;}
#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 : 7px 0px; }
#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 : 7px 0px; }
#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 : 7px 0px; }
#sidebar .sidesocial .social li a { color:#008C9E; text-decoration:none;}
#sidebar .sidesocial .formsub { background: url(images/formsub.png) no-repeat; width:200px; height:45px; margin-top:5px; }
#sidebar .sidesocial .formsub #s { float: left; margin: 12px 0 0 8px; border: 0; width: 141px; background:none; color:#010329; font-size:16px; }
#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 .sidewidget { margin-bottom : 10px; padding-bottom : 10px; }
#sidebar .sidewidget .sidetitle, #mainbody .sidewidget .sidetitle{ padding :5px 10px; background-color : #f2f2f2; }
#sidebar .sidewidget .sidetitle h1, #mainbody .sidewidget .sidetitle h1 { color : #333; font-size : 14px; text-transform:uppercase; text-shadow:1px 0 1px #fff;}
#sidebar .sidewidget .sidecont, #mainbody .sidewidget .sidecont { padding:10px; font-size:11px; }
#sidebar .sidewidget .sidecont p, #mainbody .sidewidget .sidecont p { margin-bottom:15px; line-height:20px;}
#sidebar .sidewidget .sidecont ul li, #mainbody .sidewidget .sidecont ul li {  padding : 7px 0 7px 0;  border-bottom : 1px dashed #ccc; }
#sidebar .sidewidget .sidecont a, #mainbody .sidewidget .sidecont a { color : #333; text-decoration : none; }
#sidebar .sidewidget .sidecont a:hover, #mainbody .sidewidget .sidecont a:hover { color:#3CA2A2; }

#footer { color:#999; font-size:10px; padding:5px 0; margin-bottom:10px; text-align:left; background:#333; text-align:center; }
#footer a { color:#999; text-decoration:none;}
#footer a:hover { color:#3CA2A2; text-decoration:none; }