@charset "utf-8";
/*
Theme Name: Nescafe Raffle
Theme URI: http://siriokun.com/portfolio/nescafe/
Description: Theme for Nescafe Raffle site
Version: 1.0
Author: Rio Purnomo
Author URI: http://siriokun.com/
Author Email: rio@siriokun.com
Tags: promotion, corporate, red, coffee
Role: Slicing, Cross Browsing, PHP Templating
Initiator : Magnivate.com
*/

/*reset*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
 margin:0;
 padding:0;
}
ul, ol { list-style:none; }
a { color:#65350f; }
a:hover, a:focus { text-decoration:none }
a img, fieldset, table { border:0; }
:focus { outline:0 }
address { font-style:normal; }
.cb {
 clear:both;
 line-height:0;
 height: 0px;
}
p.right { text-align:right }
p.center { text-align:center }
.fleft { float:left }
.fright { float:right }
.hide { display:none }
hr {
 background-color: #E7E7E7;
 border:0;
 height: 1px;
 margin-bottom: 18px;
 clear:both;
}
blockquote {
 font-style: italic;
 padding: 0 3em;
}
blockquote cite, blockquote em, blockquote i { font-style: normal; }
pre {
 background: #f7f7f7;
 color: #222;
 line-height: 18px;
 margin-bottom: 18px;
 padding: 1.5em;
}
abbr, acronym {
 border-bottom: 1px dotted #666;
 cursor: help;
}
ins { text-decoration: none; }
sup, sub {
 height: 0;
 line-height: 1;
 vertical-align: baseline;
 position: relative;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
th { font-weight:bold; text-align:left; padding:7px 5px; }
td { padding:5px; }
/*default layout*/
body, input, select, textarea {
 background:none;
 color: #444;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:12px
}
input, select, textarea {
 border:1px solid #ccc;
 padding:2px 5px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 width:190px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
}
body { background:#ab171c url(images/_bg.png) center 0 no-repeat }
.wrap {
 margin:0 auto;
 width:1004px
}
#nav {
 background:url(images/nav.png) center 0 no-repeat;
 color:#fff;
 font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size:12px;
 font-weight:bold;
 height:51px;
 line-height:50px;
 text-align:center;
 text-transform:uppercase;
 text-shadow:0 1px 1px #000;
 position:relative
}
#nav h1, #nav h1 a {
 display:inline;
 margin:0 25px 0 0;
 padding:0;
 text-indent:-999em;
 overflow:hidden;
 float:right;
 height:51px;
 width:100px
}
#nav h1 a { margin:0 }
#nav li { display:inline }
#nav a {
 color:#fff;
 display:inline-block;
 height:51px;
 line-height:50px;
 text-decoration:none;
 padding:0 15px
}
#nav a:hover, #nav .on a {
 background:url(images/nav-on.png) center 6px no-repeat;
 text-shadow:0 0 1px #000
}
#nav .out {
 float:left;
 text-transform:lowercase
}
#nav .out a:hover, #nav h1 a:hover { background:none }
/* hightlight current page */
.home .nav-home a, .mekanisme .nav-mekanisme a, .tanya .nav-tanya a, .hadiah .nav-hadiah a, .pemenang .nav-pemenang a, .tvc .nav-tvc a { background:url(images/nav-on.png) center 6px no-repeat; }
#promo {
 margin:15px 0 0;
 text-align:center
}
/*content*/
#content {
 background:url(images/body.png) 41px 0 repeat-y;
 color:#65350f;
 margin:160px 0 0;
 position:relative
}
#nav-sub {
 background:url(images/nav-sub.png) center 0 no-repeat;
 height:205px;
 line-height:92px;
 margin:0 auto -205px;
 padding:0 51px;
 text-align:right;
 width:820px;
 position:relative;
 top:-205px
}
#nav-sub a {
 background:#fff url(images/tab.png) center 0 no-repeat;
 display:inline-block;
 color:#c4301d;
 font-weight:bold;
 text-align:center;
 text-decoration:none;
 margin:0 1px;
 height:28px;
 line-height:28px;
 width:81px;
 position:relative;
 top:3px;
 z-index:2
}
#nav-sub .on a { background:#fff url(images/tab.png) center bottom no-repeat; }
#nav-sub li { display:inline }
#content .entry {
 margin:-330px 95px 0;
 padding:25px 0 1px;
 position:relative;
}
.entry { display: none; }
.entry.visible { display: block; }
#content h2 {
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 top:-170px;
 left:95px;
 z-index:2;
 text-shadow:0 1px 1px #000
}
#content h3 {
 color:#c5301d;
 font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
 font-size:24px
}
#content h3, #content h4, #content h5, #content h6, #content p { margin:0 0 15px }
##content h4 { font-size:14px }
#content h5 { font-size:12px }
#content h6 { font-size:9px }
#content .entry ul, #content .entry ol, #content .col ul li, #content .col ol li {
 margin:0 0 15px 0;
 list-style:square
}
#content .col ul li, #content .col ol li { margin:0 0 0 15px }
#content .col ol li { margin:0 0 0 23px }
#content .entry ol, #content .col ol li { list-style:decimal }
#content .col li {
 float:left;
 width:380px;
 margin:0 15px 25px 0;
 list-style:none
}
#content ul.col li { margin-right:50px }
#content ul.col li ul li { margin-right:0 }
#content .col ul li, #content .col ol li {
 float:none;
 width:auto
}
#content .col.center {
 display:inline;
 float:left;
 width:400px
}
#content ul.col.last li { margin-right:0 }
#content .col.center li { text-align:center; }
#content .col li.last { margin-right:0 }
/*tanya jawab*/
dl { margin-bottom:20px }
dl ul li {
 margin-left:15px;
 list-style:square
}
dl small { font-size:11px }
dt, dd {
 background:url(images/tanya.gif) 0 5px no-repeat;
 margin:0;
 padding:0 0 0 20px;
}
dd { background-image:url(images/jawab.gif)}
dt { font-weight:bold }
.paging {
 text-align: center;
 clear:both
}
/*pemenang*/
.pemenang #content h3 {
 color:#65350f;
 font-size:18px
}
.pemenang em {
 font-style:normal;
 font-size:14px
}
.pemenang .sejuta em, .pemenang .duaratus50 em {
 display:block;
 float: left;
 width:578px
}
.pemenang .sejuta span { float:right; }
.pemenang .sejuta:after { content:''; display:block; clear:both; height:1px; }

