/*
Theme Name: Gallery Seven
Theme URI: http://trulygooddesign.com/
Description: Custom theme for gallerysevenmaynard.com
Version: 1.0
Author: Andy Pyman
Author URI: http://trulygoodesign.com/
Tags: custom header, custom theme, dark

*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#e4e4e4;background:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h1,h2,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h1,h2,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}a:active{outline: none;}a:focus{-moz-outline-style: none;}


.clear{clear:both}


/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Century Gothic', Verdana, Arial, Sans-Serif;
	color: #333;
	}


#wrap {
	width:		800px;
	border:		1px solid #0e0e0e;
	margin:	0 auto;
	background: #000;
}

#page {
	text-align: left;
	padding:	25px 50px;
}

#header {
	width:		auto;
}

h1#headerimg 	{
	margin: 0 auto;
}
	
#headerimg a {
	display:block;
	height: 118px;
	width: 700px;
	background:url(/images/gallery-seven-maynard-frame-shop-and-fine-art-gallery.png) no-repeat top center;
	text-indent:-9999px;
}
	
	
#header .description {
	text-indent:-9999px;
}
	
	
		

p {
	font-size: 1.2em;
	line-height:	140%;
	margin-bottom:	 10px;
}
	
h1 {
	font-size: 2em;
}


h2 {
	font-size: 1.4em;
	text-decoration:	underline;
	margin:10px 0 2px 0;
	font-weight:bold;
}

.page-id-23 h2 {margin-bottom:10px;}

h2 a {text-decoration:none;color:#e4e4e4;}

	
h2.header {
	margin:0; color:#c6c6c6; font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;text-decoration:none; font-weight:normal;text-indent:-9999px;width:244px; height:48px; position:relative; left:12px;}

/*framing services*/  
.page-id-13 #post-13 h2.header {background:#072036 url(/images/headers/framing-services.png) bottom left no-repeat scroll;margin-top:0;padding-top:10px;padding-right:30px;}	
	
/*gallery*/  
.page-id-15 h2.header {background:url(/images/headers/gallery.png) top left no-repeat;}	
	
/*current ex*/  
.page-id-18 h2.header {background:url(/images/headers/current-exhibition.png) top left no-repeat;}	
	
/*upcoming ex*/  
.page-id-21 h2.header {background:url(/images/headers/upcoming-exhibitions.png) top left no-repeat;margin-bottom:10px;}	
	
/*juried ex*/  
.page-id-23 h2.header {background:url(/images/headers/juried-exhibitions.png) top left no-repeat;}	

/*artists*/  
.blog h2.header {background:url(/images/headers/artists.png) top left no-repeat;}	

/*about us*/  
.page-id-46 h2.header {background:url(/images/headers/about-us.png) top left no-repeat;}	

/*contact*/  
.page-id-48 h2.header {background:url(/images/headers/contact.png) top left no-repeat;}	
	


h2.artist {
	font-size: 1.4em;
	text-decoration:	underline;
	margin:0 0 2px 0;
	font-weight:normal;}	
	
	
.image-on-left h2.header {
	margin: 10px 0 8px 0; 
}

	

h3 {
	font-size: 1.3em;
	margin:	20px 0 2px 0;
	color:	#c7c7c7;
	letter-spacing:.02em;
	}
	

	/*juried ex page */	  .page-id-23 h3  {margin-top:10px;margin-bottom:8px;}
	
h3 + p {margin-top:0;}

code {
	font: 1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}



.entry {
	color:		#fff;
}

.entry a,
#credits a {color:#366b9b; text-decoration:none;border-bottom:1px dotted #366b9b;}


.entry a:hover,
#credits a:hover {color:#51789b; text-decoration:none;border-bottom:1px solid #51789b;}

.post-11 .entry a {border-bottom:none;}

.entry p,
.entry h1,
.entry ul,
.entry h2,
.entry h3 {
	padding:	0 20px;
}


.entry ul {margin-bottom:16px;font-size:1.2em;}

	/*upcoming ex page */ .page-id-21 .entry ul {margin-bottom:24px;}

