/*
Theme Name: WP Chat
Theme URI: http://wpchat.com/
Description: The custom-made WordPress theme for WP Chat.
Version: 1.0
Author: Custom Theme
Author URI: http://customtheme.com/
*/

* { padding: 0; margin: 0; }
a img { border: 0; }

body {
	background: #e7f2fa;
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	}
#wrapper {
	width: 1034px; /* was 907 */
	margin: 0 auto;
	}
#sidebar {
	float: left;
	width: 259px;
	}
#logo {
	margin: 46px 0 0 42px;
	display: block;
	}
#description {
	font-size: 12px;
	font-weight: normal;
	color: #7895aa;
	margin: -6px 0 0 51px;
	}
#nav {
	list-style: none;
	font: 11px Tahoma;
	margin: 30px 0 0 10px; /* was 25 */
	}
#nav li {
	float: left;
	margin-left: 36px;
	}
#nav li.current {
	background: #fff;
	padding: 10px;
	-moz-border-radius: 7px;
	margin: -10px -10px -10px 26px;
	}
#nav a {
	display: block;
	color: #000;
	text-decoration: none;
	padding-top: 20px;
	}
#nav a:hover {
	text-decoration: underline;
	}
#nav li#home {
	margin-left: 0;
	}
#nav li#home a {
	background: url('images/home.gif') top center no-repeat;
	margin-left: 0;
	}
#nav li#about a {
	background: url('images/forum.gif') top center no-repeat;
	}
#nav li#blog a {
	background: url('images/blog.gif') top center no-repeat;
	}
#nav li#contact a {
	background: url('images/contact.gif') top center no-repeat;
	}
#ads {
	clear: left;
	padding-top: 25px;
	margin-bottom: -10px;
	}
#ads img {
	border: 1px solid #d8e6f0;
	}
#ads a:hover img {
	border: 1px solid #000;
	}
.links {
	clear: left;
	color: #158ed0;
	list-style: none;
	width: 256px;
	padding-top: 25px;
	}
.links li {
	background: url('images/bullet.gif') 3% 30% no-repeat;
	padding-bottom: 8px;
	border-bottom: 1px dotted #85aac8;
	margin-bottom: 8px;
	padding-left: 21px;
	}
.links a {
	color: #005b8c;
	text-decoration: none;
	}
.links a:hover {
	color: #de5200;
	}
#content {
	width: 725px; /* minus 172 */
	border-right: 1px solid #d8e2e9;
	padding: 16px;
	color: #4c4d4e;
	}
#content-outer {
	border-right: 1px solid #e2ecf4;
	width: 758px; /* minus 172 */
	float: right;
	background: #fff repeat-y;	
	position: relative;
	margin-top: 50px;
	}
#content-top {
	background: url('images/content-top.gif') no-repeat;
	width: 759px; /* minus 172 */
	height: 6px;
	position: absolute;
	top: -6px;
	left: 0;
	}
#content-bottom {
	background: url('images/content-bottom.gif') no-repeat;
	width: 759px; /* minus 172 */
	height: 8px;
	position: absolute;
	bottom: -6px;
	left: 0;
	}	
#content h2 {
	color: #ff9000;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 21px;
	}
#content h3 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
	}
#content p {
	text-align: justify;
	line-height: 2em;
	padding-bottom: 2em;
	}
#content ul {
	line-height: 2em;
	padding: 0 0 2em 2em;
	}
#content a {
	color: #de5200;
	text-decoration: none;
	}
#content a:hover {
	color: #005b8c;
	}
#footer {
	clear: both;
	width: 738px; /* minus 172 */
	float: right;
	color: #4c4d4e;
	padding: 15px 16px 36px 5px;
	}
#copyright {
	float: left;
	padding-top: 9px;
	}
#copyright a {
	color: #00090f;
	text-decoration: none;
	border-bottom: 1px solid #00090f;
	}
#copyright a:hover {
	border-bottom: 0;
	}
#f-links {
	list-style: none;
	float: right;
}
#f-links li {
	display: inline;
	padding-left: 5px;
}
#top {
	position: absolute;
	top: 0;
	left: 0;
	height: 3px;
	width: 100%;
	background: #c2ddf1;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


.center {
	text-align: center;
	}