/*
THEME NAME: Saint FX (Not for Distribution)
THEME URI: http://saintfx.com/
DESCRIPTION: A non-distributed theme for use on the Saint FX site..
VERSION: 0.3
AUTHOR: Matt Hobbs
AUTHOR URI: http://isuseful.com/

Copyright Matt Hobbs - Not for distribution/re-use!
*/


/* Force both scrollbars to stop page jitter: http://www.webmasterworld.com/forum119/129.htm */
/* Moz specific from http://archivist.incutio.com/viewlist/css-discuss/42371 */
/* http://archivist.incutio.com/viewlist/css-discuss/42409 */
/* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
html {
	/* overflow:	scroll; */
	/* overflow: -moz-scrollbars-vertical; */
	height: 100.02%; /* firefox only - not safari */
}

body, div, p, td, tr, span, h1, h2, h3, ul, li, ol, a, label, input {
	font-family: 	Georgia, serif;
	font-weight:	normal;
	
	color:			#000000;

	margin:			0px;
	padding:		0px;
}

img {
	border:			no-border;
	border-width: 	0px;
	padding:		0px;
	margin:			0px;
}


body {
	position:			relative;
	background-color: 	#ffffff;
	vertical-align:		top;
	
	padding-top:		0px;
	margin-top:			0px;
}


h1, h1 span, h1 a { font-size:		24px; }
h2, h2 span, h2 a { 
	font-size:			11px;
	font-weight:		bold;
	text-transform:		uppercase;
	padding-bottom:		2px;
}

h3, h3 span, h3 a { font-size:		14px; }

label, input { font-size: 12px; }
	
p, ul, ol, li, span, a { 	font-size:		10px; }

p, p a {
	line-height:	12px;
	padding-bottom:	6px;
}

a {
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

#skip {
	display: none;
}

div.div_base {
	clear:		both;
}

#wholepage {
	position:		relative;
	
	margin: 		0 auto;
	width: 			1000px;
	
	margin-top:		-30px;
	padding-top:	0px;

	background:		#FFFFFF;
	background:		url(images/background.gif) 0px 30px no-repeat;
}

/* Force right scrollbar: http://www.webmasterworld.com/forum119/129.htm #scroll */
/*
#wholepage {
	position:absolute;
	top:0;
	bottom:-0.1px;
	width:1em;
	z-index:-1;
}
*/



#header {
	position:	relative;
	float:		left;
	
	width:		210px;
	
	padding-left:	48px;
}
	#header h1 { display: none; }
	#header img.logo {
		margin-top:		50px;
		margin-left:	5px;
		
		padding-bottom:	2px;
	}
	
