/* Theme Name: Rana Theme URI: http://yoshz.com/ Description: Free Theme at www.Yoshz.com 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) repeat-x top; background-color:#262626; font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,sans-serif; font-size:12px; text-align:center; color:#333; } .clear { clear:both; } #wrapper { width:1000px; text-align:left; margin:auto; } #wrap { background:url(images/wrapper.jpg) repeat-y; text-align:left; padding:10px; } /* Img */ img.thumb { padding : 5px; display : block; margin-left : auto; margin-right : auto; margin-top:10px; margin-bottom:10px; background:#262626; } img.ribbon{ z-index:1; position:absolute; } 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 { display : block; margin-bottom : 10px; } /* Header */ #header .navpage { background-color:#ccccccc } #header .navpage li { display:block; float:left; padding:10px 5px;} #header .navpage li a { color:#000000; font-weight:bold; text-decoration:none; font-size:10px; text-transform:uppercase; background:none; padding:5px 6px;} #header .navpage li a:hover { background: #cccccc; padding:5px 6px; a:link font-weight:bold ; color:#ff8400; a:visited color: #006600 ; a:hover color: red ; text-decoration: none ;} #header .navrss { float:right; padding:10px 5px; text-transform:uppercase; color:#2C2416; } #header .navrss a { color:#2C2416; text-decoration:none; } #header .navrss a:hover { text-decoration:none; border-bottom:1px dotted #ca0000; } #header .banner { background:url(images/banner.png); height:100px; background-color:#920007; border:0px solid:#920007;} #header .banner .logo { float:left; width:350px; height:100px; } #header .banner .headsearch { float:right; margin-top:30px; background: url(images/search.png) no-repeat; width:350px; height:40px; } #header .banner .headsearch #s { float: left; padding:7px; border: 0; width: 255px; height:13px; background:none; color:#858585; font-size:12px; } #header .banner .headsearch #go { float:left; width:70px; height:28px; } #header .navcat { background-color:#cccccc; bottom repeat-x; background-color:#cccccc; border:0px solid #920007; overflow:hidden;} #header .navcat li { display:block; float:left; padding:10px 5px; } #header .navcat li a { color:#000000; text-decoration:none; font-size:12px; text-transform:uppercase; font-weight:bold; padding:5px 6px;} #header .navcat li a:hover { background: #none; padding:5px 6px; a:link font-weight:bold ; color:#ff8400; a:visited color: #006600 ; a:hover color: red ; text-decoration: none ; } #mainbody { width:645px; float:left; } #mainbody .mainsearch { margin:10px 10px 0 0; padding:10px; font-size:16px; font-weight:bold; color:#C0A172; } #mainbody .maincontent { } #mainbody .mainads { text-align:center; padding:10px; background:#ffffff; margin-top:10px; } #mainbody .mainpost { width:310px; float:left; margin:10px 5px; } #mainbody .mainpost .titlepost { padding:5px; background:#000000; margin-bottom:5px; } #mainbody .mainpost .contentpost { padding:5px 5px 15px 5px; text-align:justify; border:1px solid #000000; } #mainbody .mainpost h1 a { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; text-decoration:none; } #mainbody .mainpost h1 a:hover { color:#ff7200; text-decoration:none; } #mainbody .mainpost .postcomment { float:left; margin-top:15px; } #mainbody .mainpost .postmore { float:right; margin-top:15px; } #mainbody .mainpost .postcomment a, .mainpost .postmore a { color:#eee; text-decoration:none; padding:5px; background:#000000; } #mainbody .mainpost .postcomment a:hover, .mainpost .postmore a:hover { text-decoration:none; padding:5px; background:#ff7200; } #mainbody .content { margin:10px 0; } #mainbody .content .retweet { float:left; padding:0px 10px 10px 0px; } #mainbody .content .maintitle {float:left; width:580px; } #mainbody .submain { font-size:10px; color:#000000; text-transform:uppercase; padding:3px 5px; margin :5px 0; background:#000000; } #mainbody .submain a { color:#ff7200; text-decoration:none; } /* Formating */ #mainbody .content h1 a, .singlecontent h1 a { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#333; text-transform:uppercase; text-decoration:none; } #mainbody .thecontent { text-align:justify; padding:10px; } #mainbody .thecontent li { background: transparent url(images/list.gif) no-repeat 2px center; display: block; width: auto; margin:10px 20px 10px 40px; padding-left: 20px; color:#7f5302; } #mainbody .thecontent a { color:#c0a172; text-decoration:none; } #mainbody .thecontent a:hover { color:#7f5302; text-decoration:none; } #mainbody .thecontent p { padding-top:15px; } #mainbody .thecontent blockquote { color : #7f5302; 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 .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 .sociable { margin-left:5px; margin-top:15px; } #mainbody .sociable h5 { margin : 0 0 5px 0; color : #453923; font-size : 12px; } #mainbody .sociable img { padding : 3px; } /* Pagination */ #mainbody .pagination { padding : 10px; margin : 15px 0px; float:right; } #mainbody .pagination ul { text-align : left; font-size : 12px; } #mainbody .pagination li { list-style : none; display : inline; } #mainbody .pagination a { padding : 10px; margin-left : 4px; text-decoration : none; color : #eee; background:url(images/nav-bg.jpg) bottom repeat-x; background-color:#ffffff; border:1px solid #ffffff; } #mainbody .pagination a:hover, .pagination a:active { color : #eee; background:#2C2416; border:1px solid #ffffff; } #mainbody .pagination a.currentpage { color : #eee !important ; cursor : default; background:#ffffff; } #mainbody .pagination a.pages { color : #eee !important ; cursor : default; } #mainbody .pagination a.disablelink, .pagination a.disablelink:hover { cursor : default; color : #eee; font-weight : normal !important ;} /* Comment */ #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 .comvatar img { padding:5px; background:#453923; } #mainbody .comment .comtext { width:475px; float:left; background:#eee; padding:10px; } #mainbody .comment .comtext .author { text-transform:uppercase; font-weight:bold; } #mainbody .comment a { text-decoration : none; color : #453923; } #mainbody .comment a:hover { text-decoration : none; color : #c0a172; } #mainbody .comment p { padding-top:5px; } #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 { width : 350px; color : #1e3186; 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 : #453923; 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 #c0a172; width : 335px; padding : 5px; } #mainbody .comment input { margin-bottom : 10px; border : 1px solid #c0a172; width : 335px; padding : 5px; } #mainbody .comment input.btn { margin-top : 10px; margin-bottom : 10px; background-image : url(images/submit.png); height : 24px; border : none; color : #fff; width : 150px; cursor : pointer; } /* Sidebar */ #sidebar { width:320px; float:right; } #sidebar .sideads { text-align:center; margin:10px 0; } #sidebar .sideads img { padding:5px; margin:3px; background:#2C2416; border:1px solid #fffffff; } #sidebar .sidewidget { margin-bottom:10px; padding-bottom:10px; color:#C0A172; } #sidebar .sidecontent { margin-bottom:10px; } #sidebar .sidetitle { padding:6px; margin:0 0 5px 0; background-color:#000000; bottom repeat-x; background-color:#000000; border:0px solid #000000; } #sidebar .sidetitle h2{ color:#eee; font-size:14px; text-transform:uppercase; } #sidebar .sidecontent .toppic { float:left; border:1px solid #ffffff; padding:4px; margin-left:5px; } #sidebar .sidecontent .toptitle { float:left; padding:10px 0 5px 5px; text-transform:uppercase; } #sidebar .sidecontent li { display: block; width: auto; margin:0 5px; padding:3px 0;} #sidebar .sidewidget li { background:#cccccc url(images/list.gif) no-repeat 2px center; display: block; width: auto; margin:0 5px; padding:5px 0 5px 25px;} #sidebar .sidewidget li:hover, .sidecontent li:hover { background:#ffffff; } #sidebar .sidewidget a, .sidecontent a { color:#000000; text-decoration:none; } #footer {background:url(images/banner2.jpg); height:158px; margin-top:auto; background-color:none; border:0px solid:none;} #footer .centerfooter { margin : 25px 5px 20px 10px; float : left; width : 265px; } #footer .centerfooter a { color : #000000; text-decoration : none; } #footer .leftfooter { margin : 25px 5px 10px 5px; float : left; width : 270px; } #footer .centerfooter h2, #footer .rightfooter h2, #footer .leftfooter h2 { color : #eee; font-size : 14px; margin-bottom : 15px; text-align : left; text-transform : uppercase; padding:5px; background-color:#000000; bottom repeat-x; background-color:#000000; } #footer .rightfooter .footabout { padding-bottom : 15px; color:#ffffff; } #footer .rightfooter { margin : 25px 5px 20px 15px; text-align : justify; float : left; width : 420px; } #copyright { background:#cccccc; width : 1000px; color : #000000; padding : 10px 0; margin : 0 auto; font-size:10px; } #copyright a { color : #000000; text-decoration : none; } #copyright a:hover { color : #ff7200; text-decoration : none; border-bottom : none dotted #ca0000; }