body {
	 
background-color: #E7E7E8;

	color: #808285;
	font: 14px  Arial, Helvetica, sans-serif;
	line-height: 17px;
margin: 0; 
text-align: center;


}
html, body {margin:0; padding: 0; height: 100%;}

#wrapper {z-index: 1000; margin-left: auto; margin-right: auto; width: 900px; text-align: left; overflow: hidden;}

a, a:visited {
	color: #35C5EE;
text-decoration: none;
} 

a:hover {
	color: #acacac;
}
img {border: 0;}

/* Header */

#header {width: 900px; overflow: hidden; margin: 0 auto; padding-top: 55px; height: 75px;}
#header h1 span {display: none;}
#header h1 {width: 259px; height: 35px; float:left; margin:0 0 50px 0;}
#header h1 a { text-indent: -5000px; display:block; width: 202px; height:30px; background: url(images/logo.gif) no-repeat top left;}
#header h1 a:hover {background: url(images/logo.gif) no-repeat 0 -29px ;}

#search {float: right; background: url(images/search-bg.png) no-repeat center top; width: 225px; height: 60px;}
#s {width: 215px; height: 15px; color: white; padding: 10px; background:0; border: 0;}
.search {width: 49px; height: 14px;   background: url(images/search-btn.gif) no-repeat right top;  cursor: pointer; float: right; margin: 3px 10px 0 0; border: 0;}
.search:hover {background: url(images/search-btn.png) no-repeat 1px -13px;}

/* Page */

#page {
	width: 900px;
	margin: 0 auto;
      padding-top: 15px;text-align: left;
position: relative;
min-height: 93%;

}

/* Content */

#content {
	float: left;
	width: 630px;
	margin: 0;
}

.post {
	padding: 15px; background: transparent url(images/post-bg.png) repeat-y;
margin-bottom: 20px;
}
.bordered {border-bottom: 1px solid #01abde;}
#post-3 h3, #post-2 h3 {border-bottom: 1px solid #01abde;}
#respond {
border-bottom: 1px solid #01abde;
padding: 20px 0 10px 0;
	
margin: 0 0px 10px 15px;
	font-size: 22px;
font-weight: bold;
color: #37C5EC;
width: 600px;
}
.postcomment { background: url(images/commentbg.png) top left no-repeat; width: 630px; margin-top: 90px;}
#respond span {color: #808285; font-size: 14px;}
.postcomment label {margin:0; padding: 0;}
.title{
	padding: 0px 20px 10px 0px;
	font-size: 22px;
   line-height: 30px;
color:#37C5EC;
margin: 0;
}
.subscribe-to-comments {margin:-15px 15px 0 70px; float: left;}
.title a {
	text-decoration: none;
	color: #37C5EC;
}

.title h2 a, .title h2 a {
	text-decoration: underline;
	color: #37C5EC;
}
.commentlist h3 {margin: 0 15px; padding-top: 20px;}
.commentlist small {margin:-10px 15px 0 15px;}
.commentlist p {padding: 0 15px;}
.commentmetadata {border-bottom:1px solid #01ABDE; display: block; margin-top: -4px; padding-bottom: 3px;margin-top: -30px;}
.commentlist {margin: 0; padding: 0;}
span.articlefooter {margin-top: -30px; display: block; height: 28px; width: 630px; background: url(images/articlefooter.png) top left no-repeat; position: relative; top: 28px;}
.commentlist li {width: 630px; list-style: none; margin: 0 0 50px 0; padding:0; background: url(images/commentbg.png) no-repeat; }
.commentlist .title {color: #808285; margin-top: 15px;}
.articlebody p{margin-bottom:0; }
.byline {
margin-top: -10px;
	color: #808285;
border-bottom: 1px solid #00ACDD; padding-bottom: 5px;
width: 600px;
display: block;
}

.meta {
	background: url(images/post-footer.png) no-repeat;
}
.meta a {
}

.navigation {
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.posts {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.posts li {
margin: 10px 0 0 0;
}

.posts h3 {
	margin: 0;
	font-weight: bold;
}

.posts p {
	margin: 0;
	line-height: normal;
}

.posts a {
}

.entry {
	margin: 0;
}

.last {
	border: none;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 224px;
	margin-bottom: 10px;
	color: #625FA1; padding:0;
}

#sidebar ul {
	margin: 0 0 0 0px;
	padding: 0px 0 20px 0;
	list-style: none;

}

.widget  {  background: url(images/sidebar_footer.gif) no-repeat bottom; width: 224px; padding-bottom:10px; margin-bottom: 35px;}

#sidebar li ul {
	padding: 0px ;
background: url(images/sidebar_box.gif) 0 1px repeat-y;
       width: 225px;
line-height:18px;
}

#sidebar li li { 
	padding: 5px 0px; width: 190px; text-align: center; margin: 0 17px;}

#sidebar h2 {
	margin: 0;
	width: 224px;
	height: 25px;
	font-size: 18px;
}

