/*
	Author: Jeremy Ricketts
	Site: http://jeremyricketts.com
	Creation Date m/d/y: 2-8-09
	
*/

/*	MAIN BLOCKS
-------------------------------------------------------------- */
body {
	font: 12px/20px "Helvetica Neue", "Lucida Grande", Calibri , Lucida, Verdana, sans-serif;
	color: #C7C7C7; text-shadow: #000 1px 1px 2px;
	background: #1F1F1F url(../img/layout/bg.gif) fixed repeat left top;
}

/*	GENERAL STYLES
-------------------------------------------------------------- */
ul, ol 	{ margin-bottom: 18px; }
ol 		{ list-style: decimal; }
ul 		{ list-style: disc; }
li 		{ margin-left: 30px; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
	margin-bottom: 18px; 
}

strong { font-weight: bold; }

del 	{ text-decoration: line-through; }

h1 { 
	font-size: 24px; 
	line-height: 36px;
	text-shadow: #000 1px 1px 1px;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	float: left;
	margin: 100px 0 40px 30px;
}
h1 em {
	font-style: normal;
	color: #ACACAC;
	background: transparent url(../img/layout/jr.png) no-repeat left top;
	width: 255px; height: 41px;
	text-indent: -9999px;
	float: left;
	padding-right: 10px;
}
h2 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 16px;
	color: #CF7D34;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	text-shadow: #000 1px 1px 1px;
	float: left; clear:left;
	width: 100%;
}
h3 { 
	font-size: 12px; 
	line-height: 18px; 
}

/* ----------- LINKS ------------ */
a:link, a:visited {
	text-decoration: none;
	color: #89BDFF;
}
a:hover {
	text-decoration: underline;
}

code, pre { font-family: "Monaco", "Andale Mono", "Consolas", "Lucida Console", "Courier New", courier, monospace; }

/*	WRAPPER
-------------------------------------------------------------- */
#wrapper {
	background: transparent url(../img/layout/bg_top.gif) fixed repeat-x left top;
}

/*	CONTAINER
-------------------------------------------------------------- */
#container {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding-bottom: 80px;
}
#container p, #container ul {
	float: left; width: 100%;
}

/*	HEADER
-------------------------------------------------------------- */
#header p {
	width: 350px;
	margin-left: 30px;
	margin-bottom: 50px;
	padding-top: 70px;
}
#header p em {
	font-style: normal; font-weight: bold;
}
#header p.day {
	background: transparent url(../img/layout/night.gif) no-repeat center top;
}
#header p.night {
	background: transparent url(../img/layout/day.gif) no-repeat center top;
}

/*	CONTENT
-------------------------------------------------------------- */
#content p {
	margin-left: 30px;
	width: 730px;
}
#content li span {
	position: relative;
}
#content li span strong {
	background-color: transparent;
	background-image: url(../img/layout/note.png);
	background-repeat: no-repeat;
	background-position: center -20px;
	position: absolute; left: 0; top: 0;
	height: 16px; width: 24px;
	text-indent: -9999px;
}
#content li span.active strong {
	background-position: center top;
}
#content li span.active em {
	z-index: 1;
}
#content li span em {
	display: none;
	background: #000;
	padding: 6px;
	position: absolute; left: 30px; top: 0;
	width: 300px;
	border: 1px solid #3C3C3C;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fada6e;
}
#content li span em img {
	position: absolute; top: 50%; left: -8px;
	margin-top: -8px;
}
#content li span.iphone_alert {
	color: #FF4948;
}

/*	OTHER
-------------------------------------------------------------- */
#resume, #vcard {
	position: absolute; top: 8px;
	float: left;
	height: 16px; line-height: 12px;
	padding:3px 0 0 20px;
	color: #515151;
	background-color: transparent;
	background-repeat: no-repeat; 
}
#resume {
	right: 80px;
	width: 80px;
	background-image: url(../img/layout/resume.png);
	background-position: left -20px;
}
#vcard {
	right: 0;
	width: 50px;
	background-image: url(../img/layout/vcard.png);
	background-position: left -20px;
}
#resume:hover, #vcard:hover {
	color: #89BDFF;
	text-decoration: none;
	background-position: left top;
}
#news {
	position: absolute; top: -15px; left: 0; 
	width: 80px;
	color: #656565;
	padding: 6px;
	background: #000;
	width: auto !important;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;	
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;	
	-moz-border-radius-bottomright: 4px;
	opacity: 0;
	filter: alpha(opacity=0);
}
#news strong {
	color: #CF7D34;
}

/*	ELEMENT GROUP: CLEARED ELEMENTS
-------------------------------------------------------------- */
.clearfix:after, #container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*	ELEMENT GROUP: IMAGE-REPLACED-TEXT
-------------------------------------------------------------- */
.ir {
	text-indent: -9999px;
	overflow: hidden;
	font-size: 10px;
}

/*	MISC
-------------------------------------------------------------- */
a:focus { outline: 1px dotted invert; }
hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}
/* Line Height Fixes for sup and sub */
	sup { vertical-align: top; }
	sub { vertical-align: bottom; }

/* Ordered lists in ie6 and ie7 can get easily off track when li's are not inline */
	.ie6 ol, .ie7 ol {
		float: none;
		display: inline;
		width: auto;
	}
img { -ms-interpolation-mode:bicubic; }

span.amp {
	font-family: Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic;
}

/*	iPhone Beeyatch
-------------------------------------------------------------- */
@media only screen and (max-device-width: 480px) {
	
	body {
		font: 24px/34px "Helvetica Neue", "Lucida Grande", Calibri , Lucida, Verdana, sans-serif;
		padding-left: 30px;
	}
	#header p.day {
		margin-left: 0;
	}
	#wrapper {
		background: none;
	}
	#header p {
		font: 34px/42px "Helvetica Neue", "Lucida Grande", Calibri , Lucida, Verdana, sans-serif;
	}
	#content li {
		margin-bottom: 20px;
	}
	#content li span {
		display: none;
	}
	h1 {
		margin-top: 100px;
		margin-bottom: 190px;
		font-size: 36px;
		font-style: italic;
	}
	h1 em {
		background: none;
		text-indent: none;
		width: auto; height: auto;
		float: none; padding: 0 0 20px 0;
		font-size: 75px; line-height: 86px;
		color: #63AF40;
		font-family: "Zapfino";
		white-space: no-wrap;
	}
	h2 {
		font-size: 48px; line-height: 68px; margin-top: 20px;
	}
	#news {
		display: none;
		opacity: 0 !important;
		border: 1px solid red;
	}
	#resume {
		top: 280px;
		left: 60px;
		width: 260px;
		background: #000;
		height: 20px;
		padding: 30px;
		text-align: center;
		font-size: 36px;
		-webkit-border-radius: 15px;
	}
	#vcard {
		top: 280px;
		right: 90px;
		width: 150px;
		background: #000;
		height: 20px;
		padding: 30px;
		text-align: center;
		font-size: 36px;
		-webkit-border-radius: 15px;
	}

}