/*
  Author: Kenny Saunders
  Website: http://www.fortyeightdesigns.com
  Date: July 7th, 2006
  Description: Main layout & page styles for SharonSiskin.com
*/

/* GLOBAL STYLES
===============================================================*/
body {
	background-color:#f2f2ef;
	color:#222;
	}
html, body, h1, h2, h3, h4, h5, h6, img, p, a, ul, ol, li, dl, dt, dd, form { 
	margin:0; padding:0; border:0;
	}
ul, ol, li { 
	list-style-type:none; 
	line-height:0;
	}
.clear_left { clear:left; }


/* LAYOUT STYLES
===============================================================*/
#wrapper {
	margin-left:auto;
	margin-right:auto;
	background:#f2f2ef url('images/main_bg3.jpg') repeat-y top center;
	width:795px;
	min-height:750px;
	}
#content {
	background:url('images/page_bg2.jpg') no-repeat top center;
	width:795px;
	padding-bottom:200px;
	}
#header {
	height:84px;
	}	
#main_nav {
	padding-left:11px;
	}
#content #left_column {
	float:left;
	width:503px;
	padding:50px 0 0 20px;
	}
#content #left_column #gallery_image {
	padding:15px 0;
	text-align:center;
	}
#content #left_column #gallery_details {
	float:left;
	width:500px;
	border-left:4px #a9a285 solid;
	margin-top:5px;
	}
#content #left_column #gallery_link {
	float:left;
	margin-top:5px;
	width:230px;
	}
#content #left_column #resume_box {
	width:510px;
	background-color:#eee8d3;
	border:1px #aaa386 solid;
	padding-bottom:12px;
	}
#content #left_column #resume_box #resume_top {
	background-color:#f3efe2;
	border-bottom:1px #aaa386 solid;
	margin-bottom:12px;
	}
#content #right_column {
	float:left;
	width:260px;
	padding:110px 0 0 0;
	}
/* PAGE SPECIFIC STYLES */	
#resume_page #left_column { width:510px; padding-left:10px; }
#contact_page #left_column { width:410px; padding-left:10px; }
#contact_page #left_column #contact_box {
	width:402px;
	height:500px;
	background:url('images/contact_bg.jpg') no-repeat;
	padding:25px 0 0 30px;
	}
#splash_page #header { height:179px; }
#splash_page #content { background-image:url('images/splash_bg3.jpg'); }	
#splash_page #artwork { text-align:center; padding-top:50px; }
#splash_page #header a { padding:10px 0 0 4px; }	
	
	
/* NAVIGATION STYLES
===============================================================*/
#header a img {
	margin:30px 0 0 111px;
	}
#header a.about_work{
	font:bold 9px/24px Arial, Helvetica, sans-serif;
	color:#282828;
	text-decoration:none;
	text-transform:uppercase;
	position:relative;
	left:250px;
	top:-6px;
	}
	
/* MAIN NAV */
#content #main_nav ul li {
	display:inline;
	background:url('images/nav_spacer.jpg') no-repeat right;
	}
#content #main_nav ul li a {
	display:block;
	float:left;
	background:url('images/main_nav_bg.gif') no-repeat top right;
	padding:0 14px;
	font:bold 9px/24px Arial, Helvetica, sans-serif;
	color:#282828;
	text-decoration:none;
	text-transform:uppercase;
	}
#content #main_nav ul li a:hover, #content #main_nav ul li a.active  {
	background:url('images/main_nav_bg.gif') no-repeat 0 -24px;
	}

/* SUB NAV */
#right_column ul {	
	padding:0 42px;
	}
#right_column ul li {	
	}
#right_column ul li a {	
	display:block;
	color:#1a1a1a;
	text-decoration:none;
	padding:0 5px;
	text-transform:uppercase;
	font:bold 9px/22px Arial, Helvetica, sans-serif;
	}
#right_column ul li a:hover, #right_column ul li a.active {
	background-color:#ecece8;
	border:1px #b0b0af solid;
	padding:0 4px;
	font:bold 9px/20px Arial, Helvetica, sans-serif;
	}
#right_column ul li a em {
font-style:normal;
letter-spacing:-1px;
	}
	

/* GALLERY NAV */
#gallery_nav #view_detail a {	
	text-transform:uppercase;
	color:#282828;
	text-decoration:none;
	font:10px/30px Arial, Helvetica, sans-serif;
	}
#gallery_nav ul {	
	clear:left;
	float:left;
	background:url('images/gallery_nav_bg.gif') no-repeat;
	height:30px;
	width:404px;
	padding-left:9px;
	}
#gallery_nav ul li {	
	display:inline;
	font:12px/14px Arial, Helvetica, sans-serif;
	}
#gallery_nav ul li a {	
	display:block;
	float:left;
	color:#838383;
	text-decoration:none;
	padding-right:3px;
	font:12px/27px Arial, Helvetica, sans-serif;
	}
