/*
Theme Name: Ayu
Theme URI: http://mbahdewo.com/wordpress-theme/
Description: A free wordpress theme which I made as expression of my love to Uul.
Tags: two-columns, right-sidebar, dark, black, ads space ready, large image page, widgetized, threaded-comments, fixed-width
Version: 1.0
Author: MbahDewo
Author URI: http://mbahdewo.com/
*/

html {overflow-y: scroll;}
body { margin: 0;padding: 0;background: #000 url(images/bg.gif) top center repeat-y;padding:0;font-family:Arial,Verdana,Tahoma, Georgia, Serif;font-size: 0.76em;color:#555;line-height:1.8em;}
a {color:#5D9AFB;outline: none;}
a:hover {color:#FF000;}
a img{border:0px;}
p img{max-width:99%;border:0px;
width:expression(document.body.clientWidth > 450? "450px": "auto" );}
#canvas {background:#0F0F0F;width: 750px;padding: 0px;margin: 0 auto;border-left: 2px solid #000;border-right: 1px solid #000;}
#header {width: 738px;height: 90px;background:#0F0F0F url(images/header.jpg) top center no-repeat;margin:0px;padding: 10px 0 5px 10px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
#ayu-name h1{font-size: 15px;margin:15px 0px 0px 0px;}
#ayu-name h2{font-size: 15px;margin:15px 0px 0px 0px;}
#ayu-name h1 a{color: #5D9AFB;text-decoration:none;}
#ayu-name h2 a{color: #5D9AFB;text-decoration:none;}
#ayu-name h1 a:hover, #ayu-name h2 a:hover{color: #fff;text-decoration:none;text-shadow: 1px 1px 10px #fff;}
#ayu-description h3{color: #fff;font-size: 13px;margin:5px 0px 0px 0px;}
#nav {list-style: none;background:#0F0F0F;width: 740px;margin: 0px;padding: 2px 2px 2px 5px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
#subNav {list-style: none;margin-top: 10px;padding: 2px 2px 2px 5px;background:#0F0F0F;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
#nav li, #subNav li {display: inline;padding: 0 10px 0 0;}
.current_page_item a, .current_page_parent a {text-decoration: none;}
.current_page_item a:hover, .current_page_parent a:hover {text-decoration: underline;}
#primaryContent {width: 490px;float: left;padding: 0px;margin: 0px;color:#fff;}
#primaryContent h1 {padding: 0;margin: 10px 1px 1px 1px;}
#primaryContent h2 {padding: 0;margin: 10px 1px 1px 1px;}
#ayu-imagepage {background:#0F0F0F;margin: 0px;padding: 0px 8px 5px 8px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
#ayu-imagepage  .gambar-tambahan{width:550px;float:left;background: #000;border:#222 1px solid;margin: 0px 5px 10px 0px;padding:5px;}
#ayu-imagepage  .gambar-kanan{width:150px;float:right;margin:0px;}
.uul-sayang-image-navigation {width: 600px;display: block;text-align: center;margin:0px;padding:10px;}
.uul-sayang-image-navigation img{margin:5px;}
.attachment {text-align: center;margin: 5px 0px;}
#primaryContent h1.postTitle, #primaryContent h2.postTitle, #ayu-imagepage  h1 {font-size: 16px;color:#bbb;margin-bottom: 5px;}
#primaryContent h1.postTitle a, #primaryContent h2.postTitle a, #ayu-imagepage  h1 a{color:#5D9AFB;text-decoration: none;}
#primaryContent h1.postTitle a:hover, #primaryContent h2.postTitle a:hover, #ayu-imagepage  h1 a:hover {color:#FFFFFF;text-decoration: none;text-shadow: 1px 1px 8px #000;}
#primaryContent h3 {padding: 0;margin: 10px 0 0 0;}
ol#posts {list-style: none;margin: 0;padding: 0;}
.ayu-postingan {margin: 0px;padding: 0px 8px 5px 8px;background:#0F0F0F;width:470px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
.ayu-post-fed {margin: 0px;padding: 0px 8px 5px 8px;background:#000;height: 290px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
.ayu-post-fed img{border: 1px solid #666;}
.ayu-post-fed img a{border: none;}
li.ayu-post, div.ayu-post {margin: 0px;padding: 0px 8px 5px 8px;background:#0F0F0F;width:470px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
div.ads-di-image {margin: 0px;padding: 0px 8px 5px 8px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#0F0F0F;width:731px;}
.ayu-post p {margin: 0px;padding: 0px;text-align: justify;line-height:17px;}
.ayu-post img {margin:10px 5px 5px 0px; border: 1px solid #222;}
.ayu-post img a {border: none;}
div.post { }
#ayu-sayang {margin: 0px;padding: 0px 8px 5px 8px;background:#0F0F0F;color:#888;font-size:85%;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
p.postMeta {margin-top: 10px;color:#888;font-size:85%;}
p.postMeta a {color:#5D9AFB;text-decoration: none;}
p.postMeta a:hover {color:#FFF;text-decoration: none;text-shadow: 1px 1px 4px #9E9F63;}
#pagination {list-style: none;margin: 0px;padding: 2px 8px 5px 8px;background:#0F0F0F;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
#pagination a {color:#FFF;text-decoration: none;}
#pagination a:hover {color:#FFF;text-decoration: none;text-shadow: 1px 1px 10px #fff;}
#pagination li {display: inline;}
#pagination .previous {text-align: left;}
#pagination .future {text-align: right;float: right;}
#ayu-ads-728 {padding: 8px;background:#0F0F0F;width: 731px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
p.adnote-uul-sayang {color:#444;letter-spacing:0.5em;font-size: 85%;}
.ayu-468 {margin: 0px;padding: 5px 0px 5px 0px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#0F0F0F;width:486px;text-align:center;}
#secondaryContent {width: 260px;float: left;border:0px solid #444;margin: 0px;background:#000;}
#secondaryContent h3 {padding: 5px;margin: 0px 0px 5px 0px;background:#0F0F0F url(images/kanan.png) top left repeat-x;color:#FFFFFF;text-shadow: 0px 1px 1px #222;}
.ayu-kotak img {margin:2px; padding:0px;border: 1px solid #333;}
.ayu-kotak img a {border: none;}
.ayu-kotak {margin: 0px;padding: 0px;background:#0F0F0F;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
.ayu-kotak ul{margin: 5px;}
.ayu-kotak li{margin: 5px;}
#secondaryContent ul {list-style: none;margin: 0;padding: 0;}
#secondaryContent ul li {margin: 0 0 5px 5px;}
.widget_tag_cloud a {padding-left: 5px;}
#comment { width: 465px;}
ol.commentlist { list-style:none; margin:0; padding:0;}
ol.commentlist li { background:#000;border:1px solid #222;margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #bbb; border:1px solid #777; padding: 2px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#ccc; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#111; border:1px solid #333;}
ol.commentlist ul.children li.even { background:#222; border:1px solid #444;}
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
#footer {clear: both;font-size: 85%;margin: 0px;padding: 2px 8px 5px 8px;background:#0F0F0F;width:732px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;}
#footer a {color:#5D9AFB;text-decoration: none;}
#footer a:hover {color:#FF000;text-decoration: none;text-shadow: 1px 1px 3px #FFF00;}
.skip, .noCss {position: absolute;left: -9999px;}
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.clear{clear:both;}
#wp-pagenavi {padding:5px 0px 10px 3px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#0F0F0F;width:483px;}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #000; color: #ccc; background-color: #222;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #000; color: #ccc; background-color: #444;}
.wp-pagenavi a:hover {border: 1px solid #000; color: #ccc; background-color: #444;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #222; color: #222; background-color: #ccc;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #ccc; border: 1px solid #000000; background-color: #222;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #222; color: #222; background-color: #ccc;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #222; color: #222; background-color: #ccc;}
input[type="text"] {border:#555 1px solid;background:#333;font:1em Verdana, Arial, Serif;padding:5px;width:160px;color:#FFF;}
input#author {background:#222;border:#444 1px solid; color:#FFF;}
input#email {background:#222;border:#444 1px solid; color:#FFF;}
input#url {background:#222;border:#444 1px solid; color:#FFF;}
textarea#comment {width:465px;background:#222;border:#444 1px solid; color:#FFF;}