/*
Theme Name: Uul Design
Theme URI: http://photoshopcall.com/wordpress-theme/
Description: A free wordpress theme which I made as expression of my love to uul.
Tags: 2 columns, ads space ready, large image page, SE optimized, widget, treaded comment
Version: 1.1
Author: PhotoshopCall
Author URI: http://photoshopcall.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:#777;line-height:1.8em;}
a {color:#9E9F63;}
a:hover {color:#CFCF9B;}
a img{border:0px;}
p img{max-width:99%;border:0px;height:auto;
width:expression(document.body.clientWidth > 450? "450px": "auto" );}
p {margin:0 0 1.7em 0;}
#canvas {width: 830px;padding: 0px;margin: 0 auto;border-left: 2px solid #000;}
#header {width: 807px;height: 90px;margin:0px;padding: 10px 0px 5px 10px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#333 url(images/header.gif) top center no-repeat;}
#ayu-name h1{font-size: 20px;margin:15px 0px 0px 0px;}
#ayu-name h2{font-size: 20px;margin:15px 0px 0px 0px;}
#ayu-name h1 a{color: #9E9F63;text-decoration:none;}
#ayu-name h2 a{color: #9E9F63;text-decoration:none;}
#ayu-name h1 a:hover, #ayu-name h2 a:hover{color: #9E9F63;text-decoration:none;text-shadow: 1px 1px 10px #9E9F63;}
#ayu-description h3{color: #aaa;font-size: 15px;margin:5px 0px 0px 0px;}
#iklan-atas {margin: 0px;padding: 2px 2px 2px 5px;border-top:1px solid #1F1F1F;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#0F0F0F;width: 810px;}
#primaryContent {width: 560px;float: left;padding: 0px;margin: 0px;color:#777;}
#primaryContent h1 {padding: 0;margin: 10px 1px 1px 1px;}
#primaryContent h2 {padding: 0;margin: 10px 1px 1px 1px;}
#ayu-imagepage {width: 808px;margin: 0px;padding: 5px;border-top:1px solid #1F1F1F;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#0F0F0F;}
.uul-sayang-image-navigation {width: 97%;display: block;text-align: center;margin:0px;padding:10px;}
.uul-sayang-image-navigation img{margin:5px;background-color:#FFF;margin: 5px;padding:2px;}
.attachment {text-align: center;margin: 5px 0px;}
.wp-caption {text-align: center;padding: 1px;margin: 5px 0px 15px 0px;background: #222;border:1px solid #333;}
.wp-caption img {margin: 0px;padding: 0px;border: 0px;}
.wp-caption p.wp-caption-text {font-size: 11px;text-align:center;font-style:italic;line-height: 15px;padding: 0px;margin: 0px;}
#primaryContent h1.postTitle, #primaryContent h2.postTitle, #ayu-imagepage  h1 {font-size: 16px;color:#9E9F63;margin-bottom: 5px;}
#primaryContent h1.postTitle a, #primaryContent h2.postTitle a, #ayu-imagepage  h1 a{color:#9E9F63;text-decoration: none;}
#primaryContent h1.postTitle a:hover, #primaryContent h2.postTitle a:hover, #ayu-imagepage  h1 a:hover {color:#9E9F63;text-decoration: none;text-shadow: 1px 1px 8px #9E9F63;}
#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;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#0F0F0F;width:470px;}
#ayu-post-fed {margin: 0px;padding: 10px 8px 15px 8px;border-top:1px solid #1F1F1F;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#000;}
#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;border-top:1px solid #1F1F1F;border-right:1px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#0F0F0F;width:540px;}
div.ads-di-image {margin: 0px;padding: 0px 8px 5px 8px;border-top:1px solid #1F1F1F;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#0F0F0F;width:802px;}
.ayu-post p {margin: 0px;padding: 0px;text-align: justify;line-height:17px;}
.ayu-post a {color:#FFF;text-decoration:none;}
.ayu-post a:hover {color:#FFF;text-decoration:underline;}
.ayu-post img {margin:2px; border: 1px solid #222;}
.ayu-post img a {border: none;}
div.post { }
#ayu-sayang {width:540px;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;color:#888;font-size:85%;}
#ayu-related {width:540px;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;color:#888;line-height:14px;}
p.postmeta {margin-top: 5px;color:#888;font-size:85%;}
p.postmeta a {color:#9E9F63;text-decoration: none;}
p.postmeta a:hover {color:#9E9F63;text-decoration: none;text-shadow: 1px 1px 4px #9E9F63;}
#pagination {list-style: none;margin: 0px;padding: 2px 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;}
#pagination a {color:#9E9F63;text-decoration: none;}
#pagination a:hover {color:#9E9F63;text-decoration: none;text-shadow: 1px 1px 5px #9E9F63;}
#pagination li {display: inline;}
#pagination .previous {text-align: left;}
#pagination .future {text-align: right;float: right;}
#ayu-ads-728 {padding: 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;}
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:#777;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;border-top:1px solid #1F1F1F;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#0F0F0F;}
.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;}
.uul-cantik {float:left; width:125px;}
.uul-manis {float:left; width:125px;}
#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:#0075FF; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#CC0000; }
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:#205B87; 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; }
textarea#comment {width:450px;}
input[type="text"] {border:#4F4F4F 1px solid;background:#111;font:1em Verdana, Arial, Serif;padding:5px;width:150px;color:#ccc;}
textarea{padding:5px;border: 1px solid #222;background:#111;font:1em Verdana, Arial, Serif;line-height:1.6em;}
input[type="text"]:focus, textarea:focus{background:#444;border:#777 1px solid;color:#FFF;}
#footer {clear: both;font-size: 85%;margin: 0px;padding: 2px 8px 5px 8px;border-top:1px solid #1F1F1F;border-right:1px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#0F0F0F;width:802px;}
#footer a {color:#EEE;text-decoration: none;}
#footer a:hover {color:#EEE;text-decoration: none;text-shadow: 1px 1px 6px #FFF;}
.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;}
img.alignleft {margin: 5px;}
img.alignright {margin: 5px;}
img.thumbnailhome {margin: 0px 5px 5px 0px;}
img.randompost {margin:3px;}
#wp-pagenavi {padding:5px 0px 10px 3px;border-top:1px solid #1F1F1F;border-right:1px solid #000;border-bottom:2px solid #000;border-left:1px solid #1F1F1F;background:#0F0F0F;width:553px;}
.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;}