/*

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-header-yrt-1.png") #F0E8C8 repeat-x 0 -0px;

}

#wrapper { 

 margin: 0 auto;

 width: 970px;

}

#navigation {

 height: 31px;

 margin: 0px 0 0 10px;

 font-size: 13px;


 background: transparent url(./images/Bg-nav-yrt-1.png) no-repeat scroll 0 -5px;

}

#navigation ul {

 list-style: none;
 margin-left: 12px;
 padding-top:8px;
 float:left;

}

#navigation li {

 display: inline;

 margin-right: 13px;

}

#navigation a {

 color: #fff;

 text-decoration: none;

 padding: 8px;

}

#navigation a:hover {

 background:#E380A8;

 padding:8px;

}

#pub-haut {

text-align: center;
margin-top:15px;
}

#header {

 color: #000;

 height: 142px;

 margin: 5px 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;

}

#header img {

 border:0px;

}

#search {

 margin-left:502px;
padding-top:3px;

}

#search #input {
background:#CE497B none repeat scroll 0 0;
border:1px solid #E77DAD;
color:#FFFFFF;
float:left;
height:17px;
padding-top:7px;
text-indent:10px;
width:175px;

}

#search #button {

background:transparent url(images/Btn-search-yrt-1.png) repeat scroll 0 0;
border:0 none;
cursor:pointer;
float:left;
height:33px;
margin-top:-4px;
width:88px;

}
#content { 

 color: #5a5a5a;

 min-height: 350px;

 width: 710px;

 float: left;

 margin-top: 8px;

}

#socials { 
float:right;
text-align:center;
width:auto;

}

#content .post, #content .page {

 background: #eee;

 border-bottom: 5px solid #d4d4d4;

 padding: 13px 28px;

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

}