/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background: #ddd url('/images/design/background.jpg') repeat-x top left;
}

a, a:link, a:visited, a:hover {
	color: #1CA4FF;
	text-decoration: none;
}

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

html>body #wrapper {
    height: auto;
	}

#wrapper {
	height: 100%; 
	min-height: 100%;
	width: 740px;
	text-align: left;
	margin: 0px auto 25px auto;
	position: relative;
	top: 0px;
	left: 0px; 
}

* html #wrapper {
	height: 100%;
}
	
	#header {
		width: 100%;	
		height: 206px;
		background: url('/images/design/header.jpg') top left no-repeat;
		position: relative;
		top: 0px;
		left: 0px;
		text-align: right;
	}
	
		#header h1 a {
			position: absolute;
			top: 65px;
			left: 45px;
			text-align: left;
			display: block;
			text-indent: -2000em;
			width: 200px;
			height: 60px;
			margin: 0px; 
			padding: 0px; 
			z-index: 1000; /* need for FX and IE */
		}
		
		#header a{
			font-size: 11px;
			color: #A8F880;
			text-decoration: none;
		}
		
		#header a:hover{
			text-decoration: underline;
		}
		
	/*
		#header #menu {
			position: absolute;
			top: 0px;
			right: 5px;
			height: 15px;
			width: 200px;
			text-align: right;
			float: right;
		}	
*/
	
	#container {
		width: 100%;
		text-align: left; 
		float: left; 
		clear: both;
		margin-top: 10px;
	}
	
		#content {
			width: 500px; 
			padding: 0px 30px 0px 0px; 
			float: left;
		}
		* html #content { 
			overflow: hidden; 
		}
		
			#content #post {
				padding: 0px 0px 17px 17px; 
				text-align: left;
			}
			
				#content #post p {
					padding-bottom: 10px;
				}

			#content h2 {
				margin-bottom: 0px;
				padding-bottom: 7px;
			}
			
				#content h2 img {
				border: 0px;
				}
			
				#content h2.tagged {
					float: right;
				}
			
				#content h2.comments {
					padding-top: 17px; 
				}

			#content ul.sitemap {
				padding: 0 0 15px 15px;
			}

			#content img {
				border: 3px solid #fff;
				margin-bottom: 5px;
			}
			
			#content img.header {
				border: 0px;
			}
		
			#content .break {
				border-top: 1px dashed #666;
				margin: 3px 0px 17px;
			}
		
			#content #comments {
				padding-left: 17px; 
			}
			
				#comments .comment {
					border-left: 2px solid #666;
					margin: 7px 0px; 
					padding: 7px; 
					background: #d9d9d9;
					overflow: auto;
				}
			
				#comments .comment p {
					padding-left: 0px; 
				}
			
				#comments .comment input {
					background: #ccc; 
					border: 1px solid #666;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
				}
			
				#comments .comment textarea {
					background: #ccc; 
					border: 1px solid #666;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
				}
				
				#comments .form-row {
					padding: 3px 0px;
				}
				
				#comments .commentor {
					border-top: 1px dashed #666;
					padding-top: 3px;
					clear: right;
				}

		
		#sidebar {
			width: 210px; 
			float: left;
			padding: 2px 0px 0px;
		}
		* html #sidebar { 
			overflow: hidden; 
		}
			
			#sidebar div {
				padding: 12px 0px 12px 12px;
			}
			
			#sidebar p {
				margin: 13px auto;
			}
			
			#sidebar .answer {
				color: #4C4C70;
			}
			
			#sidebar .menu {
				line-height: 15px;
				padding: 0px 0px 12px 12px;
				vertical-align: top;
				
			}
			
			#sidebar .current_vitals {
				background: url('/images/design/sb_the_details.png') top left no-repeat;
				line-height: 17px;
			}
			
			#sidebar .timeline {
				background: url('/images/design/sb_timeline.png') top left no-repeat;
			}
			
			#sidebar .age {
				background: url('/images/design/sb_age.png') top left no-repeat;
			}
			
			#sidebar .my_peoples {
				background: url('/images/design/sb_my_peoples.png') top left no-repeat;
			}
			
			#sidebar .events {
				background: url('/images/design/sb_events.png') top left no-repeat;
			}
			
			#sidebar .holidays {
				background: url('/images/design/sb_holidays.png') top left no-repeat;
			}
			
			#sidebar .emotions {
				background: url('/images/design/sb_emotions.png') top left no-repeat;
			}
			
			#sidebar .faces {
				background: url('/images/design/sb_faces.png') top left no-repeat;
			}
			
			#sidebar .miscellaneous {
				background: url('/images/design/sb_miscellaneous.png') top left no-repeat;
			}
			
			#sidebar .stay_connected {
				background: url('/images/design/sb_stay_connected.png') top left no-repeat;
			}
			#sidebar .stay_connected a {
				background: url(/images/design/rss.png) left center no-repeat;
				display: block;
				height: 14px;
				padding-left: 18px;
				margin-bottom: 4px;
			}
	

#footer {
	left: 0px; 
	width: 740px;
	position: relative;
	clear: both;
	vertical-align: bottom;
	text-align: center;
	margin: -25px auto 0px auto;
	padding: 5px auto 3px;
}



/* -------------------------------------------------------------------------------- */
/* Pagination */

/* 
a.	color: #1CA4FF;
bluecolor: #4C4C70;
all	color: #ccc;
*/
.pagination {
	padding: 10px 0px 0px 10px;
	clear: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #4C4C70;
}

.pagination a, 
.pagination span {
	display: block;
	float: left;
	padding: 0.15em 0.5em;
	margin-right: 0.1em;
	border: 1px solid #4C4C70;
}

.pagination span.current {
	border: 1px solid #1CA4FF;
	background: #1CA4FF;
	color: #ccc;
	padding: 0.15em 0.5em;
}

.pagination span.elipse {
	border: 0px;
	color: #ccc;
	padding: 0.15em 0.5em;
}


.pagination a.page {
	border: 1px solid #1CA4FF;
	padding: 0.15em 0.5em;
}

.pagination a {
	border: 1px solid #1CA4FF;
	text-decoration: none;
	padding: 0.15em 0.5em;
	color: #1CA4FF;
}

.pagination a:hover {
	border: 1px solid #1CA4FF;
	padding: 0.15em 0.5em;
	background: #222;
}

.pagination a.nextprev {
	font-weight: bold;
	padding: 0.15em 0.5em;
}

.pagination span.nextprev {
	border: 1px solid #333;
	font-weight: bold;
	color: #333;
	padding: 0.2em 0.5em;
}