
/*
Theme Name: WordPress KupongKode
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {

    font-family: Arial, Helvetica, sans-serif;
    color:#696969;
    font-size: 10px; /* Resets 1em to 10px */
    background-image:url(images/bg.jpg);
    background-repeat:repeat;
    line-height:18px;

}

#page {


}

#header a{
    color:#21A6D8;
}

.clear
{
    clear:both;
    line-height:0px;
    height:0px;
    width:0px;
    font-size:0px;
}



#search
{
    float:left;
    width:917px;
    height:53px;
    margin-bottom:3px;
}

.searchLeft
{
    float:left;
    width:13px;
    height:53px;
}

.searchBg
{
    float:left;
    width:893px;
    background-image:url(images/search_bg.png);
    background-repeat:repeat-x;
    _background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_bg.png', sizingMethod='scale');
    height:53px;
}

.searchRight
{
    float:left;
    width:11px;
    height:53px;
}

.searchContent
{
    float:left;
    text-align:right;
    width:254px;
    line-height:53px;
    font-size:14px;
    font-weight:bold;
    color:#000000;
}

.searchLeftTxt
{
    float:left;
    padding-left:5px;
    width:415px;
    padding-top:9px;
    position:relative;
}

.searchTxtBg
{
    background-image:url(images/search_txt_bg.jpg);
    width:415px;
    height:35px;
}

.searchTxt
{
    float:left;
    padding-left:4px;
    padding-top:2px;
}

.searchTxtBox
{
    height:22px;
    border:0px;
    padding-top:5px;
    font-size:16px;
    width:355px;
}

.searchButtonBg
{
    float:right;
    padding-right:5px;
    padding-top:3px;
    width:43px;
}

.searchBtn
{
    background-image:url(images/search_btn.jpg);
    width:43px;
    height:28px;
    border:0px;
    position:relative;
    cursor:pointer;
}

.leggBtn
{
    float:left;
    padding-left:28px;
    padding-top:10px;
}

.leftContent
{
    float:left;
    width:645px;
}

#headerimg 	{
    margin: 7px 9px 0;
    height: 192px;
    width: 740px;
}


#content
{
    float:left;
    width:917px;
    margin-bottom:2px;

}

.contentTop
{
    float:left;
    width:917px;
    height:12px;
}

.contentBg
{
    float:left;
    background-image:url(images/cont_bg.png);
    background-repeat:repeat-y;
    _background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cont_bg.png', sizingMethod='scale');
    width:917px;
}

.contentBottom
{
    float:left;
    width:917px;
    height:11px;
}


.widecolumn .entry p {
    font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
}

.widecolumn {
    line-height: 1.6em;
}

.narrowcolumn .postmetadata {
    text-align: center;
}

.thread-alt {
    background-color: #f8f8f8;
}
.thread-even {
    background-color: white;
}
.depth-1 {
    border: 1px solid #ddd;
}

.even, .alt {

    border-left: 1px solid #ddd;
}

#footer
{
    float:left;
    width:917px;
    height:59px;
}
#container
{
    margin:auto;
    width:917px;
}
.footerLeft
{
    float:left;
    width:20px;
    height:59px;
}

.footerBg
{
    float:left;
    width:883px;
    background-image:url(images/foot_bg.png);
    background-repeat:repeat-x;
    _background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/foot_bg.png', sizingMethod='scale');
    height:59px;
}

.footerRight
{
    float:left;
    width:14px;
    height:59px;
}

.footerlink
{
    float:left;
    padding:13px 10px 10px 0px;
    color:#fff;
    font-size:11px;
    width:500px;
}

.footerlink a
{
    color:#FFFFFF; padding-right:5px; padding-left:5px; text-transform:uppercase; text-decoration:none; line-height:20px;
}

.footer menu ul{
    padding:0;
    margin:0;
}


.footerlink a:hover
{
    color:#FFFFFF; padding-right:5px;  padding-left:5px; text-transform:uppercase; text-decoration:underline; line-height:20px;
}
.copyright
{
    float:right; font-weight:bold; text-align:right; font-family:Tahoma, Arial, Verdana; font-size:12px; color:#A9A7A5; padding-top:5px;
}

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
}

