/*
Theme Name: Cool Stripes
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: A nice personal blog theme.  Designed by <a href="http://keithspot.com">Keith</a> and modified by <a href="http://imanto.com">Anto</a>.
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
Tags: stripes, pink, fixed width, two columns, widgets, cool

*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 background: url("images/bg.gif") #e4e6cc repeat-x;
}
#wrapper { 
 margin: 0 auto;
 width: 970px;
}
#navigation {
 height: 50px;
 margin: 9px 0 0 10px;
 font-size: 17px;
 padding-top: 38px;
}
#navigation ul {
 list-style: none;
}
#navigation li {
 display: inline;
 margin-right: 32px;
}
#navigation a {
 color: #fff;
 text-decoration: none;
 padding: 8px;
}
#navigation a:hover {
 background:#b0728c;
 padding:8px;
}
#header {
 color: #000;
 height: 142px;
 margin: 64px 0 0 10px;
}
#header #headings {
 float: left;
}
#header h1 {
 font-size: 36px;
}
#header h1 a {
 color: #000;
 text-decoration: none;
}
#header h2 {
 font-size: 18px;
 font-weight: normal;
}
#search {
 float: right;
 margin-top: 23px;
 margin-right: 23px;
}
#search #input {
 float: left;
 background: #CE497B;
 border: 2px #E77DAD solid;
 height: 21px;
 width: 190px;
 text-indent: 10px;
 padding-top: 8px;
 color: #fff;
}
#search #button {
 float: left;
 background: url(images/searchbtn.png);
 width:65px;
 height:33px;
 border:0;
}
#content { 
 color: #5a5a5a;
 min-height: 350px;
 width: 710px;
 float: left;
 margin-top: 22px;
}
#content .post, #content .page {
 background: #eee;
 border-bottom: 5px solid #d4d4d4;
 padding: 16px;
 margin-bottom: 15px;
}
#content h2 {
 float: left;
 font-size: 20px;
 padding: 7px 0 2px 0;
}
#content h2 a {
 color: #5a5a5a;
 text-decoration: none;
}
#content .comment-link {
 float: right;
 font-weight: bold;
 padding: 12px 28px 0 0;
 font-size: 11px;
}
#content .comment-link a {
 color: #5a5a5a;
 text-decoration: none;
}
#content .date {
 font-size: 11px;
 padding-bottom: 10px;
}
#content p {
 font-size: 12px;
 line-height:20px;
 padding-bottom: 15px;
}
#content p a {
 color: #b0728c;
}
#content p a:hover {
 text-decoration: none;
}
#content blockquote {
 padding: 5px;
 border-left: 3px solid #b0728c;
 border-bottom: 1px solid #b0728c;
 margin: 10px;
 font-style: italic;
}
#content h3 {
 font-size: 18px;
 font-weight: bold;
}
#content .commentlist {
 list-style: none;
}
#content .commentlist li {
 padding: 15px;
 list-style: none;
 background: #E7E3E7;
}
#content .children {
 margin-top: 5px;
}
#content .children li {
 padding: 5px
 margin: 10px;
 background: #CECFCE;
 border-top: 4px solid #E7B6CE;
}
.commentlist li .avatar { 
 float: right;
 border: 1px solid #c3c5ab;
 padding: 2px;
 background: #d5d7bb;
}
a.comment-reply-link, .comment-meta a {
 color: #b0728c;
 font-size: 12px;
}
a.comment-reply-link:hover, .comment-meta a:hover {
 text-decoration: none;
}
a.url {
 color: #b0728c;
}
a.url:hover {
 tet-decoration: none;
}
.comment-meta {
 padding-bottom: 10px;
}
#content .navigation {
 margin: 0 10px 10px 10px;
}
#content .navigation a {
 color: #b0728c;
}
#content .navigation a:hover {
 text-decoration: none;
}
#sidebar { 
 float: right;
 margin: 22px 0px 0px 0px;
 min-height: 350px;
 width: 236px;
 display: inline;
 position: relative;
 color: #5a5a5a;
}
#sidebar .sidebar-item {
 background: #d5d7bb;
 border-bottom: 5px solid #c3c5ab;
 margin-bottom: 20px;
 padding: 18px;
 font-size: 12px;
}
#sidebar .sidebar-item h3 {
 font-size:18px;
 padding-bottom: 10px;
}
#sidebar .sidebar-item ul {
 list-style: none;
 margin-left: 10px;
}
#sidebar .sidebar-item li {
 margin-bottom: 10px;
}
#sidebar .sidebar-item a {
 color: #5a5a5a;
 font-weight: bold;
 text-decoration: none;
}
#sidebar .sidebar-item a:hover {
 text-decoration: underline;
}
#footer-wrap {
 background: url("images/footer_bg.gif") #282828;
 min-height: 93px;
 clear: both;
 color: #fff;
}
#footer {
 margin: 0 auto;
 width: 970px;
 text-align: right;
 padding-top: 20px;
 font-size: 12px;
}
#footer a {
 color: #b0728c;
}
#footer a:hover {
 text-decoration: none;
}
.clear {
 clear: both;
}
.alignleft {
 float: left;
}
.alignright {
 float: right;
}
.center {
 text-align: center;
}