/* CSS Document containing styles specific to the blog section */

/*blog index and permalink pages*/

.post {
	border-bottom: 1px solid #E3F0F6;
	margin: 0 0 25px 0;
	padding: 0 0 20px 0;
}

#content .post h2 {
	padding: 0 0 3px 0;;
}

#content p.date {
	background: url(../images/backgrounds/blog/date.gif) no-repeat;
	color: #666;
	font-size: 1.1em;
	padding: 0 0 20px 25px;
}


.post-info {
	background: #F1F6F8;
	color: #666;
	height: 25px;
	padding: 5px 10px 0 10px;
	position: relative;
}

#content .post-info p {
	font-size: 1.1em;
	text-align: right;
	padding: 0;
}

#content p.post-links {
	background: url(../images/backgrounds/blog/folder.gif) no-repeat;
	float: left;
	padding: 0 0 0 22px;
}

#content a.comments {
	background: url(../images/backgrounds/blog/comments.gif) no-repeat;
	margin: 0 0 0 10px;
	padding: 0 0 2px 22px;
}

#content p.read-more {
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	text-align: right;
}

#content p.read-more a {
	background: url(../images/backgrounds/arrow-blue.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
}

#post-nav {
	color: #666;
	font-size: .9em;
}

#content #post-nav p {
	padding: 0;
}

#post-nav p#post-links {
	float: right;
}

#post-nav a.prev {margin: 0 3px 0 0;}
#post-nav a.next {margin: 0 0 0 3px;}

/*comments*/

.comment {
	background: url(../images/backgrounds/blog/comment.gif) no-repeat 4px 33px;
	color: #666;
	padding: 0 0 30px 0;
}

#content .comment p {
	padding: 0 25px 15px 25px;
}


.comment-info {
	background: #F5F5F5;
	font-size: 11px;
	height: 18px;
	margin: 0 0 5px 0;
	padding: 5px 10px 0 10px;
	position: relative;
	text-align: left;
	word-spacing: 1px;
}

.comment-info a {
	color: #666;
}

.comment-info a:hover {color: #0DC4E9;}

/* comment form */

.comment-form {
	border-bottom: 1px solid #E3F0F6;
	border-top: 1px solid #E3F0F6;
	margin: 0 0 25px 0;
	padding: 20px 0;
}

#content .comment-form p {
	padding: 0 0 10px 0;
}

#content .comment-form p.smileys {
	padding: 0 0 2px 0;
}

.comment-form input.text, .comment-form textarea {
	background: #F7F9FA;
	border: 1px solid #ccc;	
	font-size: 11px;
	padding: 3px;
}

.comment-form textarea {
	width: 601px;
}

.submit-wrapper input {
	margin: 0 10px 0 0;
	width: 85px;
}

/* pagination */

.paginate {
	border-bottom: 1px solid #E3F0F6;	
	border-top: 1px solid #E3F0F6;	
	color: #666;
	font-size: 12px;
	height: 25px;
	margin: 0 0 30px 0;
	padding: 10px 10px 0 10px;
	position: relative;
	text-align: center;
}

.paginate a, .paginate strong {
	background: #F1F6F8;
	border: 1px solid #E3F0F6;	
	color: #666;
	margin: 0 1px;
	padding: 2px 7px;
	position: relative;
	text-decoration: none;
}

.paginate strong {
	background: #fff;
	color: #333;
}
.paginate a:hover {
	background: #D8E2E5;
}

/* archives */

#content .archive-wrapper ul {
	padding: 0 0 20px 30px;
}

#content .archive-wrapper ul h2 {
	font-size: 15px;
	padding: 0 0 5px 0;
}

#content .archive-wrapper ul ul {
	font-size: 12px;
	padding: 0 0 10px 20px;
}


/* rss button */

a#rss-button {
	background: url(../images/backgrounds/rss-16x16.gif) no-repeat;
	padding: 0 0 3px 22px;
}


/* blog search & results */

.side-search {
	float: left;
}

.side-search input {
	width: 152px;
}

.side-search-submit {
	margin: 0 0 5px 0;
	float: right;
	width: 60px;
}

.side-search-submit input {
	font-size: 11px;
	padding: 0;
	width: 50px;
}

#search-results table {
	border-collapse: collapse;
	font-size: 11px;
	text-align: center;
	width: 603px;
}

#search-results td{
	border-bottom: 1px solid #E3F0F6;
	padding: 15px;
}

#search-results td.excerpt {
	text-align: left;
	width: 225px;
}

#content #search-results td.excerpt p {
	font-size: 11px;
	padding: 0 0 7px 0;
}


#search-results td.title {
	width: 100px;
}

#search-results thead td{
	background-color: #E3F0F6;
	font-weight: bold;
}

#search-results tbody tr.even td{
	background: #fff;
}