/*---------------------------------------------  
 * Designed by: Om Ipit (Yahya J Aifit)
 * Designer URI: http://cahcepu.com
 * Designer email: yjaifit@gmail.com
 * Created date: 19 January 2010
 * This CSS code is copyrighted to Om Ipit.
 * This means you may NOT use it for your site's design.
-----------------------------------------------  */

* { margin: 0; padding: 0;} 
body {background: #27363E url(bg.png) repeat fixed; color: #222;font-family: verdana;font-size: 16px;}
:focus {outline:none;} 
.more-link {display: none;} 
.clear {clear: both;}
a {text-decoration: none;  color: #CC4105;} 
a:hover {color: #222;} 
h2 a {color: #27363E;} 
h2 a:hover {color: #222;}
form {margin-top: 0px;}
img, a img {border: none; }
p.kiri {float:left;}
p.kanan {float:right;}
a.kanan {background: #CC4105; color: #fff;}
a.kiri {color: #fff;}
p.errormargin {margin-bottom: 40px;}
p.subscribe-to-comments {margin-top: -5px;}
p.subscribe-to-comments label { cursor: pointer; color: #CC4105; border-bottom: 1px solid;}
p.subscribe-to-comments label:hover {color: #222;}
p.subscribe-to-comments input {cursor: pointer;}
.car-container {font-size: 16px;border-top: 1px solid #ddd;}
ul.car-monthlisting {font-size: 16px;}
span.car-yearmonth {text-transform: uppercase;}
h2 {margin-top: 5px;color: #222;text-align: center;font-weight:normal;font-family: georgia;font-size: 2.11em; line-height: 1em;padding-bottom: 15px;}
h6 {font-style: italic;color: #CC4105;text-align: center;font-weight: normal;font-family: Georgia; font-size: 1.22em; line-height: 30px;padding: 6px 26px 6px 26px;margin-top: 30px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}


/*  --------------- H E A D E R ---------------  */

#header {margin: auto auto;width: 500px;}
#header img {border:none; margin: 0px;}
#header h1 {border-bottom:25px solid #E0E5E5; text-shadow: 0 1px 1px #243c48;font-variant: small-caps;text-align: center;background: #4c6e7e;font-weight: normal;font-family: Georgia;font-size: 44px; line-height: 25px;}
span.duwur {color: #ebf8ff; font-variant: normal; letter-spacing: 1px; font-size: 16px; font-family: georgia;padding-bottom: 6px; font-style: italic;}
#header h1 a {padding: 40px 30px 30px 30px; display: block;  outline: none;color: #ebf8ff;}
#header h1 a:hover {color: #f1faff; background: #4e7081;}
#header h1 a:focus {background: #5E6A7C; color: #f1faff;}


/*  --------------- P O S T ---------------  */

#body { background: #fff; width: 500px;margin: 50px auto 0px auto;text-align: left;}
#content {width: 500px;margin: auto;}
.post {overflow: hidden;border-bottom: 1px solid #ddd;background: #fff;padding: 30px 32px 20px 32px;}
.post p {clear: both;margin-bottom: 1.5em;line-height: 1.55em !important;font-size: 0.7182em !important;color: #222;}
.post blockquote {font-family: georgia;font-style: italic;font-size: 1.3em;margin: 20px 30px 20px 30px;padding-left: 15px;border-left: 1px solid #ddd;}
.post code {color: #222; font-size: 1.1em; background: #eee; padding: 2px 5px 2px 5px;}
.post img {margin: 10px 0px 3px 0px;}
.post .wp-caption-text { text-align: center; font-style: Italic; font-family: georgia;}
.post .gallery-caption {font-size: 0.7125em; font-style: italic; font-family: georgia; padding: 0px 3px 0px 3px;}
.post p a {color: #CC4105; border-bottom: 1px solid #CC4105;}
.post p a:hover {color: #222; border-bottom: 1px solid #222;}
.post p a:focus {background: #f2f5f6; color: #222;}
.post ul, ol {margin-left: 30px; margin-bottom: 20px; margin-right: 30px;}
.post ul li {padding-left: 5px; line-height: 1.55em;  margin-top: 10px; font-size: 0.7182em !important;}
.post ul li a {color: #CC4105;}
.post ul li a:hover {color: #000;}
.post ol li {padding-left: 5px; line-height: 1.55em; margin-top: 13px; font-size: 0.7182em !important;}
.post ol li a {color: #084686;}
.post ol li a:hover {color: #000;}
.post .span { margin-top: 5px; color: #CC4105; text-align: center;font-family: Verdana; font-size: 0.6em !important; text-transform: uppercase;}
.post .span a {color: #CC4105; border-bottom: 1px dashed #CC4105;}
.post .span a:hover {color: #222;}
.post .span a:focus {background: #f2f5f6; color: #222;}
.post .span1 { padding-bottom: 21px;border-bottom: 1px solid #ddd;margin-bottom: 15px; color: #CC4105; text-align: center;font-family: Verdana; font-size: 0.6em !important; text-transform: uppercase;}
.post .span1 a {color: #CC4105; border-bottom: 1px dashed #CC4105;}
.post .span1 a:hover {color: #222;}
.post .span1 a:focus {background: #f2f5f6; color: #222;}
.post h3 {text-align: center;border-bottom: 1px solid #ddd;font-weight:normal;font-family: Georgia;font-size: 1.8em; line-height: 1.1em;padding-bottom: 12px;margin: 7px auto 10px auto;}
.post h3 a:focus {background: #f2f5f6;}
.post h3 a {color: #26373f;}
.post h3 a:hover {color: #222;}
.post h4 {letter-spacing: 0.02em;font-weight: normal;font-family: Georgia; font-size: 1.15em; line-height: 25px;margin: 30px 0px 10px 0px;border-bottom: 1px solid #ddd;padding-bottom: 5px;}
.post h5 {font-family: Verdana;text-transform: uppercase; font-size: 0.7182em; line-height: 25px;margin-bottom: 0px;letter-spacing: 1px;color: #333;}


/*  --------------- C O M M E N T S ---------------  */

#comments { width: 437px;clear: both;padding: 0px 23px 13px 23px; background: #fff;margin:  auto auto;}
#comments img {padding-right: 0px;}
#comments p {padding-bottom: 1.5em; line-height: 1.55em; font-size: 0.7182em;}
#comments p a {color: #CC4105; border-bottom: 1px solid #CC4105;}
#comments p a:hover {color: #222; border-bottom: 1px solid #222;}
#comments p a:focus {background: #f2f5f6; color: #222;}
#comments h3 {letter-spacing: 1px;font-weight:normal;font-size: 0.7182em; line-height: 1em;clear: both;font-family: Verdana;padding: 15px 0px 0px 0px;margin: 15px 0px 15px 0px;text-transform: uppercase;}
.commentauthor {margin-bottom: -15px;padding-top: 18px;text-transform: uppercase;font-family: Verdana;border-top: 1px solid #ddd;font-weight: bold;}
.avatar {padding-right: 0px;float: left; margin-right: 10px; border: 3px solid #ddd;}
.commentdate p {margin-bottom: 15px;}
.required {color: #ff0000;}
#commentform {border-top: 1px solid #ccc; padding-top: 35px; }
#commentform input {border: 1px solid #ddd;margin-right: 10px;background: #f2f5f6;padding: 5px 5px 5px 5px;}
#commentform input:focus {background: #fff; border: 1px solid #c5c5c5;}
#commentform input:hover {border: 1px solid #c5c5c5;}
#commentform textarea {font-size: 1.15em;line-height: 1.5em;width: 423px;height: 170px;font-family: arial;margin-right: 10px;border: 1px solid #ddd;background: #f2f5f6;padding: 5px 5px 5px 5px;}
#commentform textarea:focus {background: #fff; border: 1px solid #c5c5c5;}
#commentform textarea:hover {border: 1px solid #c5c5c5;}
#commentform button {font-size: 0.9em !important;width: 118px;padding: 7px 0px 8px 0px;border:none;background: #4c6e7e;color: #eee;text-transform: uppercase;line-height: 1em;}
#commentform button:hover {background: #476776; cursor: pointer;}
#commentform button:focus {background: #222;}
#commentform input[type=checkbox] {border:none;}
p.moderasi {color: #ff0000; margin-bottom: -8px;  border-bottom: 1px dashed #ddd;}


/*  --------------- F O O T E R ---------------  */

#footer {text-shadow: 0 1px 1px #243c48; margin: 0px auto 0px auto; background: #4c6e7e; width: 500px; font-family: verdana; color: #8cb6c9; clear: both; font-size: 9px; text-align: center; text-transform: uppercase; padding: 20px 0px 20px 0px;}
#footer a {color: #8cb6c9; border-bottom: 1px dotted;}
#footer a:hover {color: #9ecde2;}
#footer a:focus {background: #f2f5f6; color: #222; text-shadow: none;}
#footer p {margin-top: 0px; line-height: 15px;}


/*  --------------- T O P   S L I D E   N  A V I G A T I O N ---------------  */

#panel {font-size: 0.7182em;background: #E0E5E5;display: none;padding: 0px 36px 52px 36px;}
#panel li {line-height: 1.8em;padding-left: 6px;display: inline; list-style:none; }
#panel li a:focus {background: #f2f5f6; color: #222;}
#panel ul {padding-top: 0px; margin: 5px 5px 5px -6px;}
#panel ul.indent {padding-top: 0px; margin: 5px 5px 5px 0px; text-indent: -0.5em;}
#panel h3 {border-bottom: 1px dashed #c8c8c8; padding-bottom: 7px;letter-spacing: 1px;color: #27363E;padding-top: 16px;font-family: Georgia;font-size: 1.0125em;}
p.slide {text-transform: uppercase;width: 90px;font-family: Verdana;text-align: center;margin: -12px auto 0px auto;font-size: 0.6em !important;background: #CC4105;}
p.slide a {color: #fff; display:block; padding: 5px 0px 5px 0px;}
p.slide a:hover {color: #fff; background: #3f5c6a;}
p.slide a:focus {background: #222;}


/*  --------------- S I N G L E   P A G E   S L I D E ---------------  */

.share {overflow: hidden;font-family: verdana;width: 436px; height: 30px;background: #4c6e7e;padding: 0px 32px 0px 32px;} 
.share p a{color: #ebf8ff;display: block;text-transform: uppercase;font-size: 0.7em;letter-spacing: 1px;padding: 9px;}
.share p a:hover {background: #3f5c6a; color: #fff;}
.share p a:focus {background: #222; color: #fff;}
#terbaru {	font-size: 0.7182em;background: #E0E5E5;display: none;padding: 10px 36px 52px 36px;}
#terbaru li {line-height: 1.8em;padding-left: 0px;}
#terbaru li a:focus {background: #f2f5f6; color: #222;}
#terbaru ul, ol {padding: 4px 0px 0px 19px; border-top: 1px dashed #c8c8c8; margin: 5px 5px 5px 0px;}
#terbaru h3 {padding-bottom: 3px;letter-spacing: 1px;color: #27363E;padding-top: 16px;font-family: Georgia;font-size: 1.0125em;}
#terbaru p {padding-top: 5px;  border-top: 1px dashed #c8c8c8; margin: 5px 5px 5px 0px;}



/*  --------------- C L O S E   S L I D E   B U T T O N ---------------  */

p.tutup { float: right; text-transform: uppercase; font-size: 0.7125em !important;}
p.tutup2 { float: right; text-transform: uppercase; font-size: 0.7125em !important;}
.tutup a {display:block; background: #4c6e7e; color: #fff; padding: 5px;}
.tutup a:hover {background: #3f5c6a; color: #fff;}
.tutup2 a {display:block; background: #4c6e7e; color: #fff; padding: 5px;}
.tutup2 a:hover {background: #3f5c6a; color: #fff;}
.tutup2 a:focus {background: #222;}
.tutup a:focus {background: #222;}


/*  --------------- P A G E   N A V I G A T I O N ---------------  */

.nav {color: #4c6e7e;padding: 0px 26px 0px 26px;background: #E0E5E5;margin: 0px auto 0px auto;font-size: 0.54em !important;height: 25px;}
.nav a { color: #4c6e7e;}
.nav a:hover, .nav a:focus {color: #222;}
.navi {width: 142px;height: 25px;margin: 0px auto 0px auto;}
.left, .right  {text-align: center;float: left;padding: 7px 8px 0px 8px;width: 39px;text-transform: uppercase;}
.tengah {letter-spacing: -1px;text-align: center;float: left;padding: 7px 0px 0px 0px;width: 31px;text-transform: uppercase;}


/*  --------------- S E A R C H   F O R M ---------------  */

.cari {padding-top: 10px; margin-top: 5px;}
.cari2 {border-top: none; padding-top: 10px; margin-top: 5px;}
.cari input, .cari2 input {border: 1px solid #ccc;margin-right: 10px;background: #f2f5f6;padding: 5px 5px 5px 5px;}
.cari button {font-size: 1em !important;padding: 6px 8px 6px 8px;border:none;background: #4c6e7e;color: #eee;text-transform: uppercase;line-height: 1em;}
.cari2 button {font-size: 0.8em !important;padding: 5px 7px 5px 7px;border:none;background: #4c6e7e;color: #eee;text-transform: uppercase;line-height: 1em;}
.cari input:focus, .cari2 input:focus {background: #fff; border: 1px solid #bbb;}
.cari input:hover, .cari2 input:hover {border: 1px solid #bbb;}
.cari button:hover, .cari2 button:hover {background: #476776; cursor: pointer;}
.cari button:focus, .cari2 button:focus {background: #222;}


/*  --------------- E R R O R   P A G E ---------------  */

#error {color: #26373f;text-align: center;width: 448px;margin-top: 50px;padding: 0px 26px 66px 26px;}
#error h2 {color: #26373f; font-family: arial black; text-transform: uppercase; font-size: 9.7em;}
#error .gar {margin: -18px auto -18px auto; height: 2px; background: #222; width: 306px;}
#error h3 {font-family: arial black; text-transform: uppercase; font-size: 5em;}
#error p {font-size: 0.7125em; }