/*  
Theme Name: Sophisticated - Chic - Green
Author: MasterTokoOnline.com
Version: 1.0
Date: 1 Jan 2009
Description: Desain tema dengan 3 kolom. Menu di kanan dan kiri.
*/

a:link,a:visited {
text-decoration:none;
color:#000;
}

a:hover,a:active {
color:#57bcf6;
text-decoration:none;
}

#header {
height:200px;
position:relative;
background-repeat:no-repeat;
}

#title_desc {
position:absolute;
top:30px;
left:35px;
}

#header h1 {
font-size:4em;
margin:0;
padding:0;
}

#header h1 a {
color:#fff;
margin:0;
padding:0;
}

#header h5 {
font-size:18px;
color:#fff;
margin:0;
padding:0;
}

#logo {
font-size:1.8em;
font-weight:700;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:absolute;
top:50px;
left:35px;
}

#menu {
width:950px;
float:left;
height:30px;
background-image:url(images/navbar.gif);
background-repeat:repeat;
}

#menu ul {
list-style:none;
list-style-type:none;
font-size:1.1em;
line-height:26px;
margin:0;
padding:0 0 0 15px;
}

#menu ul li {
float:left;
margin:0;
}

#menu ul li a {
display:block;
text-decoration:none;
color:#353500;
font-weight:700;
border-right:1px solid #8da669;
padding:0 10px 5px 5px;
}

#menu ul li a:hover {
text-decoration:underline;
}

#menu ul li.current_page_item {
background-color:#255298;
margin-top:1px;
}

#menu ul li.current_page_item a {
color:#fff;
}

.mid {
background-color:#FFF;
border:0 solid #000;
}

#content {
padding:10px 15px;
}

#content h2 {
font-size:14px;
}

<!--sidebars,left and right-->
#sidebars {
background-color:#f5f5f5;
}

#sidebars ul {
list-style:none;
margin:0;
padding:10px;
}

#sidebars ul li ul {
margin:0 0 10px;
padding:0;
}

#sidebars ul li h2 {
color:#353500;
height:20px;
font-size:11px;
background-color:#999966;
background-repeat:no-repeat;
line-height:20px;
margin:0;
padding:3px 10px;
}

#sidebars ul li ul li {
background-color:#fff;
border-bottom:1px solid #eee;
}

#sidebars ul li ul ul {
border-top:1px solid #eee;
margin:0;
padding:0;
}

<!--sidebar sub menu code -->
#sidebars ul li ul ul li {
border-top:1px solid #eee;
border-bottom:none;
margin-left:10px;
}

#sidebars ul li ul ul li a {
color:#000;
font-size:11px;
font-weight:700;
}

#sidebars ul li ul li a {
color:#000;
text-align:left;
font-size:11px;
padding-left:10px;
text-decoration:none;
}

.sidebar_left {
position:relative;
}

#footer {
position:relative;
border-top:2px solid #353500;
background-color:#999966;
text-align:center;
color:#353500;
margin:0;
padding:20px 0;
}

#footer a {
color:#353500;
font-weight:700;
}

.alt {
background-color:#f8f8f8;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
margin:0;
padding:10px;
}

small {
font-family:Verdana, Arial, Helvetica, Sans-Serif;
font-size:0.9em;
}

h2.pagetitle {
font-family:Arial;
font-size:1.1em;
color:#999966;
margin-top:1px;
text-align:left;
}

.entry p a:visited {
color:#000;
}

.entry img {
float:left;
margin-right:10px;
}

.commentlist li,#commentform input,#commentform textarea {
font:0.9em Verdana, Arial, Sans-Serif;
}

.commentlist li {
font-weight:700;
list-style:none;
margin:15px 0 3px;
padding:5px 10px 3px;
}

.commentlist cite,.commentlist cite a {
font-weight:700;
font-style:normal;
font-size:1.1em;
}

.commentlist p {
font-weight:400;
line-height:1.5em;
text-transform:none;
margin:10px 5px 10px 0;
}

#commentform p {
font-family:Verdana, Arial, Sans-Serif;
margin:5px 0;
}

.commentmetadata {
font-weight:400;
display:block;
margin:0;
}

acronym,abbr,span.caps {
font-size:0.9em;
letter-spacing:.07em;
cursor:help;
}

a,h2 a:hover,h3 a:hover {
color:#06c;
text-decoration:none;
}

a:hover {
color:#147;
text-decoration:underline;
}

#wp-calendar #prev a,#wp-calendar #next a {
font-size:9pt;
}

#wp-calendar a {
text-decoration:none;
display:block;
}

#wp-calendar caption {
font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:center;
width:100%;
}

