/*
Theme Name: Vineyard Blue
Description: Blue, elegant, and advanced WordPress Theme.
Author: Darren Pangan
Author URI: http://www.darrenpangan.com/
*/

* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 12px Arial;
	color: #ffffff;
	background-color: #333333;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #805506;
}
img {
	border: 0;
}


.break {
	clear: both;
}

.wrapper {
	width: 960px;
	margin: auto auto;
	text-align: left;
}

#body { 
	background: #ffffff url(images/body.gif) repeat-x 0 0;
	color: #060606;
	padding-top: 25px;
}

/** BEGIN content **/
#content {
	width: 465px;
	float: left;
	padding-right: 15px;
}
	#content h1 {
		font-size: 0;
		border-bottom: 1px dotted #DFDFDF;
		padding: 12px 0 10px;
	}
		#content h1 a {
			text-indent: -9999px;
			outline: none;
			display: block;
			width: 450px; height: 70px;
			background: url(images/logo.gif) no-repeat 0 0;
		}
	#content .post {
		clear: both;
		border-bottom: 1px dotted #D5D5D5;
		padding: 20px 0 40px;
	}
		#content .post img {
			border: 1px solid #CACACA;
			padding: 4px;
			background-color: #ffffff;
		}
		#content .post img.thumbnail {
			float: left;
			margin: 5px 10px 5px 0;
			width: 80px;
		}
		#content .latest img.thumbnail {
			width: 150px;
		}
		#content .post h2 {
			font-family: Georgia;
			font-weight: normal;
			margin-bottom: 10px;
			font-size: 1.9em;
		}
		#content .latest h2 {
			font-size: 2.7em;
		}
			#content .post h2 a {
				color: #181818;
			}
		#content .post .description {
			font-size: 0.9em;
			font-family: Georgia;
			color: #9D7B31;
			margin-bottom: 8px;
		}
		#content .post p {
			line-height: 1.6em;
			margin-bottom: 20px;
		}
		#content .post p.links a {
			font-size: 0.9em;
			font-weight: bold;
			margin-left: 10px;
		}
		#content .post .bookmarks {
			margin-bottom: 0;
		}
			#content .post .bookmarks a {
				margin: 0;
				text-indent: -9999px;
				width: 18px; height: 16px;
				outline: none;
				display: block;
				background-repeat: no-repeat;
				background-image: url(images/bookmarks.gif);
				float: left;
				margin-right: 2px;
			}
			#content .post .bookmarks .b1 { background-position: 0 0; }
			#content .post .bookmarks .b2 { background-position: -18px 0; }
			#content .post .bookmarks .b3 { background-position: -36px 0; }
			#content .post .bookmarks .b4 { background-position: -54px 0; }
			#content .post .bookmarks .b5 { background-position: -72px 0; }
			#content .post .bookmarks .b6 { background-position: -90px 0; }
			#content .post .bookmarks .b7 { background-position: -112px 0; }
			#content .post .bookmarks .b8 { background-position: -132px 0; }
			#content .post .bookmarks .b9 { background-position: -152px 0; }
		#content .post .details {
			float: right;
			font-size: 0.9em;
			margin-bottom: 0;
		}
			#content .post .details a {
				font-size: 1em;
				margin: 0;
			}
	#content .postnav {
		padding: 20px 0;
		font-size: 0.9em;
		font-weight: bold;
		text-align: center;
	}
		#content .postnav a {
			margin: 0 10px;
		}
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	width: 480px;
	float: right;
}
	#sidebar ul {
		list-style-type: none;
	}
	#sidebar .about {
		background: url(images/about.jpg) no-repeat 0 0;
		padding-left: 20px;
		height: 224px;
		position: relative;
	}
		#sidebar .about h2 {
			font-size: 1.3em;
			font-family: Georgia;
			margin-bottom: 10px;
			padding-top: 36px;
		}
		#sidebar .about p {
			line-height: 1.7em;
			padding-right: 80px;
		}
		#sidebar .about form {
			padding: 20px 0 20px 130px;
			position: absolute;
			top: 167px; left: 20px;
		}
			#sidebar .about input {
				font-family: Verdana;
				font-size: 0.9em;
				color: #90908E;
				border: 1px solid #ffffff;
				float: left;
				margin: 5px 13px 0 0;
				width: 236px;
			}
			#sidebar .about button {
				width: 60px; height: 24px;
				text-indent: -9999px;
				border: 0;
				background-color: transparent;
			}
		#sidebar .left { float: left; }
		#sidebar .right { float: right; }
		#sidebar .sidebar {
			width: 47%;
			margin: 15px 0;
		}
			#sidebar .sidebar h2 {
				font-size: 1.5em;
				font-weight: normal;
				font-family: Georgia;
				margin: 10px 0;
			}
			#sidebar .sidebar ul {
				padding: 10px 0;
			}
				#sidebar .sidebar ul li {
					line-height: 1.6em;
					padding: 2px 0 2px 16px;
					background: url(images/bullet1.gif) no-repeat 0 9px;
					border-top: 1px dotted #B6B6B6;
				}
				#sidebar .sidebar ul li a {
					color: #353535;
				}
				#sidebar .sidebar ul li ul { padding: 0; }
			#sidebar .sidebar .post {}
				#sidebar .sidebar .post li, #sidebar .sidebar .rc li {
					background: none;
					padding: 10px 0;
					color: #4D4D4D;
				}
				#sidebar .sidebar .post li img, #sidebar .sidebar .rc li img {
					padding: 4px;
					border: 1px solid #e1e1e1;
					margin-top: 5px;
					width: 200px;
				}
				#sidebar .sidebar .rc li img {
					float: left;
					margin: 4px 10px 5px 0;
					width: 50px;
				}
				#sidebar .sidebar .post li a, #sidebar .sidebar .rc li a {
					color: #9B9B9B;
					font-weight: bold;
					font-family: Verdana;
					font-size: 0.8em;
				}
				#sidebar .sidebar .rc li a {
					font-size: 1em !important;
				}
				#sidebar .sidebar .title {
					font-size: 1.2em !important;
				}
