/*  
Theme Name: Whitehead
Theme URI: http://www.fandangocreations.co.uk/
Description: Designed by <a href="http://www.fandangocreations.co.uk">Fandango Creations</a>
Author: Fandango Creations
Author URI: http://www.fandangocreations.co.uk
� 2009, Fandango Creations. All rights reserved.  
*/


.pagenumber {text-align: right;clear: both;font-weight: bold;padding-top: 6px;margin-top: 10px;}
.kosong {clear: both;}
body {background: #D0D4E0 repeat-x;font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #fff;text-align: center;margin: 0px;padding: 0px;}

#page {text-align: left;background:#3B5180 url(images/bg.jpg) top no-repeat; width: 1024px;margin-top: 0px;margin-bottom: 0px; margin-left: auto;margin-right: auto;}

#header {
        background: url(images/header.jpg);
        width: 1024px;
        height: 156px;
        margin: 0px auto;
        padding: 0px;
	}

#head_links {
       float:right;
       padding: 20px 50px 0 0;
       }
#head_links_left {
       float:left;
       padding:5px 80px 0 0;
       }
#head_links_right{
       float:left;
       }

.header-title {
	font-family: Tahoma, Verdana, Arial;
	color:#fff;
        float:left;
	font-size:33px;
        font-weight:bold;
	padding: 33px 0 0 0;
	text-align:left;
	}

.header-title a{
	color:#fff;
	text-decoration:none;
	border-bottom:none;
	}
.header-title a:hover{
	color:#fff;
	text-decoration:none;
	border-bottom:none;
	}
.header-description {
        font-size: 11px;
	font-family: Verdana;
        font-weight: normal;
	color:#333333;
	padding: 0px 0 0 9px;
	text-align:left;
	}

#menu {
	width: 1024px;
	margin: 0px auto;
        left: 18px;
	text-align: center;
        background: none;
        color:white;
}

#button {
	list-style: none;
	margin: -20px 3px 0 0;
	padding: 0 0 0 10px;
        background: none;
}

#button li {
	float: left;
	height: 28px;
	background: none;
	margin: 0 3px;
        padding-top:15px;
}
#button .page_item a{
	color: #f8f8f8;
	display: block;
	background: ;
	text-decoration: none;
	padding: 0px 15px 0px 15px;
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height: 28px;
}

#button .page_item a:hover{
	color: #f8f8f8;

}

#button li.current_page_item {
	color: #ffffff;
	text-decoration: none;
	background: ;
}
#button .current_page_item a, #button .current_page_item a:visited{
	color: #ffffff;
	text-decoration: none;
	background: ;
}

.rssfeed {margin:0px; padding-top:7px;}

#leftsidebar img { 
      padding: 2px;
      }

#leftsidebar a:link img  { 
      padding: 2px;
      }

#leftsidebar a:hover img  {
      padding: 2px;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}






