/*  
Theme Name: Padangan
Theme URI: http://www.jauhari.net/themes/padangan
Description: <p>Padangan Theme is clean layout that build with 3 Columns Layout and extra footer.</p> <p>Visit the <a href="http://www.jauhari.net/themes/padangan">Theme Page</a> for theme update and other related information.</p><p>The CSS, XHTML and design is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a></p>
Version: 1.3
Author: Nurudin Jauhari
Author URI: http://www.jauhari.net/

	This theme was designed and built by Nurudin Jauhari,
	whose blog you will find at http://jauhari.net/themes/padangan
	Crafted on 22 November 2007
	Last Edit: 15 Februry 2008 10.28  +7 GMT

	The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License:
	http://creativecommons.org/licenses/by/3.0/

*/

/* Social Style 
********************* */

html {
height:100%;
margin-bottom:0.1em;
}
* {
margin:0pt;
padding:0pt;
}
img {
border:0pt none;
}
p {
line-height:1.6em;
margin:0.7em 0pt;
}
dl {
margin:1em 0pt;
}
dt {
font-weight:bold;
}
dd {
margin:0.5em;
padding:0pt;
}
img.right {
float:right;
margin:10px 0pt 0pt 10px;
}
img.left {
float:left;
margin:0pt 10px 10px 0pt;
}
hr {
display:none;
}
body {
font-family:Arial,Helvetica,sans-serif;
font-size:75%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:170%;
margin:0pt 0pt 30px;
padding:0pt;
text-align:center;
}
a {
text-decoration:none;
}
a:link, a:visited {
color:#666666;
}
a:hover, a:active {
}
h1, h2, h3, h4, h5, h6 {
font-family:Helvetica,Arial,Sans-Serif;
}
br.clear {
clear:both;
}
#page {
background:#FFFFFF none repeat scroll 0% 50%;
margin:0pt auto;
position:relative;
text-align:left;
width:970px;
}
#sub-page {
}
#pager {
background:#B9E1E9 url(images/bg-top.png) repeat-x scroll 0pt top;
border-bottom:1px solid #93D1DD;
margin-bottom:20px;
}
#headr {
height:140px;
margin:20px 0pt 10px 0px;
padding:0pt;
position:relative;
text-align:left;
}
#headr #logr {
display:block;
height:79px;
left:0pt;
position:absolute;
top:50px;
width:400px;
}
#headr h1 a {
color:#000000;
font-size:1.8em;
}
#headr .description {
color:#286D80;
}
#headr .search {
position:absolute;
right:0pt;
top:10px;
}
#cari-padangan {
height:65px;
position:relative;
}
#cari-padangan #s {
border:2px solid #606B88;
margin-bottom:8px;
padding:5px;
width:250px;
}
#cari-padangan #s:focus, #cari-padangan #s:hover {
border:2px solid #3AA0B9;
padding:5px;
}
#cari-padangan #searchsubmit {
background:#3F4C6B none repeat scroll 0% 50%;
border-color:#606B88 rgb(28, 76, 90) rgb(28, 76, 90) rgb(96, 107, 136);
border-style:solid;
border-width:2px;
bottom:0pt;
color:#FFFFFF;
padding:3px;
position:absolute;
right:2px;
}
#content-wrap {
float:left;
width:100%;
}
#content {
margin:0pt 450px 0pt 0pt;
}

#content.wide {
margin:0 300px 0 0;
}

.side1 {
float:left;
margin-left:-430px;
width:140px;
}
.side2 {
float:left;
margin-left:-270px;
width:270px;
}

.side2 .social {
text-align: center;
}

.side2 .social a {
margin-right: 15px;
}

.side2 .social a img {
width: 25px;
height: 25px;
}

#footer {
border-top:1px solid #93D1DD;
margin:0pt auto 20px;
padding:0pt;
position:relative;
text-align:left;
width:970px;
}
#footer a {
text-decoration:underline;
}
#footer .right {
position:absolute;
right:0pt;
text-align:right;
top:0pt;
}
.rss {
background:transparent url(images/ico/feed-icon-10x10.png) no-repeat scroll left center;
padding-left:12px;
}
#headr, #navr {
margin:0pt auto;
position:relative;
width:970px;
}
.menu {
bottom:-1px;
font-size:1.2em;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
position:absolute;
right:0pt;
}
.menu li {
float:left;
position:relative;
text-align:center;
}
.menu li a {
border-left:1px solid transparent;
border-right:1px solid transparent;
border-top:1px solid transparent;
color:#FFFFFF;
display:block;
padding:2px 10px;
}
.menu li a:hover {
background:#FFFFFF none repeat scroll 0% 50%;
border-color:#93D1DD rgb(147, 209, 221) rgb(255, 255, 255);
border-style:solid;
border-width:1px;
color:#3AA0B9;
}
.menu li.current_page_item a {
background:#FFFFFF none repeat scroll 0% 50%;
border-color:#606B88 rgb(96, 107, 136) rgb(255, 255, 255);
border-style:solid;
border-width:1px;
color:#333333;
}
.post {
border-bottom:1px solid #93D1DD;
margin-bottom:30px;
padding-bottom:10px;
}
.post h2 {
font-size:24px;
letter-spacing:-1px;
line-height:32px;
}
.post h2 a {
color:#3F4C6B;
}
.post h2 a:hover {
color:#E68D15;
}

