/*  
Theme Name: PJCreation2
Theme URI: http://www.papajoneh.com
Description: Fixed columns. I hate it but then, have to! Optimized with Adsense placement!
Version: 2.0
Author: Joneh Jozie TM.
Author URI: http://www.papajoneh.com
This theme was designed and built by Joneh JozieTM using PWD Mag help and from great CSS authors coder out there. Started on 2 October and I think finish by today 6 October 2007. Five(5) days to finish. I hope it displays well :)
*/

/* preparing it to be as clean as possible*/
* {margin:0;padding:0;}

/** everything starts here **/
body {font-size: 75%;color: #555;
/*so proud to have made this as i wished it to be*/
background-color: #333333;  
font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 1.5em;
margin: 15px 0 0 0;padding: 0;}

a {color: #FF1493;text-decoration: none;}
a:hover {border-bottom: 1px dashed #6cf; color: #FF7400;}
img {border: 0;}

h1, h2, {font-size: 1.2em;font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-weight: normal;letter-spacing: -1px;}
h3 {font-size: 1.0em;}
h4 {font-size: 0.9em}
h5 {font-size: 0.8em}
h6 {font-size: 6em}

/* The Tab Menu */
#tabs {height: 32px; margin: 0 auto -7px auto; overflow: hidden; padding: 0; width: 950px;}
#tabs ul {margin: 0; padding: 0 0 0 20px;width: 950px;float: left; }
#tabs li {display: inline; height: 32px; margin: 0;}
#tabs li a {background: transparent url(pic/tabmod.gif) no-repeat; color: #fff; font-family: Tahoma, "Trebuchet MS", sans-serif; font-size: 12px; float: left; height: 25px; padding: 3px 8px 0 0; text-align: center; width: 60px;}
#tabs li a:hover {background: transparent url(pic/tabmod.gif) no-repeat 0px -34px; 
border-bottom: none;
text-decoration: none; 
}
#tabs .sidetab_alt a {background: url(pic/feed.gif) no-repeat -35px 0px;height: 25px;width: 26px;}
#tabs .sidetab_alt a:hover {background: url(pic/feed.gif) no-repeat 0px 0px;border-bottom:none;text-decoration: none;}
#header {height: 200px; margin: 20px;width: 910px;}
#logo a, #logo a:hover { border: none; }
#wrap {background-color: #ffffff;border: 1px solid #ccc;border-right: 2px solid #bbb;border-bottom: 2px solid #bbb;margin:0 auto 0 auto;padding: 0;width: 950px;}
#contentwrapper{margin: 0;padding: 0;width: 100%;}
#googads{margin:0 0 10px 0;}
#content {float: left;font: 1.2em; padding: 0px 20px 10px 20px;width: 500px;margin: 0;}
#godaddy {margin:0; padding-top: 10px;}
.subheader {color: #aaa;font-weight: bold;font-style: italic;}
.entrytitle h2 {font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;font-size: 1.8em;line-height: 1em;margin:0;}
.entrytitle h2 a {color: #58BBEB;}
.entrytitle h2 a:hover {background-color: #58BBEB;color: #fff;}
.entrytitle h3 {color: #999;font-size: 0.8em;line-height: 1em;margin:0;padding-top:0.4em; border-bottom:1px dotted #eee;}
.entry {margin-bottom: 2.0em;padding-top:1em;}
.entrybody {margin-bottom: 2.0em;padding-top:1em;padding-bottom:2em;border-bottom:1px dotted #eee;}
.entrysmall {font: 0.3em;}
.entry blockquote {color: #666;margin: 0 30px 20px 30px;padding: 0 0 0 10px;border: 2px solid #fff;border-left: 2px solid #C3D9FF;}
.entrymeta {background-color: #FFFFEF;border: 1px solid #f9f7ed;padding: 3px;}
.entrymeta img {vertical-align: text-top;padding-bottom: 5px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.align-left {margin-right: 10px; float:left;}
img.align-right {margin-left: 10px; float:right;}

/*** navigation class ***/
.navigation {display: block;text-align: center;	margin-top: 10px;margin-bottom: 20px;}
.navigation {padding-bottom: 20px;border-bottom: 1px solid #eee;}
.navigation ul{margin: 0;padding: 0;}
.navigation li{list-style-type:square;margin-left: 18px;}
.alignright {float: right;}
.alignleft {float: left;}
.centered {display: block;margin: 0 auto;}
.relatedpost h3{font-size: 1.6em; font-weight: bold;}
.relatedpost li{list-style-type:circle;margin-left: 18px; padding-left: 10px;}

/* Misc, hentam apa saja here */
p, ul, ol {font: 1.1em/1.4em "Trebuchet MS", verdana, arial, helvetica, sans-serif;margin-bottom: 1em;}
ul {list-style-type: square; padding-left: 25px;}
ol {padding-left: 25px;}
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;}

#sidebar_main {float:left;margin: 0 0 0 15px;padding: 0 0 20px 0;width: 380px;height: 100%;}
#sidebar_left {float: left;margin: 0;padding-top: 25px;width: 180px;}
#sidebar_right {float: left;margin-left: 15px;padding-top: 25px;width: 180px;}
.sidebar_full {float: left;margin-top: 15px;width: 380px;}
.sidebar {font-size: 0.85em;}
.sidebar a {color: #58BBEB;font-weight: bold;}
.sidebar a:hover {background-color:#58BBEB; color:#fff;font-weight: bold;}
.sidebar h2 {color: #666633;font-size: 1.6em;margin: 0;padding: 0;}
.sidebar ul {list-style-type: none;margin: 0 0 15px 0;padding: 0;}
.sidebar ul li {list-style-type: none; list-style-image: none;margin-bottom: 0.1em;padding: 0.1em;}
.sidebar ul li ul{list-style-type: none;margin-left: 1.5em;padding: 0;border: 0;}
.sidebar ul li ul li {list-style-type: none;border: 0;}

.search fieldset {border: 0;margin: 0;padding: 0;}
.searchinput {border: 1px solid #C3D9FF;padding: 4px;width: 125px;}
.searchbutton {border: 1px solid #C3D9FF;margin: 0;padding: 2px;}
#searchform{height:30px;line-height:30px;float:left;padding-top:5px;margin:0;}
#searchform #s{font-size:8pt;width:180px;}
#searchform #submit{font-size:8pt;}
input#s{color:#666;border:1px solid #cbcbcb;background:#fcfcfc;}
.gambar{border:0;} 

/**** Kotak Feed sini ******/
#feedbox {width:353px;font-size:11px;margin:5px 0 5px 0;padding:5px; background:url(pic/info.gif) repeat-x;
border:#eee 1px solid; float:left;}
#adsbox {width: 356px; margin:5px 0 5px 0; padding:3px; border:#eee 1px solid; float:left;}

#pj_googsearch{width:353px;font-size:11px;margin:5px 0 5px 0;padding:5px;border:#eee 1px solid; float:left;}

#tajuk h2 { margin:10px 0 5px 0; padding:10px 0 0 0; font-size:15px; font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif; font-weight:bold; color:#666633;}

.commentsblock textarea {width: 35em;}
.commentsblock input, .commentsblock textarea {border: 1px solid #d1d1d1;}
.commentsblock textarea:focus {background: #eee;border: 1px solid #a1a1a1;}
.commentsblock textarea:focus, .commentsblock input:focus {background: #eee;border: 1px solid #a1a1a1;}
ol.commentlist {color: #666;list-style-type: none;margin: 0;margin-top: 1.5em;padding: 0;}
.commentlist li {margin-bottom: 2em;padding: 0.5em 1em;}
.alt1 {background: #f9f7ed;border: 1px solid #f9f7ee;padding: 0.5em;border-left: 10px solid #CDEB8B;}
.alt2 {background: #f9f7ed;padding: 0.5em;border: 1px solid #f9f7ee;border-left: 10px solid #C3D9FF;}
h3#comments, #respond {font-size: 1.2em;font-weight: italic;}
.commentcount {float: right;font-size: 20px;font-weight: bold;}
.commentcount a {color: #cccccc;}
.commentcount a:hover {color: #999999;}
.commenttext {border-top: 1px solid #ddd;}

#footer {width:940px;
background:url(pic/legkau.gif) repeat-x;height:32px;
clear:both;color:#dadada;font-size:11px;border-top:10px solid #fff;margin:0;padding:20px 0 0 10px;}

.ddsg-sitemap ul{margin: 0;padding: 0;}
.ddsg-sitemap ul li {font-weight: bold;list-style-type: none;margin: 0;padding: 0;}
.ddsg-sitemap ul li ul{list-style-type: none;margin: 15px;padding-left: 20px;}
.ddsg-sitemap ul li ul li{font-weight: normal;list-style-type: circle;}