/*	
Theme Name: Dave and Jay
Theme URI: http://www.davesaraiva.com/
Description: WordPress theme for Dave and Jay!
Version: 1.0
Author: Rūdolfs Eglītis
Author URI: http://shmlx.info/
*/

/*
 *	-- Tags
 */

* { margin: 0; padding: 0; }

body {
	font: 12px/18px Verdana, Arial, Sans-Serif;
	color: #333; background: #fff url('img/background.png') repeat-x top left;
	text-align: center;
}

ul li { list-style-type: none; }
a { text-decoration: none; }
img { border: none; margin: 5px; }
label { cursor: pointer; }
h2 { font: 24px Verdana, Arial, sans-serif; }
blockquote {
	margin: 12px; padding-left: 50px;
	font-family: Georgia, serif;
	color: #999; background: url('img/blockquote.gif') no-repeat left top;	
}
textarea { width: 100%; }

/*
 *	-- #container
 */

#container {
	margin: 0 auto;
	width: 790px;
	text-align: left;
}

/*
 *	-- #header
 */

#header {
	margin-bottom: 12px;
	width: 790px; height: 189px;
	text-align: right;
	background: url('img/header-background.png') repeat-x top left;
}
#header-inner {
	width: 790px; height: 189px;
	background: url('img/header-inner-2.png') no-repeat bottom right;
}
#header-inner-2 {
	width: 790px; height: 189px;
	background: url('img/header-inner.png') no-repeat bottom left;
}
	#header a { outline: none; }
	#header h1 {
		position: relative;
		top: 84px; right: 0;
		_margin-bottom: -30px; _height: 30px; /* Works for IE6.. */
		width: 790px; height: 60px;
		text-align: left;
	}
		#header h1 a {
			display: block;
			width: 790px; height: 60px;
			text-indent: -999em;
			background: url('img/title.png') no-repeat bottom right;
		}
	#header p.desc { display: none; }

/*
 *	-- #search
 */

#search {
	position: relative;
	top: -60px; _top: -30px; right: 0;
	height: 20px;
	font-size: 20px;
}
#search-button {
	width: 20px; height: 20px;
	margin: 0; padding: 0;
	text-indent: -999em;
	background: transparent url('img/search-button.png') no-repeat center top;
	border: 0;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}


/*
 *	-- #navigation
 */

#navigation {
	float: right;
	position: relative;
	top: -50px; _top: -28px; right: 0;
	margin-top: 11px;
	width: 528px; height: 34px;
	background: url('img/navigation.png') no-repeat top right;
}
	#navigation li {
		display: block;
		float: left;
		height: 34px;
	}
		#navigation li a {
			display: block;
			height: 34px;
			text-indent: -999em; text-align: left;
			background: url('img/navigation.png') no-repeat;
			border: none; outline: none;
		}
		#navigation li#home a { width: 98px; background-position: 0 0; }
		#navigation li#about a { width: 137px; background-position: 137px 0; }
		#navigation li#top-posts a { width: 144px; background-position: 144px 0; }
		#navigation li#archives a { width: 149px; background-position: 149px 0; }
		
		#navigation li#home a:hover { background-position: 0 -34px; }
		#navigation li#about a:hover { background-position: -98px -34px; }
		#navigation li#top-posts a:hover { background-position: -235px -34px; }
		#navigation li#archives a:hover { background-position: -379px -34px; }
		
		#navigation li#home a.selected, #navigation li#home a.selected:hover { background-position: 0 -68px; }
		#navigation li#about a.selected, #navigation li#about a.selected:hover { background-position: -98px -68px; }
		#navigation li#top-posts a.selected, #navigation li#top-posts a.selected:hover { background-position: -235px -68px; }
		#navigation li#archives a.selected, #navigation li#archives a.selected:hover { background-position: -379px -68px; }

/*
 *	-- #feeds
 */

#feeds {
	float: right;
	position: relative;
	top: 28px; _top: 49px;
	height: 35px; width: 100%;
	font: 18px Arial, Verdana, sans-serif;
	text-align: right;
}
	#feeds p {
		float: right;
		padding-left: 40px;
		height: 34px; width: 300px;
		text-align: left;
		color: #b0b0b0; background: url('img/feed-arrow.png') no-repeat bottom left;
	}
	#feeds span {
		padding-left: 16px;
		background: url('img/rss.png') no-repeat center left;
	}
	#feeds a {
		color: #009adb;
		border-bottom: 1px solid #009adb;
	}

/*
 *	-- #content
 */

#main-content {
	float: left;
	padding-top: 4px;
	width: 790px;
	background: #fff url('img/main-content.png') no-repeat top left;

}
#main-content-bottom {
	float: left;
	width: 790px; height: 50px;
	background: #fff url('img/main-content-bottom.png') no-repeat bottom left;
}
#content {
	float: left;
	color: #808080;
}
#content-inner {
	margin: 0 25px 0 16px; padding: 10px 0;
	width: 515px;
}
	#content a { color: #009adb; }
	#content a:hover, #content a:active { text-decoration: underline; }
	#content h2, #content h2 a, #content h2 a:hover {
		font-size: 24px; letter-spacing: -1px;
		color: #004e6a;
		text-decoration: none;
	}
	#content p { margin-bottom: 8px; }
	#content h2.pagetitle { padding: 4px 0 12px 0; text-align: center; color: #999; }

