/*
THEME NAME: Prima
THEME URI: http://prima.web.id/blog/sandbox-prima.htm
DESCRIPTION: Prima is a CSS design for use with the <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a>
VERSION: 1.0
AUTHOR: Sunaryo Hadi
AUTHOR URI: http://www.sunaryohadi.info/
TEMPLATE: sandbox
*/

/* GENERAL DEFINITION */
body {height:100%; margin: 0 auto; padding:0;background: #ecd6b4 url(bg.png) repeat-x scroll center top; 
font: 16px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; color: #000; text-align:center;}
p {margin: 7px 0; padding:0;}
a {color: #004507;outline: none;cursor: hand;}
a:hover {color: #ee2617;}
img {border: 0;}
img.left, img.alignleft {float:left; margin-right: 10px;}
img.right, img.alignright {float:right; margin-left: 10px;}
.wp-caption {
   /*border: 1px solid #ddd;*/
   text-align: center;
   /*background-color: #f3f3f3;*/
   padding-top: 4px;
   margin: 5px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 9px;
   line-height: 12px;
   padding: 0 2px 3px;
   margin: 0;
}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/* LAYOUT SETTING */
#wrapper, #header, #access, #container, #primary, #secondary, #footer {display:inline-block;overflow:hidden; text-align: left;}
#wrapper {width:100%; margin:0 auto; /*padding-left: 10px;*/}
#container {width: 500px; float:left; margin-bottom: 20px; margin-left: 15px; padding-left: 50px; }
#header {width:900px; height: 96px; background:#004507 url(header.gif) no-repeat 0 0; margin-left:10px; }
.skip-link {display:none;}
#access {height: 28px; margin-bottom: 15px; margin-left: 180px; 
background:#004507; /*transparent url(header-bg.jpg) no-repeat bottom left;*/ line-height:1.2em;}
#menu {width:770px;}
#menu ul {list-style:none; margin:0;padding:0;}
#menu ul li {display:inline; font-size: 14px; font-weight: bold;}
#menu ul li a {display:inline-block; overflow:hidden; height:28px; float:left; padding: 8px 13px 0 17px;
        border-right: 1px solid #004507; margin: 0 1px 0 0; text-decoration: none; background: #808f12; transparent url(menu-bg.png) o-repeat top left; }
#menu ul li a:hover {background:#808f12; transparent url(menu-bg-hover.png) no-repeat top left;} 

/* HEADER SECTION */
#header a {color: #ee2617; text-decoration: none;}
#header a:hover {color: #ee2617;}
#blog-title { display: none; font-size: 36px Helvetica, "Trebuchet MS", Arial, Tahoma, sans-serif;; margin:0;padding:27px 0 0 0; font-weight: bold;letter-spacing: 2px;  line-height:1.0em;}
#blog-description {display: none; font-size: 16px; margin:5px 0 0 0;padding:0 0 0 0; font-weight: bold; line-height:1.0em; color:#EBE9D6;}

/* CONTENT SECTION */
.post {margin:0; padding-bottom: 15px; /* background: transparent url(hrbg.gif) no-repeat bottom center;*/}
.entry-title {font-size: 20px; font-weight:bold;line-height: 1.3em; margin:5px 0 0 0; padding:0; color: #4C4646; font-variant: small-caps;}
.entry-title a {text-decoration: none; font-variant: small-caps; color: #4C4646;margin:0; padding: 0;}
.entry-title a:hover {color: #ee22617; text-decoration: underline;}
.entry-date {font-size:11px;border:none; margin:3px 0; padding:0 0 0 20px; color: #ee2617; 
      background: transparent url(cal.png) no-repeat 0 0; line-height: 16px;}
.entry-content {line-height:1.5em; color: #4C4646; margin:5px 0; padding: 10px 17px; /*background: #f9ecd9;
              border-top: 1px solid #fff; border-left: 1px solid #fff; 
              border-right: 1px solid #E2DEC5; border-bottom: 1px solid #E2DEC5;*/}
.published {text-decoration: none;border:none;margin:0; padding:0;}
.entry-meta {color: ##4C4646; font-size:12px; line-height:1.4em; padding: 5px; margin:0; padding:0; text-align:justify; display:inline-block;overflow:hidden;}
.author, .cat-links, .comments-links {font-size:12px;line-height:1.4em;}
.author a {background: transparent url(user.png) no-repeat 0 0; padding-left: 17px;}
.cat-links a {background: transparent url(folder.png) no-repeat 0 0; padding-left: 18px;}
.edit-link a {background: transparent url(edit.png) no-repeat 0 0; padding-left: 18px;}
.comments-link {background: transparent url(comment.png) no-repeat 0 0; padding-left: 18px;}
.page-title {color: #83783D; font-size: 16px; font-weight: bold; margin:0 0 20px 0; padding:1px 0;
              border-top: 1px solid #C7BE8D; border-bottom: 1px solid #E2DEC5;}
.page-title span {color: ee2617;text-transform: uppercase; }
#nav-above {display:inline-block;overflow:hidden; margin-bottom: 20px; }
.meta-nav {display:none;}
.navigation a {text-decoration: none;}
.navigation a:hover {text-decoration: underline;}
.nav-previous {width: 250px; float:left;display:inline-block;overflow:hidden; 
        background: transparent url(left.png) no-repeat left 3px; padding-left: 22px;}
.nav-next {width: 200px; float:right;display:inline-block;overflow:hidden; text-align:right;
    background: transparent url(right.png) no-repeat right 3px; padding-right: 22px;}
#nav-below {display: none;}

/* PRIMARY SECTION */
#primary { width: 250px; float:left; font-size:13px; color: #4C4646; line-height:1.5em; margin: 60px 0 0 20px; border-left: 1px solid; padding-left: 20px;}
#primary ul.xoxo,#primary ul.xoxo li ul {margin:0;padding:0 0 7px 0; list-style:none;}
#primary ul li {margin:0 0 25px 0;padding:0px; /*border-top: 1px solid #C7BE8D; border-bottom: 1px solid #E2DEC5;*/}
#primary h3 {margin:0;padding:3px 7px 0 7px; color: #4C4646; font-size: 14px; font-weight: bold; 
/*background: transparent url(hrbg.gif) no-repeat bottom center;*/ text-align:left; letter-spacing: 1px;
text-transform: uppercase;}
#primary li ul li {margin-top: 1px; margin:0;padding:0 7px 0px 14px; border:0;}
#primary ul li ul li a {margin:0; padding: 0; border-top: 0px solid #E0E8A8; text-decoration: none; outline: 0;}
#primary ul li ul li a:hover {text-decoration: underline;}

/* SECONDARY SECTION */
#secondary { clear:both; width:770px; background: #E9E5D1 url(secondary-bg.png) no-repeat bottom left; 
    padding-bottom: 10px; margin: 0 0 20px 50px; line-height:1.4em; color: #004507;}
#secondary a {text-decoration: none;}
#secondary a:hover {text-decoration: underline;}
#secondary h3 {margin:0;padding:3px 7px 15px 7px; color: #83783D; font-size: 12px; font-weight: bold; 
text-transform: uppercase;}
#secondary ul.xoxo {width:770px; background: transparent url(secondary-top.png) no-repeat; 
         margin:0; padding:10px 0 10px 0px; list-style: none; display: inline-block; overflow: hidden;}
#secondary ul.xoxo li {width: 235px; float:left; padding-left:15px; display:inline-block; overflow: hidden;}
#secondary ul.xoxo li ul { list-style: none;	margin:0; padding: 0; font-size:13px;}
#secondary ul.xoxo li ul li {float:none;}
#secondary ul.xoxo li h3 { margin:0; padding:5px 0;	font-size: 16px;}

/* FOOTER */
#footer {width: 100%; height: auto; text-align: center; color: #004507; 
          background: #004507 url(bg1.jpg) /*repeat-x*/ scroll center top; padding-top: 20px;}
#footer a {text-decoration: none;}

/* OTHERS : Form, Comments, Calendar*/
input,textarea {margin: 0 14px; font: 14px/1.0em "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
      background: #fff url(input-bg.jpg) repeat-x bottom left; border: 1px solid #E2DEC5; padding: 3px 5px; margin-bottom: 5px;}
form#searchform {margin:0;padding: 5px 0; display:inline-block; overflow:hidden;}
form#searchform input#s {width:170px;}
form#searchform #searchsubmit {display: none;}

#comments {width:450px;margin:0;padding-left:100px;display:inline-block;overflow:hidden;}
#comments h3 {margin:0;padding:0 0 0 18px; color: #004507;}
#comments-list, #respond {padding-bottom: 20px; background: transparent url(hrbg.gif) no-repeat bottom center;}
#comments-list h3 {background: transparent url(comment.png) no-repeat 0 3px;}
#respond h3 {background: transparent url(new.png) no-repeat 0 3px; }
#comments ol { margin:10px 0 10px 20px; padding:0 0 0 20px;}
#comments ol li {padding:5px 10px; margin-bottom: 7px;border-top: 1px solid #E2DEC5; border-left: 1px solid #E2DEC5;
              border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; background: #EDEBE0; color: #000;}
.formcontainer {padding:5px 10px; margin:10px 0 10px 20px; border: 1px solid #fff;
              border-top: 1px solid #E2DEC5; border-left: 1px solid #E2DEC5;
              border-right: 1px solid #FFF; border-bottom: 1px solid #FFF;color: #004507;}
.comment-author {font-weight: bold;color: #004507;}
.comment-meta {font-size:12px;color: #004507;}
.form-label {float:left; width: 70px; display:inline-block;}
.form-submit {padding-left: 70px;display: inline;}

#wp-calendar {text-align: center; padding:0;margin:0 auto; font-size:13px;}
#wp-calendar a {border:0;}
#wp-calendar tr {margin:0;padding:0; border-top: 1px solid #6F6935;}
#wp-calendar td,#wp-calendar th  {padding: 2px 5px; margin:0; line-height:1.0em; border-bottom: 1px solid #E2DEC5;}
#wp-calendar td.pad,#wp-calendar td#prev,#wp-calendar td#next {border:0;}

#secondary #wp-calendar {margin:0;}