/*
Theme Name: Prima.web.id
Theme URI: http://prima.web.id/
Description: Prima Web Indonesia.
Version: 1.0
Author: Sunaryo Hadi
Author URI: http://www.sunaryohadi.info/
Tags: fixed width, two columns

	Prima v1.0
*/
/***********************************************************************************************/
/* Reset, Accessibility Navigation & Hide, Clearfix, Default Styles
-----------------------------------------------------------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }
ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body { background: #f5f5f5 url(img/bg.jpg) repeat-x top left; color: #333; font: 62.5%/1.3 "Verdana", "Arial", "Helvetica", sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #06c; text-decoration: none; }
a:hover, a:active { color: #f00; text-decoration: underline; }

/* Layout
===============================================================================================*/
.container { width: 740px; background: url(img/b-b.jpg) repeat-y top left; margin: 0 auto; position:relative; text-align:left; overflow:hidden}
#header { width: 740px; height: 107px; display: block; overflow: hidden;  margin: 0 auto; text-align:left;}
#content { width: 462px; float: left; background: url(img/b-t.jpg) no-repeat top left; padding: 35px 32px 10px 32px; font-size: 1.1em; line-height: 1.5em; min-height: 450px;}
#sidebar { width: 214px; float: right; }
#footer { clear: both; width: 730px; margin: 0 auto; background: url(img/b-f.jpg) no-repeat 0 0; text-align: left;}

.container-top {background: url(img/b-t.jpg) no-repeat top left; display: block; overflow: hidden; }

/* 1. Header
-----------------------------------------------------------------------------------------------*/
#header .site-name, #header .site-name span { display: block; overflow: hidden; width: 526px; height: 107px; }
#header .site-name { position: relative; }
#header .site-name span { background: url('img/logo.jpg') no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }
#header a.site-name span { cursor: pointer; }
#header a.site-name {outline: none;}

/* 2. Content
-----------------------------------------------------------------------------------------------*/
#content h1, .home #content h2 {font-size: 2.0em; color: #627A18; font-weight: normal; padding: 5px 0 15px 0;}
#content h2 {font-size: 1.75em; color: #627A18; font-weight: normal; padding: 10px 0 5px 0;}
#content h3 {font-size: 1.5em; color: #627A18; font-weight: normal; padding: 10px 0 5px 0;}
#content h2 a:hover {text-decoration: none;}
#content .pagetitle {font-size: 1.25em !important;padding: 5px 0 !important;}
.post p {padding: 0 0 1.2em 0;}
.post ul {margin: -5px 0 1.2em 20px;}
.post ul li {list-style: disc; margin: 0 0 5px 0;}
.post cite { border-bottom: 1px dotted #ccc;}

.slideshow {width: 460px; height: 210px;display: block; overflow: hidden; margin: 0 0 15px 0 !important; border: 1px solid #DDEDAC; background: #fff;}
.slideshow img {width: 456px; height: 240px; padding: 2px;}

/* 3. Sidebar
-----------------------------------------------------------------------------------------------*/
#sidebar {padding: 0px; font-size: 1.1em; background: url(img/s-b.jpg) repeat-y top left !important;}
#sidebar .sftop {background: url(img/s-t.jpg) no-repeat top left !important; height: 81px; display:block !important; overflow: hidden !important;}
#sidebar ul  {padding: 0px 15px 5px 20px; background: url(img/s-t.jpg) no-repeat 0 -81px !important; }
#sidebar ul li {line-height: 1.5em; font-weight: bold; padding: 3px 0 3px 0; border-bottom: 1px solid #E8F4C6;}
#sidebar ul li a {display: block; outline: none;}
#sidebar ul li li {font-weight: normal; padding: 2px 0 2px 10px; border:0; border-top: 1px solid #E8F4C6;}
#sidebar ul ul {padding:5px 0 0 0; background-image: none !important;}
#sidebar span.sf {background: url(img/s-f.jpg) no-repeat top left;  height: 10px; display: block; overflow: hidden;}

/* 4. Footer
-----------------------------------------------------------------------------------------------*/
#footer {padding: 24px 0 20px 10px; font-size: 1.1em;}
#footer .xhtml {float:right; font-size: 0.9em; padding-right: 224px;}