/*
 *	-- .post
 */

.post {
	padding: 18px;
	width: 479px;
	background: url('img/post.png') no-repeat top left;
}
.entry { clear: both; }

/*
 *	-- .post-details
 */

.post-details {}
	.post-details .title { float: left; width: 360px; height: auto; }
	.post-details .date {
		display: block;
		float: left;
		padding: 12px 8px 0 0;
		height: 43px; width: 30px;
		text-align: center;
		background: url('img/date.png') no-repeat top left;
	}
		.post-details .date .month {
			display: block;
			font: small-caps 9px/9px Verdana, Arial, sans-serif;
		}
		.post-details .date .day {
			display: block;
			font: bold 18px/18px Arial, Verdana, sans-serif;
		}
	.post-details .comments {
		display: block;
		float: right;
		padding-top: 10px;
		width: 70px; height: 52px;
		text-align: center;
		background: url('img/comments.png') no-repeat top left;
	}
	#content .post-details .comments a {
		color: #fff;
		text-decoration: none;
	}
		.post-details .comments .count {
			display: block;
			font: 18px/18px Verdana, Arial, sans-serif;
			border-bottom: none;
		}
		.post-details .comments .comment {
			display: block;
			font: bold 9px/9px Arial, Verdana, sans-serif;
		}

/*
 *	-- #bottom-navigation
 */

#bottom-navigation {
	padding-left: 20px;
	text-align: center;
}
	#bottom-navigation li {
		float: left;
		margin-right: 12px;
	}
	#bottom-navigation li:after {
		padding-left: 12px;
		content: " | "
	}
	#bottom-navigation li.archives:after {
		padding-left: 12px;
		content: ""
	}
		#bottom-navigation li a {
			font: bold 14px/50px Arial, Verdana, sans-serif;
			text-transform: uppercase;
			color: #009adb
		}
		#bottom-navigation li a:hover { text-decoration: underline; }

/*
 *	-- #sidebar
 */

#sidebar {
	float: right;
	padding: 10px 0;
	width: 234px;
	color: #004e6a;
}
.sidebar-block {
	margin-bottom: 30px; padding: 12px 0 0 16px;
	background: #fff url('img/sidebar-block.png') no-repeat top left;
}
	.sidebar-block p.blog-title {
		padding: 4px 4px 12px 24px;
		background: url('img/blog-title.png') no-repeat 0 4px;
	}
	.sidebar-block span.count {
		font-size: 18px; font-weight: bold;
		color: #ff7800;
	}
	.sidebar-block h3 {
		font-size: 16px;
		color: #004e6a;
	}
	.sidebar-block li {
		padding: 4px;
		color: #004e6a;
		border-bottom: 1px dotted #5c808d;
	}
		.sidebar-block ul.archive-item li { font-weight: bold; }
			.sidebar-block ul.archive-item li a {
				padding-left: 20px;
				background: url('img/sidebar-list.png') no-repeat center left;
			}
	.sidebar-block a {
		font-weight: normal;
		color: #009adb;
	}
	.sidebar-block li:hover { background-color: #d2f3ff; }
	.sidebar-block a:hover { color: #ff7800; }

/*
 *	-- #footer
 */

#footer {
	margin-top: 12px;
	clear: both;
}
	#footer p {
		padding: 20px;
		font-size: 10px;
		text-align: center;
		color: #004e6a;
	}
		#footer p span { font-size: 14px; font-weight: bold; }
	#footer a { color: #004e6a; }

/*
 *	-- .commentlist
 */

.commentlist {
	margin-left: 30px;
}

/*
 *	-- .sociable
 */

.sociable-outer {
	margin: 12px auto;
	padding: 0 5px;
	width: 479px; _width: 460px;
	color: #004e6a; background: url('img/sociable.png') no-repeat top left;
}
.sociable {
	display: block;
	float: right;
	margin: 0; padding-right: 10px; _padding-top: 6px;
	width: 290px; height: 34px;
	line-height: 34px;
	text-align: right;
}
	#content .post div.sociable-outer a.permalink {
		display: block;
		float: left;
		padding-left: 28px;
		width: 110px; height: 34px;
		line-height: 34px;
		color: #004e6a; background: url('img/permalink.gif') no-repeat center left;
		text-decoration: underline;
	}
	#content .post div.sociable-outer a.permalink:hover { text-decoration: none; }
	.sociable strong { font-weight: normal; }
	.sociable span, div.sociable li { height: 34px; line-height: 34px; }
		.sociable span span { display: none }

/*
 *	-- Misc
 */

.clearer { clear: both; }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */