/*
Theme Name: Red
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
*/

/* 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:url(images/bg.jpg); background-position:top; background-repeat:repeat-x;
background-color:#222222;
font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,sans-serif;
font-size:12px;
text-align:center; color:#333;
}
.clear { clear:both; }
#wrapper { width:970px; text-align:left; margin:auto; padding:0 10px; }
#wrap { background:#333333; padding:10px 10px 10px 0; }

/* Img */
img.title { padding-bottom:5px; }
img.subscribe { padding-top:5px; }
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.komen { padding : 5px; display : block; margin-bottom : 10px; }

/* Header */
#header .navcat { background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; border:1px solid #eee; overflow:hidden; }
#header .navpage { margin-right:50px; }
#header .navpage li { display:block; float:right; padding:15px 15px 10px 15px; background-color:#000; }
#header .navcat li:hover { background-color:#f8f8f8; }
#header .navpage li a { color:#8d0109; font-weight:bold; text-decoration:none; font-size:10px; text-transform:uppercase; }
#header .navpage li a:hover { border-bottom:1px solid #fff;}
#header .navcat li { display:block; float:left; padding:10px; border-right:1px solid #eee; }
#header .navcat li a { color:#390104; text-decoration:none; font-size:12px; text-transform:uppercase; font-weight:bold; }
#header .banner { background:url(images/banner.png); height:110px; }
#header .banner .logo { float:left; width:350px; height:100px; }
#header .banner .headsearch { float:right; margin-top:20px; background:#000; background: url(images/search.png) no-repeat; width:383px; height:53px; }
#header .banner .headsearch #s { float: left; margin: 7px 0 0 10px; border: 0; width: 265px; background: none; color:#eee; font-size:30px; }
#header .banner .headsearch #go { float:left; width:90px; height:41px; margin:6px 0 0 10px; }

/* Body */
#mainbody { width:640px; float:left; }
#mainbody .mainsearch { margin:10px 10px 0 10px; padding:10px; font-size:16px; font-weight:bold; color:#fff; background:#390104; }
#mainbody .content { background:#f2f2f2; margin:10px; padding:5px; text-align:justify; border:1px solid #eee; }
#mainbody .content h1 { margin-bottom:10px;}
#mainbody .content h1 a{ font-family:Arial, Helvetica, sans-serif; font-size:22px; text-transform:uppercase; text-decoration:none; color:#710113; margin-bottom:10px;}
#mainbody .content h1 a:hover { text-decoration:none; color:#9d2121; }
#mainbody .content .maincom { float:right; height:30px; width:40px; background:url(images/comment.png); text-align:center; margin-left:10px; padding:10px 0 0 0 ; }
#mainbody .content .maincom a { color:#333; 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:440px; float:right; text-align:justify; }
#mainbody .mainright h1 a { font-size:20px; color:#333; text-decoration:none; }
#mainbody .submain { font-size:10px; color:#fff; text-transform:uppercase; font-weight:bold; padding:3px; margin :5px 0px;; background:#9d2121; border:1px solid #d43635; }
#mainbody .submain a { color:#fff; text-decoration:none; }
#mainbody .maincenter { text-align:center; margin:10px 10px; padding:10px 0; background:#390104;}
#mainbody .mainright .more { float:right; margin-left:5px; padding:5px; }
img.ribbon{ z-index:1; position:absolute; }
#mainbody .singlecontent { padding:0 10px; text-align:justify; }

/* Formating */
#mainbody .singlecontent p { padding:15px 0; }
#mainbody .singlecontent a { color:#e55f0a; text-decoration:none; }
#mainbody .singlecontent a:hover { color:#fad02e; text-decoration:none; }
#mainbody .singlecontent blockquote { color : #9d2121; 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 .singlecontent li { background: transparent url(images/dot.png) no-repeat 2px center; display: block; width: auto; padding-left: 30px; margin:10px 0 10px 40px; }
#mainbody .singlecontent h1 { color : #000; font-size : 22px; font-weight : 600; padding : 0 0 5px 0; }
#mainbody .singlecontent h2 { color : #000; font-size : 20px; font-weight : 600; padding : 25px 0 5px 0; }
#mainbody .singlecontent h3 { color : #000; font-size : 18px; font-weight : 600; padding : 25px 0 5px 0; }
#mainbody .singlecontent h4 { color : #000; font-size : 16px; font-weight : 600; padding : 25px 0 5px 0; }
#mainbody .singlecontent h5 { color : #000; font-size : 14px; font-weight : 600; padding : 25px 0 5px 0; }
#mainbody .singlecontent h6 { color : #000; font-size : 12px; font-weight : 600; padding : 25px 0 5px 0; }

