/* - - - - - - - - - - - - - - - - - - - - -

Title : Lofty Ideal
Author : Tony Yoo
URL : http://www.tonyyoo.com

Description : Default stylesheet

Created : 02/03/07
Modified : 02/03/07

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #ccd9e1;
	background: #d9e6ed url(images/bodyBG.gif);
}



/* ----- container ----- */

#container {
	margin-left: 21px;
	width: 697px;
	font-size: 1.2em;
	background: transparent url(images/quote.gif) no-repeat top right; /* dove */
}


	/* ----- content ----- */

	#content {
		display: inline;
		margin: 0 0 3.4em 39px;
		float: left;
		width: 430px;
		background: transparent;
	}
		#content #header {
			margin: 63px 0 7.8em 0;
			/*margin: 5.3em 0 7.8em 0;*/
		}
			#content #header h1 a {
				color: #c3e5f9;
			}
			#content #header blockquote {
				text-indent: -9000px;
				margin: 0;
				margin-top: 0.6em;
				color: #fff;
				line-height: 1.5em;
				font-size: 1.6em;
			}
				#content #header blockquote span {
					color: #c3e5f9;
					font-size: 0.6em;
				}
		#content div.post {
			margin-top: 3.2em;
		}
			#content div.post h2 {
				
			}
			#content div.post div.img {
				margin: 2.6em 0 2.3em 0;
			}
			#content div.post div.imgLeft, #content div.post div.imgRight {
				margin: 0;
			}
			#content div.post div.imgLeft {
				margin-right: 2em;
				float: left;
			}
			#content div.post div.imgRight {
				margin-left: 2em;
				float: right;
			}
				#content div.post div.imgLeft a, #content div.post div.imgRight a, #content div.post div.img a {
					margin: 0;
					padding: 0;
					background: transparent url(images/imgDropShadow.gif) repeat-x bottom left;
				}
				#content div.post div.imgLeft a img, #content div.post div.imgRight a img, #content div.post div.img a img {
					position: relative;
					top: -3px;
					padding: 3px;
					border: 1px solid #fff;
					background: #c3e5f9 ;
				}
			#content div.post div {
				margin-bottom: -0.6em;
			}
				#content div.post div a {
					margin-left: 1em;
					padding-right: 15px;
					color: #c3e5f9;
					background: transparent url(images/commentIcon.gif) no-repeat top right;
				}
		
		
		#content #postNav {
			margin-top: 3.6em;
		}
			#content #postNav a.prev {
				margin-right: 1em;
				padding-left: 8px;
				background: transparent url(images/arrowLeft.gif) no-repeat center left;
			}
			#content #postNav a.next {
				padding-right: 8px;
				background: transparent url(images/arrowRight.gif) no-repeat center right;
			}
		
				
		#content #commentTop {
			margin-top: 3.8em;
			margin-bottom: 2px;
			padding: 0.8em 0 0.9em 0;
			width: 100%;
			overflow: hidden;
			float: left;
			border-top: 1px solid #c3e5f9;
			background: transparent url(images/h3BtmBorder.gif) repeat-x bottom left;
		}
			#content #commentTop h3 {
				margin: 1px;
				margin-left: 3px;
				padding: 0 16px 0 0;
		
				float: left;
				font-size: 14px;
				background: transparent url(images/commentIcon.gif) no-repeat top right;
			}
			#content #commentTop a {
				margin: 1px;
				margin-right: 3px;
				padding: 0 0 0 10px;
		
				float: right;
				background: transparent url(images/arrowDown.jpg) no-repeat center left;
			}
		#content #commentList {
			*margin-top: -27px;
			padding-bottom: 3px;
			clear: both;
			background: transparent url(images/h3BtmBorder.gif) repeat-x bottom left;
		}
			#content #commentList li {
				margin: 0;
				margin-bottom: 3px;
				padding: 18px;
				color: #3f464b;
				background: #dff1fc;
			}
			#content #commentList li.alt {
				background: #fff;
			}
			#content #commentList li.officialComment {
				background: #c3e5f9 url(images/officialComment.gif) no-repeat top right;
			}
				#content #commentList li strong {
					color: #6b7a83;
				}
					#content #commentList li strong a {
						color: #3f464b;
					}
				#content #commentList li span {
					display: block;
					color: #6b7a83;
				}
				#content #commentList li p {
					margin: 0.6em 0 0 0;
				}
					#content #commentList li p a:link, #content #commentList li p a:visited {
						color: #fff;
						background: #adb9c0;
					}
					#content #commentList li p a:hover, #content #commentList li p a:active {
						color: #fff;
						background: #6b7a83;
					}
					
		
		#content h3#respond {
			margin: 2.4em 0 0.6em 3px;
			font-size: 1.6em;
		}
		#content form {
			padding: 2px 16px;
			background: #606f77;
		}
			#content form p {
				margin: 0.8em 0;
			}
	


	/* ----- nav ----- */

	#nav {
		margin-top: 120px; /*19.6em*/
		float: right;
		width: 192px;
		color: #718793;
		background: transparent;
	}
		#nav h2 {
			margin-top: 3em;
			padding: 0.5em 0.6em 0.7em 1.6em;
			color: #3f464b;
			font-size: 1.2em;
			background: #fff url(images/archievesTitleBtm.gif) no-repeat bottom left;
		}
		#nav ul {
			margin-left: 24px;
			margin-top: 1em;
		}
			#nav ul li {
				line-height: 2em;
			}
			#nav ul li a {
				padding-left: 16px;
				color: #6b7a83;
				background: transparent url(images/arrow.jpg) no-repeat center left;
			}
		
		
	/* ----- content ----- */

	#footer {
		margin: 40px 20px 0 40px;
		clear: both;
	}
		
		

/* ----- HTML ----- */
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: normal;
}
h1 {
	font-size: 2.0em;
}
h2 {
	font-size: 1.4em;
}
h2.pagetitle {
	color: #ABb9C0;
}
h3 {
	margin-top: 1.4em;
	color: #c3e5f9;
}
h4 {
	margin-bottom: -0.8em;
	color: #c3e5f9;
	font-size: 1.2em;
	line-height: 1.8em;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover, a:active {
	color: #c3e5f9;
}
img {
	border: none;
}
p {
	margin: 1.4em 0;
	line-height: 1.7em;
}
p a {
	font-weight: bold;
}
span {
	line-height: 1.8em;
	color: #adb9c0;
}


/* ----- form ----- */
input, textarea {
	font-size: 1em;
	padding: 5px;
	color: #3f464b;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
}
label {
	display: block;
	color: #fff;
	font-size: 1em;
}
textarea {
	width: 340px;
	height: 130px;
	font-family: Arial, Helvetica, sans-serif;
}
.txt {
	width: 296px;
	border: none;
}
#submit {
	font-weight: bold;
}
/* Ajax Comment */
#ajax_comments_loading {
	margin-left: 14px;
	color: #c3e5f9;
}


/* ---- class -----*/
.clear {
	clear: both;
}