/*
PZJ Artist Studios - Portfolio
http://www.pjoncas.com/
Philip Joncas Portfolio.
*/

/*
----------------------------------------------------------------------------- 
Globals
----------------------------------------------------------------------------- */

html { height: 100%; margin-bottom: 5px; }

body { 
	background: #b37900;
	color: #cfcfd0;
	font: 62.5%/1.6em 'Trebuchet MS', Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	}
	
body * {
	margin: 0;
	padding: 0;
	}
	
p, h1, h2, h3, h4, h5, h6, li, td, dt, dd { font-size: 1.0em; font-weight: normal; }
p, ul, ol, dl, blockquote, pre { margin-bottom: 1.0em; }

hr { display: none; }

a { 
	color: #fff;
	text-decoration: none;
	}
	
pre { font-size: 13px; }
	
a:visited { color: #ddd; }

a:hover { 
color: #4f2100;
}	
	
ul, ol { list-style: none; margin: 0; padding: 0; }

.pjoncas:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.MainNav:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	
.current {color:#fff; background-color:#4f2100;}

	
p.last { margin-bottom: 20px;}

p.zero { margin: 0; }



/*
----------------------------------------------------------------------------- 
Structure
----------------------------------------------------------------------------- */

#header { 
background-color:#b37900; 
height: 20px; 
margin: 0 0 10px; }

	#header h1 { 
	background: url(../images/graphics/banner-top.gif) no-repeat top center;
	border-bottom: 1px solid #fcd000; 
	height: 20px; 
	margin: 0 auto; 
	text-indent: -9999px;}
	
	#header p.description { display: none; }
	
/* mainNav
=======================*/


#menu {
	background-image: url(../images/graphics/mainNavBg.gif);
	border-top: 1px solid #4f2100;
	border-bottom: 1px solid #4f2100;
	color: #502200;
}
	#menu .menu { 
	background: #FAA819 url(../images/graphics/mainNavBg.gif) repeat-x;
	border-left: 1px solid #4f2100; 
	font-size: 1.15em;
	margin: 0 auto; 
	padding: 1px 0;
 	width: 950px; 
}
	#menu .menu li { border-right: 1px solid #4f2100; display: block; float: left; margin: 0; }
	#menu .menu li a { color: #502200; display: block; padding: 3px 10px; margin: 0 10px; }
	#menu .menu li a:hover { background: #4f2100; color: #fff; }
	#menu .menu li.question { color: #000; font-size: 1.2em; padding: 3px 20px; }

	
#content {
	margin: 0 auto;
	width: 950px;	
	}
	
	.content:after { 
	content: "."; 
	display: block; 
	height: 0; 		
	clear: both; 
	visibility: hidden; }
	
#pageheader { 
	background: url(../images/graphics/banner-bkgd-lg.gif) repeat-x top center;
	border-bottom:1px solid #fcd000;
	border-top:1px solid #fcd000; 
	height: 210px;
	margin: 15px 0 0 0;
	padding: 20px 0;
	}
	
	#gallery { 
	background: url(../images/graphics/banner-bkgd-lg.gif) repeat-x top center;
	border-bottom:1px solid #fcd000;
	border-top:1px solid #fcd000; 
	height: 210px;
	margin: 15px 0 0 0;
	padding: 20px 0;
	}	
		
	#pageheader ul, #gallery ul { margin: 0 auto; width: 950px; }
	#pageheader ul:after, #gallery ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	#pageheader ul.header li { display: block; float: left; height: 205px; position: relative; bottom:15px; width: 751px;}
	
	#gallery ul.header li { display: block; float: left; height: 205px; position: relative; bottom:15px; width: 725px; height:525px;}
	
	#pageheader p {
	float:right;
	margin:210px 15px 0 0;
	color:#4f2100;
	font-size:11px;
	letter-spacing:.05em;
	text-align:right;
	}

#primary {
	float: left;
	margin-right:0;
	padding: 5px 0px 20px 20px;
	width: 710px;
	}

#secondary {
	float: right;
	padding: 20px 0 20px 0;
	margin:0 0 0 10px;
	width: 165px;
	}
	
#footer { 
	background: url(../images/graphics/footer.gif) no-repeat top center;
	clear: both;
	height: 55px;
	margin: 15px auto;
	padding: 15px 20px 20px; 
	}
	
	#footer .textbox { 
	background: #4f2100;
	opacity:.75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	border: 1px solid #fcd000; 
	border-width: 1px 1px 3px;
	width:950px;
	height:30px;
	margin:0 auto;
	text-align:center;
 	}
	
	#footer p{
	color:#fff;
	font-weight:bold;
	margin:10px 10px 0 10px;
	}
	
	
	