/* Pagination */
#mainbody .pagination { padding : 10px; margin : 15px 0px 15px 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 : #fff; background:#9D2121; background-image : url(images/my-pagination.png); background-position:bottom; background-repeat:repeat-x; }
#mainbody .pagination a:hover, .pagination a:active { color : #fff; background:#9D2121; }
#mainbody .pagination a.currentpage { color : #0066cc !important ; cursor : default; background-image : url(images/my-pagination.png); background-position:bottom; background-repeat:repeat-x; }
#mainbody .pagination a.pages { color : #fff !important ; cursor : default; background-image : url(images/my-pagination.png); background-position:bottom; background-repeat:repeat-x; }
#mainbody .pagination a.disablelink, .pagination a.disablelink:hover { cursor : default; color : #fff; font-weight : normal !important ; }

/* Sociable */
#mainbody .sociable {  }
#mainbody .sociable h5 { margin : 0 0 5px 0; color : #7a130c; font-size : 12px; }
#mainbody .sociable img { padding : 3px; }

/* Comment */
#mainbody .comment { width : 590px; padding : 5px 10px 0 10px; float : left; text-align : justify; }
#mainbody .comment .comvatar { width:60px; float:left; }
#mainbody .comment .comtext { width:495px; float:left; background:#E0E0E0; padding:10px; }
#mainbody .comment a { text-decoration : none; color : #e95f06; }
#mainbody .comment a:hover { text-decoration : none; color : #fcd033; }
#mainbody .comment ol { list-style : none; margin : 0; }
#mainbody .comment li { padding : 0 10px 15px 5px; margin-bottom : 10px; list-style:none; }
#mainbody .comment ol img { float : left; margin-right : 10px; margin-bottom : 10px; }
#mainbody .comment .formc label { color : #9d2121; font-size : 12px; }
#mainbody .comment .formc { width : 350px; color : #9d2121;  padding : 10px; margin : 5px 0 10px 0; background-image : url(images/commentbg.png); background-position : bottom; background-repeat:repeat-x }
#mainbody .formc a { text-decoration : none; color : #333;; }
#mainbody .formc a:hover { text-decoration : none; }
#mainbody .comment textarea { margin-bottom : 10px; border : 1px solid #9d2121; width : 335px; padding : 5px; }
#mainbody .comment input { margin-bottom : 10px; border : 1px solid #9d2121; 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 */
#sidebar { width:320px; float:right; margin-top:10px; }
#sidebar .sideads { text-align:center; }
#sidebar .sideads img { padding:2px; margin:1px; background:#fff; border:1px solid #800000; }
#sidebar .sidewidget { background:#fff; margin-bottom:10px; padding-bottom:10px; }
#sidebar .sidewidget .sidetitle { padding:10px; margin:10px 0 10px 0; background:url(images/my-nav.gif) bottom repeat-x; background-color:#fbfbfb; border:1px solid #eee; }
#sidebar .sidewidget .sidetitle h1{ color:#ffffff; font-size:11px; text-transform:uppercase; }
#sidebar .sidewidget li { background: transparent url(images/dot.png) no-repeat 2px center; display: block; width: auto; margin:0 5px; padding:10px 0 10px 25px; border-bottom:1px solid #eee;}
#sidebar .sidewidget a { color:#333; text-decoration:none; }
#sidebar .sidewidget a:hover { color:#9d2121; text-decoration:none; }
#sidebar .social { text-align:center; margin-bottom:10px; background:#9D2121; padding:10px; border:1px solid #eee; }

/* Footer */
#footer { background:#eeeeee; padding:10px 10px 10px 15px; margin-left:10px; margin-bottom:10px; }
#footer .footleft { width:300px; float:left; padding:5px 10px 0 0; }
#footer .footleft li { display: block; width: auto; padding:5px 0; border-bottom:1px solid #ccc; }
#footer .footleft li a, .footright li a, .footcenter a { color:#9d2121; text-decoration:none; }
#footer .footleft li a:hover, .footright li a:hover, .footcenter a:hover { color:#390104; text-decoration:none; }
#footer .footleft .author { float:left; font-weight:bold; text-transform:uppercase; color:#390104; }
#footer .footleft .author a { color:#070707; }
#footer .footcenter { width:280px; float:left; padding:5px 10px; }
#footer .footcenter img { margin-bottom:5px; }
#footer .footright { width:300px; float:right; padding:5px 0 0 10px;}
#footer .footright li { display: block; width: auto; padding:5px 0 5px 0; border-bottom:1px solid #ccc; }
#footcopy { background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; border:1px solid #eee; font-size:10px; text-align:center; padding:10px 10px 10px 15px; margin-left:10px; }
#footcopy a { color:#9d2121; text-decoration:none; }