<data:blog.pageTitle/>
<data:blog.pageName/>
*/
/* Use this with templates/template-twocol.html */
/* autohide navigation bar */
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {background: #000000; repeat-y center top; color: #BBB; font: normal 70.5% "Trebuchet MS", Trebuchet, Verdana, Sans-serif, monospace; text-align: center;}
a:link { color:#fff7e6; text-decoration:none; }
a:visited { color:#fff2d9; text-decoration:none; }
a:hover { color:#fff7e6; text-decoration:underline; }
a img { border-width:0; }
/* Header
=================================== */
#header-wrapper { width:937px; margin:0 auto 0px; padding-bottom:6px; border:1px solid #333; background:#111; no-repeat top center; height:150px;
border-bottom: 1px solid #333 }
#head-inner { width:600px; background-position: center; margin-left: auto; margin-right: auto; float:left; }
#header h1{ margin: 5px; text-align: center; color:$pagetitlecolor; }
#header a { color:$pagetitlecolor; text-decoration:none; }
#header a:hover { color:$pagetitlecolor; }
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {width: 940px; margin:0 auto; border:2px solid #6c6b6b; padding-right:10px;padding-left:10px; background:#111; text-align:left; font: $bodyfont; }
#main-wrapper { width: 600px; float: $startSide; padding-top:0px; padding-right:10px; padding-left:4px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper { width: 320px; float: right; padding-top:5px; padding-left:0px; padding-right:0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/*Top Navbar
----------------------------------------------- */
#topnavbar {background: #111 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh3SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);width: 923px;height: 30px;color: #FFF;margin: 0;padding: 0;}
#topnavbar a, #topnavbar a:visited {font-size: 11px;font-weight: bold;color: #FFF;
text-decoration: none;}
#topnavbar a:hover {text-decoration: none;}
#topnavbar p {font-size: 11px;font-weight: bold;padding: 0;margin: 0;}
.topnavbarleft {width: 230px;float: left;margin: 0;padding: 8px 0 0 10px;}
.topnavbarright {width: 600px;float: right;margin: 0;padding: 7px 10px 0 0;text-transform: uppercase;text-align: right;}
.topnavbarright a img {border: none;margin: 0 3px 3px 0;padding: 0;}
/* Posts
----------------------------------------------- */
.post {background:#111;border-left: 3px solid #444;border-right:1px solid #444;border-top: 5px solid #444;border-bottom:1px solid #444;padding-left: 16px;padding-right: 16px;}
.post h2{background:#333;repeat-x left bottom;color: #EEE;margin-bottom: 10px;padding: 6px 0 4px;}
.post h2 a, .post h2 a:visited, .post h2 strong { display:block; text-decoration:none; font-size:135%; color:$titlecolor; font-weight:bold;}
.post h2 strong, .post h2 a:hover {color:$textcolor;}
.post-body {margin:0 0 .75em;line-height:1.6em;}
.post-body blockquote {line-height:1.3em;}
.post-footer {margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em;}
.comment-link {margin-$startSide:.6em;}
.post img {padding:4px; border:1px solid $bordercolor;}
.post blockquote {margin:1em 20px;}
.post blockquote p {margin:.75em 0;}
.date-header {background:#111;border-left: 3px solid #444;border-right:1px solid #444;border-top: 5px solid #444;padding: 16px;}
/* Sidebar Content
----------------------------------------------- */
.sidebar {background:#191919;border-left: 1px solid #444;border-right:1px solid #444;border-top: 1px solid #444;border-bottom:1px solid #444;padding: 16px;}
.sidebar h2 {background:#333;repeat-x left bottom;color: #EEE;margin-bottom: 10px;padding: 6px 0 4px;font-size:100%;}
.sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; }
.sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-10px; line-height:1.5em; }
.sidebar .widget {background: #2A2A2A;border: 1px solid #1E1E1E;border-top-color: #444;padding: 12px;}
.main .widget { margin:0 0 1.5em; padding:0 0 0.5em; }
.bottom .widget{ margin: 0px 0px 10px 13px; padding: 9px 9px 10px 9px; }
.main .Blog { border-bottom-width: 0; }
/* Comments
----------------------------------------------- */
#comments h3 {background:#333;repeat-x left bottom;color: #EEE;margin-bottom: 10px;padding: 6px 0 4px;}
#comments-block { margin:1em 0 1.5em; line-height:1.6em; }
#comments-block .comment-author{background:#191919;border-left: 1px solid #444;border-right:1px solid #444;border-top: 1px solid #444;border-bottom:1px solid #444;padding: 10px;}
#comments-block .comment-body { margin:.25em 0 0; }
#comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; }
#comments-block .comment-body p {background:#191919;border-left: 3px solid #444;border-right:1px solid #444;border-top: 3px solid #444;padding: 16px;}
.deleted-comment { font-style:italic; color:gray; }
.feed-links { clear: both; line-height: 2.5em; }
#blog-pager-newer-link { float: $startSide; }
#blog-pager-older-link { float: $endSide; }
#blog-pager { text-align: center; }
/* Profile
----------------------------------------------- */
.profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; }
.profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; }
.profile-datablock { margin:.5em 0 .5em; }
.profile-textblock { margin: 0.5em 0; line-height: 1.6em; }
.profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; }
/* bottom
---------------------------- */
#bottom {width: 940px;position: relative;clear:both;margin: 0 auto;padding: 1px;}
#bottom h2 {padding-left: 1px;padding-right: 1px;position: relative;margin: 0 0 10px 0;color:#cccccc;letter-spacing: -1px;border-bottom: 1px solid #fff; border-top: 1px solid #fff;font-size:100%;}
#left-bottom {width: 300px;float: left;padding-left:2px;padding-right:3px;background: #2A2A2A;border: 1px solid #1E1E1E;border-top-color: #444;}
#center-bottom {width: 317px;float: left;padding-left:2px;padding-right:3px;background: #2A2A2A;border: 1px solid #1E1E1E;border-top-color: #444;}
#right-bottom {width: 300px;float: left;padding-right:3px;padding-left:3px;background: #2A2A2A;border: 1px solid #1E1E1E;border-top-color:#444;}
/* footer
----------------------------------------------- */
#footer { width:935px; clear:both; margin:0 auto; background:#111;border-left: 3px solid #444;border-right:1px solid #444;border-top: 5px solid #444;padding-top:20px; padding-left:0px; padding-right:1px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center;}
.quickedit{ display:none; }
div.tec_rank { background: url(http://static.technorati.com/static/css/img/icn/talkbubble.png) 0 2px no-repeat; padding-left: 16px; border:0; }
div.tec_rank a:link, div.tec_rank a:visited { color: #390; text-decoration:none; }
div.tec_rank a:hover { border-bottom:1px dotted #390; }
span.tec_link { display:none; }
/* Navigasi Tab
----------------------------------------------- */
#nav{background:#222;height:32px;padding:4px 0 0;margin-bottom:0px}
#nav-left{float:left;display:inline; width:600px}
#nav-right{float:right;display:inline; width:100px}
#nav ul{position:relative; overflow:hidden; padding-left:0px; margin:0; font:1.0em Arial,Helvetica,sans-serif}
#nav ul li{float:left; list-style:none}
#nav ul li a, #nav ul li a:visited{display:block; color:#fff; margin:0 5px; padding:5px 4px; text-decoration:none}
#nav ul li a:hover{color:#800000; background-color:#fff; margin:0 5px; padding:5px 4px}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{margin:0 8px; background-color:#fff; color:#fff; padding:5px 7px}
/* Search
------------------------------------------------ */
#search{background:#f9f9f9 url(http://oom.blog.googlepages.com/search.gif) 6px 2px no-repeat; -moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px; border:1px solid #b3b3b3; float:right; height:25px; margin:0 0px 0 0; width:180px}
* html #search{margin-right:8px}
#search input{font-family:Verdana,Arial,Helvetica,sans-serif; background:transparent; border:0; color:#555; float:left; font-size:12px; margin:5px 0 0; padding:0px 2px 2px 27px; width:140px}
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
]]>
