html, body, div, span, applet, object, iframe, 
	h1, h2, h3, h4, h5, h6, p, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li, 
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0}
	ul {list-style-type: none}
	/* Force the vertical scrollbar in FF */
	html { overflow-y: scroll; }
	
	
	/* Short cuts*/
	.fl { float: left; }
	.fr { float: right; }
	.right { text-align: right;}
	.center { text-align: center;}
	.w100 { width: 100%; }
	.w100p {width: 960px; margin: 0 20px;}
	.w80p {width: 660px; margin: 0 20px; float: left;}
	.w20r {width: 280px; float: right; margin-right: 20px;}
	.w30 { width: 255px;}
	.w50 { width: 49%; }
	.mb0 { margin-bottom: 0px; }
	.pb0, #inner_content p.pb0 { padding-bottom: 0px; }
	.mb0 { margin-bottom: 0px; }
	.mb5 { margin-bottom: 5px; }
	.mb10 { margin-bottom: 10px; }
	.mb20 { margin-bottom: 20px; }
	.mb40 { margin-bottom: 40px; }
	.mt10 { margin-top: 10px; }
	.mt20 { margin-top: 20px; }
	.rb {border: 1px dotted red;}
	.small { font-size: .9em; }
	.pt10 { padding-top: 10px; }
	.pb10 { padding-bottom: 10px; }
	.pl5 { padding-left: 5px; }
	.pl10 { padding-left: 10px; }
	.rel { position: relative; }
	a.nodec, a.nodec:hover, div.nodec {border-bottom: 0 !important; text-decoration: none !important;} 
	.small, a.small, #top_menu a.small {font-size: 10px;}
	.whitebg {background: #fff;}
	.white { color: #fff;} 
	.white a {color: #fff;}
	.lh0 {line-height:0;}
	.info {font-size: .9em;}
	/* Removes dotted lines from links */
	:-moz-any-link:focus {outline: none;}

	body {
		background-image: url(http://www.ojacko.com/www/img/paper.jpg);
		font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
		font-size: 14px;
		line-height: 22px;
		color: #463823;
	}
	a {
		text-decoration: none;
	}
	h1, h2 {
		color: #fa6900;
		text-transform: uppercase;
	}
	h1 {
		margin-bottom:20px;
		font-size: 30px;
	}
	#page_title {
		color: #f38630;
		text-transform: uppercase;
		font-size: 200px;
		font-weight: bold;
		margin: 30px 0 0 40px;
		letter-spacing: -8px;
		line-height: 140px;
		width: 1300px;
	}
		#page_title a {
			color: #f38630;
		}
		#page_title a:hover {
			color: #fa6900;
		}
	#slide_out_menu {
		font-size: 140px;
		font-weight: bold;
		line-height: 100px;
		text-transform: uppercase;
		margin: 40px 0 0 40px;
		color: #a7dbd8;
		width: 160px;
	}
		#slide_out_menu #blog { z-index: 10;}
		#slide_out_menu #about { z-index: 9;}
		#slide_out_menu #photos { z-index: 8;}
		#slide_out_menu #contact { z-index: 7;}
	
	.menu_item {
		height: 100px;
		letter-spacing: -5px;
		position: relative;
	}
		.menu_item a {
			color: #a7dbd8;
		}
		.menu_item a:hover {
			color: #69d2e7;
		}
		.menu_item .selected {
			color: #69d2e7;
		}

	#left_image {
		position: absolute;
		left: 230px;
		top: 210px;
	}
	#content {
		width: 505px;
		left: 500px;
		top: 210px;
		position: absolute;
	}
		#content img {
			border: 6px solid #b3e769;
		}
		#content .post .post_image {
			margin-bottom: 10px;
		}
		#content .post .post_text p {
			margin-bottom: 10px;
		}
		#content .post .post_text a {
			color: #f38630;
			text-transform: uppercase;
			font-weight: bold;
		}
		#content .post .post_text a:hover {
			color: #fa6900;
		}
		#content .post .post_link a, #content .post .post_source a {
			color: #f38630;
		}
		#content .post .post_link, #content .post .post_link a {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 18px;
		}
		#content .post .post_link a:hover, #content .post .post_source a:hover {
			color: #fa6900;
		}
		#content .post .post_quote {
			font-size: 30px;
			line-height: 36px;
		}
		#content .post .post_source {
			font-size: 30px;
			text-align: right;
			width: 100%;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 36px;
		}
		#content .post .post_divider {
			width: 80%;
			margin: 40px auto;
			border-bottom: 1px solid #f38630;
		}
		
		.spacer{clear:both; height:1px;}
		.myform {
			width:400px;
		}

		/* ----------- stylized ----------- */

		#stylized h2{
			margin-bottom: 10px;
		}
		#stylized label{
			display:block;
			font-weight:bold;
			text-align:right;
			width:140px;
			float:left;
		}

		#stylized input, #stylized textarea {
			float:left;
			font-size:14px;
			padding:10px 8px;
			border:1px solid #b3e769;
			width:200px;
			color:#FFF;
			background: #69d2e7;
			margin:2px 0 20px 10px;
		}
		#stylized textarea {
			width: 350px;
			height: 200px;
			font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
			font-size: 14px;
			line-height: 22px;
		}
		#stylized button{
			padding:10px 35px;
			clear:both;
			margin-left:150px;
			font-size: 14px;
			background:#b3e769;
			text-align:center;
			line-height:31px;
			color:#463823;
			font-weight:bold;
			border: 1px solid #69d2e7;
			text-transform: uppercase;
		}
		
	.rb {border: 1px dotted red;}
	#navigation {
		position: fixed;
		left: 30px;
		top: 560px;
		width: 250px;
	}
	#navigation a, .post_divider a {
		color: #f38630;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 18px;
	}
	#navigation a:hover {
		color: #fa6900;
	}
	#navigation #newer {
		float: right;
	}
	blockquote {
		border-left: 4px solid #463823;
		padding-left: 5px;
		margin-left: 40px;
	}
	.post_text p a {
		/*padding-left: 40px;*/
	}
	div.post span.permalink {
		width: 23px;
		height: 9px;
		position: absolute;
		top: 5px;
		right: 5px;
		display: none;
		text-transform: uppercase;
		font-weight: bold;
	}

	div.post:hover span.permalink {
		display: block;
		color: #fa6900
	}