/* 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:auto; padding:0; list-style:none; } body { background:url(images/bg.jpg) repeat-x top left; background-color:#ffffff; font-family:"arial"; font-size:12px; text-align:center; color:#000000; } a { color:#BAA378; text-decoration:none } .clear { clear:both; } #wrapper { width:960px; text-align:left;} #wrap { background:url(images/wrap.png) repeat-y; border: #dcdcdc solid 0px; 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:#000000; } 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 { margin-top: -30px; } #header .navpage { } #header .navpage li { display:block; float:left; padding:10px 5px; } #header .navpage li a { color:#eee; font-weight:bold; text-decoration:none; font-size:10px; text-transform:uppercase; background: #8e8c8c; padding:5px 6px; } #header .navpage li a:hover { background: #000000; padding:5px 6px; } #header .navrss { float:right; padding:0px 5px; text-transform:uppercase; color:#cccccc; } #header .navrss a { color:#cccccc; text-decoration:none; } #header .navrss a:hover { text-decoration:none; border-bottom:1px dotted #000000; } #header .banner { background:url(images/banner.png); height:0px; } #header .banner .logo { float:left; width:350px; height:63px; margin-top:24px} #header .banner .headsearch { float:right; margin-top:10px; background: url(images/search.png) no-repeat; width:250px; height:40px; } #header .banner .headsearch #s { float: left; padding:7px; border: 0; width: 200px; background:none; color:#ffffff; font-size:22px; } #header .banner .headsearch #go { float:left; width:80px; height:40px; } #header .navcat { background:#8E8C8C; border:0px solid #000000; overflow:hidden; } #header .navcat li { display:block; float:left; padding:5px 2px; } #header .navcat li a { color:#eee; text-decoration:none; font-size:11px; text-transform:uppercase; font-weight:bold; padding:5px 6px; } #header .navcat li a:hover { background: #8E8C8C; padding:5px 6px; } #mainbody { width:640px; float:right; } #mainbody .mainsearch { margin:10px 10px 0 0; padding:10px; font-size:16px; font-weight:bold; color:#000000; } #mainbody .maincontent { border:#000000 solid 5px; } #mainbody .mainads { text-align:center; padding:10px; background:#ffffff; margin-top:10px; } #mainbody .mainpost { background:#ffffff; 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:2px solid #000000; } #mainbody .mainpost h1 a { font-family:Arial; font-size:12px; color:#FFFFFF; text-decoration:none; } #mainbody .mainpost h1 a:hover { color:#000000; 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:#8e8c8c; } #mainbody .content { margin:10px 0; } #mainbody .content .retweet { float:left; padding:0px 10px 10px 0px; } #mainbody .content .maintitle {float:left; width:640px; } #mainbody .submain { font-size:10px; color:#fff; text-transform:uppercase; padding:3px 5px; margin :5px 0; background:#8e8c8c; } #mainbody .submain a { color:#fff; text-decoration:none; } /* Formating */ #mainbody .content h1 a, .singlecontent h1 a { font-family:georgia;font-weight:bold; font-style:italic; font-size:24px; color:#333;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:#E41270; } #mainbody .thecontent a { color:#39A9DC; text-decoration:none; } #mainbody .thecontent a:hover { color:#E41270; text-decoration:none; } #mainbody .thecontent p { padding-top:15px; } #mainbody .thecontent blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; font-style:italic;color : #888; 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.gif) bottom repeat-x; background-color:#000000; border:1px solid #000000; } #mainbody .pagination a:hover, .pagination a:active { color : #eee; background:#000000; border:1px solid #8e8c8c; } #mainbody .pagination a.currentpage { color : #eee !important ; cursor : default; background:#000000; } #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 : #ffffff; } #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 #ffffff; width : 335px; padding : 5px; } #mainbody .comment input { margin-bottom : 10px; border : 1px solid #ffffff; 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:285px; float:left;background-color:#F5F5F5; } #sidebar .sideads { text-align:center; margin:10px 0; } #sidebar .sideads img { padding:5px; margin:0px; background:#000000; border:1px solid #8e8c8c; } #sidebar .sidewidget { margin-bottom:10px; padding-bottom:10px; color:#dc2a6c; } #sidebar .sidecontent { margin-bottom:10px; } #sidebar .sidetitle { padding:10px; margin:0 0 5px 0; background:url(images/nav-bg.gif) bottom repeat-x; background-color:#000000; border:1px solid #000000; } #sidebar .sidetitle h2{ color:#eee; font-size:14px; text-transform:uppercase; } #sidebar .sidecontent .toppic { float:left; border:1px solid #8e8c8c; 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: transparent 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:#8e8c8c; } #sidebar .sidewidget a, .sidecontent a { color:#000000; text-decoration:none; } #primary{ margin-bottom:10px; padding-bottom:10px; color:#ffffff; } #secondary{ margin-bottom:10px; padding-bottom:10px; color:#ffffff; } .sidebar h3{padding-top:6px;} #footer { } #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:url(images/nav-bg.gif) bottom repeat-x; background-color:#000000; } #footer .rightfooter .footabout { padding-bottom : 15px; color:#000000; } #footer .rightfooter { margin : 25px 5px 20px 15px; text-align : justify; float : left; width : 380px; } #copyright { background:transparent; width : auto; color : #BAA378; padding : 25px 0; margin : 0 auto; font-size:10px; } #copyright a { color : #BAA378; text-decoration : none; text-align : center } #copyright a:hover { color : #BAA378; text-decoration : none; border-bottom : 1px dotted #000000; } #menuextra { position: fixed; top: 10px; right: 10px; z-index: 999; opacity:1; filter:alpha(opacity=100); } #menuextra img:hover { opacity:0.4; filter:alpha(opacity=70); border: 3px solid #ffffff; } *{ margin:0; padding:0; } a.ref{ color:#888; text-decoration:none; text-shadow:1px 1px 1px #000; position:absolute; bottom:10px; right:10px; } a.ref:hover{ color:#000; } a.back{ width:184px; height:32px; position:absolute; bottom:10px; left:10px; background:transparent; } .menucontainer{width:950px;height:100px;margin:20 auto;position:relative;overflow:hidden;border:0px solid #fff;background:transparent url(http://ndk-design.com/images/stories/menubg.png);-moz-box-shadow:1px 1px 6px #000;-webkit-box-shadow:1px 1px 6px #000;-moz-border-radius:0px 0px 20px 20px;-webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px;border-radius:0px 0px 20px 20px;font-weight:bold; } ul#menu{list-style:none;position:absolute;bottom:0px;left:20px;font-size:36px;font-style:italic;text-decoration:none;font-family:georgia;font-weight:bold italic;color:#999;letter-spacing:-2px; z-index:5} ul#menu li{float:left;margin:0px 10px 0px 0px;text-decoration:none; z-index:4; width:176px} ul#menu li.current {-moz-transform: rotate(-20deg); margin-left:-25px; margin-right:25px; -webkit-transform: rotate(-20deg);} ul#menu li.current a{bottom:-40px} ul#menu li.current i{top:25px} ul#menu li.current span.description{background-color:#000000;} ul#menu a{cursor:pointer;position:relative;float:left;bottom:-60px;line-height:20px;width:176px;text-decoration:none;} .icon_tees, .icon_about, .icon_work, .icon_help, .icon_search{width:64px;height:64px;display:block;left:140px;top:50px;position:absolute;} .icon_about{background:transparent url(http://ndk-design.com/images/stories/home.png) no-repeat top left;} .icon_work{background:transparent url(http://ndk-design.com/images/stories/stickers.png) no-repeat top left;} .icon_help{background:transparent url(http://ndk-design.com/images/stories/concours.png) no-repeat top left;} .icon_search{background:transparent url(http://ndk-design.com/images/stories/blog.png) no-repeat top left;} .icon_tees{background:transparent url(http://ndk-design.com/images/stories/tees.png) no-repeat top left;} ul#menu span.title{display:block;height:22px;text-shadow:1px 1px 1px #000;color:#ffffff;text-indent:10px; padding:5px 0} ul#menu span.description{width:140px;height:40px;background-color:transparent;border:3px solid #fff;color:#fff;display:block;font-size:18px;text-decoration:none;padding:10px;-moz-box-shadow:1px 1px 6px #000;-webkit-box-shadow:1px 1px 6px #000;box-shadow:1px 1px 6px #000;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} ul#menu a:hover span.description{background-color:#000000;} ul#menu a:hover span.title{color:#BAA378;} #bg-2 { margin: -5px; background-image: url(images/body-bg-black2.jpg); background-repeat: repeat-x; background-position: bottom left; background-attachment:scroll; background-color: none; padding-right:0px; } #illustration { margin: 5px; background-image: url("http://www.ndk-design.com/templates/universatil/images/illustration.png"); background-repeat: no-repeat; background-position: bottom center; background-attachment:fixed; background-color: none; padding-right:0px; margin-bottom:0px } /******************************************************************************/ #content { width:640px; float:right; } #content .mainsearch { margin:10px 10px 0 0; padding:10px; font-size:16px; font-weight:bold; color:#000000; } #content .maincontent { border:#000000 solid 5px; } #content .mainads { text-align:center; padding:10px; background:#ffffff; margin-top:10px; } #content .mainpost { background:#ffffff; width:310px; float:left; margin:10px 5px; } #content .mainpost .titlepost { padding:5px; background:#000000; margin-bottom:5px; } #content .mainpost .contentpost { padding:5px 5px 15px 5px; text-align:justify; border:2px solid #000000; } #content .mainpost h1 a { font-family:Arial; font-size:12px; color:#FFFFFF; text-decoration:none; } #content .mainpost h1 a:hover { color:#000000; text-decoration:none; } #content .mainpost .postcomment { float:left; margin-top:15px; } #content .mainpost .postmore { float:right; margin-top:15px; } #content .mainpost .postcomment a, .mainpost .postmore a { color:#eee; text-decoration:none; padding:5px; background:#000000; } #content .mainpost .postcomment a:hover, .mainpost .postmore a:hover { text-decoration:none; padding:5px; background:#8e8c8c; } #content .content { margin:10px 0; } #content .content .retweet { float:left; padding:0px 10px 10px 0px; } #content .content .maintitle {float:left; width:580px; } #content .submain { font-size:10px; color:#fff; text-transform:uppercase; padding:3px 5px; margin :5px 0; background:#8e8c8c; } #content .submain a { color:#fff; text-decoration:none; } /* Formating */ #content .content h1 a, .singlecontent h1 a { font-family:georgia;font-weight:bold; font-style:italic; font-size:24px; color:#333;text-decoration:none; } #content .thecontent { text-align:justify; padding:10px; } #content .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:#E41270; } #content .thecontent a { color:#39A9DC; text-decoration:none; } #content .thecontent a:hover { color:#E41270; text-decoration:none; } #content .thecontent p { padding-top:15px; } #content .thecontent blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; font-style:italic;color : #888; padding : 5px 10px 15px 30px; margin : 10px 0 20px 20px; background-image : url(images/blockquote.png); background-position : top left; background-repeat : no-repeat; } #content .thecontent h1 { color : #000; font-size : 22px; font-weight : 600; padding : 0 0 5px 0; } #content .thecontent h2 { color : #000; font-size : 20px; font-weight : 600; padding : 25px 0 5px 0; } #content .thecontent h3 { color : #000; font-size : 18px; font-weight : 600; padding : 25px 0 5px 0; } #content .thecontent h4 { color : #000; font-size : 16px; font-weight : 600; padding : 25px 0 5px 0; } #content .thecontent h5 { color : #000; font-size : 14px; font-weight : 600; padding : 25px 0 5px 0; } #content .thecontent h6 { color : #000; font-size : 12px; font-weight : 600; padding : 25px 0 5px 0; } #content .sociable { margin-left:5px; margin-top:15px; } #content .sociable h5 { margin : 0 0 5px 0; color : #453923; font-size : 12px; } #content .sociable img { padding : 3px; } /* Pagination */ #content .pagination { padding : 10px; margin : 15px 0px; float:right; } #content .pagination ul { text-align : left; font-size : 12px; } #content .pagination li { list-style : none; display : inline; } #content .pagination a { padding : 10px; margin-left : 4px; text-decoration : none; color : #eee; background:url(images/nav-bg.gif) bottom repeat-x; background-color:#000000; border:1px solid #000000; } #content .pagination a:hover, .pagination a:active { color : #eee; background:#000000; border:1px solid #8e8c8c; } #content .pagination a.currentpage { color : #eee !important ; cursor : default; background:#000000; } #content .pagination a.pages { color : #eee !important ; cursor : default; } #content .pagination a.disablelink, .pagination a.disablelink:hover { cursor : default; color : #eee; font-weight : normal !important ; } /* Comment */ #content .comment { width : 580px; padding : 5px 10px 0 0; float : left; text-align : justify; margin-top:15px; } #content .comment .comvatar { width:70px; float:left; } #content .comment .comvatar img { padding:5px; background:#453923; } #content .comment .comtext { width:475px; float:left; background:#eee; padding:10px; } #content .comment .comtext .author { text-transform:uppercase; font-weight:bold; } #content .comment a { text-decoration : none; color : #453923; } #content .comment a:hover { text-decoration : none; color : #ffffff; } #content .comment p { padding-top:5px; } #content .comment ol { list-style : none; margin : 0; } #content .comment li { padding : 0 10px 15px 5px; margin-bottom : 10px; list-style:none; } #content .comment ol img { float : left; margin-right : 10px; margin-bottom : 10px; } #content .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 } #content .comment .formc label { color : #453923; font-size : 12px; } #content .formc a { text-decoration : none; color : #333; } #content .formc a:hover { text-decoration : none; } #content .comment textarea { margin-bottom : 10px; border : 1px solid #ffffff; width : 335px; padding : 5px; } #content .comment input { margin-bottom : 10px; border : 1px solid #ffffff; width : 335px; padding : 5px; } #content .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; }