/*
THEME NAME: Whole9
THEME URI:
DESCRIPTION:
VERSION: 1.0
AUTHOR: Austin Matzko
AUTHOR URI: http://ilfilosofo.com
*/

/*
 * Colors
 *
 * #083E56 - dark blue in background
 * #323C55 - dark blue in links
 * #486D7F - lighter dark blue 
 * #b8dad7 - teal in header
 * #95d5df - teal in links
 * #003399 - light blue in hovered links
 * #8a8b86 - gray of border
 * #333532 - dark of main page background
 *
 */

/*
 * General 
 */

* {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}
a, a:link {
	color: #323C55;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover, a:visited {
	color: #003399;
}
a img {
	border: none;
}
body {
	background: url('images/wrapper_bg.png') repeat-y;
	background-color: #083E56;	
}

/*
 * Ordered by structure
 */

#wrapper {
	left: 0px;
	position: absolute;
	width: 844px;
	top: 0px;
}
	#header {
		background-color: #b8dad7;
		border-left: 8px solid #fff;
		border-right: 8px solid #fff;
		height: 90px;
		left: 9px;
		padding-left: 8px;
		position: absolute;
		top: 0px;
		width: 810px;
	}

		#blog-title a {
			background: url('images/logo_home.gif') no-repeat 0 0;
			display: block;
			height: 55px;
			overflow: hidden;
			text-indent: -999em;
			margin-top: 35px;
			width: 452px;
		}
		#blog-description {
			display: none;
		}

		#access {
			font-size: 10px;
			font-weight: bold;
			left: 5px;
			position: absolute;
			top: 8px;
		}
			#main-menu {
			}
				#main-menu a {
					padding: 3px;
				}

		.skip-link * {
			display: none;
		}
	
	#blog-header {
		background: url('images/blog_header_bg.jpg') no-repeat 0 0;
		width:600px;
		height:84px;
		color:#FFF;
		font-family:Helvetica, Arial, sans-serif;
		font-size:18px;
		text-align:left;
		font-weight:normal;
		line-height:22px;
		padding:0px 0 0;
		overflow:hidden;
	}
	
	.blog-header-large {
		font-size:30px;
		font-weight:bold;
		padding-top:5px;
	}
	
	div#container {
		background-color: #fff;
		color: #fff;
		display: inline;
		float:left;
		margin: 100px -200px 0pt 17px;
		overflow: hidden;
		position: relative;
		width:600px;
	}

	div#container #content a,
	div#container #content a:link,
	div#container #content a:hover,
	div#container #content a:visited {
		color: #fff;
	}

		#container .container-header {
			background-color: #fff;
			clear: both;
			overflow:hidden;
			text-align: center;
		}

		.site-home #container .container-header {
			margin-bottom: 8px;
		}
			#container .container-header .profile-links a,
			#container .container-header .profile-links a:link,
			#container .container-header .portfolio-links a,
			#container .container-header .portfolio-links a:link {
				color:  #333532;
				font-weight: bold;
			}
			
		div#content {
		}
			div#content .post img.wp-smiley,
			div#content .page img.wp-smiley {
				display: inline;
				padding: 0 2px;
				margin: auto;
			}
			div#content #nav-above {
				display: none;
			}
			div#content .links-wrapper {
				margin-top: 8px;
			}
				div#content .links-wrapper p {
					margin-top: 8px;
				}

				div#container #content .portfolio-link {
					text-align: right;
				}
					div#container #content .portfolio-link a,
					div#container #content .portfolio-link a:link,
					div#container #content .portfolio-link a:visited {
						color: #95d5df;
						font-size: 13px;
					}
			div#content .post, div#content .page, 
			div#content .home-comment, 
			div#content .comment {
				background-color: #333532;
				margin-bottom: 8px;
				padding:8px 16px 16px;
				position: relative;
			}
			.site-home div#content .post {
				font-size: smaller;
				padding:8px 16px 5px;
				width: 568px;
			}
			div#content #commentform #comment {
				margin: 1em;
				width: 560px;
			}
			div#content .comment, div#content .home-comment {
				width: 568px;
			}
			div#content .comment:after, div#content .home-comment:after, div#content .post:after {
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;
			}
				div#content .post img, div#content .page img {
					display: block;
					margin: 0 auto;
				}
				div#content .comment .commenter-avatar, div#content .home-comment .commenter-avatar, div#content .post .site-home-avatar {
					display: inline;
					float: left;
					height: 74px;
					margin: 8px 8px 8px 0px;
					overflow: hidden;
					width: 100px;
				}
					div#content .site-home-avatar img {
						height: 74px;
						width: 100px;
					}

				div#content .comment .comment-meta,
				div#content .home-comment .comment-meta {
					margin-bottom: 1em;
					text-align: right;
				}
					div#container #content .comment .comment-meta .n,
					div#container #content .home-comment .comment-meta .n,
					div#container #content .comment .comment-meta .n a,
					div#container #content .home-comment .comment-meta .n a,
					div#container #content .comment .comment-meta .n a:hover,
					div#container #content .home-comment .comment-meta .n a:hover,
					div#container #content .comment .comment-meta .n a:link,
					div#container #content .home-comment .comment-meta .n a:link,
					div#container #content .comment .comment-meta .n a:visited,
					div#container #content .home-comment .comment-meta .n a:visited {
						color: #95d5df;	
						font-weight: bold;
					}
					div#container #content .comment .comment-meta div,
					div#container #content .home-comment .comment-meta div {
						display: inline;
						font-size: 11px;
						margin-right: .5em;
					}
			
			div#content .entry-date {
				font-size:12px;
				height:30px;
				padding:1em 16px 10px;
				position:absolute;
				right:0px;
				text-align:right;
				top:0px;
				width:120px;
			}

			.site-home div#content .entry-date {
				font-style: italic;
			}

			div#content .comments-link {
				font-size:11px;
				height:20px;
				padding-right:16px;
				position:absolute;
				right:0px;
				text-align:right;
				top:30px;
				width:150px;
			}

				div#container div#content .comments-link a {
					color: #95d5df;
				}
			div#content .entry-content {
				margin-top: 20px;
			}
				div#content .entry-content a {
					text-decoration: underline;
				}

				div#content .entry-content .flashmovie {
					display: block;
					text-align: center;
				}

				div#content .entry-content .main-comments-link {
					margin-bottom:10px;
					margin-top:30px;
				}

				div#content .entry-content .main-comments-link a {
					font-size: smaller;
					text-decoration: underline;
				}
				
				div#container div#content .entry-content .main-comments-link a {
					color: #95d5df;
				}
			div#content .entry-content {
				margin-top: 3px;
			}
				
			div#content .entry-meta {
				text-align: right;
				width: 568px;
			}
				div#content .entry-meta .rss-link a {
					background: url('images/rss.png') no-repeat top center;
					display: block;
					float: right;
					height: 41px;
					margin-left: 1em;
					overflow: hidden;
					text-align: left;
					text-indent: -999em;
					width: 41px;
				}


			#container #content h2,
			#container #content h3 {
				min-height: 50px;
				padding-right: 100px;
				width: 462px;
			}

			#container #content h2, 
			#container #content h2 a, 
			#container #content h2 a:hover, 
			#container #content h2 a:link, 
			#container #content h2 a:visited, 
			#container #content h3, 
			#container #content h3 a,
			#container #content h3 a:hover,
			#container #content h3 a:link,
			#container #content h3 a:visited {
				color: #95d5df;
			}

			.site-home #container #content h2, 
			.site-home #container #content h2 a, 
			.site-home #container #content h2 a:hover, 
			.site-home #container #content h2 a:link, 
			.site-home #container #content h2 a:visited,
			.site-home #container #content h3, 
			.site-home #container #content h3 a, 
			.site-home #container #content h3 a:hover, 
			.site-home #container #content h3 a:link, 
			.site-home #container #content h3 a:visited {
				color: #fff;
			}

			.site-home #container #content h2,
			.site-home #container #content h3 {
				color: #fff;
				font-size: 13px;
				min-height: 30px;
				width: auto;
			}
			
			.site-home #container #content h2 {
				font-size: 15px;
				margin-top: 5px;
			}

				.site-home h2 .home-author {
					float: right;
				}
			
			.search #container #content h2 {
				color: #000;
			}

			div#content p {
				font-size: 13px;
				margin-bottom: 1em;
			}

				.commenter-avatar img.avatar {
					height: 74px;
					width: 113px;
				}

			div#content #comments {
			}
				div#content #comments #respond,
				div#content #comments #respond a {
					color: #000;
				}
				div#content #comments #respond a {
					text-decoration: underline;
				}
				div#content #comments .form-label {
					color: #95d5df;
					padding: .5em;
					display: none;
				}
	div.sidebar {
	}
	
	div#primary {
		display: inline;
		float:right;
		margin: 82px 9px 8px auto;
		overflow:hidden;
		padding:8px;
		width:193px;
	}
		div#primary #login_error {
			color: red;
		}

		div#primary .logout-button {
			margin: 1em 0px 0px -13px;
		}
			div#primary .logout-button a {
				background: url('images/button_logout.gif') no-repeat top center;
				display: block;
				height: 13px;
				overflow: hidden;
				text-align: left;
				text-indent: -999em;
				width: 47px;
			}

		div#primary .site-info {
			background-color: #b8dad7;
			display: block;
			padding: 8px;
		}
		div#primary ul li:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
			div#primary .site-info a {
				display: block;
				float: left;
				height: 23px;
				overflow: hidden;
				text-indent: -999em;
				width: 86px;
			}

			div#primary .site-info .logout-link {
				background: url('images/logout_btn.png') no-repeat top center;
				margin-right: 5px;
			}

			div#primary .site-info .join-link {
				background: url('images/button_join_new.gif') no-repeat top center;
				margin-right: 5px;
			}

			div#primary .site-info .about-link {
				background: url('images/button_what_is_new.gif') no-repeat top center;
			}
	
		div#primary #primary-main-list {
			background-color: #fff;
			padding-top: 8px;
		}
			div#primary #recent-posts ul {
				font-size: 14px;
				list-style-type: disc;
			}

		div#primary #sidebar-login {
			background-color: #b8dad7;
			display: block;
			height: 95px;
			margin-top: 8px;
			padding: 6px;
			position: relative;
		}
			div#primary #sidebar-login .login-text {
				color: #fff;
				font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				left: 10px;
				position: absolute;
				text-transform: uppercase;
				top: 10px;
			}
			div#primary #sidebar-login label.user-name-login,
			div#primary #sidebar-login label.user-pass-login {
				display: none;
			}
			div#primary #sidebar-login #user_login {
				height: 16px;
				position: absolute;
				right: 6px;
				top: 10px;
				width: 120px;
			}
			div#primary #sidebar-login #user_pass  {
				height: 16px;
				position: absolute;
				right: 6px;
				text-transform: uppercase;
				top: 40px;
				width: 120px;
			}
			div#primary #sidebar-login #wp-submit-sidebar  {
				position: absolute;
				right: 6px;
				top: 75px;
			}
			div#primary .sidebar-nav {
				background-color: #b8dad7;
				margin-top: 8px;
				padding: 16px
			}
			div#primary .widget {
				background-color: #b8dad7;
				color: #486D7F;
				margin-top: 8px;
				padding: 6px;

			}
				div#primary .widget h3 {
				}
					div#primary .widget h3 span {
						background-color: #b8dad7;
						padding: 0px .5em .5em 0px;
					}
					div#primary .widget table {
						margin: auto;
					}
							div#primary .widget table td {
								padding: 3px;	
							}
								div#primary .widget table td a {
									text-decoration: underline;
								}
					div#primary .widget ul {
						list-style: none;
						margin-left: 1em;
					}
				div#primary .widget a,
				div#primary .widget a:hover,
				div#primary .widget a:link,
				div#primary .widget a:visited {
					color: #486D7F;
				}

			div#primary #whole9-search-widget {
				/* background-color: #e7e7e7; */
			}
				#whole9-search {
					float: left;
					font-size: 10pt;
					height: 20px;
					padding-top: 2px;
					width: 120px;
				}

				#whole9-search-submit {
					background: url('images/button_go.gif') no-repeat 50% 50%;
					border: none;
					cursor: pointer;
					display: block;
					float: right;
					height: 24px;
					overflow: hidden;
					text-indent: -999em;
					width: 19px;
				}

			div#primary #whole9-blog-list {
				font-size: smaller;
				text-align: center;
			}
				div#primary #whole9-blog-list h3 {
					background: url('images/all_blogs_header.jpg') no-repeat top center;
					border: none;
					display: block;
					height: 30px;
					overflow: hidden;
					text-align: left;
					text-indent: -999em;
					width: 100%;
				}
				
				div#primary #whole9-blog-list ul {
					margin-left: 0px;
				}
					div#primary #whole9-blog-list li {
						margin-top: .5em;
					}
	div#footer {
		clear: both;
		width: 100%;
	}
		div#footer table {
			margin:0.4em 1em;
			width:590px;
		}
#whole9-ad-wrap {
	left: 845px;
	position: absolute;
	width:175px;
}

.smaller-viewport #whole9-ad-wrap {
	width:160px;
}
	#whole9-ad-list {
		float:right;
		list-style-type:none;
	}
		#whole9-ad-list li {
			padding-top: 8px;
		}

.email-subscription-link a {
	border: none;
	background: url('images/subscribe.png') no-repeat top center;
	cursor: pointer;
	display: block;
	float: right;
	height: 41px;
	margin-left: 16px;
	overflow: hidden;
	text-align: left;
	text-indent: -999em;
	width: 120px;
}

.form-submit {
	margin:0 22px 0 0;
	float:right;	
}

#trackbacks-list {
	display:none;	
}