/* Theme Name: Centro Themes Theme URI: http://wordpress.org/ Author: Agus Edited by Pipit Tags: blue, custom header, fixed width, two columns, widgets The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Begin Typography & Colors */ /* layout styles */ #body { font: 12px Arial, Helvetica, sans-serif; color: #333; line-height: 1.4em; margin: 0 0 10px 0; padding: 0; background-color:#ff0000; } /* wrapper styles, start here */ #wrapper { width: 768px; margin: 0 auto; background-color:#FFFFFF; min-height:100%; padding-bottom:120px;height:100%;} /*global styles */ .menu1one{background-color:ff0000;} .clear { clear: both; } .clear-width { clear: both; height: 8px; margin: 0; padding:0; } .font { font-size: 22px; color: #333; } .tbody { text-align: center; font: 14px Arial, Helvetica, sans-serif; color: #333; margin: 10px 0 0 0; } .tbody p { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 6px 0 8px 0; } .tbody img { border: 0;} .tbody a { font: bold 12px Arial, Helvetica, sans-serif; color: #333; text-decoration:none; } .tbody a:hover { color: #ff0000; text-decoration:none; } /* header */ /*#topheader { background: url(images/top-bg.gif) no-repeat; width:auto; height: 122px; margin: 0; padding: 8px 0 0 0 ; }*/ #topheader { z-index:200; width:auto; height: 20px; margin: 0; padding: 8px 0 0 0 ; } /* logo */ #logo { z-index:200; background:url(images/logo.gif) no-repeat center ;float: right; width: 230px; height: 100px; padding: 25px 0 0 15px; } #logo h1 { background:url(images/logo.gif) no-repeat center ; display: block; border: 1px solid #000; padding: 0; margin: 0; width: 215px; height: 90px; text-indent: -9000px;} #logo h1 a { display: block; width: 215px; height: 90px; margin: 0; padding: 0; text-decoration: none; } #logo h1 a:hover { display: block; width: 215px; height: 90px; margin: 0; padding: 0;text-decoration: none; } #logo h4 { background:url(images/tgline.gif) no-repeat; font: bold 16px Arial, Helvetica, sans-serif; color: #000; margin: 3px 0 0 0; padding:0; text-indent: -9000px; width: 213px; height: 22px;} /* box component */ #box-component{ float: right; width: 690px; margin: 0 5px 0 0; padding: 0; color: #000;} /*top menu */ #topmenu { clear: both; margin: 0; padding: 0; } #topmenu ul { text-align: right; margin: 0; padding: 0; } #topmenu ul li { background:url(images/list-box.gif) no-repeat 0 5px; list-style-type: none; display: inline; margin: 0; padding: 0 4px 0 4px; } #topmenu ul li a { font: 15px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; margin: 0 0 0 5px ; } #topmenu ul li a:hover { color: #fff; text-decoration: none; } /* search */ #search { z-index:102;clear: both; margin: 90px 0 0 500px ; text-align: right; height: 22px; position:absolute; width:265px} #search form { float: right;margin: 0; padding: 0; } #search label { margin: 0; padding: 0; } #search input { float: left; margin: 0; padding: 0; border: 1px solid #fff; font-size: 10px; height: 17px; width: 175px; } #search .btnsearch {background:#000000; float: right; margin:0 0 0 0; width: 51px; height: 17px; } #search2 { z-index: 102; clear: both; margin: 165px 0 0 500px ; text-align: right; height: 22px; position:absolute; width:265px} #search2 form { float: right;margin: 0; padding: 0; } #search2 label { margin: 0; padding: 0; } #search2 input { float: left; margin: 0; padding: 0; border: 1px solid #fff; font-size: 10px; height: 17px; width: 175px; } #search2 .btnsearch {background:#cea742; float: right; margin:0 0 0 0; width: 51px; height: 17px; } /* Global Menu */ #globalmenu { clear: both; float: right; margin: 0 0 0 0; height: 20px; width: 768px; } /* hidden #globalmenu ul { border: 1px dotted #fff; text-align: right; margin: 0; padding: 0; } #globalmenu ul li { list-style-type: none; display: inline; margin: 0; padding: 0 4px 0 4px; } #globalmenu ul li a { font: 15px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; margin: 0 0 0 5px ; } #globalmenu ul li a:hover { color: #fff; text-decoration: none; } */ /* header */ #header {width: 768px; height: 366px; margin: 10px 0 0 0; padding: 0;} /* box banner */ #box-banner {width:215px; height:121px; margin: -210px 0 0 535px; padding: 5px 0 5px 0; position:absolute;} #box-banner img{ border: 1px solid #802421;} #box-banner2 {width:215px; height:121px; margin: -100px 0 0 535px; padding: 5px 0 5px 0; position:absolute;} #box-banner2 img{ border: 1px solid #802421;} #box-banner3 {width:215px; height:121px; margin: 10px 0 0 535px; padding: 5px 0 5px 0; position:absolute;} #box-banner3 img{ border: 1px solid #802421;} /* box what's hotr */ #box-whatshot { display: inline; border: 1px solid #802421; width: 265px; margin: -240px 0 0 691px; padding: 5px 0 5px 0; position:absolute; background:#f22a22;color:#fff; } #box-whatshot h3{ font: 15px Arial, Helvetica, sans-serif; margin: -3px 0 10px 5px; padding: 0 ; color: #fff; font-variant:small-caps;text-align:center;} #box-whatshot ul { margin: -1px; padding: 5px 20px 0 20px; list-style-type:disc; color:#fff; } /*#box-whatsho li {display: block; margin: 0; padding: 0; }*/ #box-whatshot li { color:#fff; text-decoration: none;margin-top: -6px; font-size:11px;} #box-whatshot li a { color:#fff;font-size:13px;text-decoration:none;} /* post's title */ #box-whatshot li a:hover { color: #fff; text-decoration:underline;} .date { font: 10px Arial, Helvetica, sans-serif; margin: 0 0 3px 0; padding:0; color: #fff; } #box-whatshot p { margin-top:-1px;font-size:11px;} /* first column */ #first-column {float: left; width: 240px; height: expression('240px'); min-height: 240px; margin: 200px 6px 0 0; } /* video */ #video{ background-color:#ff0000; padding-top:2px; padding-bottom:2px; margin-bottom:5px;} #video a { color:#fff; text-decoration:none } #video a:hover { text-decoration:underline } /* online centro */ #box-online { clear: both; width: 264px; height: 93px; margin: 7px 0 7px 0; } /* subscription */ #subscription { overflow: hidden; background-color: #ff0000 ; color:#fff; clear: both;padding: 7px 5px 5px 5px; width: 230px; } #subscription form { clear: both;margin: 0; padding: 2px 0 5px 0; } *html #subscription form { clear: both;margin: 0; padding: 0; } #subscription p { margin: 0; padding: 2px 0 5px 0; } *html #subscription p { margin: 0; padding: 0 0 1px 0; } #subscription input { float:left; margin: 0 2px 0 2px; padding: 0; border: 1px solid #000; font-size: 10px; width: 70px; } #subscription input.box { float:left; margin-left: 2px; padding: 0; border: 1px solid #000; font-size: 10px; width: 210px; } #subscription .btnsubmit { float: left; margin:0 0 0 0; width: 60px; height: 17px; } /* second column */ #second-column { float: left; margin: 100px 6px 0 6px; width: 251px; /*height:251px;*/ height:120px; /*background-color:#d17116;*/ border:1px solid lightgray;} #second-column img{ border:none} #gambar1{padding: 0 30px 0 0;} #gambar2{padding: 16px 0 0 0;} /* third column */ #third-column { float: left; margin: 75px 6px 0 6px; width: 235px; } #third-column h3 { font: 20px Arial, Helvetica, sans-serif; font-weight:lighter; border-bottom: 1px dotted #333; margin:-7px 0 5px 0; padding: 0;font-variant:small-caps; } #third-column h4 { float: left; font: 15px Arial, Helvetica, sans-serif;font-weight:bold; color:#222; display: block; margin:3px 0 8px 0; padding: 0;width: 260px; } #third-column h4 a { color: #222; text-decoration: none; } #third-column h4 a:hover { color: #ff391f; text-decoration: none; } #third-column img { float: left; display: block; margin: 6px 20px -40px 0;border:1px solid lightgray; padding: 0 ;} #third-column p { float: right; display: block; width: 260px; margin: 0; padding: 0 0 3px 0; font: 11px Arial, Helvetica, sans-serif;} .more { float: right; padding: 0; } .more a {display: block; font-weight: bold; float: right; color:#ff391f; margin: 0; padding: 0; text-decoration: none; } .more a:hover { color: #333; margin: 0; padding: 0; text-decoration: none; } /* upper logo */ #additionallogo{background-color:#ee2e17;width:768px; z-index:101;margin: 15px 0 3px 0;background:url(images/template-atas.jpg) no-repeat 0 5px;} /* right menu */ #rightcontent { float: left; width: 600px; margin: 4px 0 0 10px;padding: 0 0 0 0; } .breadcrumb { font: 22px Arial, Helvetica, sans-serif; color:#d30083; width: 500px; border-bottom: 1px dotted #d30083; margin: 0 0 5px 0; padding: 0 0 3px 0; } .breadcrumb a { font: 22px Arial, Helvetica, sans-serif; color:#333; text-decoration: none; } .breadcrumb a:hover { font: 22px Arial, Helvetica, sans-serif; color:#ff391f; text-decoration: none; } #rightcontent h3 a { font: 22px Arial, Helvetica, sans-serif; color:#ff391f; text-decoration: none; } #rightcontent h3 a:hover { font: 22px Arial, Helvetica, sans-serif; color:#8d1202; text-decoration: none; } #rightcontent h4 a { font: 12px Arial, Helvetica, sans-serif; color:#ff391f; text-decoration: none; font-weight:bold } #rightcontent h4 a:hover { font: 12px Arial, Helvetica, sans-serif; color:#8d1202; text-decoration: none; font-weight:bold } #rightcontent p a { font: 12px Arial, Helvetica, sans-serif; color:#ff391f; text-decoration: none; } #rightcontent p a:hover { font: 12px Arial, Helvetica, sans-serif; color:#d8df20; text-decoration: none; } #rightcontent img { border:none } /*right content jadi 1 content*/ #rightcontent1 { float: left; width: 765px; margin: 4px 0 0 0px;padding: 0 0 0 0; } .breadcrumb1 { font: 22px Arial, Helvetica, sans-serif; color:#ff391f; width: 765px; border-bottom: 1px dotted #ff391f; margin: 0 0 5px 0; padding: 0 0 3px 0; } .garisbatas{ border-bottom: 1px dotted #d30083; margin: 0 0 5px 0; padding: 0 0 3px 0;} .breadcrumb1 a { font: 22px Arial, Helvetica, sans-serif; color:#333; text-decoration: none; } .breadcrumb1 a:hover { font: 22px Arial, Helvetica, sans-serif; color:#ff391f; text-decoration: none; } #rightcontent1 h3 a { font: 22px Arial, Helvetica, sans-serif; color:#ff391f; text-decoration: none; } #rightcontent1 h3 a:hover { font: 22px Arial, Helvetica, sans-serif; color:#8d1202; text-decoration: none; } #rightcontent1 h4 a { font: 12px Arial, Helvetica, sans-serif; color:#ff391f; text-decoration: none; font-weight:bold } #rightcontent1 h4 a:hover { font: 12px Arial, Helvetica, sans-serif; color:#8d1202; text-decoration: none; font-weight:bold } #rightcontent1 p a { font: 12px Arial, Helvetica, sans-serif; color:#ff391f; text-decoration: none; } #rightcontent1 p a:hover { font: 12px Arial, Helvetica, sans-serif; color:#d8df20; text-decoration: none; } #rightcontent1 img { border:none } /* search box */ #searchcollection form { clear: both;margin: 0; padding: 0; } #searchcollection p { margin: 0; padding: 0 0 4px 0; } #searchcollection input { float:left; margin: 2px 5px 0 2px; padding: 0; border: 1px solid #000033; font-size: 12px; height: 20px; width: 100px; } #searchcollection input.box { float:left; margin-left: 2px; padding: 0; border: 1px solid #fff; font-size: 12px; height: 17px; width: 250px; } #searchcollection select { float:left; margin-left: 2px; padding: 0; border: 1px solid #000033; font-size: 12px; height: 20px; width: 250px; } #searchcollection .btnsubmit { float: left; margin:0 0 0 0; width: 57px; height: 17px; } /* view items */ #view-items { text-align: right; width: auto; margin: 10px 50px 0 0; padding: 0; } #view-items img { margin: 0; padding: 0; } #view-items a { font-weight: bold; color: #333; text-decoration: none; } #view-items a:hover { font-weight: bold; color: #ff391f; text-decoration: none; } /*footer */ #footer { font: 12px Arial, Helvetica, sans-serif; background-color:#ffffff;display: block; clear: both; min-width:100%; margin:-100px auto 0; height:100px;} #footer-inside {width:959px; text-align:center; margin:0 auto;} #footer ul { text-align: center; list-style: none; padding:15px 0 0 0; margin: 0; } #footer ul li { display: inline; margin: 0; padding: 0 8px 0 0; } #footer li a { color: #959595; margin: 0; text-decoration: none; } #footer li a:hover { color: #333; margin: 0; text-decoration: none; } #footer p { margin: 4px 0 0 0; padding: 0; color: #959595; text-align: center; } #footer p a { color: #959595; margin: 0; text-decoration: none; } #footer p a:hover { color: #333; margin: 0; text-decoration: none; } /* End captions */ /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ #rightcontent img.centered { display: block; margin-left: auto; margin-right: auto; } #rightcontent img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } #rightcontent img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } #rightcontent .alignright { float: right; } #rightcontent .alignleft { float: left } #rightcontent .thumbnail { float: left; margin: 0 5px 2px 2px; } #rightcontent .banner { float: left; margin: 0 5px 2px 2px; } /* End Images */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* archive */ #img-archive { float:left; width:97px; /*height:120px;*/ margin-right:10px} #text-archive { width:500px; /*height:120px;*/} *html #text-archive { width:400px; /*height:120px;*/} /* end archive*/ /* start addthis*/ .addthis_toolbox .custom_images a { width: 60px; height: 60px; margin: 0; padding: 0; } .addthis_toolbox .custom_images a:hover img { opacity: 1; } .addthis_toolbox .custom_images a img { opacity: 0.75; } /* end addthis*/ a img {border:none;} .article-box { padding:15px 5px; margin:20px 0 20px 0; background:#eee; } .price-box { padding:2px; margin-top:20px; border-top:1px solid #ddd; font-family:verdana, tahoma; font-size:7pt; text-align:center; display:table-cell; vertical-align:center; } .date-posted { text-align:left; font-size:8pt; color:gray; font-variant:small-caps; } .spcbutton:hover {padding-left:15px;} .spcbutton:active{padding-bottom:-2px;} .photo-box { padding:2px; text-align:center; border:1px solid #ccc; float:left; margin:0 3px; width:205px; }