/*

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: "lucida grande", Arial, Helvetica, trebuchet, 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: 28px;

}

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

 margin: 10px 0 0 10px;

}

#header #headings {

 float: left;

}

#logo {

float: left;
width: 500px;
height: 174px;
background-image: url("images/logo.png");
background-repeat: no-repeat;

}

#header h1 {

}

#header h1 a {

 color: #000;

 text-decoration: none;

}

#header h2 {

 font-size: 14px;
 font-style: italic;
 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;

 padding-left: 10px;
 margin-left: 10px;
 border:0;

}

#content { 

 color: #5a5a5a;

 min-height: 350px;

 width: 728px;

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

 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;

}

#content img {	
        border: 1px solid #a3a675;
	margin: 10px;
	padding:10px;}

#content ul {padding: 12px;}

#content ul li {font-size: 13px; line-height: 18px; list-style-type:square; list-style-position: inside; color:#878A7E;}

#content ul li a {color: #5a5a5a; text-decoration: underline;}

#content ol li {font-size: 13px; line-height: 18px; margin:12px; color:#878A7E;}

#content ol li a {color: #5a5a5a; text-decoration: underline;}

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}