/*
Theme Name: OknooRap
Theme URI: http://oknoorap.com/
Description: OknooRap Blog Layout
Version: 0.999
Author: Ribhararnus Pracutian a.k.a oknoorap
Author URI: http://oknoorap.com
Tags: blue, custom, widgets

	OknooRap 0.999
	 http://oknoorap.com

	This theme was designed and built by OknooRap

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Wars */
body { background: #EAEEF2 url('images/bg.png') repeat-x; font-family: arial, sans-serif, Times; font-size: 13px; }

/* set margin, padding */
body,#navigation ul{margin: 0px; padding: 0px;}
#mainhome h1, #searchform #s, #categories ul li.title { font-style: italic; }

#wrap { width: 980px; margin: 0px auto; }
#white { background: #FFFFFF; padding: 10px; padding-top: 0px; }
#headerleft { width: 200px; }
#headerleft img { margin-top: 20px; }
#headerright { margin-top: 18px; }
#headerright #search { text-align: right; color: #FFFFFF; }
#headerright #search a { color: #FFFFFF; }

#searchform label { cursor: pointer; }
#searchform #s {
margin-top: 3px; 
border: none; padding: 2px 28px 0px 3px;
background: url('images/search.png') no-repeat;
width: 305px; height: 25px;
font-family: 'Times New Roman'; font-size: 14px;
}

#navigation { margin-top: 5px; }
#navigation ul { list-style-type: none; } 
#navigation ul li { float: left; margin-left: 30px; }
#navigation ul li a { font-size: 17px; color: #FFFFFF; text-decoration: none;}

#mainhome { margin-top: 10px; background: url('images/home-main-bg.png') no-repeat center; width: 980px; height: 491px; text-align: center; }
#mainhome #content { padding: 0px 50px; padding-top: 10px; }
#mainhome h1 { font-size: 20px; }
#tweetcat { background: url('images/multimedia.png') no-repeat; width: 196px; height: 77px; margin-left: 20px; margin-top: 40px; }
#tweetcat h1, .tweetcat { padding-top: 80px; }
#tweetcat h1 a { color: #3db6de;  }
#wp { text-align: center; background: url('images/wordpress.png') no-repeat center; width: 164px; height: 96px; margin-left: 10px; margin-top: 100px; }
#wp h1, .wp { padding-top: 100px; }
#wp h1 a { color: #375571;  }
#phl { text-align: center; background: url('images/philosophy.png') no-repeat center; width: 251px; height: 157px; margin-top: 90px; }
#phl h1, .phl { padding-top: 160px; }
#phl h1 a { color: #5b5cab;  }
#reli { text-align: center; background: url('images/raelian.png') no-repeat center; width: 261px; height: 137px; margin-left: -40px; margin-top: 20px; }
#reli h1, .reli { padding-top: 160px; }
#reli h1 a { color: #000000;  }

#all { margin-top: 10px}
#all #content{ margin: 10px; width: 640px; border: 1px solid #cccccc; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; }
#main { padding: 20px;}
#main p {font-size: 15px;}

#sidebar { margin-top: 5px; width: 280px; margin-bottom: 10px; margin-right: 5px; overflow: hidden; }
.widgettitle { font-size: 14px; border-bottom: 1px dashed #cccccc; margin-top: 10px; }
.widgetcontent ul { margin: 0px; padding: 0px; list-style-type: none; }
.widgetcontent ul li a { color: #14a0de;text-decoration: none;}
.widgetcontent ul li a:hover {text-decoration: underline;}

#respond { margin: 0px; }
#respond #author{ background: #FFFFFF url('images/name.png') no-repeat; border:none; width: 155px; height: 22px; padding: 10px 22px 0px 2px; }
#respond #email{ background: #FFFFFF url('images/email.png') no-repeat; border:none; width: 147px; height: 24px; padding: 15px 32px 0px 2px; }
#respond #url{ background: #FFFFFF url('images/url.png') no-repeat; border:none; width: 147px; height: 22px; padding: 10px 32px 0px 2px; }
#respond #submit{ background: #FFFFFF url('images/submit.png') no-repeat; border:none; width: 217px; height: 56px; cursor: pointer; }
#respond #comment { width: 550px; border: 1px solid #cccccc; padding: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; }

#categories { padding: 0px 30px; font-size: 14px; border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; }
#categories ul { list-style-type: none; margin-right: 30px }
#categories ul li.title { font-weight: bold; }
#categories ul li a { color: #14a0de; text-decoration: none; font-size:12px; }
#categories ul li a:hover {text-decoration: underline;}

#footer { padding: 0px 30px; width: 900px; text-align: center; margin: 0px auto; }
#footer a { color: #0000FF; }
#footer #links { width: 900px; margin: 0px auto; text-align: center;margin-top: 10px; margin-left: 30px;left: auto; right: auto; clear:both;}
#footer #links ul { list-style-type: none; margin: 3px auto; }
#footer #links ul li { float: left; padding: 0px 15px; font-size: 10px; }
#footer #links ul li a { font-size: 11px; color: #14a0de; font-family: verdana; }
#footer #links ul li a:hover { text-decoration: none; }
#footer p { font-size: 11px; font-family: sans-serif; }

.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
font-size: 10px;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist a {
color: #14a0de
}
.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;

}
.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

.thread-alt {
background-color: #f8f8f8;
}
.thread-even {
background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.comment-meta a { font-size: 10px; color: #000000; text-decoration: none;}
.comment-meta a:hover { text-decoration: underline;;}
.comment-meta p { font-size: 10px; }
.comment-body { font-size: 10px; }
.fn .url { text-transform: capitalize; }
.comment-reply-link { font-size: 12px; }
#comet { font-family: arial; }
#comment-area ol li p { font-size: 10px }

h2 { margin: 0px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/* "Dunia yang sekarang mengalami kemrosotan etika dan moral" */