#wp-calendar th {
font-style:normal;
text-transform:capitalize;
}

.post {
text-align:justify;
margin:0 0 40px;
}

.post small span {
color:#333;
font-size:1em;
}

.post h2 a {
color:#000;
font:Verdana, Arial, "Times New Roman";
font-size:#2em;
font-weight:700;
}

.post hr {
display:block;
}

.narrowcolumn .postmetadata {
padding-top:5px;
}

.widecolumn .postmetadata {
margin:30px 0;
}

.widecolumn .smallattachment {
text-align:center;
float:left;
width:128px;
margin:5px 5px 5px 0;
}

.widecolumn .attachment {
text-align:center;
margin:5px 0;
}

.postmetadata {
clear:left;
}

#sidebar h2 {
margin:5px 0 0;
padding:0;
}

h3.comments {
margin:40px auto 20px;
padding:0;
}

p img {
max-width:100%;
padding:0;
}

img.centered {
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

html>body .entry ul {
margin-left:0;
list-style:none;
text-indent:-10px;
padding:0 0 0 10px;
}

html>body .entry li {
margin:7px 0 8px 10px;
}

.entry ul li:before,#sidebar ul ul li:before {
content:"\00BB \0020";
}

.entry ol {
margin:0;
padding:0 0 0 35px;
}

.postmetadata ul,.postmetadata li {
display:inline;
list-style-type:none;
list-style-image:none;
}

#searchform #s {
border:1px solid #01426a;
width:100px;
height:18px;
background:#fff;
margin-right:2px;
color:#000;
font-weight:400;
padding:4px 5px 0;
}

#sidebar #searchsubmit {
padding:1px;
}

select {
width:130px;
}

#commentform input {
width:170px;
margin:5px 5px 1px 0;
padding:2px;
}

#commentform textarea {
width:100%;
padding:2px;
}

#commentform #submit {
float:right;
margin:0;
}

.commentlist {
text-align:justify;
padding:0;
}

.nocomments {
text-align:center;
margin:0;
padding:0;
}

#sidebar {
margin-left:545px;
width:190px;
padding:20px 0 10px;
}

#wp-calendar {
empty-cells:show;
width:155px;
border:1px solid #eee;
margin:10px auto;
padding:10px;
}

#wp-calendar #next a {
padding-right:10px;
text-align:right;
}

#wp-calendar #prev a {
padding-left:10px;
text-align:left;
}

#wp-calendar td {
text-align:center;
padding:3px 0;
}

#wp-calendar td.pad:hover {
background-color:#fff;
}

acronym,abbr {
border-bottom:1px dashed #999;
}

blockquote {
padding-left:5px;
margin:15px 5px;
}

blockquote cite {
display:block;
margin:5px 0 0;
}

hr {
display:none;
}

a img {
border:none;
}

.navigation {
display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px;
}

.post .folder_icon {
background-image:url(images/folder.gif);
background-repeat:no-repeat;
background-position:left center;
}

.post .comments {
background-image:url(images/comments.gif);
background-repeat:no-repeat;
background-position:left center;
padding:15px;
}

.post .date {
background-image:url(images/date.gif);
background-repeat:no-repeat;
background-position:left center;
color:#000;
}

.post .date strong {
margin-left:15px;
font-weight:400;
}

div#ym {
padding:7px 0 8px 13px;
}

blockquote#testiquote {
background-color:#dedede;
width:175px;
padding:10px 5px 5px;
}

#findform #keyword {
border:1px solid #000;
width:100px;
height:18px;
background:#fff;
margin-right:2px;
color:#000;
font-weight:400;
padding:4px 5px 0;
}

#hitungsubmit,#confirmsubmit,#sendsubmit,#konv_submit {
background-image:url(images/button.gif);
width:75px;
height:23px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#353500;
border:none;
}

.post small,.post h2,.entry ol li {
margin:0;
padding:0;
}

.widecolumn .post {
margin:0;
}

#searchform,#findform {
text-align:left;
margin:10px auto;
padding:5px 3px;
}

#sidebar #searchform #s,#sidebar #findform #keyword {
width:135px;
height:22px;
}

#searchform input,#findform input {
background:url(images/button.gif);
border:none;
width:75px;
height:23px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#353500;
vertical-align:middle;
}

.center {
text-align:center;
}

.post .folder_icon a,.post .comments a {
margin-left:15px;
}

img.rightarrowclass {
position:absolute;
left:170px;
top:8px;
z-index:1;
overflow:auto;
}

.left .categorisation_group a {
color:#fff;
}

.right .categorisation_group a {
color:#fff;
}