#gallery_nav ul li div { display:none; }
#gallery_nav ul li a.active { color:#282828; font-weight:bold; }	
#gallery_nav ul li a:hover { color:#282828; font-weight:bold; }	

/* SPLASH PAGE */
#splash_nav ul li { 
	display:inline;
	font:12px/14px Arial, Helvetica, sans-serif;
	}
#splash_nav ul { 
	padding-bottom:500px;
	}
#splash_nav ul li a { 
	display:block;
	float:left;
	text-indent:-9999px;
	}
#splash_nav ul li#nv_family a  { 
	width:161px;
	height:137px;
	background:url('images/nv_family.jpg') no-repeat;
	}
#splash_nav ul li#nv_family a:hover  { 
	background:url('images/nv_family.jpg') no-repeat -161px 0px;
	}
#splash_nav ul li#nv_aids a  { 
	width:56px;
	height:165px;
	background:url('images/nv_aids.jpg') no-repeat;
	}
#splash_nav ul li#nv_aids a:hover  { 
	background:url('images/nv_aids.jpg') no-repeat -56px 0px;
	}
#splash_nav ul li#nv_community a  { 
	width:75px;
	height:338px;
	background:url('images/nv_community.jpg') no-repeat;
	}
#splash_nav ul li#nv_community a:hover  { 
	background:url('images/nv_community.jpg') no-repeat -75px 0px;
	}
#splash_nav ul li#nv_contact a  { 
	width:97px;
	height:118px;
	background:url('images/nv_contact.jpg') no-repeat;
	}
#splash_nav ul li#nv_contact a:hover  { 
	background:url('images/nv_contact.jpg') no-repeat -96px 0px;
	}
#splash_nav ul li#nv_jewish a  { 
	width:101px;
	height:202px;
	background:url('images/nv_jewish.jpg') no-repeat;
	}
#splash_nav ul li#nv_jewish a:hover  { 
	background:url('images/nv_jewish.jpg') no-repeat -101px 0px;
	}
#splash_nav ul li#nv_public a  { 
	width:69px;
	height:201px;
	background:url('images/nv_public.jpg') no-repeat;
	}
#splash_nav ul li#nv_public a:hover  { 
	background:url('images/nv_public.jpg') no-repeat -69px 0px;
	}
#splash_nav ul li#nv_resume a  { 
	width:100px;
	height:174px;
	background:url('images/nv_resume.jpg') no-repeat;
	}
#splash_nav ul li#nv_resume a:hover  { 
	background:url('images/nv_resume.jpg') no-repeat -100px 0px;
	}
#splash_nav ul li#nv_socio a  { 
	width:106px;
	height:349px;
	background:url('images/nv_socio.jpg') no-repeat;
	}
#splash_nav ul li#nv_socio a:hover  { 
	background:url('images/nv_socio.jpg') no-repeat -106px 0px;
	}
/* splash page hidden links for images */
#l_family a{
	position:relative;
	text-indent:-9999px;
	width:90px;
	height:30px;
	top:-370px;
	left:30px;
	display:block;
	background-image:url('images/clear.gif');
}	
#l_jewish a{
	position:relative;
	text-indent:-9999px;
	width:90px;
	height:30px;
	top:-325px;
	left:170px;
	display:block;
	background-image:url('images/clear.gif');
}	
#l_aids a{
	position:relative;
	text-indent:-9999px;
	width:80px;
	height:30px;
	top:-390px;
	left:260px;
	display:block;
	background-image:url('images/clear.gif');
}	
#l_socio a{
	position:relative;
	text-indent:-9999px;
	width:120px;
	height:30px;
	top:-240px;
	left:300px;
	display:block;
	background-image:url('images/clear.gif');
}	
#l_public a{
	position:relative;
	text-indent:-9999px;
	width:74px;
	height:30px;
	top:-420px;
	left:430px;
	display:block;
	background-image:url('images/clear.gif');
}	
#l_community a{
	position:relative;
	text-indent:-9999px;
	width:199px;
	height:30px;
	top:-308px;
	left:470px;
	display:block;
	background-image:url('images/clear.gif');
}	
#l_resume a{
	position:relative;
	text-indent:-9999px;
	width:79px;
	height:30px;
	top:-499px;
	left:580px;
	display:block;
	background-image:url('images/clear.gif');
}	
#l_contact a{
	position:relative;
	text-indent:-9999px;
	width:84px;
	height:30px;
	top:-595px;
	left:670px;
	display:block;
	background-image:url('images/clear.gif');
}	
#artwork-wood {
	position:relative;
	width:773px;
	height:118px;
	top:-842px;
	left:9px;
	background:url('images/artwork-wood.jpg') no-repeat;  
}
	
	

/* HEADING STYLES
===============================================================*/
#content #right_column h1 {
	text-indent:-9999px;
	background:url('images/hdr_jewish.gif') no-repeat 34px 0px;
	height:37px;
	padding:0 0 10px 0;
	}
