/* Theme Name: RW Simple
Description: This theme was designed and built by Rahmat Riyanto whose homepage you will find at http://www.rahmatweb.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
Version: 1.0
Author: Rahmat Riyanto
Author URI: http://www.rahmatweb.com/
Tags: fixed width, two columns, widgets 
*/
* { padding: 0; margin: 0; }
ul, ol { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }
body {  font: 12px/18px "Lucida Grande", Verdana, Helvetica, Arial, Geneva, sans-serif;  color: #333;  background: #fafafa url(images/b.gif); }
h1, h2, h3, h4, h5,h6 { font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; font-weight: normal; color: #333; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }
h3,h4,h5,h6 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h1 span,h2 span { color: #999; }
a { color: #5371c5; text-decoration: none; }
a:hover { color: #5371c5; text-decoration: underline; }
a:visited { color: #5371c5; }
p { margin-bottom: 10px; }
input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }
blockquote {  font: italic 14px/22px Georgia, Serif;  padding: 5px 10px;  margin-bottom: 20px;  background: #eef3f7; }
#container {  width: 880px;  padding-bottom: 0px;  margin: 5px auto 5px auto;  overflow: hidden; border:#000 1px double; }
#container #wrapper {  width: 880px;  float: left;  overflow: hidden;  background: #FFF url(images/sidebar.gif) repeat-y top right; }
#header {  width: 880px;  height: 50px;  float: left;  background: #000 url(images/atas.gif) repeat-x center;  position: relative; }
#header h1,#header h2 {  font: 24px Verdana;  padding: 12px 0 0 15px;  margin-bottom: 0;  color: #333; }
#header h1 a,#header h2 a {  color: #FF0000;  text-shadow: 1px 1px 1px #fff;  text-decoration: none; }
#header h1 span,#header h2 span {  padding-left: 10px;  font-size: 11px;  color: #FFF; }
#search {  position: absolute;  top: 16px;  right: 10px; }
#search #s {  width: 170px;  height: 14px;  padding: 5px 0 5px 23px;  vertical-align: bottom;  line-height: 1px;  font: normal 12px Verdana, Sans-Serif;  color: #777;  border: 0;  background: #fafafa url(images/search.gif) no-repeat; }
#nav {  width: 880px;  float: left;  height: 32px;  background: #8C9EAD;  position: relative; }
#nav ul {  text-align: center; margin: 8px 0 0 15px; }
#nav ul li {  display: inline;  text-align: center; }
#nav ul li a {  font-weight: bold;  text-shadow: 1px 1px 1px #fff;  text-decoration: none;  color: #555;  line-height: 33px; }
#nav ul li a:hover {  color: #333; }
#nav #feed {  position: absolute;  right: 15px;  top: 7px;  font-weight: bold;  color: #555;  text-decoration: none;  padding: 0 0 0 20px;  display: block;  text-shadow: 1px 1px 1px #fff;  background: url(images/feed.gif) no-repeat 0 3px; }
#content {  width: 576px;  float: left;  padding: 15px;  background: #fff;  border-right: 1px solid #ddd; }
#content .post {  margin-bottom: 40px; }
#content .post h1.post-title {  color: #333;  background: url(images/post.gif) no-repeat 0 6px;  padding-left: 23px; }
#content .post h1.post-title a {  text-decoration: none;  color: #333; }
#content .post .post-info {  clear: both;  font-size: 11px;  color: #777;  padding: 3px 5px 3px 5px;  margin-bottom: 20px;  border-top: 1px solid #bdccdc;  border-bottom: 1px solid #bdccdc;  background: #e9eff5; }
#content .post .post-info a { color: #333; text-decoration:none; }
#content .post .post-info a:hover { color: #555; text-decoration:none; }
#content #pages { text-align: center; }
#content #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; }
#content #pages a:hover { color: #1e2726; }
#content ul, ol, dl { margin-bottom: 20px; }
#content ul {  list-style: disc;  list-style-position: inside; }
#content ol {  list-style: decimal;  list-style-position: inside; }
#content dl dt {  font-weight: bold; }
#content dl dd {  font-style: italic;  margin: 0 0 5px 20px;  color: #555; }
.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }
#sidebar {  width: 270px;  float: left;  font-size: 11px;  color: #555;  margin-bottom: 15px; }
#sidebar h3 {  font: bold 12px Verdana;  color: #333; }
#sidebar a { color: #333; text-decoration: none; }
#sidebar a:hover { color: #FDA502; }
#sidebar .block {  padding: 15px;  overflow: hidden;  background: url(images/sidebar-garis.gif) no-repeat bottom center; }
#sidebar .block ul li {  padding-left: 18px;  background: url(images/arrow.gif) no-repeat 0px 3px; }
#footer {  width: 880px;  height: 29px;  float: left;  clear: both;  position: relative;  background: #8C9EAD url(images/bawah.gif) no-repeat; }
#footer a#theme-author {  position: absolute;  top: 0px;  right: 0px;  display: block;  height: 28px;  width: 130px; }
#footer p {  line-height: 28px;  color: #333;  font-size: 11px;  margin: 0; text-align: center; }
#footer a {  color: #555;  text-decoration: none; }
#commentform { 	background: #fafafa; 	border: 5px solid #def7f8; 	padding: 10px; 	color: #555; }
#commentform p { margin-bottom: 7px; }
#commentform textarea { 	width: 500px; 	border: 1px solid #aaa; 	height: 100px; }
#commentform input.text { 	width: 150px; 	border: 1px solid #aaa; 	margin-right: 10px; 	padding: 3px 3px; }
#commentform input#submit { padding: 3px 10px; }
#comments .comment { 	width: 500px; 	background: #def7f8; 	margin-bottom: 10px; 	overflow: hidden; 	padding-bottom: 5px; 	border-top: 1px solid #ddd; 	border-bottom: 1px solid #ddd; }
#comments .comment .comment-avatar { 	width: 50px; 	float: left; 	padding: 5px 7px; }
#comments .comment .comment-content { 	width: 460px; 	float: left; 	padding: 10px 15px; 	margin: 5px 5px 0 0; 	background: #fafafa ; }
#comments .comment .comment-content a { color: #444; }
#comments .comment .comment-info { 	font-size: 11px; 	color: #777; 	margin-bottom: 5px; }
#comments .comment .comment-info span { 	font: bold 20px "Trebuchet MS", Helvetica, Arial, Geneva; 	 	padding-right: 10px; 	margin-bottom: 5px; }
#comments .comment .comment-info a { 	color: #444; 	text-decoration: none; }