h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
}

h1 {
    font-size: 4em;
    text-align: center;
}

#headerimg .description {
    font-size: 1.2em;
    text-align: center;
}

h2 {
    font-size: 1.6em;
}

h2.pagetitle {
    font-size: 1.6em;
}

#sidebar h2 {
    font-family: arial, Verdana, Sans-Serif;
    font-size: 12px;
}

h3 {
    font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
}

.entry p a:visited {
    color: #b85b5a;
}

.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
    font-size: 1em;
}

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
}

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
}

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
}

#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
    font-weight: normal;
}

#sidebar {
    font: 12px Arial, Sans-Serif;line-height:18px;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
}

code {
    font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
    color: #5A5959;
    text-decoration: none;
}

a:hover {
    color: #5A5959;
    text-decoration: underline;
}

#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
}

#wp-calendar a {
    text-decoration: none;
    color:#21A6D8;
}

#wp-calendar caption {
    font: bold 12px  Arial, Sans-Serif;
    text-align: center;
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}
/* End Typography & Colors */



/* Begin Structure */
body {
    margin: 0;
    padding: 0;
}

#page {

    margin:auto;
    padding: 0;
    width:917px;

}



#headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
}

.narrowcolumn {
    float: left;
    padding: 0 0 20px 10px;
    margin: 0px 0 0;
    width: 635px;
    font-size:1.2em;
}

.widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 25px;
    width: 830px;
    font-size:1.2em;
}

.post {
    margin: 0 0 0px;
    text-align: justify;
    padding:10px;
}

.post hr {
    display: block;
}

.widecolumn .post {
    margin: 0;
}

.narrowcolumn .postmetadata {
    padding-top: 5px;
}

.widecolumn .postmetadata {
    margin: 0px 0;
}

.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}

.postmetadata {
    clear: both;
}

.postmetadata a {
    color:#21A6D8;
}

.clear {
    clear: both;
}


/* End Structure */



/*	Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
}

h2 {
    margin: 0px 0 0;
}

h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}

#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
}

h3 {
    padding: 0;
    margin: 0px 0 0;
}

h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
}

/*	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) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left
}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
}

html>body .entry li {
    margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {


}

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
}

.entry ol li {
    margin: 0;
    padding: 0;
}

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
}

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;

}
#sidebar ul ul li {
    list-style-type: none;
    list-style-image: url(images/bullet.jpg);



}

#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 15px;
}

#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
    list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
}

#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
}

#sidebar #searchsubmit {
    padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
              text-align:center;
}

select {
    width: 130px;
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}

#commentform {
    margin: 5px 10px 0 0;
}
#commentform textarea {
    width: 100%;
    padding: 2px;
}
#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
}
/* End Form Elements */



/* 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 */



/* Begin Sidebar */
#sidebar
{
    padding: 0px 0 10px 0;

    width: 260px;
    float:left;
}

.rightInner { width:253px; float:right; }