.post h3 {
margin-top:20px;
}

.post ol, .post li, .archives ol, .archives li {
margin-left:30px;
}
.wp-pagenavi {
margin-bottom:20px;
}
.post h2 span {
color:#FFFFFF;
}
.post .entry a:link, .post .entry a:visited {
text-decoration:underline;
}
.post .entry a:hover {
text-decoration:none;
}
.post h2:hover span {
color:#000000;
}
.postmetadata {
color:#666666;
padding-bottom:25px;
position:relative;
width:100%;
}
.postmetadata a {
color:#666666;
text-decoration:underline;
}
.postmetadata a:hover {
color:#000000;
text-decoration:none;
}

.post.latest {
border:none;
margin-bottom:20px;
}

.post .latest {
background-color: #ECEFF5;
border: 1px solid #3F4C6B;
padding: 10px;
}

.featured .post {
width: 200px;
margin-right: 15px;
float: left;
height: 370px;
padding: 3px;
border: 1px solid #93D1DD;
position: relative;
}

.featured .post a.article {
position: absolute;
bottom:5px;
font-weight: bold;
text-decoration:none;
}

.featured .post strong a {
   display: block;
   height: 45px;
   overflow: hidden;
}

.featured .post img.thumbnail {
height: 50px;
width: 50px;
margin: 0 5px 5px 0;
float: left;
}


.featured .post a.article:hover, .featured .post strong a:hover {
text-decoration:underline;
color: #3F4C6B;
}

.featured h2 {
color: #3F4C6B;
margin: 0 0 5px 0;
}

.post .latest h2, div.featured h2 {
font-size:18px;
}

.post .latest span.pretitle {
display:block;
font-weight: bold;
font-style: italic;
}

.firstpage .post {
border: none;
margin:0;
padding:0;
}

.abstract img {
float: left;
margin: 0 10px 10px -10px;
}

.abstract .like {
margin: 15px 0 15px 0;
height: 60px;
}

img.profile {
float: left;
margin: 0 10px 5px 0;
width: 90px;
height: 99px;
}

div.adsense {
margin: 25px 0 10px 0;
}

div.category_comments {
margin: 15px 0 0 0;
}

div.category_comment {
margin: 0 0 15px 0;
}

div.category_comment img.avatar {
margin: 5px 10px 0 0;
}

div.category_comment a {
font-weight:bold;
}

.commr {
bottom:0pt;
position:absolute;
right:0pt;
}
.commr a:link, .commr a:visited {
background:#3F4C6B none repeat scroll 0% 50%;
color:#FFFFFF;
display:block;
padding:2px 7px;
text-decoration:none;
}
.commr a:hover {
background:#000000 none repeat scroll 0% 50%;
color:#FFFFFF;
display:block;
padding:2px 7px;
text-decoration:none;
}
pre {
background:#DEF6AF none repeat scroll 0% 50%;
border:1px solid #A4BD2D;
color:#629E31;
font-family:'Courier New',Courier,Verdana,Arial,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
margin:10px 0pt;
max-height:350px;
overflow:auto;
padding:5px;
width:98%;
}
code, kbd {
color:#629E31;
font-family:'Courier New',Courier,Verdana,Arial,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:2px;
}
.codesnip-container {
background:#A4BD2D none repeat scroll 0% 50%;
border:1px solid #A4BD2D;
margin:10px;
padding:5px;
}
blockquote {
background:transparent url(images/blockquote.gif) no-repeat scroll left top;
color:#666666;
margin:1em;
padding:0pt 0pt 10px 50px;
}
.related ul {
margin-left:20px;
}
.list-themes {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}

.sociable {
border:1px solid #3F4C6B;
padding:5px 0px 5px 5px;
}

.sociable_tagline {
padding-bottom:5px;
}

.list-themes li {
float:left;
margin-bottom:10px;
padding-right:10px;
}
.list-themes li img {
border:1px solid #CCCCCC;
padding:5px;
}
.side1 ul, .side2 ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.side1 a, .side2 a {
color:#666666;
}
.side1 a:hover, .side2 a:hover {
color:#286D80;
text-decoration:underline;
}
.side1 .gap {
margin:0pt 0pt 0pt 10px;
}
.side2 .gap {
margin:0pt 0pt 0pt 10px;
}
.gap2 {
margin-bottom:10px;
}
.side1 .boxr, .side2 .boxr, .side1 .linkcat, .side2 .linkcat {
margin-bottom:20px;
}

