/*

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.png") #f9f9f9 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:#bfadf8;

 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: 206px;

 margin-right: 0px;

}

#ads {

 float: right;

 margin-top: 260px;

 margin-right: 0px;

}

#search #input {

 float: left;

 background: #f9f9f9;

 border: 2px #8366d9 solid;

 height: 21px;

 width: 168px;

 text-indent: 10px;

 padding-top: 8px;

 color: #464646;

}

#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: #393939;

}

#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: #bababa;

 border-bottom: 5px solid #8366d9;

 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;

}