/*
Theme Name: josiahplatt.com
Author: Josiah Platt
Author URI: http://www.josiahplatt.com/
Version: 4.0
Description: Hi there self. This is the theme you made for yourself. Rememeber? I figured you wouldn't. You hate me. : sigh :
Theme URI: http://www.j osiahplatt.com/wp-content/themes/
*/

body{
	background: #010204 url('img/bg.jpg') no-repeat;
	background-position: center -100px;
	margin: 0 auto;
	font-family: Arial, tahoma, verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	color: #838383;
}
	.clearMe{
		clear: both;
	}
	.fam{
		font-family: Arial, tahoma, verdana, sans-serif;
	}
	.boldness{
		font-weight: bold;
	}
	.alignleft{
		margin-right: 20px;
	}
	strong{
		font-weight: bold;
	}
	em{
		font-style: italic;
	}
	h1{
		font-family: Arial, tahoma, verdana, sans-serif;
		font-size: 24px;
	}
		.inlineH1{
			display: inline;
		}
	h2{
		font-family: Arial, tahoma, verdana, sans-serif;
		color: #666666;
		font-size: 14px;
		font-weight: bold;
	}
	h5{
		font-family: Arial, tahoma, verdana, sans-serif;
		color: #444;
		font-size: 20px;
		margin: 20px 0 15px 0;
	}
	h3{
		color: #333;
		font-family: Arial, tahoma, verdana, sans-serif;
	}
	a{
		text-decoration: none;
	}
	input, textarea{
		font-weight: bold;
		font-family: Arial, tahoma, verdana, sans-serif;
		font-size: 11px;
	}
#shelf{
	width: 960px;
	height: 100px;
	margin: 0 auto;
	background: url('img/shelfBG.jpg');
	position: relative;
	margin-top: -100px;
}
	#vCard{
		width: 63px;
		height: 52px;
		position: absolute;
		top: 9px;
		left: 5px;
		display: block;
		text-indent: -9999px;
		outline: 0;
		background: url('img/vCard.jpg');
	}
	#aboutMe{
		position: absolute;
		top: 12px;
		left: 218px;
		font-weight: bold;
	}
	#emailMe{
		position: absolute;
		top: 12px;
		left: 563px;
		font-weight: bold;
	}
	#ahgEemail{
		width: 390px;
		height: 60px;
		position: absolute;
		top: 26px;
		right: 7px;
	}
		#ahgEemail input, #ahgEemail textarea{
			border: 0;
			background: none;
			color: #c8c8c8;
			padding-left: 5px;
			position: absolute;
		}
		#ahgEemail input:focus, #ahgEemail textarea:focus{
			color: #25b4ff;
		}
		.name{
			top: 8px;
			width: 130px;
		}
		.email{
			top: 38px;
			width: 130px;
		}
		#emailMessage{
			width: 196px;
			height: 44px;
			position: absolute;
			top: 8px;
			right: 46px;
		}
		a.sendMe{
			display: block;
			background: #000;
			width: 31px;
			height: 52px;
			position: absolute;
			top: 5px;
			right: 3px;
			background: url('img/sendMe.png');
			text-indent: -9999px;
		}
		a:hover.sendMe{
			background-position: bottom left;
		}
	#meBio{
		width: 320px;
		height: 60px;
		position: absolute;
		top: 35px;
		left: 217px;
		line-height: 18px;
	}
		#meBio a{
			color: #25b4ff;
			text-decoration: none;
		}
		#meBio a:hover{
			color: #000;
		}
#head{
	width: 960px;
	height: 130px;
	margin: 0 auto;
	background: url('img/headBG.png');
	position: relative;
}
	#head .homeLink{
		width: 620px;
		height: 115px;
		position: absolute;
		left: 0;
		top: 0;
	}
	#shelfToggle{
		width: 53px;
		height: 24px;
		position: absolute;
		top: 0;
		right: 0;
		text-indent: -9999px;
		outline: 0;
		background: url('img/shelfTab.jpg') top left;
	}
	#shelfToggle:hover{
		background-position: bottom left;
	}
	#searchMeAndKnowMyHeart{
		width: 170px;
		height: 25px;
		border: none;
		padding: 0 30px 0 7px;
		color: #6A7177;
		background: url('img/searchBG.png');
		position: absolute;
		right: 0;
		bottom: 45px;
	}
	input#searchMeAndKnowMyHeart:focus{
		background-position: bottom left;
	}