.entry li {margin:2px 0 6px 0;}	

	/*upcoming ex page */ .page-id-21 .entry li  {margin: 2px 0 4px 0;}
	/*juried ex page */	  .page-id-23 .entry li  {margin: 2px 0 10px 0;}

ul.bullet {margin-top:8px;}

ul.bullet li {list-style-type:disc; list-style-position:outside;margin-left:14px;}

.post-15 .entry li {margin:4px 0 8px 0;}

#content .post-11 {
	width:		700px;
	height:		500px;
	margin:0 auto;
	background:url(/images/assets/home-bg.png) bottom center no-repeat;
	}

#content .post-11 img.logo {
	margin-top: 10px;
}

#content .post-11 p {
	text-align:		center;
	color:			#ccc;
	font-size:		120%;
	margin:			10px 0;
	letter-spacing:	.08em;
	padding:0;
}

#content a.dots {
	color:			#ccc;
	text-decoration:	none;
	border-bottom:	1px dotted #ccc;
}

#content a.dots:hover {
	color:			#fff;
	border-bottom:	1px solid #ccc;
}

#content {
	font-size: 1.2em;
	}
	
.bio {
	padding:	0 20px 20px 20px;
	font-size:	1.1em;
	width:		300px;
}


.bluetop700 {
	width:		700px;
	height:		8px;
	background:	url(/images/boxes/bluetop700.png) top left no-repeat;
}

.bluemid700 {
	width:		700px;
	background:	url(/images/boxes/bluemid700.png) top left repeat-y;
	padding-bottom:	2px;
}

	/*juried ex page */ .page-id-23 .bluemid700 {padding-bottom: 200px;}

.bluebottom700 {
	width:		700px;
	height:		10px;
	background:	url(/images/boxes/bluebottom700.png) top left no-repeat;
}

.image-on-left {
	width:		700px;
	height:		525px;
	color:		#fff;
  }
  
.blue-bg {
  	background:	#072036 url(/images/assets/right-blue-bg.png) top right no-repeat;
	overflow: auto;    
    scrollbar-base-color:#ffeaff;
	float:	right;
	width:	350px;
	height:	500px;
	padding-bottom:	25px;
}


#content #post-13 {
	background: url(/images/featured/framing-services.jpg) top left no-repeat;
	height:		525px;
	padding-left:360px;	
}



#content #post-15 {
	background: url(/images/featured/gallery.jpg) top left no-repeat;
	height:		525px;
	padding-left:360px;	
}


.page-id-18 .featured-image {
	background: #000 url(/images/featured/current-exhibition.jpg) center no-repeat;
	width:		500px;
	padding:	100px;
	height:		117px;
	margin:		0 auto;	
}

.page-id-46 .featured-image {
	background: url(/images/featured/gallery-seven-home.jpg) top left no-repeat;
	width:		700px;
	height:		297px;
}
.page-id-48 .featured-image {
	background: url(/images/featured/contact.jpg) top left no-repeat;
	width:		700px;
	height:		465px;
}



#google-map,
.contact-form {border:1px solid #000033;padding:2px 4px;margin:0 0 20px 10px;font-size:90%;background:#092945;width:80%;}

.google-map p {margin:10 0 4px 0;}
.contact-form p {margin:12px 0 4px 0;}
.contact-form input, 
.contact-form textarea, 
.contact-form select {background:#021423;border:1px solid #000033;padding:2px 4px;color:#FFFFFF;margin:2px 0;}	
	



.art img { margin-bottom:10px;bordeR:1px solid #999999;
}

.art {text-align:center; font-size:80%;}




.page-id-11 .nav {
width:auto;
background:#000; display:block;
padding-bottom:10px;padding-left:22px;}


#header .nav ul {display:block;
background:#000;margin-left:30px;}



#header .nav li {
float:	left;
list-style-type:none;
height:			21px;margin-bottom:10px;
}


#header .nav li {
padding-right:24px;padding-left:14px;
}

.nav li.page-item-11  {
	padding-left:0; 
}

/*.page-id-11 .nav li {
background:url(/images/assets/li-divider.png) right no-repeat;
}*/

.nav li.page-item-48 {
background-image:none;
padding-left:8px;
}

