/*  Theme Name: Ngatini
Theme URI: http://www.jauhari.net/themes/ngatini
Description: <p>Ngatini Theme is clean layout that build with 2 Columns Layout.</p><ul style="list-style:none;"><li>* Right Sidebar</li><li>* Widget Ready</li><li>* Change About text via Admin Profile</li><li>* Custom Image Header</li><li>* Tested on WordPress 2.1.x</li></ul> <p>Visit the <a href="http://www.jauhari.net/themes/ngatini">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.1
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/ngatini	
Crafted on 27 April 2007	
Last Edit: 23 May 2007 11.24  +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;
overflow-y:scroll;
}
* {
margin:0pt;
padding:0pt;
}
img {
border:0pt none;
}
u {
line-height:2.6em;
margin:0.7em 0pt;
}
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 {
background:#FFFFFF url(http://www.butaca.tv/images/bground.jpg) repeat scroll 0%;
color:#333333;
font-family:Georgia,Verdana,Arial,Serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:100%;
margin:0pt;
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:Georgia,Verdana,Arial,Serif;
}
.searchforminput {
background-color:transparent;
border-width:0px;
color:#000000;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
line-height:12px;
vertical-align:middle;
width:110px;
}
.langforminput {
background-color:#FFFFFF;
border-color:#8C8C8C;
border-width:2px;
color:#000000;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
line-height:12px;
vertical-align:middle;
}
.menu, .menu a {
color:#000000;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
}
.menu a:hover {
color:#000000;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
text-decoration:underline;
}
#outer_container {
background:#FFFFFF url(http://www.butaca.tv/images/border_left.jpg) repeat-y scroll left top;
margin-left:auto;
margin-right:auto;
width:1020px;
}
#inner_container {
background:transparent url(http://www.butaca.tv/images/border_right.jpg) repeat-y scroll right top;
padding:1em 0pt;
width:100%;
}
#inner_container .blogname {
padding:20px;
text-align:center;
}
#customheader {
margin-left:auto;
margin-right:auto;
text-align:center;
width:1020px;
}
.footerw {
background:transparent url(http://www.butaca.tv/images/bg_footer.gif) no-repeat scroll 0%;
font-family:Georgia,Verdana,Arial,Serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:71px;
line-height:1.6em;
margin-left:auto;
margin-right:auto;
text-align:center;
width:1020px;
}
.white {
color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
}
.white a {
color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
text-decoration:none;
}
.white a:hover {
color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
text-decoration:underline;
}
.searchinput {
background-color:#FFFFFF;
border-color:#F26522;
border-width:2px;
color:#000000;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:14px;
vertical-align:middle;
}
.greybg {
background-color:#CCCCCC;
color:#000000;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:14px;
vertical-align:middle;
}
.forminput {
background-color:#FFFFFF;
border-color:#8C8C8C;
border-width:2px;
color:#000000;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
line-height:12px;
vertical-align:middle;
}
.searchforminput {
background-color:transparent;
border-width:0px;
color:#000000;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
line-height:12px;
vertical-align:middle;
width:110px;
}
.forminputyellow {
background-color:#FFF799;
border-color:#8C8C8C;
border-width:2px;
color:#000000;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
line-height:12px;
vertical-align:middle;
}
.whitelg {
color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
}
.whitelg a {
color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
text-decoration:none;
}
.whitelg a:hover {
color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
text-decoration:underline;
}
.names {
color:#F26522;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
}
.names a {
color:#F26522;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
text-decoration:none;
}
.names a:hover {
color:#F26522;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
text-decoration:underline;
}
br.clear {
clear:both;
}
#top {
background:#999999 url(images/stripe-head1.png) repeat scroll 0%;
border-bottom:5px solid #FFFFFF;
margin-bottom:0pt;
padding:10px;
text-align:left;
}
#page {
margin:0pt auto;
text-align:left;
width:750px;
}
#headr {
margin:0pt auto;
padding:0pt;
width:750px;
}
#pager {
background:#FFFFFF none repeat scroll 0%;
height:100px;
margin:20px auto 10px;
padding:0pt;
width:1020px;
}
#content {
float:left;
padding:0pt 10px 20px 0pt;
width:510px;
}
.post {
margin-bottom:10px;
padding:10px;
}
.pp {
float:left;
width:100%;
}
.p1 {
background:#FF7A16 none repeat scroll 0%;
color:#FFFFFF;
float:left;
height:50px;
text-align:center;
width:50px;
}
.p2 {
float:left;
margin-left:10px;
width:450px;
}
.altr {
background:#EFEFEF none repeat scroll 0%;
}
#sidebar {
color:#000000;
float:right;
width:227px;
}
.side2 {
}
#footer {
background:#CCCCCC none repeat scroll 0%;
border-top:4px solid #999999;
clear:both;
color:#666666;
font-size:0.85em;
padding:10px;
text-align:center;
}
#footer .in {
margin:0pt auto;
width:750px;
}
#footer a {
color:#666666;
text-decoration:underline;
}
#footer a:hover {
text-decoration:none;
}
#sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#sidebar .linkcat, #sidebar .categories, #sidebar .boxr, #sidebar .widget {
background:#EFEFEF none repeat scroll 0%;
color:#333333;
margin-bottom:10px;
padding:10px;
}
#sidebar ul.children {
padding-left:10px;
}
#headr h1 {
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:2.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0pt;
padding:0pt;
}
#headr h1 a {
background:transparent url(images/art_h1.gif) no-repeat scroll right 50%;
color:#FFFFFF;
padding-right:40px;
}
#headr h1 a:hover {
color:#000000;
}
#headr .description {
display:none;
}
#sidebar h2 {
border-bottom:1px solid #666666;
color:#333333;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:1.4em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:5px;
padding-bottom:5px;
}
#sidebar a {
color:#666666;
}
#sidebar a:hover {
color:#333333;
}
#sidebar #avatr {
border:1px solid #666666;
}
h2.pagetitle {
border-bottom:1px solid #CCCCCC;
text-align:right;
}
.post h2 {
}
.post h2 a {
//color:#333333;
color:#b70b01;
font-size:24px;
}
.post h2 a:hover {
//color:#666666;
color:#b70b01;
font-size:24px;
}
.post ul {
margin-left:35px;
}
.post ol {
margin-left:40px;
}
p.postmetadata {
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
color:#666666;
font-size:85%;
margin-bottom:10px;
padding:5px 0pt;
}
p.postmetadata a {
color:#666666;
text-decoration:none;
}
.post ul.postspermonth {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.post p a {
border-bottom:1px solid #CCCCCC;
}
.post p a:hover {
border:medium none;
}
.post a img, .post img {
border:medium none;
float:left;
padding-bottom:10px;
padding-right:15px;
}
.categr, .monthr {
margin-bottom:20px;
}
.categr h2, .monthr h2 {
border-bottom:1px solid #CCCCCC;
}
.rss {
background:transparent url(images/feed-icon-10x10.png) no-repeat scroll left center;
padding-left:12px;
}
.navigation a {
color:#999999;
}
.navigation a:hover {
color:#666666;
text-decoration:underline;
}
.alignleft {
float:left;
width:50%;
}
.alignright {
float:right;
text-align:right;
width:50%;
}
.ileft {
float:left;
margin-right:5px;
}
p.stats {
border-color:#CCCCCC -moz-use-text-color;
border-style:solid none;
border-width:1px medium;
color:#999999;
font-size:0.8em;
}
blockquote {
background:transparent url(images/blockquote.gif) no-repeat scroll left top;
margin:1em;
padding:0pt 0pt 10px 50px;
}
#content .commentsfeedr {
background:transparent url(images/feed.png) no-repeat scroll left center;
padding-left:20px;
}
#content .trackbackr {
background:transparent url(images/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;
}
#submit {
padding:3px 5px;
}
.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%;
}
.alt:hover, .comment:hover {
background:#FFFF99 none repeat scroll 0%;
}
h3#comments, h3#respond {
border-bottom:1px solid #CCCCCC;
margin-top:10px;
}
.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;
}
#comment {
width:100%;
}
fieldset {
border:medium none;
}
textarea#cp_message {
width:100%;
}
.search {
margin-bottom:10px;
}
.search #s {
background:#EFEFEF none repeat scroll 0%;
border:2px solid #CCCCCC;
margin-right:5px;
padding:5px;
width:160px;
}
.search #s:focus {
background:#FFFFFF none repeat scroll 0%;
border:2px solid #DDDDDD;
padding:5px;
}
.search #searchsubmit {
background:#999999 none repeat scroll 0%;
border-color:#CCCCCC rgb(51, 51, 51) rgb(51, 51, 51) rgb(204, 204, 204);
border-style:solid;
border-width:2px;
color:#FFFFFF;
font-weight:bold;
padding:3px 5px;
}
.search #searchsubmit:focus, .search #searchsubmit:hover {
background:#666666 none repeat scroll 0%;
border-color:#CCCCCC rgb(51, 51, 51) rgb(51, 51, 51) rgb(204, 204, 204);
border-style:solid;
border-width:2px;
color:#FFFFFF;
font-weight:bold;
padding:5px;
}
pre {
background:#CCCCCC none repeat scroll 0%;
border:1px solid #999999;
color:#666666;
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:95%;
}
code {
color:#666666;
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;
}
.author_image {
float:right;
margin:10px;
}