#mainnav {
	position:		relative;
	float:			left;
	
	width:			210px;
	margin-left:	5px;
	padding-top:	0px; /* 20px */
	/* background:		url(images/mainnav/nav-line.gif) no-repeat; */
	
	background-position:	8px 0px;	
}
	#mainnav h2 { display: none;}

	#mainnav ul.mainnav {
		display:		inline;
		
		margin:			0px;
		padding:		0px;
		
		left:			0px;
		top:			0px;
	}


	#mainnav ul.mainnav li {
		display: 	block;
		float:		left;

		padding-right:	1px;
	}

	#mainnav ul.mainnav li a {
		display:		block;
		
		background-repeat:	no-repeat;
		background-position: 0px 0px;
	}
		#mainnav ul.mainnav li a span { display: none; }
		
			#mainnav ul.mainnav li.home a {
				width:			24px;
				height:			92px;			
				background-image: url(images/mainnav/mainnav-home.gif);			
			}
				body.home #mainnav { background-position:	8px 0px; }
				body.home #mainnav ul.mainnav li.home a { background-position: -48px 0px;}
				
			#mainnav ul.mainnav li.blog a {
				width:			24px;
				height:			92px;			
				background-image: url(images/mainnav/mainnav-blog.gif);			
			}
				body.blog #mainnav { background-position:	33px 0px; }
				body.blog #mainnav ul.mainnav li.blog a { background-position: -48px 0px;}
			
			#mainnav ul.mainnav li.art_direction a {
				width:			41px;
				height:			251px;			
				background-image: url(images/mainnav/mainnav-art_direction.gif);			
			} 
				#mainnav ul.mainnav li.art_direction a:hover { background-position: -41px 0px; }

				body.art_direction #mainnav { background-position:	58px 0px; }
				body.art_direction #mainnav ul.mainnav li.art_direction a { background-position: -82px 0px;}

			
			#mainnav ul.mainnav li.archive a {
				width:			24px;
				height:			114px;			
				background-image: url(images/mainnav/mainnav-archive.gif);			
			}	
				body.archive #mainnav { background-position:	100px 0px; }
				body.archive #mainnav ul.mainnav li.archive a { background-position: -48px 0px;}

			#mainnav ul.mainnav li.vitae a {
				width:			24px;
				height:			78px;			
				background-image: url(images/mainnav/mainnav-vitae.gif);			
			}									
				body.vitae #mainnav { background-position:	125px 0px; }
				body.vitae #mainnav ul.mainnav li.vitae a { background-position: -48px 0px;}

			#mainnav ul.mainnav li.downloads a {
				width:			24px;
				height:			161px;			
				background-image: url(images/mainnav/mainnav-downloads.gif);			
			}									
				body.downloads #mainnav { background-position:	150px 0px; }
				body.downloads #mainnav ul.mainnav li.downloads a { background-position: -48px 0px;}

			#mainnav ul.mainnav li.contact a {
				width:			24px;
				height:			124px;			
				background-image: url(images/mainnav/mainnav-contact.gif);			
			}									
				body.contact #mainnav { background-position:	175px 0px; }
				body.contact #mainnav ul.mainnav li.contact a { background-position: -48px 0px;}

			/* NEEDS TO BE AFTER DEFINITIONS */
			#mainnav ul.mainnav li a:hover { background-position: -24px 0px;}


/*
******************** LEFT SIDEBAR *************************
*/

#sidebar_left {
	position:	absolute;
	
	top:		563px;
	left:		53px;
	
	width:		200px;
}
	#sidebar_left div.widget {
			position:	relative;
			float:		left;
			width:		180px;

			padding:		0px;

			margin-bottom:	16px;
			font-family:	Garamond, Times, Serif;			
		}
			#sidebar_left div ul {
				position:	relative;
				display:	block;
				margin:		0px;
				padding:	0px;
			}
				#sidebar_left div ul li {
					margin-left: 	10px;
				}


#subnav {
}
	#sidebar_left #subnav {
		position:	relative;
		left:		0px;
		top:		0px;
	}
	
	
	#subnav h3, div.widget h3 { } /* div.widget_monthly-archives */
		#subnav h3 span, div.widget h3 span { display: none; }

	#subnav ul, #sidebar_left #subnav ul, #sidebar_left div.widget ul {
		position:	relative;
		top:		0px;
		left:		0px;
		
		margin:			0px;
		padding-top:	30px;
		/*
		padding-left:	9px;
		*/
		background:	url(images/subnav/title-jump_to.gif) 0px 0px no-repeat;				
	}
		#subnav ul li, div.widget ul li {
			display:			block;
			list-style-type: 	none;
			padding-bottom:		4px;
			
			padding-left: 		0px;
			margin-left:		0px;
		}
			#subnav ul li a, div.widget ul li a {
				font-weight:	bold;
				text-transform:	uppercase;
				font-size:		11px;
			}
				#subnav ul li.here a, div.widget ul li.here a { font-style: italic; }


/*
******************** RIGHT SIDEBAR *************************
*/

#sidebar_right {
	position:		relative;
	float:			right;
	
	width:			203px; /* 189 + 12 */
	margin-top:		145px;
	margin-right:	25px;
	
	padding:		0px;
}
	#sidebar_right div.widget {
		position:	relative;
		float:		left;
		width:		189px;
		background:	#ffffff;
		
		border:			1px solid #878787;
		background:		#ffffff;

		border-right:	2px solid #878787;
		
		padding:		6px;
		
		margin-bottom:	6px;
		font-family:	Garamond, Times, Serif;			
	}
		#sidebar_right div ul {
			position:	relative;
			display:	block;
			margin:		0px;
			padding:	0px;
		}
			#sidebar_right div ul li {
				margin-left: 	10px;
			}
	
	
