/* 
	JeremyHogan.com
	Copyright Jeremy Hogan. All rights reserved.
*/

/* --------- Global Styles ---------- */

* {margin:0;padding:0}

body {
	font:.75em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#000;
}

a {color:#ee5d31;text-decoration:none}
a:hover {background-color:#fff;color:#000}

/* Hide dotted outlines in mozilla */
a {outline:none}

h2 {font-weight:normal;font-size:1.5em;margin:1em 0 1em 0}
	h2 a {color:#fff}
div.article h2 {margin:0 0 1em 0}
div.post h2 {margin:0 0 0 0}

h3 {font-size:1.3em;margin:1em 0 1em 0}
#rightcol h3, #showcase-links h3 {margin:.5em 0 0 0}

h4 {font-size:1.1em;margin:1em 0 1em 0}

p {margin-bottom:1em}

ul.list {margin-left:1.5em}

div.post {margin-bottom:3em}
	div.post p {padding-left:.5em}
	div.post p.date {color:#ccc;font-size:.9em}
	div.post p.comments {font-size:.9em}

/* --------- Right Column Links ------------*/

ul.jumplinks {list-style-type:none;margin:.5em 0 2em 1em}
	ul.jumplinks li {display:inline}
		ul.jumplinks li a {
			display:block;
			font-size:.92em;
			margin:.2em 0 .2em 0;
			padding-left:1em;
			background:#000 url(../images/arrow.gif) no-repeat 0 .45em;
		}
		ul.jumplinks li a:hover {
			background:#000 url(../images/arrow_over.gif) no-repeat 0 .45em;
			color:#ee5d31;
			text-decoration:underline;
		}

/* -------- Portfolio Specific ---------------*/

#port-excerpt {width:70em;margin:0 0 0 2em}
	#port-excerpt div.post {
		width:70em;
		float:left;
		background:#000 url(../images/showcase_btm.jpg) no-repeat 0 100%;
		padding-bottom:1em;
		display:inline;
	}
		#port-excerpt div.post h2 {margin-bottom:.5em}
		#port-excerpt div.post p.image {
			float:right;
			width:17.67em;
			background:#000 url(../images/port_med_bg.jpg) no-repeat 0 0;
			margin:-2em 3em 2em 3em;
			padding:.6em .5em .4em .5em;
			display:inline;
		}
			#port-excerpt div.post p.image a img {display:block;width:16.67;border:1px solid white}
			#port-excerpt div.post p.image a:hover img {border:1px solid #ee5d31}

/* -------- Portfolio Detail Specific ---------- */

#showcase {
	width:70em;
	float:left;
	background:#000 url(../images/showcase_btm.jpg) no-repeat 50% 100%;
	margin-bottom:2em;
	padding-bottom:2em;
	display:inline;
}

#fullsize {
	width:36.25em;
	float:left;
	background:#000 url(../images/full_top_bg.jpg) no-repeat 0 0;
	padding-top:17px;
	margin-right:1em;
	display:inline;
}
	#placeholder {
		display:block;
		width:33.33em;
		padding:0 1.46em 0 1.46em;
		background:#000 url(../images/full_med_bg.jpg) repeat-y 0 0;
	}
	#full-foot {
		width:36.25em;
		background:#000 url(../images/full_bottom_bg.jpg) no-repeat 0 0;
		padding-top:17px;
	}

#jpopcap {
	font-size:.92em;
	color:#cccccc;
	margin:1em 0 1em 1.5em;
}

ul.rssThumbs {list-style-type:none;width:32em;float:left}
	ul.rssThumbs li {float:left;margin:.5em;display:inline}
		ul.rssThumbs li a {
			display:block;
			background:#000 url(../images/port_thumb_bg.jpg) no-repeat 0 0;
			padding:.5em;
		}
			ul.rssThumbs li a img {display:block;border:1px solid #fff}
			ul.rssThumbs li a:hover {background:#000 url(../images/port_thumb_bg.jpg) no-repeat 0 0}
			ul.rssThumbs li a:hover img {border:1px solid #ee5d31}

#series-desc {
	width:42em;
	float:left;
	margin:1em;
	display:inline;
}

/* ----- Comments ----- */
div.posted {margin:1em 0 1em 1em;padding-bottom:.5em;background:#000 url(../images/break.jpg) no-repeat 0 100%}
div.posted h4 {margin-bottom:.2em}
ol.comments {list-style-type:none}

p.date {font-size:.85em}

#txpCommentInputForm {
	margin:1em 0 1em 1em;
	padding:.5em 0 1em 0;
}
fieldset {border:0}
fieldset label, fieldset input {display:block}
fieldset label {text-transform:capitalize;font-weight:bold}
fieldset input, fieldset textarea {
	font-family:Verdana;
	margin-bottom:1em;
	padding:.2em;
	font-size:1em;
}
fieldset textarea {width:15em}
#forget {display:inline}
p.remember {padding-left:.5em;margin:.5em 0 .5em 0}
	p.remember label {font-weight:bold;padding-left:.5em}

/*---- Layout ------*/
#wrapper {
	width:75em;
	margin:0 auto;
	background:transparent url(../images/header_bg.jpg) no-repeat 50% 0;
}
#header {
	width:75em;
	height:7em;
}
h1, #logo {
	float:left;
	width:19em;
	height:6em;
	font-size:1em;
	margin-left:3em;
	display:inline;
}
#logo {text-decoration:none;text-indent:-5000px}
a#logo:hover {background-color:transparent}