#community #content #right_column h1 { background:url('images/hdr_community.gif') no-repeat 34px 0px; }
#public #content #right_column h1 { background:url('images/hdr_public.gif') no-repeat 34px 0px; }
#socio #content #right_column h1 { background:url('images/hdr_socio.gif') no-repeat 34px 0px; }
#aids #content #right_column h1 { background:url('images/hdr_aids.gif') no-repeat 34px 0px; }
#jewish #content #right_column h1 { background:url('images/hdr_jewish.gif') no-repeat 34px 0px; }
#family #content #right_column h1 { background:url('images/hdr_family.gif') no-repeat 34px 0px; }

#content #right_column h2#hdr_studio {
	text-indent:-9999px;
	background:url('images/hdr_studio.gif') no-repeat 34px 0px;
	height:37px;
	padding:0;
	}
#content #right_column h2#view_work {
	text-indent:-9999px;
	background:url('images/hdr_work.gif') no-repeat 34px 0px;
	margin-top:20px;
	height:37px;
	padding:0;
	}
#content #right_column h2#teachings {
	text-indent:-9999px;
  background:url('images/hdr_teachings.gif') no-repeat 34px 0px;
  margin-top:20px;
  height:37px;
	padding:0;
  }  	
#content #right_column h2#hdr_office {
	text-indent:-9999px;
	background:url('images/hdr_office.gif') no-repeat 34px 0px;
	height:37px;
	padding:0;
	}
#content #right_column h2#hdr_resume {
	text-indent:-9999px;
	background:url('images/hdr_resume.gif') no-repeat 34px 0px;
	height:37px;
	padding:0;
	}
#resume_box h2 {
	background-color:#f3efe2;
	border-bottom:1px #aaa386 solid;
	border-top:1px #aaa386 solid;
	margin:20px 0 10px 0;
	clear:left;
	padding:20px 0 5px 40px;
	color:#535350;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
}


/* PARAGRAPH STYLES / TEXT
===============================================================*/
#content #left_column #gallery_details p {
	padding-left:5px;
	color:#333;
	font:11px/20px Arial, Helvetica, sans-serif;
	}
#content #left_column #gallery_link p {
	color:#535350;
	padding-left:10px;
	font:9px/20px Arial, Helvetica, sans-serif;
	}
#contact_page #content #left_column p {
	color:#535350;
	padding-left:30px;
	font:bold 9px/20px Arial, Helvetica, sans-serif;
	}
#contact_page #content #right_column p {
	color:#535350;
	padding:0 0 20px 45px;
	font:9px/20px Arial, Helvetica, sans-serif;
	}
#content #left_column #resume_box #resume_top p {
	padding:20px 0 5px 40px;
	color:#535350;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	}

	
/* IMAGE STYLES
===============================================================*/
#content #left_column img {
	border:1px #282828 solid;
	}



/* LIST STYLES
===============================================================*/
#resume_page #left_column #resume_box dl {
	clear:left;
	display:block;
	padding-bottom:15px;
	}
#resume_page #left_column #resume_box dt {
	float:left;
	display:block;
	color:#535350;
	font:11px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:40px;
	width:70px;
	}
#resume_page #left_column #resume_box dd {
	float:left;
	display:block;
	width:310px;
	color:#535350;
	font:11px/20px Arial, Helvetica, sans-serif;
	}

/* LINK STYLES
===============================================================*/
#content #left_column #gallery_link a {
	display:block;
	height:29px;
	width:224px;
	background:url('images/link_bg.gif') no-repeat;
	color:#535350;
	padding-left:10px;
	font:9px/27px Arial, Helvetica, sans-serif;
	}


/* FORM STYLES
===============================================================*/
#content #left_column #contact_box fieldset {
	border:0;
	padding:0;
	margin:0;
	}
#content #left_column #contact_box p {
	display:block;
	clear:left;
	color:#535350;
	padding:0;
	font:11px/20px Arial, Helvetica, sans-serif;
	}
#content #left_column #contact_box input {
	display:block;
	float:left;
	border:0;
	background:#e5e3e3 url('images/input_bg.jpg') no-repeat !important;
	padding:4px;
	margin:4px 0;
	}
#content #left_column #contact_box textarea {
	float:left;
	border:0;
	background:#e5e3e3 url('images/textarea_bg.jpg') no-repeat !important;
	padding:4px;
	}
#content #left_column #contact_box label {
	display:block;
	float:left;
	clear:left;
	width:100px;
	padding:8px 0 2px 0;
	color:#535350;
	font:11px/20px Arial, Helvetica, sans-serif;
	}
#content #left_column #contact_box .radio { 
	display:inline; 
	}
.validation-advice {
	clear:left;
	background-color: #ff3300;
	color : #fff;
	font:12px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
}
/* VIDEO STYLES
===============================================================*/
#video_container{
	padding-left: 9px;
	padding-top: 10px;
}

/* FOOTER STYLES
===============================================================*/
#footer {
	clear:left;
	height:400px;
	}
	
.hidden { display:none; visibility:hidden; }