/*  Stylesheet for jaynespencer.com

==============================================================================================  */

* 

{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body {
	background-color: #222222;
	color:white;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif, Myuen, Gulim;
}

/* body.homepage {
	background-position:525px 10px;
	background-image: url(images/dark/cover_nude.jpg); 	 
} */
body.homepage {
	background-position:0px 0px;
/* 	background-image: url(images/dark/header_no_sig.gif); 	 */
}

/* Sidebar and homepage images */


#biopage { 	 } 
#presspage { 	 }
#contactpage { 	 }
#gallery {	 }
#galleries { 	}  
#nobackground { 	} 
#storepage { 	 }

h1,h2,h3,h4 {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
}
h1,h2       {
	font-size: 14pt;
	margin-top:5px;
	background: black;
	border: thin solid #666666;
	padding-left: 10px;
}
h3          { font-size: 12pt; margin-top:5px;}
p 			{
	font-size: 10pt;
	color: white;
	margin-bottom:10px;
	margin-top:5px;
}

font,th,td,p				{  font-family: Verdana, Arial, Helvetica, sans-serif;  }
a:link,a:active,a:visited	{  /* text-decoration: none; */ color: #6666CC ; }
a:hover						{	color: #CC9900; }
hr							{	height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

td	{	font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		}
td	{ vertical-align:top }
img { border-width: 0; }
ul  
{
	font-size: 10pt;
	margin-left: 25px;
}

.clearmb {
	clear:both;
}


/*  Major page layout elements
==============================================================================================  */

#pagecontainer 
{ 
	min-height:900px;
	width: 800px;
	margin-left:125px;
/*	border-left: solid 4px #333399; */
	border-left: none; 
	border-top: none;
	border-right: none;
	border-bottom: none;
	background-color:black;
	}
* html #pagecontainer {height:900px;} /* Hack to make IE respond to min height setting */

#signature
{
	/*	text-transform:lowercase; */

	background-image: url(images/dark/signature_creative.gif);
	background-repeat:no-repeat;
	width:332px;
	height:72px;
	font-size: xx-large;
	margin-top:50px, 0 20px, 0;
	font-family:Tall Paul,"Trebuchet MS",Verdana, Arial, Helvetica;
}

#signature a {
	text-decoration:none;
}

#coverart {
	height:550px;
	width:400px;
	background: url(images/dark/cover_art_noshadow.gif) no-repeat;
}

#cover_page_nav 
{
	/* width: 150px; */
	width:320px;
	float:left;
	text-align:right;
  	padding: 0px 5px 5px 5px;
}

* html #cover_page_nav {height:150px;}

#cover_page_nav ul 
{
/*	text-transform:lowercase; */
	float:right;
	text-align:right;
	list-style-type:none;
	font-size:large;
	clear:left;
	line-height:40px;
	padding: 0px 4px 8px 4px;
}

#cover_page_nav li 
{

}

#cover_page_nav a {
	padding: 2px 6px 2px 6px;
	margin-left:1px;
	margin-right:1px;
}

#cover_page_nav a:link 
{
	color:white;	
	border: none;
	text-decoration:none;
}
#cover_page_nav a:active
{
	color:white;	
	border: none;
	text-decoration:none;
}

#cover_page_nav a:visited 
{
	color:white;	
	border: none;
	text-decoration:none;
}
#cover_page_nav a:hover 

{
	border: solid 1px #6666CC;
	margin-left:0px;
	margin-right:0px;
}

#topnav 
{
	padding: 50px 5px 0px 5px;
	min-height: 60px;
	color:black;
	background: url(images/dark/signature_creative.gif) no-repeat; 
	background-position: 450px 20px;
}
* html #topnav {height:60px;}

#topnav ul 
{
/*	text-transform:lowercase; */
/*	float:right; */
	text-align:right;
	list-style-type:none;
	clear:right;
	clear:left;
	padding: 0px 4px 20px 4px;	
}

#topnav li 
{
	display: inline;
}

#topnav a 
{
	font-family:Tall Paul,"Trebuchet MS",Verdana, Arial, Helvetica;
	color: white;
	border: none;
	text-decoration:none;
	margin-left:1px;
	margin-right:1px;
	margin-top: 5px;
	margin-bottom:6px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
}


#topnav a:hover 
{
	border: solid 1px #6666CC;
	margin-left:0px;
	margin-right:0px;
}

#topnav #name 
{
	font-size: xx-large;
	text-align:right;
	font-family:Tall Paul;
	height:48px;
	padding-bottom:4px;
/*	text-transform:lowercase;  */
}

#topnav #name a:hover{
    border:none;
}

#topnav #navigation a {
	font-size:14px;
}

#leftCol {
	float:left;
	clear:left;
	text-align:center;
	padding:0;
	margin:0;
	padding-top:10px;
}


#leftCol .inner {
  padding:0px 15px 0px 15px;
}

#content 
{
	text-align:left;
	padding:0;
}

#content .inner {
  padding:5px 15px 5px 15px;
}


#pagecontainer.full #leftCol { width:0px; visibility:collapse; }
#pagecontainer.full #content{float:none; margin:auto;width:750px;}

#pagecontainer.split #leftCol { width:280px; visibility:visible; }
#pagecontainer.split #content { width: 510px; float:left; clear:right;}
.homepage #pagecontainer #content { width: 400px; float:left; clear:right; text-align:right;}
.homepage #pagecontainer #leftCol { width: 360px; float:left; clear:left;}

.footer
{
	clear:both;
/*	float:right; */
	text-align:left;
	font-size:smaller;
	color: Gray;
	clear:both;
	width: 510px;
	padding:125px 5px 25px 25px;
}

.footer a:hover 
{
	color: #0033CC;
}



/* Image Formatting */

.thumbs li p {
	font-size:10px;
	color:gray;
}

.mattedLeft 

{
	FLOAT: left; 
	border: solid 10px white;
	padding: 0px 0px 0px 0px;
	margin: 4px 12px 4px 0px;
}

/* formatting for thumbs on store page */
.storeImageDiv {
	color:white;
	font-size:10px;
	FLOAT:left;
}

.storeThumb
{
	border: solid 1px #666666;
	background-color:white;
	padding: 3px 3px 3px 3px;
	margin: 4px 8px 4px 0px;
}

.storeDescription
{
	float: left;
	clear: right; 
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
}
/* -- end store page thumb formatting -- */

.galleryDropdown { 
	width:125px;
	margin-top:1px;
	margin-bottom:1px;
}

.galleryThumb {
	border:none;
	background-color: transparent;
	color: white;
/*	float:left; */
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
}

.galleryThumb img {
	margin-top:5px;
	margin-bottom:5px;
	border:6px solid white;
}

.galleryThumb .pic_caption {
}

.galleryThumb .pic_description {

}

.galleryThumb .pic_size {
   font-size:10px;
/*	float:left;
	margin-left:40px; */
}
.galleryThumb .pic_price {
/*	float:right;
	margin-right:40px; */
}

/* The ever popular clearfix - keeps a container wrapped around floated elements */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* -- end of clearfix markup -- */

.notice {
	border:1px solid #666666;
	padding:2px 2px 2px 20px;
	background: url(images/icon_warning.png) left no-repeat;
	background-position:3px 3px;
}

/* ----------- Form layout ------------------ */
.formcontainer {
	font-size:10px;
	padding: 0 2px 0 2px;
}

.formcontainer p{
	font-size:10px;
}
.formcontainer  label
{
width: 5em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.formcontainer .submit input
{
margin-left: 4.5em;
}

.shadowinput {
	background-repeat:no-repeat;
	background-image:url(images/shadow.png);
}