/* CSS Document */

body {
background-color: white;
width:1000px;
font: times new roman;

}


/* div layouts */

div.leftnav
{
float:left;
width:295px;
height:auto;
background-position:left;
background-attachment:fixed;
padding-top:10px;
border:2px solid #f3f2f2;
}


#new #vertical_carousel{
	clear:both;
	width:800px;
	overflow:auto;
	overflow-y:hidden;
}

#vertical_carousel{
	float:left;
	margin-left:24px;
	margin-top:10px;
	
	
}

#vertical_carousel ul{
	margin:0px;
	moz-padding-start:0px;
	padding:0px;
}



#vertical_carousel li{
	width:auto;
	display:table-cell;
	font-size:10px;
	line-height:10px;
	border: solid 10px white;
	
	float:none;

}

#vertical_carousel a{
	display:block;
	text-align:center;
}

#vertical_carousel a:hover{
	background:none;
}

#vertical_carousel .description{
	padding:10px;
	display:block;
}



div.content
{
margin-left:250px;
padding-top:0px;
}
 

#submenu1 a{
	font-size:16px;
}
 
 

/* navigation */






ul#nav { 
/*
background-image: url(../images/bgimage1.gif); 
background-position: 0 0; 
*/
margin-left: -10px;
}



ul#nav li { 
clear:both;
list-style-type:none;
margin-left: -10px;
line-height:25px;
font-size:20px;
font-family:Arial;
font-weight:bold;
}



li#navcomics, li#navillustration, li#navWoodcut, li#navAnimation, li#navPaintings, li#navFlyers, li#navBio, li#navLogo { 
	float:left;
}



ul#nav li a { 
display:block; 
position: inherit;
text-decoration:none;

}



li#navcomics a, li#navillustration a, li#navWoodcut a, li#navAnimation a, li#navPaintings a, li#navFlyers a, li#navBio a, li#navLogo a { 
background:url(../images/bgimage1.gif); 
top: 0; 
text-indent: -9999px; 
outline: none; 
margin-left: -10px;

}

/* logo nav */

li#navLogo a { 
background-position: 0 0;  
width: 180px;
height: 47px;
left:0; 
}

li#navLogo a:hover { 
background-position: 0 0;
border: none; 
}

li#navLogo a:active 	{ 
background-position: 0 0;
}


/* illustration navigation */

li#navillustration a { 
background-position: -21px -48px; 
width:220px; 
height:90px; 
left:0; 
}

li#navillustration a:hover { 
background-position: -266px -15px;
border: none; 
}

li#navillustration a:active 	{ 
background-position: -510px -11px; 
}



/* woodcut navigation */



li#navWoodcut a { 
background-position: -9px -120px; 
width:200px; 
height:72px;
left:0; 
}

li#navWoodcut a:hover { 
background-position: -262px -114px;
border: none; 
}

li#navWoodcut a:active 	{ 
background-position: -493px -108px; 
}




/* animation navigation */


li#navAnimation a { 
background-position: -9px -210px; 
width:220px; 
height:70px;
left:0; 
}

li#navAnimation a:hover { 
background-position: -250px -210px;
border: none; 
}

li#navAnimation a:active 	{ 
background-position: -481px -203px; 
}



/* paintings navigation */


li#navPaintings a { 
background-position: -16px -352px; 
width:210px; 
height:70px; 
left:0; 
}

li#navPaintings a:hover { 
background-position: -250px -360px;
border: none; 
}

li#navPaintings a:active 	{ 
background-position: -493px -363px; 
}






/* flyers navigation */


li#navFlyers a { 
background-position: -1px -432px; 
width:200px; 
height:72px;
left:0; 
}

li#navFlyers a:hover { 
background-position: -235px -440px;
border: none; 
}

li#navFlyers a:active 	{ 
background-position: -478px -443px; 
}



/* comics navigation */

li#navcomics a { 
background-position: -1px -298px; 
width:200px; 
height:72px;
left:0; 
}

li#navcomics a:hover { 
background-position: -252px -290px;
border: none; 
}

li#navcomics a:active 	{ 
background-position: -500px -286px; 
}





/* bio navigation */




li#navBio a { 
background-position: -16px -520px; 
width:220px; 
height:60px;
left:0; 
}

li#navBio a:hover { 
background-position: -254px -520px;
border: none; 
}

li#navBio a:active 	{ 
background-position: -486px -518px; 
}



/* Middle photo woodut thingy */


#content_image {
background-position: -720px -10px; 
width: 380px;
height: 300px;
background-image:url(../images/bgimage1.gif);
position: relative;
background-repeat:no-repeat;
}


/* StYLES styles */
body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.left {
	float:left;
}
.right {
	float:right;
}

img {
	border:none;
}

h1 {
	height:0;
	padding-top:41px;
	width:320px;
	float:right;
	display:block;
	overflow:hidden;
	background:url(../images/thee-owen-cook.gif) no-repeat;
}

#page {
	width:900px;
	margin:0 auto;
	text-align:left;
}
#photo-container {
	float:left;
	width:850px;
	min-height:500px;
}
#photo-container.images {
	float:left;
	width:800px;
}

#vertical_carousel.images a{
	height:60px;
	overflow:hidden;
}

#blog{
	text-align:left;
	width:560px;
}

.blog{
	width:560px !important;
}

.blogdate{
	font-size:15px;
	font-weight:bold;
}

#photo-container.images #photo{
	padding:10px 10px;
	width:auto;
	text-align:center;
}

#photo {
	border:2px solid #f3f2f2;
	width:auto;
	float:left;
	padding:65px 50px;
}

#photo p{
	margin:0px;
}

#photodetails {
	float:left;
	border:2px solid #f3f2f2;
	font-size: 40px;
	margin-top:0px;
	padding-left:20px;
	padding-right:20px;
	width:200px;
	min-height:200px;
	}


#photodetails p {
	font-size: 20px;
	font-weight: bold;
	font-family: times new roman, arial, helvetica, sans-serif;
}


#photodescription p {
	font-size: 14px;
	font-weight: normal;
	font-family: times new roman, arial, helvetica, sans-serif;
	padding-left:10px;
}