/*
----------------------------------------------------------------------------- 
Sidebar Fonts / General
----------------------------------------------------------------------------- */

#secondary p { font-size: 1.1em; }
#secondary h2 { margin-bottom: .5em; }

#secondary img{
	border: 1px solid #fff;
	margin-bottom:10px;
}

/*
----------------------------------------------------------------------------- 
Sidebar Navigation
----------------------------------------------------------------------------- */

#secondary ul.subnav, #galleryNav ul.subnav { border-top: 1px solid #4f2100; font-size: 1.1em; margin-bottom: 25px; }
#secondary ul.subnav li, #galleryNav ul.subnav li { border-bottom: 1px solid #4f2100; }
#secondary ul.subnav li a, #galleryNav ul.subnav li a { color: #fff; display: block; line-height: 1.25em; padding: 7px 10px; }
#secondary ul.subnav li a:hover, #galleryNav ul.subnav li a:hover { background: #4f2100; color: #fff; }


#galleryNav {
	float: right;
	padding: 20px 0 20px 0;
	margin:0 0 0 10px;
	width: 165px;
	}


/*
----------------------------------------------------------------------------- 
Font Styles
----------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #fff; }


h2 { color: #fff; font-size: 2.3em; line-height: 1.2em; margin-bottom: .7em; }
h2 span, h3 span, span#comments, strong span { color: #4f2100; }
h2 a:visited { color: #fff; }
span#comments { font-weight: bold; }

p { font-size: 1.3em; line-height: 1.3em; }

h4{
color:#4f2100;
font-size: 1.5em;
}

h4 span{
padding-left:150px;}

/*
----------------------------------------------------------------------------- 
Statement / Resume Styles
----------------------------------------------------------------------------- */

h3.statement{ 
	color:#fff;
	font-size: 1.85em; 
	padding: 7px 0px 8px 0px;
	background:none;
	margin-left:0;
}

	


/*
----------------------------------------------------------------------------- 
Products / Clients / Work / Gallery
----------------------------------------------------------------------------- */

#description { 
	border-top: 1px solid #fcd000;
	border-bottom: 1px solid #fcd000; 
	min-height: 102px;
	margin: 0 0 5px 0; 
	padding: 1px 0;
	float: left; 
	width: 706px; 
	}
#description img { 
	float: left; 
	margin-right: 20px;
	border:1px solid #b37900;
	}
	
#description img:hover{
border:1px solid #fff;
}

	#description img#noHover {	border:1px solid #b37900;}
	
h3 { 
	background: #4f2100; 
	color:#ddd;
	font-size: 1.5em; 
	padding: 7px 0px 8px 0px;
	margin-left:15px;
	}
#description h3 a, #description h3 a:visited { 
	color: #ddd; 
	}
#description h3 a:hover {
	text-decoration:underline;
	color:#fff;
	}
#description p { 
	border-top: 1px solid #fcd000; 
	font-size: 1.20em; 
	line-height: 1.2em; 
	margin: 1px 0 0; 
	padding: 7px 15px 5px 20px; 
	}
	
	.more { 
	float: right;
	font-size:11px;
	letter-spacing:.05em;
	}


/*
----------------------------------------------------------------------------- 
Generals
----------------------------------------------------------------------------- */

#primary .itemtext img {
	background: #0e0d13; 
	margin: 0;
	padding: 4px;
	border: 1px solid #22202c;
	max-width: 98%;
	}

.center { text-align: center; }
.alignright { float: right; }
.alignleft { float: left; }

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.noborder {
	border: none;
	}

p { line-height: 1.5em; color: #000; }

#clear{
	clear:both;
	}

/*
----------------------------------------------------------------------------- 
Head Imgs
----------------------------------------------------------------------------- */

.header-img-home { 
background: url(../images/header/header-img-home.jpg) top left;
background-repeat:no-repeat;
}

.header-img-paint { 
background: url(../images/header/header-img-paint.jpg) top left;
background-repeat:no-repeat;
}

.header-img-photo { 
background: url(../images/header/header-img-photo.jpg) top left;
background-repeat:no-repeat;
}

.header-img-resume { 
background: url(../images/header/header-img-resume.jpg) top left;
background-repeat:no-repeat;
}

.header-img-web { 
background: url(../images/header/header-img-web.jpg) top left;
background-repeat:no-repeat;
}