/*-------------------------------
Filename: default.cc
Title: Primary CSS for vcphoto.org
Author: Matt Baily, Creative Fauna
URL: http://www.vcphoto.org/css/vcp_default.css
License: Copyright 2007, Matt Baily, All Rights Reserved.

--------------------------------*/


/*
----------------------------------------------------------------
							B A S E
---------------------------------------------------------------- */

/*----------This is where the page gets a major reset----------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0;
	padding:0;
}

a {
	text-decoration: none;
	color: #3b62a3;
}

a:hover {
	color: #77b252;
}

a:focus {
	outline: none;

}

em {
	font-weight: bold;
	font-size: 1.083em;
	line-height: 1.385;
}

strong {
	font-weight: bold;
}

table {
	border-collapse:collapse;
	border-spacing:0;
        width:100%
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,th,var,h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}


q:before,q:after{content:'';}


/*----------This is where the page gets some basic styling----------*/

body {
	margin: 0;
	padding: 0;
	background: #F7F4F1 url(../images/images_vector/top_colour_band.gif) repeat-x left top;
	color: #666;
	font: 75%/1.5em Helvetica, Arial, Geneva, sans-serif;
	text-align: center;
}


/*
----------------------------------------------------------------
						   L A Y O U T
---------------------------------------------------------------- */

#wrap {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 760px;
	padding: 0 10px;
}

#identity {
	margin-top: 20px;
	position: relative;
	height: 158px;
}

#content_wrap {
	margin-top: 3em;
}

#main_content {
	float: left;
	display: inline;
	margin-left: 260px;
	padding-top: 0.75em;
}

#primary_sub_content {
	float: left;
	width:240px;
	margin: 0 0 0 -760px;
	overflow: hidden;
}

#address_copyright_credits {
	margin-top: 7em;
	width: 760px;
	text-align: center;
}

#copyright_credits {
	position: relative;
}




/*
----------------------------------------------------------------
					B R A N D I N G  /  N A V
---------------------------------------------------------------- */

/*----------Logo styling----------*/

#identity h1 {
	text-indent: -5000px;
	height: 120px;
	width: 306px;
	position: relative;
	top: 40px;
	left: -40px;
	background-image: url(../images/images_vector/VCP_logo_na.png);
}



/*----------Main Navigation styling----------*/

#identity #main_nav {
	position: absolute;
	right: 0px;
	top: 10px;
}

#identity #main_nav li{
	display:block;
	float: left;
	margin-left: 20px;
}

#identity #main_nav li a{
	color: #666;
	display: block;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
}

#identity #main_nav li a:hover {
	color: #6c9837;
	margin-top: 2px;
	padding-top: 4px;
	border-top: 4px solid #b6cc9c;
	
}

#identity #main_nav a.current {
	color: #333;
	font-weight: bold;
	margin-top: 2px;
	padding-top: 6px;
	border-top: 4px solid #6c9837;
	font-size: 13px;
}	

#mailing_list {
	position: absolute;
	right: 0px;
	top: -17px;
	color: #fff;
	
}

#mailing_list p {
	height: 18px;
	margin-bottom: 0;
	color: #e4e4e4;
}

#mailing_list p input{
	margin-left: 5px;
	background-color: #d3dcec;
	color: #999;
}



/*----------Sub Navigation styling----------*/

#ps_other_places ul {
	margin-bottom: 18px;
}

#ps_other_places ul li a {
	margin-bottom: 1px;
	padding: .333em 10px;
	display: block;
	background-color: #d3dcec;
	color: #666;
}

#ps_other_places ul li a:hover {
	background-color: #76777b;
	color: #fff;
}

#ps_other_places ul li a.sub_current {
	background-color: #55607a;
	color: #fff;
}

/*
----------------------------------------------------------------
			  H E A D E R S  A N D  T Y P O G R A P H Y 
---------------------------------------------------------------- */
p, ul{
	margin: 0 0 1.5em 0;
}