.pemenang small { font-size:11px }
.pemenang #content ol {
 display:inline;
 margin:0 50px 25px;
 float:left;
 list-style:none
}
.pemenang-table { margin-bottom:40px; border-bottom:1px solid #6e471c; }
.pemenang-table th { border-bottom:1px solid #6e471c; }
.pemenang-table .even td { background-color:#ece5db; }
.sipemenang {
 padding-bottom:45px;
 overflow:hidden
}
.sipemenang img {
 display:inline;
 float:left;
 margin-right:30px;
 margin-bottom:30px;
}
#content .sipemenang h4 { font-size:20px; }
#content .sipemenang p { margin-bottom:5px; }
.shout {
 text-align:center;
 font-size:20px
}
/*footer*/
#footer {
 clear:both;
 background:url(images/footer.png) 41px 0 no-repeat;
 font-family:Helvetica, Verdana, Arial, sans-serif;
 padding:40px 80px;
 color:#fff;
 font-size:11px;
 text-align:center
}
.home #footer { background:none }
/*font*/
@font-face {
 font-family: "Kipp No1";
 src: local("Kipp No1"), local("Kipp-No1"), url('Kipp-No1.ttf') format('truetype');
}
#content h2 {
 font-family:"Kipp No1", Arial, Helvetica, sans-serif;
 font-weight:normal
}
/*ie6 fix*/