li.linkcat {
list-style:none;
}

.side1 h2, .side2 h2 {
border-bottom:1px solid #E6B715;
color:#3F4C6B;
font-size:1.4em;
margin-bottom:10px;
margin-top:20px;
}

.side2 h2.ads-title {
margin-top: 0;
}

.box-ad {
font-size:0.9em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
overflow:hidden;
padding:0pt;
text-align:center;
width:100%;
}
.box-ad li {
display:inline;
float:left;
margin:0pt 0pt 3px 10px;
padding:0pt;
}
.box-ad li a {
text-decoration:underline;
}
.box-ad img {
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.clearfix {
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
.stats {
border-bottom:1px solid #333333;
border-top:1px solid #333333;
color:#333333;
font-size:0.9em;
}
.extra-footer {
background:#606B88 url(/wp-content/themes/Padangan/images/bg-top.png) repeat-x scroll 0pt top;
float:left;
padding:10px 0px;
width:100%;
}
.extra-footer2 {
border-top:1px solid #93D1DD;
float:left;
margin-top:10px;
width:100%;
}
.extra-one {
margin:0pt auto;
padding-left:20px;
text-align:left;
width:950px;
}
.extra-one .inner {
float:left;
width:218px;
}
.extra-one .inner h3, .extra-one h2 {
border-bottom:1px solid #3AA0B9;
color:#E6B715;
font-size:17px;
letter-spacing:-1px;
margin:0px;
padding-bottom:2px;
}
.extra-one .inner ul {
margin:0px;
padding:10px 0px 0px;
}
.extra-one .inner li {
color:#000000;
display:block;
list-style-type:none;
margin:0px;
padding:2px 0px 3px;
}
.extra-one .inner li a {
color:#ffffff;
font-weight:normal;
}
.extra-one .inner li a:hover {
color:#ffffff;
text-decoration:underline;
}
.info-rss {
background:#DEF6AF url(images/bg/bg-rssinfo.gif) no-repeat scroll right top;
border:1px solid #629E31;
padding:10px;
}
.info-rss a {
color:#40760E;
font-size:1.5em;
}
.navigation {
margin:10px 0pt;
}
.navigation a {
color:#666666;
}
.alignleft {
float:left;
width:50%;
}
.alignright {
float:right;
text-align:right;
width:50%;
}
h2.pagetitle, h3#comments, h3#respond, h3.titles, .related h3 {
border-bottom:1px solid #E6B715;
color:#3F4C6B;
margin-bottom:10px;
}
.advertisement h3 {
border-bottom:1px solid #CCCCCC;
}
.advertisement a {
text-decoration:underline;
}
.advertisement a:hover {
text-decoration:none;
}
input#addcommentbutton {
background:#666666 none repeat scroll 0% 50%;
border-color:#999999 rgb(51, 51, 51) rgb(51, 51, 51) rgb(153, 153, 153);
border-style:solid;
border-width:2px;
color:#EFEFEF;
padding:4px 10px;
}
input#addcommentbutton:hover, input#addcommentbutton:focus {
background:#333333 none repeat scroll 0% 50%;
border-color:#000000 rgb(102, 102, 102) rgb(102, 102, 102) rgb(0, 0, 0);
border-style:solid;
border-width:2px;
color:#FFFFFF;
padding:4px 10px;
}
#content .commentsfeedr {
background:transparent url(images/ico/feed.gif) no-repeat scroll left center;
padding:2px 0pt 2px 20px;
}
#content .trackbackr {
background:transparent url(images/ico/arrow_refresh.png) no-repeat scroll left center;
padding-left:20px;
}
input.textbox, textarea {
background:#FFFFFF url(images/shadow_top.gif) repeat-x scroll center top;
border:1px solid #CCCCCC;
font-family:Verdana,Arial,Serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:2px;
}
input.textbox:focus, textarea:focus {
background:#FFFFFF url(images/shadow_top.gif) repeat-x scroll center top;
border:1px solid #999999;
}
textarea#comment {
width:500px;
}
#submit, .do-comment, .cancel-comment {
padding:3px 5px;
}
#submit, .do-comment {
background:#3F4C6B none repeat scroll 0% 50%;
border-color:#606B88 rgb(28, 76, 90) rgb(28, 76, 90) rgb(96, 107, 136);
border-style:solid;
border-width:2px;
color:#FFFFFF;
margin-right:10px;
}
input.cancel-comment {
background:#BC1431 none repeat scroll 0% 50%;
border-color:#EC4A66 rgb(142, 15, 37) rgb(142, 15, 37) rgb(236, 74, 102);
border-style:solid;
border-width:2px;
color:#FFFFFF;
}
.comment {
background:#FFFFFF url(images/shadow_top.gif) repeat-x scroll center top;
border-bottom:1px solid #DDDDDD;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:1em 0.5em;
}
.alt {
background:#F9F9F9 none repeat scroll 0% 50%;
}
.MyAvatars {
border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);
border-style:solid;
border-width:1px;
float:right;
margin-left:5px;
margin-right:10px;
padding:3px;
}
.donate {
background:#EFEFEF none repeat scroll 0% 50%;
border:1px solid #CCCCCC;
padding:10px;
}
.donate h3 {
border-bottom:1px solid #CCCCCC;
margin:0pt 0pt 10px;
padding:0pt;
}
.donate p {
margin:0pt;
padding:0pt;
}
.donate span {
float:right;
}
.ads726_link {
border-bottom:1px solid #93D1DD;
margin-bottom:10px;
padding-bottom:5px;
}
.ad-right {
float:right;
padding-left:5px;
padding-bottom:10px;
}
.ad-left {
float:left;
padding-right:5px;
padding-bottom:10px;
}