#next {
	text-align: right;
}

















#prev {
	text-align: left;
}

#linkcat-5 h2 {background: url(images/playgrounds_headline.gif) no-repeat left top; width: 224px; height:27px;}
#categories-215365881 h2 {background: url(images/lines_headlines.gif) no-repeat left top; width: 224px; height:25px;}
#linkcat-4 h2 {background: url(images/friends_headline.gif) no-repeat left top; width: 224px; height:27px;}
#linkcat-4 h2 span, #categories-215365881 span, #linkcat-5 span, .widget_meta h2 span {display: none;}

.widget_meta h2 {background: url(images/subscription_headline.gif) no-repeat left top; width: 224px; height:28px;}
.post-header, {background-image: url(images/post-header.png); background-repeat: no-repeat; width: 630px;height: 13px}


div.article {
  width:629px;
margin-bottom: 50px;


  background: url(images/post-header.png) top left no-repeat;


padding-top: 24px;
  } 
.article a {color: #35C5EE; text-decoration: none;}

.article a:hover {color: #578BAF; text-decoration: none;}

div.articlebody {
  background: url(images/post-bg.png) top left repeat-y;
  margin-top: -13px;
  padding: 0 15px 15px 15px;
overflow: hidden;
  }

div.articlefooter{
  background: url(images/articlefooter.png) top left no-repeat;
height: 28px;

 padding: 0 15px 15px 15px;
  }
.articlefooter p {padding: 0; margin: 0;}


#menu{
	width: 630px;
	height:14px;

overflow: auto;
padding: 0 0 2px 0;
}
#menu ul {
	float: right;margin:0;
	display: inline;padding-right: 15px; height: 11px;
}

#menu ul li {
	height: 11x;
float: right;
        list-style: none;
margin-left: 11px;
}
#menu li a {
	line-height: 12px;
	text-indent: -1250px;
	display: block;
	background-position: center -12px;

}

#menu li a:hover {
	line-height: 12px;
	background-position: center top;
	display: block;
	
}
.about {
	background-image: url(images/about.png);
	background-repeat: no-repeat;
	width: 40px;
}
.about-me {
	background-image: url(images/about-me.png);
	background-repeat: no-repeat;
	width: 64px;
}
.about-you {
	background-image: url(images/about-you.png);
	background-repeat: no-repeat;
	width: 66px;
}

.input {background: url(images/formbg.gif) no-repeat left top; }
.input label {margin-top: -10px;}
.textarea {background: url(images/textareabg.gif) no-repeat left top; margin: 10px 0 0 0px;height: 258px; padding-bottom: 10px;}
#author, #url, #email, #comment {background:0; border: 0; height: 25px; width: 288px; color: white; padding: 10px 0 0 10px;}
#comment {width:580px; height: 228px; margin-top: 10px;}
.submitbtn {border: 0px; width:46px; height: 15px; padding: 0;margin: 0 0 0 10px;background: url(images/submit.gif) no-repeat left top; cursor: pointer;}
.submitbtn:hover {background: url(images/submit.gif) no-repeat 0px -16px;}

.project_credits { overflow: hidden;  height: 100%; width: 100%; }
.project_credits ul {list-style: none; font-size:9px; margin:0; padding: 0; line-height: 13px;float: right;}
.project_credits strong {padding-bottom:10px;}

.footer { display: block; bottom: 0px; left: 0px; position: relative; z-index:-1000; margin: 0;   background: url(images/background.jpg) repeat-x; margin: -600px auto 0 auto; width: 100%; }
.footer p {position:relative;
top:798px;right:135px; t\op:804px;
 }
.footer img {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);}
.footer-bg { width: 1050px; height: 782px;  background: url(images/bg.jpg) no-repeat; margin: -600px auto 0 auto; }

.rss-icon {background-image: url(images/rss-icon.gif);
	background-repeat: no-repeat; padding-left: 18px;}

.entry-info {overflow: hidden; margin-top: 35px;}
.comments_number {font-size: 15px; border-top: 1px solid #00ACDD; padding-top: 5px; float: right;  margin-top: 0;}
.metadata {float: left; width: 50%; margin: 0;}
.older a {background: url(images/newer.png) no-repeat top left; height: 19px; width: 95px; display: block; text-indent: -700px;} 
.older a:hover {background: url(images/newer.png) no-repeat 0px -20px;}
.newer a {background: url(images/older.png) no-repeat top left; height: 19px; width: 92px; display: block; text-indent: -700px;} 
.newer a:hover {background: url(images/older.png) no-repeat 0px -20px;}

.categories {float: left; width: 50%;}
.commentsnumber {float: right; width: 49%; text-align:right;}
.commentsnumber span {border-top:1px solid #00ACDD; padding-top: 5px;}
.wordpress {}