/*
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: #004566;
}
a {
	color: #458AB3;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
}
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: #000105;
	padding-top: 25px;
}

#header {border-bottom: 1px dotted #C9DDA8;}

#header h1 {
		font-size: 0;
		padding: 12px 0 10px;
		width:395px;
		float:left;
	}
		#header h1 a {
			text-indent: -9999px;
			outline: none;
			display: block;
			width: 340px; height: 80px;
			background: url(images/preschooler_logo.gif) no-repeat 0 0;
		}
		
	#header #nav {float:right; margin-top:50px;}
	
	#header #nav li {float:left; list-style:none; font-size:14px; margin-left:20px;}
	
	#header #nav li a {font-weight:bold;}
	
	div.clear {height:0px; clear:both;}

/** BEGIN content **/
#content {
	width: 575px;
	float: left;
	padding-right: 15px;
}
	#content .post {
		clear: both;
		border-bottom: 1px dotted #C6CFD4;
		padding: 20px 0 40px;
	}
		#content .post img {
			border: 1px solid #C1C9CB;
			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: #111619;
			}
		#content .post .description {
			font-size: .9em;
			font-family: Georgia;
			color: #6599B1;
			margin-bottom: 8px;
		}
		#content .post p {
			margin-top:0px;
			line-height: 1.6em;
			margin-bottom: 10px;
		}
		
		#content .post p.links a {
			font-size: 0.9em;
			font-weight: bold;
			margin-right: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: 320px;
	float: right;
	margin-bottom:20px;
}
	#sidebar ul {
		list-style-type: none;
	}
	#sidebar .about {
		background: url(images/about.jpg) no-repeat 0 0;
		background-position:right;
		padding-left: 20px;
		height: 290px;
		position: relative;
		margin-top:0px;
		margin-bottom:15px;
	}
		#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: 25px 0px 25px 0px;
			position: absolute;
			top: 228px; left: 80px;
		}
			#sidebar .about input {
				font-family: Verdana;
				font-size: 0.9em;
				color: #90908E;
				border: 1px solid #ffffff;
				float: left;
				margin: 5px 13px 0 0;
				width: 130px;
			}
			
			#sidebar .about button {
				margin-left:16px;
				width: 60px; height: 24px;
				text-indent: -9999px;
				border: 0;
				background-color: transparent;
			}
			
			#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 #AAB2B5;
				}
				#sidebar .sidebar ul li a {
					color: #2B3335;
				}
				#sidebar .sidebar ul li ul { padding: 0; }
			#sidebar .sidebar .post {}
				#sidebar .sidebar .post li, #sidebar .sidebar .rc li {
					background: none;
					padding: 10px 0;
					color: #4D4D4F;
				}
				#sidebar .sidebar .post li img, #sidebar .sidebar .rc li img {
					padding: 4px;
					border: 1px solid #DFE1E0;
					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: #2F749B;
					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;
				}
				
				#sidebar .sidebar ul.xoxo li {background-image:none;}
				
				/* Subscribe Form */
				
				.subscribeform {margin-top:15px; margin-bottom:15px; background-color:#f9f9f9; background-image:url(images/bluegradient_bg.gif); background-repeat:repeat-x; background-position:top; border:1px solid #c0c0c0; padding:10px;}
				
/** 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 #0C7799;
	}
		#footer ul li {
			border-bottom: 1px dotted #106C9F;
			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: #00749D;
		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 **/

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 10px;
	margin: 0 0 0px 15px;
	display: inline;
	}

img.alignleft {
	padding: 5px;
	margin: 0 15px 0 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* End Images */

.latest {border:1px solid #CCCCCC; background-color:#fafafa; padding:10px 15px 25px 15px; margin-top:20px; background-image:url(images/bluegradient_bg.gif); background-repeat:repeat-x; background-position:top;}