#header ul {
	float:left;
	width:47em;
	list-style-type:none;
	padding:3em 0 0 1em;
	display:inline;
}
#header ul li {
	display:inline;
}
#header ul li a {
	display:block;
	float:left;
	height:1.67em;
	text-indent:-5000px;
	text-decoration:none;
	margin:0 0 0 1.9em;
	display:inline;
}

#nav1 {width:6.67em;background:transparent url(../images/nav_portfolio.jpg) no-repeat 0 0}
#nav2 {width:5.25em;background:transparent url(../images/nav_journal.jpg) no-repeat 0 0}
#nav3 {width:6.5em;background:transparent url(../images/nav_cv.jpg) no-repeat 0 0}
#nav4 {width:6.75em;background:transparent url(../images/nav_statement.jpg) no-repeat 0 0}
#nav5 {width:3.92em;background:transparent url(../images/nav_links.jpg) no-repeat 0 0}
#nav6 {width:5.17em;background:transparent url(../images/nav_contact.jpg) no-repeat 0 0}

#nav1:hover {background:transparent url(../images/nav_portfolio.jpg) no-repeat 0 -20px}
#nav2:hover {background:transparent url(../images/nav_journal.jpg) no-repeat 0 -20px}
#nav3:hover {background:transparent url(../images/nav_cv.jpg) no-repeat 0 -20px}
#nav4:hover {background:transparent url(../images/nav_statement.jpg) no-repeat 0 -20px}
#nav5:hover {background:transparent url(../images/nav_links.jpg) no-repeat 0 -20px}
#nav6:hover {background:transparent url(../images/nav_contact.jpg) no-repeat 0 -20px}

#main {width:75em;padding:1.5em 0 0 0}

#content {width:70em;margin:0 0 0 4em}

#leftcol, #rightcol {width:36em;float:right}

#rightcol {width:33em;margin:.5em 0 0 3em;display:inline}
#rightcol.lt {width:19em;margin:1em 0 1em 3em}
#rightcol.port {width:19em;margin:1em 0 1em 3em}
#leftcol.gt {width:45em;margin-right:1em;display:inline}

#showcase-desc {
	float:left;
	width:45em;
	margin:0 3em 0 1em;
	display:inline;
}
#showcase-links {
	float:left;
	width:18em;
	margin:0 0 1em 3em;
}

#featured {
	display:block;
	width:31.25em;
	background:#000 url(../images/lgimg_bg.jpg) no-repeat 0 0;
	padding:1.3em 1em 1.3em .5em;
	margin:0 0 .5em 1.3em;
}

ul.port-list {width:34em;float:left;padding-top:1em;display:inline;list-style-type:none}
	ul.port-list li {float:left;width:16.3em;margin-left:.5em;display:inline}
		ul.port-list li p {margin:0 0 1em 0;padding:0 0 0 1.15em}
		ul.port-list li p.image {margin:0;padding:0}
			ul.port-list li p a {font-size:.9em;color:#fff}
			ul.port-list li p a:hover {color:#000}
			ul.port-list li p.image a {
				display:block;
				background:#000 url(../images/portthumb_bg.jpg) no-repeat 0 0;
				padding:1.1em 0 .3em 1.15em;
			}
				ul.port-list li p a img {display:block;width:16.2em;border:1px solid #fff}
				ul.port-list li p a:hover img {display:block;border:1px solid #ee5d31}
			
#footer {
	width:65.4em;
	float:left;
	background:#000 url(../images/footer_bg.jpg) no-repeat 0 0;
	padding:0 2em 3em 1em;
	margin:2em 0 0 2em;
	display:inline;
}
#footer.footer_home {margin:2em 0 0 4em}
	#footer p {
		width:25em;
		float:left;
		display:inline;
		padding:2.5em 0 0 1em;
		font-size:.9em;
		color:#666;
	}
	
	/*#footer p.hosting, #footer p.design {width:12em;margin-left:30em;display:inline}
	#footer p.design {}
		#footer p.hosting a, #footer p.design a {
			display:block;
			float:right;
			display:inline;
			width:60px;
			height:37px;
			position:relative;
			text-indent:-5000px;
			text-decoration:none;
			margin:-2em 0 0 0;
			background:transparent url(../images/yah_logo.jpg) no-repeat 0 0;
		}
	*/
	#footer div.credit {
		width:12.5em;
		color:#666;
		font-size:.9em;
		float:right;
		margin:0 1em 0 1em;
		padding:2.5em 0 0 0;
		display:inline;
	}
		#footer div.credit a {
			float:right;
			display:inline;
			width:60px;
			height:37px;
			text-indent:-5000px;
			text-decoration:none;
			margin-top:-2.3em;
			background:transparent url(../images/yah_logo.jpg) no-repeat 0 0;
		}
		#footer div.credit.design a {background:transparent url(../images/jas_logo.jpg) no-repeat 0 0}