#sidebar_right #quicklinks { 
	padding-bottom:		0px;
}
	#quicklinks h2 { 
		position:	relative;
		display: 	block;

		width:		138px;
		height:		43px;
		
		margin-top:		2px;
		padding-bottom:	6px;
		
		background: url(images/quicknav/title-portfolio_quicklinks.gif) no-repeat;
	} 
		#quicklinks h2 span { display: none; }

	#sidebar_right #quicklinks ul {
		padding-left: 		0px;
		padding-bottom: 	0px;
	}

	#sidebar_right #quicklinks ul li {
		display: 		block;
		
		float:			left;
		clear:			left;	
		
		margin:			0px;
		padding:		0px;
		
		margin-bottom:	6px;
	}

	#sidebar_right #quicklinks ul li a {
		display:		block;
		
		font-size:		10px;
		font-weight:	normal;
		text-transform:	none;
		
		width:			116px;
		height:			66px;
		
		padding-top:	6px;
		padding-left:	72px;
		padding-bottom:	0px;
		
		background-repeat:		no-repeat;
		background-position:	0px 0px;
		
		background-image:		url(images/quicknav/quicknav-art_direction.jpg);		
		}
		
		#sidebar_right #quicklinks ul li.art_direction a { background-image: url(images/quicknav/quicknav-art_direction.jpg); }
		#sidebar_right #quicklinks ul li.page_design a { background-image: url(images/quicknav/quicknav-page_design.jpg); }
		#sidebar_right #quicklinks ul li.graphics a { background-image: url(images/quicknav/quicknav-graphics.jpg); }
		#sidebar_right #quicklinks ul li.logos a { background-image: url(images/quicknav/quicknav-logos.jpg); }
		#sidebar_right #quicklinks ul li.commissions a { background-image: url(images/quicknav/quicknav-commissions.jpg); }
		#sidebar_right #quicklinks ul li.downloads a { background-image: url(images/quicknav/quicknav-downloads.jpg); }
	
		#quicklinks ul li a h3 {
			font-size:			11px;
			
			text-transform:		uppercase;
			padding-bottom:		2px;
		}
			#quicklinks ul li a:hover { text-decoration: none;}

/*
******************** MAINBODY *************************
*/

#mainbody {
	position:		relative;
	float:			left;
	
	margin-top:		135px;
		
	width:			514px; /* 506 485 */
	padding-left:	0px;
	padding-right:	0px;
	
	/* background:		url(images/mainnav/nav-line.gif) no-repeat; */
	background-position:	-95px 75px; /* 210px 8px */
}
	body.home #mainbody { background-position:			-194px 77px; /* 210px 8px */ }
	body.blog #mainbody { background-position:			-169px 77px; /* 210px 8px */ }
	body.art_direction #mainbody { background-position:	-144px 77px; /* 210px 8px */ }
	body.archive #mainbody { background-position:		-102px 77px; /* 210px 8px */ }
	body.vitae #mainbody { background-position:			-77px 77px; /* 210px 8px */ }
	body.downloads #mainbody { background-position:		-52px 77px; /* 210px 8px */ }
	body.contact #mainbody { background-position:		-27px 77px; /* 210px 8px */ }
	
	#mainbody h1 {
		height:				75px;
		width:				500px;
		
		padding-bottom:		0px; /* needs to hold line */
		background-repeat:	no-repeat;
	}
	
		body.home #mainbody h1 { background-image: url(images/headers/header-welcome.gif); }
			body.home #mainbody h1 span { display: none; }

		body.blog #mainbody h1 { background-image: url(images/headers/header-blog.gif); }
			body.blog #mainbody h1 span { display: none; }

		body.art_direction #mainbody h1 { background-image: url(images/headers/header-art_direction.gif); }
			body.art_direction #mainbody h1 span { display: none; }

		body.archive #mainbody h1 { background-image: url(images/headers/header-archive.gif); }
			body.archive #mainbody h1 span { display: none; }
		
		body.vitae #mainbody h1 { background-image: url(images/headers/header-vitae.gif); }
			body.vitae #mainbody h1 span { display: none; }

		body.downloads #mainbody h1 { background-image: url(images/headers/header-downloads.gif); }
			body.downloads #mainbody h1 span { display: none; }

		body.contact #mainbody h1 { background-image: url(images/headers/header-contact.gif); }
			body.contact #mainbody h1 span { display: none; }