#homeBody{
	width: 960px;
	height: 493px;
	margin: 0 auto;
	background: url('img/singleBodyBG.png') top left repeat-y;
	position: relative;
}
	#nav{
		width: 283px;
		height: 198px;
		position: absolute;
		left: 25px;
	}
		#nav a{
			text-decoration: none;
			display: block;
			width: 100%;
		}
		#nav li{
			margin-bottom: 8px;
			padding: 5px 0 10px 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			background: #fff;
		}
		#nav li:hover{
			color: #25B4FF;
		}
		#nav li:hover span.biggun{
			color: #25B4FF;
		}
		#nav li:hover span.leedleun{
			color: #25B4FF;
		}
		#nav span.biggun{
			font-size: 18px;
			color: #838383;
			line-height: 22px;
		}
		#nav span.leedleun{
			font-size: 12px;
			color: #b4b4b4;
		}
	#latestGoods{
		width: 600px;
		height: 220px;
		position: absolute;
		right: 28px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		
		background: #fff;
	}
		.bigTitle{
			font-size: 24px;
			color: #333;
			position: absolute;
			top: 20px;
			left: 15px;
		}
		.bigTitle a{
			color: #666666;
			text-decoration: none;
font-weight: bold;
		}
		.bigTitle a:hover{
			color: #25B4FF;
		}
		a.mainCommentLink{
			font-size: 12px;
			color: #838383;
			padding-left: 10px;
			position: absolute;
			top: 30px;
			right: 15px;
		}
		a:hover.mainCommentLink{
			color: #25b4ff;
		}
		.bigTitle span{
			font-size: 12px;
			color: #cecece;
			padding: 0 0 0 10px;
		}
		.latestImage{
			position: absolute;
			bottom: 16px;
			left: 16px;
		}
		.postSummary{
			width: 330px;
			height: 120px;
			line-height: 18px;
			position: absolute;
			top: 62px;
			right: 28px;
		}
		a.readMore{
			position: absolute;
			right: 28px;
			bottom: 15px;
			color: #25b4ff;
			text-decoration: none;;
		}
		a:hover.readMore{
			text-decoration: underline;
		}
	#video{
		width: 303px;
		height: 223px;
		position: absolute;
		bottom: 0px;
		right: 298px;
		background: #fff;
		padding: 14px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
		a.videoLink{
			width: 250px;
			height: 70px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 9999;
			text-decoration: none;
		}
		.getFlash{
			width: 300px;
			height: 133px;
			padding-top: 90px;
		}
			.getFlash h1{
				text-align: center;
			}
			.getFlash p{
				text-align: center;
			}
	#iDesignYou{
		width: 243px;
		height: 209px;
		position: absolute;
		bottom: 0px;
		left: 25px;
		background: #fff;
		padding: 20px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
		#iDesignYou a{
			text-decoration: none;
		}
		#iDesignYou a:hover{
			color: #25b4ff;
		}
		.designImg{
			z-index: 100;
			position: absolute;
			bottom: 15px;
			left: 15px;
		}
		.upload{
			position: absolute;
			bottom: 19px;
			right: 20px;
			z-index: 400;
			color: #fff;
		}
		.designTitleBG{
			z-index: 200;
			position: absolute;
			bottom: 15px;
			left: 15px;
			background: url('img/designTitleBG.png');
			width: 90%;
			height: 17px;
		}
		.designTitleLink{
			z-index: 300;
			left: 0;
			width: 180px;
			height: 17px;
			line-height: 17px;
			padding-left: 5px;
			position: absolute;
			left: 10px;
			top: 10px;
			color: #333;
			font-family: Arial, tahoma, verdana, sans-serif;
			font-size: 12px;
		}
		.designCommentsLink{
			z-index: 300;
			line-height: 17px;
			padding-right: 4px;
			text-align: right;
			font-size: 11px;
			position: absolute;
			right: 10px;
			top: 10px;
			color: #838383;
		}
		#iUpload{
			width: 255px;
			height: 197px;
			position: absolute;
			bottom: 15px;
			left: 40px;
			background: #f2f2f2;
			z-index: 999;
		}
			#iUpload p{
				width: 170px;
				height: 128px;
				position: absolute;
				top: 30px;
				left: 10px;
				z-index: 1200;
				font-size: 11px;
				line-height: 16px;
			}
				#iUpload p a{
					color: #25b4ff;
					text-decoration: none;
				}
				#iUpload p a:hover;{
					color: #000;
				}
			.iNeedsIt{
				position: absolute;
				top: 10px;
				left: 10px;
				font-weight: bold;
				color: #444;
			}
			.btnCancel{
				display: block;
				width: 90px;
				height: 75px;
				position: absolute;
				text-indent: -9999px;
				outline: 0;
				right: 10px;
				bottom: 50px;
				background: url('img/btnCancel.png') top left;
			}
				a.btnCancel:hover{
					background-position: bottom left;
				}
	#funLand{
		width: 210px;
		height: 213px;
		position: absolute;
		bottom: 0px;
		right: 28px;
		font-size: 11px;
		background: #fff;
		padding: 20px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
		#funLand a{
			color: #333;
			text-decoration: none;
		}
		#funLand a:hover{
			color: #25b4ff;
		}
		#gameTitle{
			width: 155px;
			height: 15px;
			position: absolute;
			top: 15px;
			left: 15px;
			line-height: 15px;
			font-family: Arial, tahoma, verdana, sans-serif;
			font-size: 12px;
		}
		#funLand a.playLink{
			height: 15px;
			position: absolute;
			top: 15px;
			right: 15px;
			line-height: 15px;
			color: #838383;
		}
		#funLand a:hover.playLink{
			color: #25b4ff;
		}
		.gameScreen{
			position: absolute;
			bottom: 13px;
			left: 13px;
		}
	#singleBodyCap{
		width: 960px;
		margin: 0 auto;
		height: 20px;
		background: url('img/singleBodyBG.png') top left repeat-y;
	}
	#singleBodyFootCap{
		width: 960px;
		margin: 0 auto;
		height: 15px;
		background: url('img/singleBodyBG.png') top left repeat-y;
	}
	#singleBody{
		width: 960px;
		margin: 0 auto;
		background: url('img/singleBodyBG.png') top left repeat-y;
		position: relative;
		clear: both;
	}
		#singleBody a{
			text-decoration: none;
		}
		.singlePost{
			width: 860px;
			background: #fff;
			margin-left: 30px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 20px;
			position: relative;
		}
			.singlePost a{
				color: #25B4FF;
			}
			.singlePost a:hover{
				color: #999;
			}
			.singleTitle{
				font-size: 24px;
				color: #666666;
				margin-bottom: 20px;

			}
			.singleTitle a{
				color: #666666;
font-weight: bold;
				text-decoration: none;
			}
			.singleTitle a:hover{
				color: #000;
			}
			.singleDate{
				position: absolute;
				top: 25px;
				right: 25px;
			}
			.singlePost p{
				font-size: 16px;
				line-height: 24px;
				padding-top: 20px;
			}
			.noCommentsYetSucka{
				padding: 35px;
				font-size: 12px;
				color: #999;
				font-family: Arial, tahoma, verdana, sans-serif;
			}
			#commentform{
				width: 870px;
				padding: 15px;
				margin-left: 30px;
				background: #eaeaea;
				color: #999;
				z-index: 900;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
			#commentform label{
				text-transform: uppercase;
				font-weight: bold;
				font-size: 11px;
				color: #999;
				float: left;
				padding-left: 3px;
				padding-top: 3px;
			}
			#commentform h1{
				padding-bottom: 15px;
				color: #999;
				text-transform: ;
				font-size: 26px;
			}
			#commentform h3{
				color: #999;
				font-family: Tahoma, arial, verdana, sans-serif;
				text-transform: uppercase;
				font-weight: bold;
			}
			#commentform input{
				border: none;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				padding: 3px 10px 3px 10px;
				color: #838383;
				width: 200px;
			}
			#commentform textarea{
				border: none;
				height: 85px;
				width: 840px;
				padding: 15px;
				color: #838383;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
				.messageLabel{
					padding-bottom: 10px;
					margin-top: 5px;
				}
			.formItem{
				display: block;
				width: 284px;
				height: 20px;
				float: left;
				margin-right: 6px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
			.formItem label{
				padding-right: 5px;
				padding-top: 2px;
			}
			input.submit{
				float: right;
				margin-top: 10px;
				color: #d2d2d2;
			}
			.submit:hover{
				color: #999;
			}
			.warning{
				padding-top: 10px;
				color: #d2d2d2;
			}
			.theseComments{
				margin: 30px 0 0 50px;
			}
			#commentList{
				width: 855px;
				margin-left: 50px;
			}
			#commentList a{
				color: #999;
			}
			#commentList a:hover{
				color: #000;
			}
			#commentList li{
				clear: both;
				padding-top: 10px;
				margin-top: 20px;
				text-align: right;
				position: relative;
			}
			#commentList dt{
				float: left;
			}
			#commentList .avatar{
				border: solid 5px #fff;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}
			#commentList .name{
				font-size: 10px;
				color: #3f3f3f;
				font-weight: bold;
				width: 90px;
				text-align: center;
				display: block;
			}
			#commentList .date{
				font-size: 10px;
				color: #3f3f3f;
				font-weight: bold;
				width: 90px;
				text-align: center;
				display: block;
			}
			#commentList .sayWhat{
				width: 730px;
				background: #fff;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				padding: 10px;
				font-size: 12px;
				float: right;
				position: relative;
			}
				#commentList .sayWhat .commentArrow{
					position: absolute;
					left: -15px;
				}
				#commentList .sayWhat p{
					line-height: 18px;
					margin-bottom: 5px;
					margin-top: 5px;
					white-space: pre-wrap; /* css-3 */
					white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
					white-space: -pre-wrap; /* Opera 4-6 */
					white-space: -o-pre-wrap; /* Opera 7 */
					word-wrap: break-word; /* Internet Explorer 5.5+ */
				}
				.adminHeyo{
					color: #d2d2d2;
					padding-bottom: 10px;
				}
				.adminHeyo a{
					color: #999;
					text-decoration: none;
				}
				.adminHeyo a:hover{
					color: #000;
				}	
	.flashmovie{
		margin-top: 20px;
		padding-top: 20px;
	}
	.breadcrumb{
		width: 900px;
		margin: 0 auto;
		padding-bottom: 30px;
	}
		.breadcrumb a{
			color: #25B4FF;
			text-decoration: none;
		}
		.breadcrumb a:hover{
			color: #000;
		}
	.pageTitle{
		padding-left: 30px;
		padding-bottom: 30px;
		font-size: 26px;
	}
	.spaceJam{
		height: 30px;
		text-indent: -9999px;
	}
	.searchTitle{
		line-height: 1;
	}
	.searchTitle span{
		font-size: 11px;
		padding-left: 20px;
	}
	.searchCommentLink{
		position: absolute;
		right: 0;
		top: 25px;
		width: 90px;
	}
	.navigation{
		width: 900px;
		margin: 0 auto;
		padding: 10px 0 10px 0;
	}
		.navigation a{
			color: #999;
		}
			.navigation a:hover{
				color: #000;
			}
		.alignleft{
			float: left;
		}
		.alignright{
			float: right;
		}
	blockquote { float: right; width: 260px; color: #666666; margin: 0 0 0 1.5em; font: bold 14px georgia, serif; font-style: italic; letter-spacing: -0.048em; }
	.singlePost blockquote p{ text-align: right; line-height: 1.5em; font-size: 14px;}
#footer{
	width: 960px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	background: url('img/footerBG.png') top left no-repeat;
}
	#tweet{
		width: 314px;
		height: 116px;
		position: absolute;
		top: 45px;
		left: 145px;
		line-height: 22px;
		color: #ccc;
		font-size: 16px;
	}
	a.shameless{
		display: block;
		width: 58px;
		height: 11px;
		font-size: 8px;
		line-height: 11px;
		text-transform: uppercase;
		text-decoration: none;
		color: #666666;
		position: absolute;
		top: 175px;
		left: 400px;
		background: url('img/followArrow.png') top right no-repeat;
	}
	a:hover.shameless{
		color: #fff;
		background-position: bottom right;
	}