#home h2 {
	position: absolute;
	left: -30px;
	top: -1px;
	text-indent: -5000px;
	height: 210px;
	width: 30px;
	background-image: url(../images/images_vector/in_gall_tag.png);
	padding: 0;
	border: none;
}

h3 {
	font: 1.5em/1 Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin: 0 0 1em 0;
}

#home #front_page_piece h3, #exhibition_page_piece h3 {
	margin-bottom: 1em;
	color: #6c9836;
	font: 1.66em/0.9 Geneva, Helvetica, Arial, sans-serif;
}

#primary_sub_content h3 {
	
	margin: 0 0 0.5em 0;
	padding: 0.444em 0;
	border-top: 0.0555em solid #e6e6e6;
	border-bottom: 0.0555em solid #e6e6e6;
	font: 1.5em/1 Georgia, "Times New Roman", Times, serif;
}

#main_content .newsletter_page_piece h3 {
	line-height: 1.22;
	margin: -0.11em 0 0.888em 0;
}

h4, #links #main_content dt, #members dl dt {
	font: 1.334em/1.125 Geneva, Helvetica, Arial, sans-serif;
	margin: 0.5625em 0 1.125em 0;
	color: #666;
}

#volunteering h4, #workshops #main_content h4, #main_content dt  {
	border-bottom: 0.0625em solid #e6e6e6;
	padding-bottom: 0.125em;
	margin-bottom: 0.938em;
}

#main_content dt, .people dd.job, #main_content .future_title {
	font: 1.166em/1.2857 Geneva, Helvetica, Arial, sans-serif;
	margin: 0.6429em 0 1.2857em 0;
	color: #d42f2f;
}

.people dd.job, #future_exhibit #main_content .future_title  {
	color: #666;
}

#future_exhibit #main_content .future_artist {
	margin-bottom: 0;
}

#workshops dl dd+.workshop_title {
	margin-top: 3em;
}

.people dt, .people dd.job  {
	float: left;
}

#links #main_content dl dd + dt{
	margin-top: 1.125em;
}

.people dd.job {
	margin-left: .25em;
}

#ps_past_exhibits h4 {
	font-size: 1.166em;
	line-height: 1.285;
	margin: 0 120px 0.928em 0;
	padding-bottom: 0.286em;
	border-bottom: 0.0714em solid #e6e6e6;
}

#main_content .online_title, #members dl dt {
	margin-top: 0;
}

h5 {
	font-size: 100%;
}



/*
----------------------------------------------------------------
						   C O N T E N T
---------------------------------------------------------------- */


#wrap img {
	margin-bottom: 1.5em;
	padding: 10px;
	background-color: #fff;
}

	
#main_content img {
	max-width: 480px;
}

img.cc{background-color:#F7F4F1;}

/*home*/

#front_page_piece {
	position: relative;
	background-color: #f9f7f5;
	width: 718px;
	padding: 20px 20px 25px 15px;
	margin-bottom: 4em;
	border: 1px solid #e6e6e6;
}

#front_page_piece img {
	float: left;
	margin: 0 15px 0 0;
	background-color: #fff;
	padding: 10px;
}
#sub_content_one, #sub_content_two, #sub_content_three {
	float: left;
	width: 220px;
	border-top: 1px solid #e6e6e6;
}

#sub_content_one {
	padding: 20px 20px 0 10px;
	border-right: 1px solid #e6e6e6;
	overflow: hidden;
}

#sub_content_three {
	padding: 20px 10px 0 20px;
	border-left: 1px solid #e6e6e6;
	overflow: hidden;
}

#sub_content_two {
	padding: 20px 19px 0 19px;
	overflow: hidden;
}

#sub_content_one ul li, #ps_newsletter ul li{
	border-bottom: 0.0833em dotted #e6e6e6;
	padding: 0.666em 0;
	list-style-type: disc;
	list-style-position: outside;
}

#sub_content_one ul li a, #ps_newsletter ul li a {
	display: block;
}

#sub_content_one ul, #ps_newsletter ul {
	margin-top: -0.666em;
}

#sub_content_three img {
	margin-top: 4px;
}




/*Information---------------------------------------------*/