.ad-left img, .ad-right img {
width:125px;
height:125px;
border:none;
}
.ads726 {
float:right;
margin-top:10px;
}
.ads468 {
text-align:center;
}
.review-me {
margin-top:20px;
}
img.wp-smiley {
vertical-align:-25%;
}

.wbucks-300 {
margin-bottom:20px;
}}

table.faq_table {
}

table.faq_table th {
border:1px solid #D3D3D3;
text-align:center;
}
table.faq_table td {
border:1px solid #D3D3D3;
}
table.faq_table thead th {
}
table.faq_table tbody td {
}
table.faq_table tbody td.urPoints {
text-align:center;
}
table.faq_table tbody td.daily {
text-align:center;
}
table.faq_table tbody td.urPoints {
background-color:#606B88;
}
table.faq_table tbody td.daily {
background-color:#cccccc;
}
table.faq_table tbody td.activity {
width:200px;
}
table.faq_table tbody td.urPoints {
width:150px;
}
table.faq_table tbody td.daily {
width:150px;
}
table.faq_table tbody td.description {
font-style:italic;
width:180px;
}

img.avatar { float:left;margin-right:10px; }

div.yiggbutton {float:right; padding:0px 5px 5px 5px}

div.share {
   left:-90px;
   position:absolute;
}

div.share div.tweetmeme_button {
  margin: 13px;
}

div#content div.facebook {
}

div#content div.facebook h2, div#content div.categorylist h2 {
font-size: 18px;
margin-bottom: 5px;
color: #3F4C6B;
}

div#content div.categorylist ul {
width: 320px;
}

div#content div.categorylist ul.left {
float: left;
}

div#content div.categorylist ul.right {
float: right;
}

div#content div.categorylist ul li {
list-style: none;
}

div#content div.categorylist a {
font-weight: bold;
}

div#content div.categorylist {
margin: 0 0 20px 0;
}

div#content div.facebook .incentive {
margin-bottom:5px;
}

div#content div.facebook div.facepile {
text-align:center;
}

div.share div.facebook {
  margin:1px;
  height:70px;
}

div.share div.buzz {
  margin:14px;
}

div.share div.like {
  margin:1px;

}

div.share div.plusone {
  margin:10px 14px;
}

#share_buttons_single_page{
 position:absolute;
 text-align: left;
 width:77px;
 height:230px;
 border:1px solid #CCCCCC;
}

#share_buttons_single_page.fixed {
 position: fixed;
 top:20px;
}


.entry div.tweetmeme_button {
   float:right;
   margin-left:10px;
}

#twitter_update_list span {
display:block;
}

div.relatedposts {
	background: #cce77d !important;
	background: -moz-linear-gradient(top, #cce77d 0%, #c9e574 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cce77d), color-stop(100%,#c9e574));
	background: -webkit-linear-gradient(top, #cce77d 0%,#c9e574 100%);
	background: -o-linear-gradient(top, #cce77d 0%,#c9e574 100%);
	background: -ms-linear-gradient(top, #cce77d 0%,#c9e574 100%);
	background: linear-gradient(top, #cce77d 0%,#c9e574 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce77d', endColorstr='#c9e574',GradientType=0 );

	border-color:#8fb127;
	border-style: solid;
	border-radius: 15px;
	border-width: 2px;

	padding: 10px;
}

div.relatedposts h3 {
	margin: 0;
	padding: 0;
        color: #8F090A;
}

div.relatedposts ul li {
	font-weight: bold;
	margin-top: 3px;
}

div.relatedposts ul li a {
	color: #000000;
}

div.smallads {
width: 255px;
height: 70px;
float:left;
margin:10px 0 10px 0;
padding: 0;
}