/** END sidebar **/

/** BEGIN  **/
#footer { 
	background: url(images/footer.gif) repeat-x 0 0;
}
#footer .buffer {
	background: url(images/buffer.gif) repeat-y center 0;
}
	#footer .wrapper div {
		width: 239px;
		float: left;
		padding-bottom: 10px;
	}
	#footer .wrapper .last {
		width: 236px;
		float: right;
	}
	#footer h2 {
		font-family: Georgia;
		font-size: 1.6em;
		font-weight: normal;
		padding: 10px;
	}
	#footer ul {
		list-style-type: none;
		margin: 5px 10px 20px;
		border-top: 1px dotted #a2a2a2;
	}
		#footer ul li {
			border-bottom: 1px dotted #a1a1a1;
			line-height: 1.6em;
			padding: 3px 0 3px 12px;
			background: url(images/bullet2.gif) no-repeat 0 8px;
		}
		#footer ul li a {
			color: #ffffff;
		}
		#footer ul li a:hover { }
	#footer .rss {
		padding: 0 20px 0 64px;
		line-height: 1.6em;
		background: url(images/rss.gif) no-repeat 10px 6px;
	}
		#footer .rss a {
			color: #ffffff;
		}
	#footer .copy {
		text-align: center;
		color: #9f9f9f;
		line-height: 1.6em;
		padding-top: 20px;
	}
/** END footer **/

/** BEGIN wordpress **/
#wp-calendar {
	width: 100%;
}
	#wp-calendar td {
		text-align: right;
		padding: 2px;
	}
	#wp-calendar th {
		text-align: right;
		padding: 2px;
	}
	#wp-calendar caption {
		padding-bottom: 10px;
	}
	#wp-calendar a {
		font-weight: bold;
		font-size: 0.9em;
	}
/** END wordpress **/

/** BEGIN miscellaneous **/
.notfound {
	padding: 20px 0;
}
	.notfound h2 {
		font-size: 1.6em;
		font-weight: normal;
		margin-bottom: 10px;
	}
.single {
	
}
	.single h2 {
		font-size: 2.7em !important;
		margin-bottom: 10px;
	}
	.single p {
		margin-bottom: 10px !important;
	}
	.single h3 {
		font-size: 1.6em;
		font-weight: normal;
		font-family: Georgia;
		margin-bottom: 7px;
	}
	.single ul {
		margin: 0 0 10px 16px;
	}
	.single ol {
		margin: 0 0 10px 20px;
	}
	.single li {
		line-height: 1.6em;
		padding: 1px 0;
	}
	.single blockquote {
		padding: 10px 10px 0;
		margin-bottom: 10px;
		line-height: 1.6em;
		background-color: #eeeeee;
		border-width: 1px 0;
		border-style: dotted;
		border-color: #e0e0e0;
	}
	.single .tags {
		padding: 10px 0;
	}
/** END miscellaneous **/

/** BEGIN comments **/
#comments {
	clear: both;
}
	#comments h2 {
		margin: 10px 0;
		font-size: 1.7em;
		font-weight: normal;
		font-family: Georgia;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	#comments form {
		padding: 10px;
	}
		#comments form input, textarea {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px 4px 4px 20px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 260px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 350px;
			padding: 4px 4px !important;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #909090;
			background-color: #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			width: 120px; height: 23px;
		}
		#comments form input.user {
			background-image: url(images/user.gif);
		}
		#comments form input.email {
			background-image: url(images/email.gif);
		}
		#comments form input.world {
			background-image: url(images/world.gif);
		}
	#comments form p {
		margin-bottom: 5px;
		font-size: 0.9em;
		font-family: Verdana;
	}
	#comments .author {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	#comments .date {
		font-size: 0.8em;
		margin-bottom: 5px;
	}
	#comments .required {
		color: #ff0000;
	}
	#respond {
		padding-top: 20px;
	}
	#comments .comment1 {
		border-width: 1px 0;
		border-style: dotted;
		border-color: #cccccc;
		background-color: #eeeeee;
		padding: 10px;
		margin-bottom: 10px;
	}
	#comments .comment2 {
		padding: 10px;	
	}
	#comments .details {
		float: left;
	}
	#comments .gravatar {
		float: right;
	}
/** END comments **/