.people dd.bio {
	clear: both;
	margin-bottom: 1.125em;
}

#map {
	width: 500px;
	height: 400px;
	border:  1px solid #999;
	margin-bottom: 36px;
}

#map img {
	background-color: transparent;
}



/*Newsletter-----------------------------------------------*/

.newsletter_page_piece {
	margin-bottom: 3em;
	overflow:hidden;
}

.newsletter_page_piece .posted {
	font-style: italic;
	font-weight: bold;
}

.date {
	clear: left;
	margin-top: 0;
}

#ps_newsletter ul li {
	margin-left: 15px;
}




/*Exhibition-------------------------------------------------*/

.artist_name {
	color: #d90000;
	font-size: 1.166em;
	margin:0 0 0.563em 0;
}

#exhibition_page_piece h3, #exhibition_page_piece #sub_title, #exhibition_page_piece .online_title {
	float: left;
	margin-top: 0;
	width: 400px;
}
#exhibition_page_piece #exhibit_date {
	margin-top: 0;
}

#exhibition_page_piece p {
	clear: both;
}

#exhibition_page_piece p span.image_subtitle {
	margin: -0.75em 0 -1.5em 0;
	display: block;
}

#main_content #artist_photos {
	background-color: #fff;
	padding: 5px 0 5px 10px;
	margin-top: 3em;
	border: 1px solid #e6e6e6;
	width: 488px;
}

#main_content #artist_photos ul {
	margin-bottom: 0;
}

#main_content #artist_photos ul li {
	width: 112px;
	overflow: hidden;
	height: 112px;
	background-color: #000;
	float: left;
	margin: 5px 10px 5px 0;
}

#main_content #artist_photos ul li img {
	width: 200px;
	margin-left: -50px;
	margin-top: -25px;
}

#main_content #artist_photos h4 {
	background-color: #f7f4f1;
	margin-right: 10px;
	padding: 0.4em 0;
	text-align: center;
	border: 1px solid #e6e6e6;
}

#lightbox #imageContainer #lightboxImage {
	margin: 0;
	padding: 0;
}

.future_date {
	margin-bottom: 0;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #e6e6e6;
}
 
#main_content #future_page_piece li {
	margin: 3em 0;
} 

/*Members-------------------------------------------------*/

#main_content #future_page_piece li, #ourMembers_page_piece dt, #ourMembers_page_piece .website {
	clear: left;
}

#ourMembers_page_piece dt {
	margin-top: 0;
}

#main_content #future_page_piece li img, #main_content #ourMembers_page_piece img {
	float: left;
	margin: 0 15px 10px 0;
}

 #main_content #ourMembers_page_piece dd{
	margin-bottom: 3em;
}

.artist_image {
	float: left;
	margin: 5px 15px 0 0;
}

/*Sub Content----------------------------------------------*/


#ps_past_exhibits li {
	background: url(../images/images_vector/red_dot.gif) no-repeat left .45em;
	padding-left: 10px;
}


/*
----------------------------------------------------------------
							  F O R M S
---------------------------------------------------------------- */
form {
	width: 100%;
}


#contact_form #from, #contact_form #subject, #contact_form #message {
	width: 250px;
	border: 1px solid #ccc;
	margin-top: 0.5em;
}

#contact_form #message {
	width: 500px;
	height: 180px;
}

/*
----------------------------------------------------------------
				Rights and Extra Nav (FOOTER)
---------------------------------------------------------------- */
.vcard {
	margin: 0 auto;
	padding-left: 20px;
	text-align: left;
	width: 705px;
}

.vcard div, .adr, .vcard .street-address {
	float: left;
	margin-right: 15px;
}

.adr div{
	margin-right: 0;
	float: left;
}



#copyright {
	margin-left: 20px;
	border-left: 1px solid #e6e6e6;
	padding-left: 20px;
}

#copyright_credits {
	border-top: 1px solid #e6e6e6;
	padding-top: .5em;
	margin: 0 auto;
}


/*
----------------------------------------------------------------
						WORK AROUNDS
---------------------------------------------------------------- */

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