/*
******************** #CONTENT *************************
*/

	#content {
		position:		relative;
		
		padding-top:	3px; /* 23px */
		padding-left:	10px;
		padding-right:	10px;
	}
	
		#content div h2 {
		}
		
		#home_flash {
			padding-bottom:	15px;
		}

#footer {
	clear:			both;
	width:			100%;
	text-align:		right;
	padding-top:	10px;
}
	#footer p, #footer p a {
		color:			#ccc;
		font-weight:	normal;
	}
		#footer p { padding-right: 24px; padding-bottom: 0px; margin-bottom: 0px; }
		

		
/*
******************** BLOG ******************
*/

div.post {
	padding-bottom:		20px;
}
	div.post h2.entry-title { }

	div.post div.entry-content { padding-bottom: 0px; margin-bottom: 0px; color: blue; }
		div.post div.entry-content p { }

		div.post div.entry-content p strong a {font-weight: bold; }


	div.entry-meta {
	}
		div.entry-meta, div.entry-meta *, div.comment-meta, div.comment-meta * {
			font-size:		10px;
			color:			#555;
			font-style:		italic;
			line-height:	12px;
		}

		div.entry-meta span.meta-sep { } /* seperator between meta data */

		div.entry-meta span.entry-category { } /* list of categories this entry is filed in */
			div.entry-meta span.entry-category a { } /* link to category page */

		div.entry-meta span.entry-edit { } /* admin only link */

		div.entry-meta span.entry-comments { }
			div.entry-meta span.entry-comments a { }


#nav-below {
	padding-top:	6px;
	width:			100%;
}

	/* ************ Comments *********** */
	#post_comments { padding-left: 54px;}
		#post_comments ol { padding-left: 12px; }
			#post_comments ol li { padding-bottom: 8px; padding-top: 4px; }
			#post_comments div.comment-author, #post_comments div.comment-author * { font-style: italic; font-weight: bold;}
	
	/* *** submit comments *** */
	#post_submit_comment {
		margin-top:	20px;
	}
	
	div.form-label { padding-top:	6px;}
		div.form-label label { font-style: italic; }

/*
******************** VITAE ******************
*/

div.vitae_section {
	padding-bottom:	0px;
	margin-bottom:	20px;
}
	div.vitae_section h2.title {
		font-size:		13px;
		margin-bottom:	5px;
	}

div.vitae_entry {
	clear:				both;
	padding-bottom:		20px;
}
	div.vitae_entry img {
		float:				left;
		padding-right:		12px;
		padding-bottom:		0px;
		padding-bottom:		2px;
	}
	

	
/*
******************** DOWNLOADS ******************
*/

div.download_item {
	clear:			both;
	padding-bottom:	10px;
}
	div.download_item img {
		float:			left;
		padding-right:	6px;
		padding-bottom:	10px;
	}
	
	div.download_item h2 {
		padding-top:	6px;
	}
	
	div.download_item p,
	div.download_item p a {
		padding:		0px;
		line-height:	12px;
	}
	
	div.download_item p.download_info { padding-top: 8px;}
	
	div.download_item a:hover * { text-decoration: none; }

/*
******************** CONTACT ******************
*/	

div.fonnums {
	margin-top: 6px;
}
  div.fonnums p { margin-top: 0px; }

p.bio { float: left; width: 70px; height: 150px; display: block; }	


/*
**************** ADMIN ***************
*/

.entry-edit {
	font-style:		italic;
	font-weight:	bold;
}
	.entry-edit a { color: #339; }