.alt {border-top: 1px dotted #fff; border-bottom: 1px dotted #fff;}

small {font-family: Geneva, Helvetica, Sans-Serif;font-size: 10px;line-height: 1.5em;}

h1, h2, h3 {font-family: Geneva, Arial, Helvetica, sans-serif;font-weight: bold;}
h2 {font-size: 1.5em;}
h2.pagetitle {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h1, h1 a, h1 a:hover, h1 a:visited, .description {color:#fff;text-decoration: none;}
h2, h2 a, h2 a:visited, h2 a:hover, h3, h3 a, h3 a:visited {color:#F2E694;text-decoration: none;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h2, cite {text-decoration: none;}

p {line-height: 140%;}



.post_header {border:0px;font-size:Small;}

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

.commentlist li, #commentform input, #commentform textarea {font-size: 0.9em;color: #fff;}
.commentlist li {font-weight: bold;color: #fff;}.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;color: #fff;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;color: #fff;}
#commentform p {font-family: 'Geneva', Verdana, Arial, Sans-Serif;color: #fff;}
.commentmetadata {font-weight: normal;color: #fff;}



small, .nocomments, .postmetadata, blockquote, strike {color: #fff;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{ font-size: 0.9em;letter-spacing: .07em;}

a, h3 a:hover {color: #fff;text-decoration: none;}
a:hover {color: #fff;text-decoration: underline;}

.narrowcolumn {float: left;padding: 25px 16px 20px 30px;margin: 0;width: 661px;overflow: hidden;}
.widecolumn {padding: 0 0 0 0;margin: 0 0 0 80px;width: 530px;}
.post1 {text-align: justify; width: 300px; height:180px; float:left; padding:0 30px 0 0; background:none;}
.postblog {text-align: justify; float:left; padding:0; background:none;}
.post0 {text-align: justify; width: 640px; float:left; padding:0; background:none; border:none; margin:0;}
.post2 {text-align: justify; width: 535px; float:left; padding:0 10px 0 10px; background:#fff; border:#fff solid 2px; margin:7px;}
.postcomp {text-align: justify; width: 238px; height:100px; float:left; padding:0 10px 0 10px; background:#fff; border:#fff solid 2px; margin:7px;}
.post {margin: 12px 0 12px 0;text-align: justify; width: 561px;}
.post_amazon {margin: 12px 0 12px 0;text-align: justify; width: 561px; clear:both;}
.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}

#footer {background: #3B5180; padding: 0px;margin: 0px auto;width: 1024px; height: 50px; clear: both;}
#footer p {color: #fff; padding: 26px 20px 0 0; text-align: right;}
#footer a, #footer a:visited {color: #fff;text-decoration: none;}
#footer a:hover {color: #fff;text-decoration: none;}

.description {text-align: left; text-spacing: 1px; padding-left: 280px;font-size: 11px;font-weight: normal;color: #626162;}

h2 {margin: 5px 0 0;}
h2.pagetitle {margin-top: 20px;text-align: center;}
h3 {padding: 0;margin: 20px 0 0;}
h3.comments {padding: 0;margin: 40px auto 20px ;}

p img {padding: 3px ;max-width: 100%; }
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 0display: inline;}

.alignright {float: right;}
.alignleft {float: left}

.spacer {   padding: 0px;
            text-align: right;
            clear: both;
            text-transform: lowercase;
            padding-top: 3px;
            }

.spacer2 {text-align: justify; width: 20px; height:320px; float:left; padding:0; background:none;}

.spacer3 {height:15px;}

html>body .entry ul {margin-left: 0px;} 
html>body .entry li {margin: 7px 0 0px 10px;list-style-type: square;padding: 0px;}

.entry ol {padding: 0 0 0 10px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}

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

#commentform input {font-size: 11px; color: #fff; width: 170px;padding: 2px;margin: 5px 5px 1px 0;background-color: #ffffff;border: 1px solid #fff;}
#commentform textarea {font-size: 11px; color: #fff; width: 99%;padding: 2px;background-color: #ffffff;border: 1px solid #fff;}
#commentform #submit {background: #13B5E4 url(images/submit-bg.jpg) repeat-x; color: #fff; margin: 0;float: right; width: 110px; border: 1px solid #fff;}

.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}




.commentmetadata {margin: 0;display: block;}

#ticker{margin-top: 0px;margin-left: 0;float:right;font: 1em Geneva, Arial, Sans-Serif;width: 650px;padding: 0px;margin-right: 20px; clear:both;}
#ticker_body b{color:#F2E694;}

#rightsidebar{margin-top: 15px;margin-left: 0;float:right;font: 1em Geneva, Arial, Sans-Serif;color: #fff;width: 300px;padding: 0 0 0 0;margin-right: 11px;background:none;}

acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #fff;}

blockquote {margin: 15px 30px 0 10px;padding-left: 25px;font-family: Geneva, Arial, Helvetica, sans-serif;}
blockquote cite {margin: 5px 0 0;display: block;}

.center {text-align: center;}

hr {display: none;}

a img {border: none;}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 50px; background:none;}

.forum_latest ul li {list-style:none; display:inline;}

.bookshelf {}
.shelf {float:left; padding:0 10px 0 0;}
.floater {float:left;}
.floater2 {float:right;}
.imgtfe {margin: 3px 5px 3px 0; border:1px solid #13B5E4;}

/* SIDEBAR */
.sideblock {padding-bottom:3px;}
.sidelist {padding:2px 0 5px 0; margin:-8px 0 0 10px; list-style:none;}
.sidelink {color:#fff; text-decoration:none; font-size:small; font-weight:bold;}
.sidemorelink {font-weight:bold;  color:#fff;}
.sidelist a {text-decoration:none;}
.indent_side {padding-left:50px;}

/* TWITTER FEED IN SIDEBAR */
ul.twitter {list-style:none;}
li.twitter-item {padding-bottom:0px;}
/* .p.twitter-message: each one of the paragraphs (if msgs > 1)
/* .twitter-timestamp: the timestamp span class
/* .a.twitter-link: the tweet link class
/* .a.twitter-user: the @username reply link class