/*
Theme Name: Bubbles
Author: Darren Pangan
Author URI: http://www.darrenpangan.com/
*/

/** BEGIN basic styles **/
* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px Arial;
	text-align: center;
	background: #FFFFFF url(images/body.gif);
	color: #000000;
}
img {
	border: 0;
}
blockquote{
margin-left:20px;
padding-left:5px;
border-left:1px solid #DDDDDD;
}
a {
	text-decoration: none;
	color: #819f02;
}
a:hover {
	color: #ff0000 !important;
}
.break {
	clear: both;
	font-size: 1px;
	height: 0; width: 0;
}
/** END basic styles **/

/** BEGIN wrapper **/
#wrapper {
	width: 908px;
	margin: auto auto;
	text-align: left;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	width: 924px;
	background: url(images/header.png) no-repeat 0 0;
	padding: 48px 0 16px;
	color: #afce02;
}
	#header a, #header a:hover {
		color: #afce02 !important;
	}
	#header h1 {
		font-size: 3em;
		font-weight: normal;
		padding-left: 25px;
	}
	#header h3 {
		font-size: 1.2em;
		font-weight: normal;
		padding-left: 25px;
	}
/** END header **/

/** BEGIN body **/
#body {
	width: 100%;
	background: url(images/wrapper.png) repeat-y 0 0;
	line-height: 1.6em;
}
	/** BEGIN navigation **/
	#navigation {
		list-style-type: none;
		height: 27px;
		background: url(images/navigation.gif) repeat-x 0 0;
		margin: 0 4px;
		line-height: normal;
	}
		#navigation li {
			float: left;
			padding-right: 1px;
			background: url(images/divider.gif) no-repeat right 0;
		}
		#navigation .pad {
			width: 24px; height: 27px;
		}
		#navigation li a {
			display: block;
			float: left;
			color: #616a02;
			font-size: 1.2em;
			padding: 6px 10px 5px;
		}
		#navigation li a:hover {
			color: #ffffff !important;
			background: url(images/active.gif) repeat-x 0 0;
		}
	/** END navigation **/
	/** BEGIN search **/
	#search {
		position: relative;
		z-index: 99;
		background-color: #ffffff;
		border: 1px solid #a5cb00;
		padding: 5px 10px 10px;
		float: left;
		left: 84px;
		margin: -1px 0 -55px;
		visibility: hidden;
		line-height: normal;
	}
	#search input {
		color: #9fc500;
		font-size: 1.3em;
		font-family: Arial;
		margin: 2px 5px 0 0;
		width: 150px;
		border: 1px solid #82a102;
	}
	#search button {
		background: url(images/search.gif) no-repeat 0 0;
		border: 0;
		width: 24px; height: 22px;
		text-indent: -9999px;
	}
	#search a {
		padding: 0 12px 2px 0;
		background: url(images/close.gif) no-repeat right 2px;
		font-size: 0.8em;
		text-transform: lowercase;
		display: block;
		float: left;
	}
	/** END search **/
	/** BEGIN content **/
	#content {
		clear: both;
		width: 583px;
		float: left;
		margin-left: 4px;
		line-height: 1.8em;
	}
		.post {
			padding: 10px 0;
			margin: 10px 15px 10px 20px;
			border-bottom: 1px dotted #afce02;
		}
		.post h2 {
			font-weight: normal;
			font-size: 2em;
			padding-bottom: 10px;
		}
		.post h2 a {
			color: #303030;
		}
		.post .thumb {
			float: left;
			margin: 5px 10px 5px 0;
			width: 95px;
		}
		.post .date {
			clear: both;
			padding: 2px 0 0 22px;
			background: url(images/date.gif) no-repeat 0 4px;
			margin-bottom: 0 !important;
		}
		.post .category {
			padding: 2px 0 0 22px;
			background: url(images/category.gif) no-repeat 0 4px;
			margin-bottom: 0 !important;
		}
		.post .comments {
			padding: 2px 0 0 22px;
			background: url(images/comments.gif) no-repeat 0 4px;
			float: right;
			margin-top: -48px;
			margin-bottom: 0 !important;
		}
		.notfound {
			padding: 20px;
		}
		.notfound h2 {
			font-size: 1.5em;
			font-weight: normal;
			margin-bottom: 5px;
		}
		#postnav {
			padding: 10px 20px;
			font-size: 0.8em;
			text-transform: uppercase;
		}
		.alignleft {
			float: left;
			margin: 7px 10px 5px 0;
		}
		.alignright {
			float: right;
			margin: 7px 0 5px 10px;
		}
		.post h3 {
			margin-bottom: 5px;
			font-size: 1.2em;
		}
		.post p {
			text-align: justify;
			margin-bottom: 10px;
		}
		.post ul {
			list-style-type: none;
			margin-bottom: 10px;
		}
		.post ul li {
			padding: 2px 0 2px 15px;
			background: url(images/bullet.gif) no-repeat 0 9px;
		}
		.post ol {
			margin-bottom: 10px;
			padding-left: 20px;
		}
		.post ol li {


			padding: 2px 0;
		}
		#postdetails p {
			padding-bottom: 0;
			margin-bottom: 0;
			font-size: 0.9em;
		}
		#commentsection {
			padding: 0 20px;
		}
		#commentsection h2 {
			font-size: 1.5em;
			font-weight: normal;
		}
		#commentsection h3 {
			font-size: 1.5em;
			font-weight: normal;
			padding: 20px 0 10px;
		}
		#commentsection .commentitems {
			background: url(images/contentbody.gif) no-repeat 0 bottom;
			margin-bottom: 10px;
			padding: 10px;
		}
		
		.commentdetails {
			float: left;
			padding-bottom: 5px;
		}
		.commentdetails p {
			margin-bottom: 2px !important;
		}
		.gravatar {
			float: right;
		}
		.comment1, .comment2 {
			border-bottom: 1px dotted #afce02;
			padding: 15px 0 5px;
		}
		.comment1 p, .comment2 p {
			text-align: justify;
			margin-bottom: 10px;
		}
		.commentauthor {
			font-weight: bold;
			font-size: 1.2em;
		}
		.commentdate {
			font-size: 0.9em;
		}
		#commentsection input, #commentsection textarea, #commentsection button {
			margin: 2px 0;
		}
		.title {
			padding: 20px 20px 0 20px;
			font-size: 0.8em;
			font-weight: normal;
			text-transform: uppercase;
			color: #606060;
			letter-spacing: 1px;
		}
	/** END content **/
	/** BEGIN sidebar **/
	#sidebar {
		width: 316px;
		float: right;
		margin-right: 4px;
		padding-bottom: 10px;
	}
		#sidebar h2 {
			font-size: 1.6em;
			font-weight: normal;
			padding: 10px 10px 10px 50px;
			background-position: 12px 3px;
			margin: 10px 0;
			background-repeat: no-repeat;
		}
		#sidebar ul {
			list-style-type: none;
			padding: 0 10px 0 20px;
		}
		#sidebar ul li {
			font-size: 0.9em;
			padding: 2px 3px 2px 16px;
			background: url(images/bullet.gif) no-repeat 1px 8px;
		}
		#sidebar ul li a {
			color: #303030;
		}
		#categories h2 {
			background-image: url(images/categories.gif);
		}
		#categories ul li {
			float: left;
			width: 43%;
		}
		#recentcomments h2 {
			background-image: url(images/recentcomments.gif);
		}
		#popularposts h2 {
			background-image: url(images/popularposts.gif);
		}
		#blogroll h2 {
			background-image: url(images/blogroll.gif);
		}
		#blogroll ul li {
			float: left;
			width: 43%;
		}
	/** END sidebar **/
/** END body **/

/** BEGIN footer **/
#footer {
	background: url(images/footer.png) no-repeat 0 0;
	width: 100%;
	color: #616A02;
	padding: 30px 0;
	line-height: 1.6em;
}
	#footer p {
		padding: 0 10px;
	}
	#footer a, #footer a:hover {
		color: #616A02 !important;
		font-weight: bold;
	}
	#copy {
		float: left;
	}
	#footlinks {
		float: right;
	}
/** END footer **/