#header .nav li a {
	color:			#b7b7b7;
	display:block	;
	padding-bottom:5px;
	text-indent:	-9999px;
	
}

.nav li.current_page_item a {
	color:			#fff; 
}

/*home*/ 
#header .nav li.page-item-11 a  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) 0 0 no-repeat;
	width:			15px; 
}

#header .nav li.page-item-11 a:hover  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) 0 -34px no-repeat;
	width:			15px; 
}

/*framing services*/  
#header li.page-item-13 a  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -16px 0 no-repeat;
	width:			155px;
}

.page-id-11 #header li.page-item-13 a,
#header li.page-item-13 a:hover  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -16px -17px no-repeat;
}


.page-id-11 #header li a:hover {position:relative;top:1px;left:1px;}

.page-id-13  #header li.current_page_item a  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -16px -34px no-repeat;
}

/*gallery = 15		current ex = 18		upcoming ex = 21		juried ex = 23 */  
#header li.page-item-15 a,
#header li.page-item-18 a,
#header li.page-item-21 a,
#header li.page-item-23 a  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -170px 0 no-repeat;
	width:			69px;
}


.page-id-11 #header li.page-item-15 a,
#header li.page-item-15 a:hover,
#header li.page-item-18 a:hover,
#header li.page-item-21 a:hover,
#header li.page-item-23 a:hover {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -170px -17px no-repeat;
}

.page-id-15 #header li.current_page_item a,
.page-id-18 #header li.page-item-15 a,
.page-id-21 #header li.page-item-15 a,
.page-id-23 #header li.page-item-15 a   {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -170px -34px no-repeat;
}


/*artists*/  
#header li.page-item-25 a  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -238px 0 no-repeat;
	width:			66px;
}

.page-id-11 #header li.page-item-25 a,
li.page-item-25 #header a:hover  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -238px -17px no-repeat;
}

.blog #header li.current_page_item a  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -238px -34px no-repeat;
}

/*about us*/  
#header li.page-item-46 a  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -303px 0 no-repeat;
	width:			91px;
}

.page-id-11 #header li.page-item-46 a,
#header li.page-item-46 a:hover  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -303px -17px no-repeat;
}

.page-id-46 #header li.current_page_item a  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -303px -34px no-repeat;
}

/*contact*/  	
#header li.page-item-48 a  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -393px 0 no-repeat;
	width:			75px; 
}
	
.page-id-11 #header li.page-item-48 a,
#header li.page-item-48 a:hover  {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -393px -17px no-repeat;
}


.page-id-48 #header li.current_page_item a {
	background:		url(http://www.gallerysevenmaynard.com/images/nav.png) -393px -34px no-repeat;
}

#footer {text-align:center;}

#footer .nav {margin:20px auto;}


#footer .nav li {display:inline;
list-style-type:none;
height:			21px;margin-bottom:10px;
}


#footer .nav li {

}

#footer .nav li {margin-top:10px;}

#footer .nav a {color:#7b7b7b;text-decoration:none;padding-right:24px;padding-left:24px;}
#footer a:hover {border-bottom:1px soild #fff;color:#fff;}
#footer li.current_page_item a,
.page-id-18 #footer li.page-item-15 a,
.page-id-21 #footer li.page-item-15 a,
.page-id-23 #footer li.page-item-15 a {color:#e4e4e4;text-decoration:underline;}

#footer p {margin:2px auto; color:#7b7b7b;}

#footer p a {border-bottom:1px dotted #e4e4e4;color:#7b7b7b;text-decoration:none;}
#footer p a:hover {border-bottom:1px solid #fff; color:#fff;}

/* Begin Images */
p img {
	padding: 0;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	float: right;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.nav-prev, .nav-next {
	padding:		4px 10px;
}

.nav-prev a, .nav-next a {color:	#CCCCCC;}
.nav-prev a:hover, .nav-next a:hover {color:	#fff;}
/* End Images */



.mini {font-size:80%;}
.tight{letter-spacing:-.5px;}
.credits {font-size:90%;font-family:Verdana, Arial, Helvetica, sans-serif;width:800px;margin:20px auto;text-align:center; color:#333333;}
.credits a {color:#666;text-decoration:none;border-bottom:1px dotted #666666}