/* Theme Name: Ombak Bali Theme URI: http://timpalcang.com/ Description: 2-column layout for ombak bali. Author: ombak bali Author URI: http://timpalcang.com/ Version: 1.0.0 Tags: mixed This theme was designed and built for the WordPress CMS and is copyright ombakbali.com. Modify, adapt, and customize for your own site at will! The CSS, XHTML and design of this theme are released under GPL: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html */ @font-face { font-family: "LTS_CutOut"; src: url(font/TextureRoad.ttf) format("truetype"); } /************************************************ * Resets * ************************************************/ html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a {margin:0; padding:0; border:0; vertical-align:baseline; color:#FFF;} :focus {outline:0;} body {line-height:1;} ul, ol {list-style:none;} h1, h2, h3, h4, h5, h6 {font-size:1em;} /************************************************ * General elements * ************************************************/ body {background:#000 /*url(images/bodybg.jpg) top center no-repeat fixed*/; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-bottom:20px; text-shadow:0 1px 1px #000;} h1, h2, h3, h4, h5, h6 { /*font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;*/ font-family:Georgia, Palatino Linotype, Palatino, "Times New Roman", Times, serif; } a {color:#800000; text-decoration:none;} a:hover {} blockquote {font-style:italic; background:url(images/whitetrans.png); padding:.4em 1em .7em 1em; margin:.7em 0 .3em 0;} code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;} kbd, tt {font-size:1.2em;} hr {border:1px solid #a8ef9d;} pre {overflow:auto; width:600px; background:url(images/blacktrans.png); padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */} dl {} dt {font-weight:bold;} dd {padding-left:1em;} table {margin:.5em 0;} table th {color:#a8ef9d;} table td, table th {padding:.5em .7em;} table th {background:url(images/whitetrans.png); text-transform:uppercase; border-bottom:1px transparent;} table td {background:url(images/blacktrans.png);} table tr.even td {background:url(images/blacktrans2.png);} table tr:hover td{background:url(images/whitetrans.png);} fieldset {padding:1.2em; border:1px dashed #a8ef9d;} legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;} input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em;} input, textarea {padding:.3em;} input.radio, input.checkbox {background:#fff; padding:2px;} form label{font-weight:bold; display:block;} /************************************************ * General * ************************************************/ #wrapper {margin:0 auto; padding:0; text-align:left; width:1000px;} .cleared {clear:both;} /************************************************ * Header * ************************************************/ #top #topmenu {float:left; width:640px;} #top #topmenu li {float:left; background:url(images/whitetrans.png); padding:0 .8em .2em .8em; line-height:1.5em; margin:0 .4em .4em 0;} #top #topmenu li:hover {background:url(images/blacktrans.png);} #top #topmenu li a {color:#fff; font-size:.75em;} #top #topmenu li a:hover {color:#a8ef9d;} #top #topmenu li a.rss {background:url(images/rsstrans.png) left 4px no-repeat; padding-left:17px;} #top #search {float:right; width:300px; text-align:right;} #top #searchform input {padding:3px;} #top #searchbox {width:180px; color:#555; font-size:.75em; border:1px solid #ddd; background:#eee;} #top #searchbox:hover {background:#fff;} #top .submitbutton {cursor:pointer; background:url(images/blacktrans.png); color:#fff; font-size:0.8em; padding:.08em; vertical-align:top;} #top .submitbutton:hover {background:url(images/whitetrans.png);} #header {margin-bottom:0; background: #000; } #header #logo {float:left; width:480px; margin:35px 0 10px 0;} #header #logo img {float:left; margin:4px 10px 10px 0;} #header #logo h1 a {color:#fff; font-size:2em; font-weight:normal; text-shadow:0 0 6px #555;} #header #logo h1 a:hover {color:#a8ef9d;} #header #logo #desc {font-size:.8em; color:#ddd; margin-top:.5em; line-height:1.2em;} #header #headerbanner {float:right; width:468px; margin:30px 0 10px 0; text-align:right; padding:10px; background:url(images/whitetrans.png); font-size:.8em; line-height:1.5em;} #header #headerbanner h3 {font-size:1.1em; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;} #header #headerbanner p a {border-bottom:1px dashed #a8ef9d;} #header #headerbanner a:hover {background:url(images/blacktrans.png);} #catnav {width:1000px; background: #FFF; margin-bottom: 2px; text-align: center; background:url(images/bg-menu.jpg); font-family:"LTS_CutOut", Verdana, Arial, sans-serif; text-transform:uppercase; } #nav li {float:left; /*background:url(images/blacktrans.png); line-height:2em; margin:0; */ margin:1px 0 1px 25px; font-size:21px;} /*#nav li:hover {background:url(images/blacktrans2.png);}*/ #nav li a {display:block; margin:0; font-size:0.8em; color:#000; padding:0 13px;} #nav li a:hover {color:#333; text-decoration:none; display:block;} #nav li ul {position:absolute; width:180px; left:-999em; border:1px solid #000; padding-top:0px; margin:0;} #nav li:hover ul, #nav li.sfhover ul {left:auto;} #nav li li {padding:0; margin:0; width:180px; line-height:1.5em; text-align: left;} #nav li li a {color:#000; margin:0; /*padding:7px 13px;*/ background:#FFF;} #nav li li a:hover {color:#333;} #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */ position: static;} /************************************************ * Content * ************************************************/ #main {padding: 0; background:url(images/bg-gambar-1.jpg); /*background:url(images/content-split.jpg) repeat-y center;*/ margin-bottom:3px;} #content {float:left; width:657px;padding-left:15px; padding-top:15px; padding-right:15px; /*background:#FFF url(images/bg-gambar-1.jpg) no-repeat;*/ min-height: 545px;} #contentfull {float:left; width:1000px;} #main-film {padding: 0; margin-bottom:3px; background:url(images/bg-gambar-1.jpg) center -300px;} #content-film { float:left; width:970px; padding-left:15px; padding-top:15px; padding-right:15px; margin-bottom:3px; min-height: 280px;} h2#contentdesc {font-weight:normal; font-size:1.3em; padding-bottom:15px;} h2#contentdesc span {color:#a58a1c;} .post {padding:0 0 35px 0;} .sticky {padding:10px; margin-bottom:35px; background:url(images/blacktrans.png);} .posttop {/*background:url(images/blacktrans.png); padding:10px;*/ color:#800000;} .posttop h2.posttitle {color:#cc051c; font-size:20px; text-shadow:#666 0 1px 1px;} .posttop h2.posttitle a {color:#cc051c; font-size:1.4em;} .posttop h2.posttitle a:hover {color:#cc051c; border-bottom:1px dashed #cc051c;} .postmetatop {text-transform:capitalize; font-size:0.7em; padding-top:8px; line-height:1.5em;} .postmetatop .categs {float:left; width:450px; background:url(images/categ.png) left 2px no-repeat; padding-left:20px; line-height:16px;} .postmetatop .categs a {color:#0a253d;} .postmetatop .categs a:hover {color:#0a253d;} .postmetatop .date {float:left; width:130px; text-align:right;} .postmetatop .date span {background:url(images/date.png) left no-repeat; padding-left: 20px;} .postcontent {color:#000; margin:.8em 0; font-size:0.8em; line-height:1.5em;} .postcontent h1 {padding:.8em 0; font-size:1.5em;} .postcontent h2 {padding:.8em 0; font-size:1.4em;} .postcontent h3 {padding:.8em 0; font-size:1.3em;} .postcontent h4 {padding:.8em 0; font-size:1.2em;} .postcontent h5 {padding:.8em 0; font-size:1.1em;} .postcontent h6 {padding:.8em 0; font-size:1em;} .postcontent p {padding:.6em 0 .2em 0;} .postcontent a {border-bottom:1px dashed #993e1f;} .postcontent a:hover {background:url(images/blacktrans.png);} .postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;} .postcontent ul li {list-style:disc;} .postcontent ol li {list-style:decimal;} .postmetabottom {background:url(images/whitetrans.png); padding:10px; font-size:0.8em; line-height:1.1em; margin-top:15px;} .postmetabottom a {color:#800000;} .postmetabottom a:hover {color:#000;} .postmetabottom .tags {float:left; width:440px; background:url(images/tags.png) left 1px no-repeat; padding-left:20px; line-height:16px;} .postmetabottom .readmore {float:right; width:140px; text-align:right;} .postmetabottom .readmore span {background:url(images/more.png) left 4px no-repeat; padding-left:17px;} .postmetaauthor {background:url(images/blacktrans.png); padding:10px; font-size:0.8em; line-height:1.1em; margin-top:20px;} .postmetaauthor .authorpic {float:left; width:60px; } .postmetaauthor .authordesc {float:right; width:540px; } .postmetaauthor .authordesc p.theauthor {line-height:1.4em; font-weight:bold;} .postmetaauthor .authordesc p.thedesc {line-height:1.4em; padding:.8em 0 .2em 0;} .postmetaauthor .authordesc a {color:#afdaff; border-bottom:1px dashed #afdaff;} .postmetaauthor .authordesc a:hover {background:url(images/blacktrans.png);} /************************************************ * Navigation * ************************************************/ #navigation {line-height:1.7em; margin-bottom:5px;} #navigation a {border-bottom:1px dashed #a8ef9d;} #navigation a:hover {background:url(images/blacktrans.png);} #navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;} #navigation .wp-pagenavi a:hover {color:#a8ef9d;} #navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;} /************************************************ * Comments * ************************************************/ #comments {margin:0 0 15px 0; color:#000;} #comments h3 {font-size:1em; font-weight:normal;} #comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:#e4e4e4;/*url(images/blacktrans.png);*/} #comments ul.commentlist li ul.children li {margin:20px 0 0 20px;} #comments img.avatar {float:left; margin:0 20px 0 0;} #comments .commentbody .author {font-size:.9em; margin-bottom:10px; color:#000;} #comments .commentbody .author a {color:#000; border-bottom:1px dashed #b9ff9d;} #comments .commentbody .author a:hover {color:#800000; border-bottom:1px dashed #b9ff9d;} #comments .commentbody .commentmetadata {font-size:.7em; color:#666; margin-bottom:25px;} #comments .commentbody .commentmetadata a {color:#666;} #comments .commentbody em {margin-bottom:10px; color:#eee; display:block; font-size:.8em; font-style:normal;} #comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;} #comments .commentbody p a {color:#800000; border-bottom:1px dashed #b9ff9d;} #comments .commentbody p a:hover {color:#800000; border-bottom:1px dashed #b9ff9d;} #comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#ddd; color:#000;} #comments .reply a:hover {background:#fff; color:#111;} #comments h3#trackbacktitle {padding-top:10px;} #comments ul.trackback {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);} #comments ul.trackback li {margin-bottom:17px; font-size:.9em;} #comments ul.trackback li .commentbody .author {margin:0;} #comments a#cancel-comment-reply-link {display:block; padding:8px 0;} #comments a#cancel-comment-reply-link:hover {color:#ccc;} #comments #respond {margin-top:20px;} #comments #respond h3 {margin-bottom:15px;} #comments #respond input {padding:5px; width:200px; background:#efefef; font-size:.8em;} #comments #respond p {padding:.5em 0 0 0;} #comments #respond p label {font-size:.8em; font-weight:normal;} #comments #respond textarea {width:600px; padding:10px; background:#efefef; font-size:.8em; border:none;} #comments #respond .submitbutton {color:#fff; background:url(images/blacktrans3.png); padding:6px; line-height:1.4em; font-size:.8em; text-shadow:#fff 0 1px 1px;} #comments #respond .submitbutton:hover {cursor:pointer; color:#800000; text-shadow:#fff 0 1px 1px;} #comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;} #comments #respond a{color:#800000} #comments #respond a:hover{color:#800000} /************************************************ * Sidebar * ************************************************/ #sidebar {float:right; width:310px; font-size:0.8em; /*line-height:1.4em;*/ margin:0; background:#007148 url(images/bg-boxed2.jpg) bottom} #sidebar .countdown {background:#000 url(images/filmtakeboard.jpg) no-repeat; padding:0; height:225px;} #sidebar ul li.boxed {background:#ec8a16 url(images/bg-boxed.jpg) no-repeat left -20px; padding:0 10px 10px 10px; border-bottom:3px solid #000;} #sidebar ul li.boxed2 {/*background:#015d38; background:#007148 url(images/bg-boxed2.jpg) no-repeat;*/ padding:0 10px 10px 10px; text-shadow:#000 0 1px 1px;color:#fff;min-height:250px} #sidebar ul li.boxed2 h3 {color:#ec8a16;} #sidebar ul li.boxed2 ul li a {display:block; padding:3px 5px; color:#fff} #sidebar ul li.boxed2 ul li a:hover {background:url(images/blacktrans.png); color:#ec8a16;text-shadow:#000 0 left -5px} #sidebar h3 {/*background:url(images/blacktrans.png);*/ padding:5px 10px; line-height:1.3em; font-weight:normal; font-size:1.4em; margin-bottom:10px; color: #444;} #sidebar ul ul li {padding-bottom:8px;padding-left:33px; background: url(images/sidebar-play.png) no-repeat left -1px;} #sidebar ul ul li a {display:block; padding:3px 5px; color:#800000} #sidebar ul ul li a:hover {background:url(images/blacktrans.png); color:#000;} #sidebar p {color:#eee; padding:0 5px 10px 5px;} #sidebar p a {border-bottom:1px dashed #a8ef9d;} #sidebar p a:hover {background:url(images/blacktrans.png);} #sidebar img {border:none; padding:0 5px;} #sidebar img.avatar {float:left; padding:0 15px 5px 5px;} #tag_cloud a, .widget_tag_cloud a {display:inline;} #tag_cloud a:hover {color:#fff;} li#tagbox a:hover {color:#fff;} #sidebars ul.children li {border-bottom:none;} #sidebars ul.children {margin-bottom:0;} /************************************************ * Footer * ************************************************/ #footer {float:left; clear:both; background: #FFF; /*background:url(images/blacktrans.png);*/ font-size:0.8em; } #footer .foot1 {float:left; width:310px; margin:10px 0 0 10px; display:inline;} #footer .foot2 {float:left; width:310px; margin:10px 15px 0 15px;} #footer .foot3 {float:left; width:310px; margin:10px 0 0 0;} #footer .footcont {float:left; width: 970px; background: #FFF; margin: 10px 15px 10px 15px; text-align: center; font-size:11px; color:#999; text-shadow:#000 0 1px 1px;} #footer h3 {font-weight:normal; font-size:1.4em; margin-bottom:.4em;} #footer h4 {font-weight:normal; font-size:1em; margin:.8em 0 .2em 0; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;} #footer p {line-height:1.5em; color:#eee; padding:.2em 0 .8em 0;} #footer ul li {padding:10px; margin-bottom:10px; background:url(images/blacktrans.png);} #footer ul ul li {background:url(images/bullet.png) left 7px no-repeat; line-height:1.5em; padding:0 0 0 10px; margin-bottom:4px;} #footer li a {font-weight:normal; display:block; padding:2px 5px;} #footer a:hover {background:url(images/blacktrans.png);} #footer .widget_tag_cloud a {display:inline;} #footer .widget_tag_cloud a:hover {background:none; color:#fff;} #credits {margin-top:.7em; font-size:0.7em; line-height:1.4em;} #credits a {color:#ddd;} #credits a:hover {background:url(images/blacktrans.png); color:#fff;} #credits #creditsleft {float:left; width:600px; color:#aaa;} #credits #creditsright {float:right; width:300px; text-align:right; color:#aaa;} /************************************************ * WP related * ************************************************/ .alignleft {float:left; margin:5px 15px 7px 0;} .alignright {float:right; margin:5px 0 7px 15px;} .aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;} img.alignleft {float:left; margin:5px 15px 5px 0;} img.alignright {float:right; margin:5px 0 5px 15px;} img.aligncenter {margin:10px auto; text-align:center; display:block;} .wp-caption {text-align:center; background:url(images/blacktrans.png); padding-top:6px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .wp-caption img {padding:0; margin:0; border: 0 none;} .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;} /********** * Header Scroll Div * *********/ #makeMeScrollable { width:100%; height: 330px; position: relative; } #makeMeScrollable div.scrollableArea * { position: relative; float: left; margin: 0 5px 0 0; padding: 0; } .logoz{ position: absolute; z-index: 199; left: 0; margin-top:47px; margin-left:16px; } .facebook{ position: absolute; z-index: 200; right: 55px; margin-top:270px; } .twitter{ position: absolute; z-index: 200; right: 5px; margin-top:270px; } .film{ position: absolute; z-index: 198; left: 0; } /********** * Sidebar Search * ***********/ .boxed #search {float:right; width:300px; text-align:right;} .boxed #searchform input {padding:3px;border:1px solid #333;} .boxed #searchbox {width:220px; color:#555; font-size:15px; border:1px solid #ddd; background:#eee;} .boxed #searchbox:hover {background:#fff;} .boxed .submitbutton {cursor:pointer; background:#003320; color:#fff; font-size:12px; padding:2px; vertical-align:top; font-weight:bold; text-transform: uppercase;margin-top:3px;} .boxed .submitbutton:hover {background:url(images/blacktrans.png); color:#000} /************ * CountDown * *************/ #countdown_dashboard{margin-left:30px;padding-top:163px;font-size:30px;} #countdown_dashboard .weeks_dash {float:left;margin-right:15px;} #countdown_dashboard .days_dash {float:left;margin-right:15px;} #countdown_dashboard .hours_dash {float:left;margin-right:15px;} #countdown_dashboard .minutes_dash {float:left;margin-right:15px;} #countdown_dashboard .seconds_dash {float:left;} .digit{float:left;} .digit div{color:#999;} #countdown_dashboard .dash{text-shadow:#000 0 2px 1px;} /* Theme Name: Ombak Bali Theme URI: http://timpalcang.com/ Description: 2-column layout for ombak bali. Author: ombak bali Author URI: http://timpalcang.com/ Version: 1.0.0 Tags: mixed This theme was designed and built for the WordPress CMS and is copyright ombakbali.com. Modify, adapt, and customize for your own site at will! The CSS, XHTML and design of this theme are released under GPL: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html */ @font-face { font-family: "LTS_CutOut"; src: url(font/TextureRoad.ttf) format("truetype"); } /************************************************ * Resets * ************************************************/ html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a {margin:0; padding:0; border:0; vertical-align:baseline; color:#FFF;} :focus {outline:0;} body {line-height:1;} ul, ol {list-style:none;} h1, h2, h3, h4, h5, h6 {font-size:1em;} /************************************************ * General elements * ************************************************/ body {background:#000 /*url(images/bodybg.jpg) top center no-repeat fixed*/; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-bottom:20px; text-shadow:0 1px 1px #000;} h1, h2, h3, h4, h5, h6 { /*font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;*/ font-family:Georgia, Palatino Linotype, Palatino, "Times New Roman", Times, serif; } a {color:#800000; text-decoration:none;} a:hover {} blockquote {font-style:italic; background:url(images/whitetrans.png); padding:.4em 1em .7em 1em; margin:.7em 0 .3em 0;} code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;} kbd, tt {font-size:1.2em;} hr {border:1px solid #a8ef9d;} pre {overflow:auto; width:600px; background:url(images/blacktrans.png); padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */} dl {} dt {font-weight:bold;} dd {padding-left:1em;} table {margin:.5em 0;} table th {color:#a8ef9d;} table td, table th {padding:.5em .7em;} table th {background:url(images/whitetrans.png); text-transform:uppercase; border-bottom:1px transparent;} table td {background:url(images/blacktrans.png);} table tr.even td {background:url(images/blacktrans2.png);} table tr:hover td{background:url(images/whitetrans.png);} fieldset {padding:1.2em; border:1px dashed #a8ef9d;} legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;} input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em;} input, textarea {padding:.3em;} input.radio, input.checkbox {background:#fff; padding:2px;} form label{font-weight:bold; display:block;} /************************************************ * General * ************************************************/ #wrapper {margin:0 auto; padding:0; text-align:left; width:1000px;} .cleared {clear:both;} /************************************************ * Header * ************************************************/ #top #topmenu {float:left; width:640px;} #top #topmenu li {float:left; background:url(images/whitetrans.png); padding:0 .8em .2em .8em; line-height:1.5em; margin:0 .4em .4em 0;} #top #topmenu li:hover {background:url(images/blacktrans.png);} #top #topmenu li a {color:#fff; font-size:.75em;} #top #topmenu li a:hover {color:#a8ef9d;} #top #topmenu li a.rss {background:url(images/rsstrans.png) left 4px no-repeat; padding-left:17px;} #top #search {float:right; width:300px; text-align:right;} #top #searchform input {padding:3px;} #top #searchbox {width:180px; color:#555; font-size:.75em; border:1px solid #ddd; background:#eee;} #top #searchbox:hover {background:#fff;} #top .submitbutton {cursor:pointer; background:url(images/blacktrans.png); color:#fff; font-size:0.8em; padding:.08em; vertical-align:top;} #top .submitbutton:hover {background:url(images/whitetrans.png);} #header {margin-bottom:0; background: #000; } #header #logo {float:left; width:480px; margin:35px 0 10px 0;} #header #logo img {float:left; margin:4px 10px 10px 0;} #header #logo h1 a {color:#fff; font-size:2em; font-weight:normal; text-shadow:0 0 6px #555;} #header #logo h1 a:hover {color:#a8ef9d;} #header #logo #desc {font-size:.8em; color:#ddd; margin-top:.5em; line-height:1.2em;} #header #headerbanner {float:right; width:468px; margin:30px 0 10px 0; text-align:right; padding:10px; background:url(images/whitetrans.png); font-size:.8em; line-height:1.5em;} #header #headerbanner h3 {font-size:1.1em; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;} #header #headerbanner p a {border-bottom:1px dashed #a8ef9d;} #header #headerbanner a:hover {background:url(images/blacktrans.png);} #catnav {width:1000px; background: #FFF; margin-bottom: 2px; text-align: center; background:url(images/bg-menu.jpg); font-family:"LTS_CutOut", Verdana, Arial, sans-serif; text-transform:uppercase; } #nav li {float:left; /*background:url(images/blacktrans.png); line-height:2em; margin:0; */ margin:1px 0 1px 25px; font-size:21px;} /*#nav li:hover {background:url(images/blacktrans2.png);}*/ #nav li a {display:block; margin:0; font-size:0.8em; color:#000; padding:0 13px;} #nav li a:hover {color:#333; text-decoration:none; display:block;} #nav li ul {position:absolute; width:180px; left:-999em; border:1px solid #000; padding-top:0px; margin:0;} #nav li:hover ul, #nav li.sfhover ul {left:auto;} #nav li li {padding:0; margin:0; width:180px; line-height:1.5em; text-align: left;} #nav li li a {color:#000; margin:0; /*padding:7px 13px;*/ background:#FFF;} #nav li li a:hover {color:#333;} #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */ position: static;} /************************************************ * Content * ************************************************/ #main {padding: 0; background:url(images/bg-gambar-1.jpg); /*background:url(images/content-split.jpg) repeat-y center;*/ margin-bottom:3px;} #content {float:left; width:657px;padding-left:15px; padding-top:15px; padding-right:15px; /*background:#FFF url(images/bg-gambar-1.jpg) no-repeat;*/ min-height: 545px;} #contentfull {float:left; width:1000px;} #main-film {padding: 0; margin-bottom:3px;} #content-film {background: url(images/bg-gambar-1.jpg) bottom; float:left; width:970px; padding-left:15px; padding-top:15px; padding-right:15px; margin-bottom:3px; min-height: 280px;} h2#contentdesc {font-weight:normal; font-size:1.3em; padding-bottom:15px;} h2#contentdesc span {color:#a58a1c;} .post {padding:0 0 35px 0;} .sticky {padding:10px; margin-bottom:35px; background:url(images/blacktrans.png);} .posttop {/*background:url(images/blacktrans.png); padding:10px;*/ color:#800000;} .posttop h2.posttitle {color:#cc051c; font-size:20px; text-shadow:#666 0 1px 1px;} .posttop h2.posttitle a {color:#cc051c; font-size:1.4em;} .posttop h2.posttitle a:hover {color:#cc051c; border-bottom:1px dashed #cc051c;} .postmetatop {text-transform:capitalize; font-size:0.7em; padding-top:8px; line-height:1.5em;} .postmetatop .categs {float:left; width:450px; background:url(images/categ.png) left 2px no-repeat; padding-left:20px; line-height:16px;} .postmetatop .categs a {color:#0a253d;} .postmetatop .categs a:hover {color:#0a253d;} .postmetatop .date {float:left; width:130px; text-align:right;} .postmetatop .date span {background:url(images/date.png) left no-repeat; padding-left: 20px;} .postcontent {color:#000; margin:.8em 0; font-size:0.8em; line-height:1.5em;} .postcontent h1 {padding:.8em 0; font-size:1.5em;} .postcontent h2 {padding:.8em 0; font-size:1.4em;} .postcontent h3 {padding:.8em 0; font-size:1.3em;} .postcontent h4 {padding:.8em 0; font-size:1.2em;} .postcontent h5 {padding:.8em 0; font-size:1.1em;} .postcontent h6 {padding:.8em 0; font-size:1em;} .postcontent p {padding:.6em 0 .2em 0;} .postcontent a {border-bottom:1px dashed #993e1f;} .postcontent a:hover {background:url(images/blacktrans.png);} .postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;} .postcontent ul li {list-style:disc;} .postcontent ol li {list-style:decimal;} .postcontent img {border:1px solid #999} .postmetabottom {background:url(images/whitetrans.png); padding:10px; font-size:0.8em; line-height:1.1em; margin-top:15px;} .postmetabottom a {color:#800000;} .postmetabottom a:hover {color:#000;} .postmetabottom .tags {float:left; width:440px; background:url(images/tags.png) left 1px no-repeat; padding-left:20px; line-height:16px;} .postmetabottom .readmore {float:right; width:140px; text-align:right;} .postmetabottom .readmore span {background:url(images/more.png) left 4px no-repeat; padding-left:17px;} .postmetaauthor {background:url(images/blacktrans.png); padding:10px; font-size:0.8em; line-height:1.1em; margin-top:20px;} .postmetaauthor .authorpic {float:left; width:60px; } .postmetaauthor .authordesc {float:right; width:540px; } .postmetaauthor .authordesc p.theauthor {line-height:1.4em; font-weight:bold;} .postmetaauthor .authordesc p.thedesc {line-height:1.4em; padding:.8em 0 .2em 0;} .postmetaauthor .authordesc a {color:#afdaff; border-bottom:1px dashed #afdaff;} .postmetaauthor .authordesc a:hover {background:url(images/blacktrans.png);} /************************************************ * Navigation * ************************************************/ #navigation {line-height:1.7em; margin-bottom:5px;} #navigation a {border-bottom:1px dashed #a8ef9d;} #navigation a:hover {background:url(images/blacktrans.png);} #navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;} #navigation .wp-pagenavi a:hover {color:#a8ef9d;} #navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;} /************************************************ * Comments * ************************************************/ #comments {margin:0 0 15px 0; color:#000;} #comments h3 {font-size:1em; font-weight:normal;} #comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:#e4e4e4;/*url(images/blacktrans.png);*/} #comments ul.commentlist li ul.children li {margin:20px 0 0 20px;} #comments img.avatar {float:left; margin:0 20px 0 0;} #comments .commentbody .author {font-size:.9em; margin-bottom:10px; color:#000;} #comments .commentbody .author a {color:#000; border-bottom:1px dashed #b9ff9d;} #comments .commentbody .author a:hover {color:#800000; border-bottom:1px dashed #b9ff9d;} #comments .commentbody .commentmetadata {font-size:.7em; color:#666; margin-bottom:25px;} #comments .commentbody .commentmetadata a {color:#666;} #comments .commentbody em {margin-bottom:10px; color:#eee; display:block; font-size:.8em; font-style:normal;} #comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;} #comments .commentbody p a {color:#800000; border-bottom:1px dashed #b9ff9d;} #comments .commentbody p a:hover {color:#800000; border-bottom:1px dashed #b9ff9d;} #comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#ddd; color:#000;} #comments .reply a:hover {background:#fff; color:#111;} #comments h3#trackbacktitle {padding-top:10px;} #comments ul.trackback {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);} #comments ul.trackback li {margin-bottom:17px; font-size:.9em;} #comments ul.trackback li .commentbody .author {margin:0;} #comments a#cancel-comment-reply-link {display:block; padding:8px 0;} #comments a#cancel-comment-reply-link:hover {color:#ccc;} #comments #respond {margin-top:20px;} #comments #respond h3 {margin-bottom:15px;} #comments #respond input {padding:5px; width:200px; background:#efefef; font-size:.8em;} #comments #respond p {padding:.5em 0 0 0;} #comments #respond p label {font-size:.8em; font-weight:normal;} #comments #respond textarea {width:600px; padding:10px; background:#efefef; font-size:.8em; border:none;} #comments #respond .submitbutton {color:#fff; background:url(images/blacktrans3.png); padding:6px; line-height:1.4em; font-size:.8em; text-shadow:#fff 0 1px 1px;} #comments #respond .submitbutton:hover {cursor:pointer; color:#800000; text-shadow:#fff 0 1px 1px;} #comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;} #comments #respond a{color:#800000} #comments #respond a:hover{color:#800000} /************************************************ * Sidebar * ************************************************/ #sidebar {float:right; width:310px; font-size:0.8em; /*line-height:1.4em;*/ margin:0; background:#007148 url(images/bg-boxed2.jpg) bottom} #sidebar .countdown {background:#000 url(images/filmtakeboard.jpg) no-repeat; padding:0; height:225px;} #sidebar ul li.boxed {background:#ec8a16 url(images/bg-boxed.jpg) no-repeat left -20px; padding:0 10px 10px 10px; border-bottom:3px solid #000;} #sidebar ul li.boxed2 {/*background:#015d38; background:#007148 url(images/bg-boxed2.jpg) no-repeat;*/ padding:0 10px 10px 10px; text-shadow:#000 0 1px 1px;color:#fff;min-height:250px} #sidebar ul li.boxed2 h3 {color:#ec8a16;} #sidebar ul li.boxed2 ul li a {display:block; padding:3px 5px; color:#fff} #sidebar ul li.boxed2 ul li a:hover {background:url(images/blacktrans.png); color:#ec8a16;text-shadow:#000 0 left -5px} #sidebar h3 {/*background:url(images/blacktrans.png);*/ padding:5px 10px; line-height:1.3em; font-weight:normal; font-size:1.4em; margin-bottom:10px; color: #444;} #sidebar ul ul li {padding-bottom:8px;padding-left:33px; background: url(images/sidebar-play.png) no-repeat left -1px;} #sidebar ul ul li a {display:block; padding:3px 5px; color:#800000} #sidebar ul ul li a:hover {background:url(images/blacktrans.png); color:#000;} #sidebar p {color:#eee; padding:0 5px 10px 5px;} #sidebar p a {border-bottom:1px dashed #a8ef9d;} #sidebar p a:hover {background:url(images/blacktrans.png);} #sidebar img {border:none; padding:0 5px;} #sidebar img.avatar {float:left; padding:0 15px 5px 5px;} #tag_cloud a, .widget_tag_cloud a {display:inline;} #tag_cloud a:hover {color:#fff;} li#tagbox a:hover {color:#fff;} #sidebars ul.children li {border-bottom:none;} #sidebars ul.children {margin-bottom:0;} /************************************************ * Footer * ************************************************/ #footer {float:left; clear:both; background: url(images/bg-footer.jpg) center no-repeat; /*background:url(images/blacktrans.png);*/ font-size:0.8em; height:38px; } #footer .foot1 {float:left; width:310px; margin:10px 0 0 10px; display:inline;} #footer .foot2 {float:left; width:310px; margin:10px 15px 0 15px;} #footer .foot3 {float:left; width:310px; margin:10px 0 0 0;} #footer .footcont {float:left; width: 970px; margin: 10px 15px 10px 15px; text-align: center; font-size:11px; color:#000; text-shadow:#fff 0 1px 1px;} #footer h3 {font-weight:normal; font-size:1.4em; margin-bottom:.4em;} #footer h4 {font-weight:normal; font-size:1em; margin:.8em 0 .2em 0; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;} #footer p {line-height:1.5em; color:#eee; padding:.2em 0 .8em 0;} #footer ul li {padding:10px; margin-bottom:10px; background:url(images/blacktrans.png);} #footer ul ul li {background:url(images/bullet.png) left 7px no-repeat; line-height:1.5em; padding:0 0 0 10px; margin-bottom:4px;} #footer li a {font-weight:normal; display:block; padding:2px 5px;} #footer a:hover {background:url(images/blacktrans.png);} #footer .widget_tag_cloud a {display:inline;} #footer .widget_tag_cloud a:hover {background:none; color:#fff;} #credits {margin-top:.7em; font-size:0.7em; line-height:1.4em;} #credits a {color:#ddd;} #credits a:hover {background:url(images/blacktrans.png); color:#fff;} #credits #creditsleft {float:left; width:600px; color:#aaa;} #credits #creditsright {float:right; width:300px; text-align:right; color:#aaa;} /************************************************ * WP related * ************************************************/ .alignleft {float:left; margin:5px 15px 7px 0;} .alignright {float:right; margin:5px 0 7px 15px;} .aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;} img.alignleft {float:left; margin:5px 15px 5px 0;} img.alignright {float:right; margin:5px 0 5px 15px;} img.aligncenter {margin:10px auto; text-align:center; display:block;} .wp-caption {text-align:center; background:url(images/blacktrans.png); padding-top:6px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .wp-caption img {padding:0; margin:0; border: 0 none;} .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;} /********** * Header Scroll Div * *********/ #makeMeScrollable { width:100%; height: 330px; position: relative; } #makeMeScrollable div.scrollableArea * { position: relative; float: left; margin: 0 5px 0 0; padding: 0; } .logoz{ position: absolute; z-index: 199; left: 0; margin-top:47px; margin-left:16px; } .facebook{ position: absolute; z-index: 200; right: 55px; margin-top:270px; } .twitter{ position: absolute; z-index: 200; right: 5px; margin-top:270px; } .film{ position: absolute; z-index: 198; left: 0; } /********** * Sidebar Search * ***********/ .boxed #search {float:right; width:300px; text-align:right;} .boxed #searchform input {padding:3px;border:1px solid #333;} .boxed #searchbox {width:220px; color:#555; font-size:15px; border:1px solid #ddd; background:#eee;} .boxed #searchbox:hover {background:#fff;} .boxed .submitbutton {cursor:pointer; background:#003320; color:#fff; font-size:12px; padding:2px; vertical-align:top; font-weight:bold; text-transform: uppercase;margin-top:3px;} .boxed .submitbutton:hover {background:url(images/blacktrans.png); color:#000} /************ * CountDown * *************/ #countdown_dashboard{margin-left:30px;padding-top:163px;font-size:30px;} #countdown_dashboard .weeks_dash {float:left;margin-right:15px;} #countdown_dashboard .days_dash {float:left;margin-right:15px;} #countdown_dashboard .hours_dash {float:left;margin-right:15px;} #countdown_dashboard .minutes_dash {float:left;margin-right:15px;} #countdown_dashboard .seconds_dash {float:left;} .digit{float:left;} .digit div{color:#999;} #countdown_dashboard .dash{text-shadow:#000 0 2px 1px;}