.Rss { width:253px; }
.Rss_bg { background:url(images/rss_bg.gif) repeat-y; width:253px; }
.Rss_img {float:left; width:69px; text-align:right;} 
.rss_feed{float:right; width:184px;}
.Rss_feedCon{font-family:Georgia, 'Times New Roman', Times, serif; font-size:20px; color:#90908A; padding:10px 5px 0px;}
.Rss_feedCon span{color:#CC5E15;}
.rss_botCon{font-size:11px; line-height:20px; padding:2px 5px;}
.rss_bookmark{  width:197px; text-align:center; padding:3px 20px 3px 30px; }
.rss_bookmark a{ text-decoration:none; color:#767676; font-size:11px; font-weight:800;   }
.rss_bookmark a:hover{ text-decoration:none; color:#767676; font-size:11px; font-weight:800; }
#sidebar form {
    margin: 0;
}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
    empty-cells: show;

    width:240px;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
                            background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
}

acronym, abbr {
    border-bottom: 1px dashed #999;
}

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
}

blockquote cite {
    margin: 5px 0 0;
    display: block;
}

.center {
    text-align: center;
}

.hidden {
    display: none;
}

hr {
    display: none;
}

a img {
    border: none;
}

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

.sliding_con
{
    position:relative;
    float:left;
}
.revised_searchContent
{
    float:left;
    text-align:right;
    width:205px;
    line-height:53px;
    font-size:14px;
    font-weight:bold;
    color:#000000;
    text-transform:uppercase;
    padding-left:4px;
    padding-right:5px;
}
.revised_email_icon
{
    float:left;
    margin:14px 0 0 0px;
}
.revised_searchBtn
{
    background-image:url(images/email_btn.jpg);
    width:115px;
    height:31px;
    border:0px;
    cursor:pointer;
    position:relative;
}

.revised_searchTxtBox
{
    height:22px;
    border:0px;
    padding-top:5px;
    font-size:16px;
    width:280px;
}
.revised_searchButtonBg
{
    float:right;
    padding-right:5px;
    padding-top:2px;
    width:115px;
}

.gratis{ width:253px; margin-top:9px; }
.gratis_bg{ background:url(images/rss_bg.gif) repeat-y; width:253px; }
.gratis_left{float:left; width:70px; text-align:right; padding-bottom:5px;}
.gratis_right{float:right; width:175px; font-size:13px; color:#010101; font-weight:bold; padding:20px 0px 5px 8px; font-family:Georgia, "Times New Roman", Times, serif; }
.gratis_right span{ color:#0878A1;}
.gratis_link  
{
    padding-bottom:20px;
}

.gratisButton{ float:left; width:16px; padding:0px 9px 0px 21px;  background:url(images/li_bg.jpg) no-repeat right; height:35px; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; font-style:italic; color:#818181; line-height:28px; }

.gratisright{ width:197px; float:left; padding:5px 0px 5px 5px; font-size:13px; color:#000000; }
.gratisright a{ text-decoration:none; font-weight:bold; text-align:left; color:#000; line-height:15px;}
.gratisright a:hover{ text-decoration:underline; font-weight:bold; text-align:left; color:#000; line-height:15px;}
.gift_but {  padding:10px 0px;}
.gift_but{ margin:10px 0px; background:url(images/gift_but.jpg) no-repeat; width:142px; height:31px; border:none; text-align:center; cursor:pointer; position:relative;}
.contentLeft
{
    padding-left:0px;
    padding-top:5px;
    float:left;
    width:635px;
}

.greyTop
{
    background-image:url(images/grey_top.jpg);
    width:635px;
    height:7px;
    font-size:1px;
}

.greyBg
{
    background-image:url(images/grey_bg.jpg);
    width:635px;
    background-repeat:repeat-y;
}

.greyBot
{
    background-image:url(images/grey_bot.jpg);
    width:635px;
    height:7px;
    font-size:1px;
}
.revised_grey_Top
{
    background-image:url(images/revised_grey_top_bg.jpg);
    width:631px;
    height:4px;
    font-size:1px;
    line-height:1px;
}
.revised_grey_Bg
{
    background-image:url(images/revised_grey_mid_bg.jpg);
    width:631px;
    background-repeat:repeat-y;
}

.revised_grey_Bot
{
    background-image:url(images/revised_grey_bot_bg.jpg);
    width:631px;
    height:4px;
    font-size:1px;
    line-height:1px;
}

.revised_inner_top_bg
{
    background-image:url(images/revised_inner_top_bg.jpg);
    width:620px;
    height:4px;
    font-size:1px; margin-left:6px;
}
.revised_inner_mid_bg
{
    background-image:url(images/revised_inner_mid_bg.jpg);
    width:620px;
    background-repeat:repeat-y; margin-left:6px;

    position:relative;
}
.revised_inner_bot_bg
{
    background-image:url(images/revised_inner_bot1_bg.jpg);
    width:620px;
    height:4px;
    font-size:1px; margin-left:6px;
    margin-top:-5px;
    _margin-top:0px;
}
.revised_inner1_bot_bg
{
    background-image:url(images/revised_inner_bot1_bg.jpg);
    width:620px;
    height:4px;
    font-size:1px; margin-left:6px;
    /*margin-top:-5px;
    _margin-top:0px;*/
}

.couponDiv
{
    float:left;
    padding-right:18px;
    padding-bottom:9px;
}
h2.widgettitle
{
    color:#21A6D8;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

