/* zero out to remove differences among browsers and to remove ugly things*/
* {margin:0; padding: 0; border: 0;}
html {height: 100%; min-height: 100%; margin-bottom: 1px;}
input, select, th, td, h1,h2,h3,h4,h5,h6,pre,code {font-size:1em}
li li, li p, td p, blockquote p {font-size:1em}
:link,:visited { text-decoration:none }
ul,ol { list-style:none; margin: 0; padding: 0; }
a img,:link img,:visited img { border:none }
address { font-style:normal }
table {font-size: 100%; text-align: left;}
:focus {outline: 0;}

/* START MAIN HOLDERS */
body
{
	text-align: center;
	font-family: georgia, arial, helvetica, sans-serif;
 	font-size: 62.5%;
	background: #fff;
	padding: 5px 0;
}

#holder
{
	width: 953px;
	background: #fff url(/wp-content/themes/cvd_white/i/header_top.jpg) top center no-repeat;
	margin: 0 auto;
	text-align: left;
}

#header
{
	height: 177px;
	background: url(/wp-content/themes/cvd_white/i/header_top.jpg) top center no-repeat;
}

#navigation
{
	position: relative;
	margin-top: -1px;
}

#middler
{
	font-size: 1.3em;
	padding: 14px 0 0 0;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

body#blog #middler
{
	background: url(/wp-content/themes/cvd_white/i/bg_middler.gif) 655px 0 repeat-y;
	margin-top: 15px;
}


#middler-left
{
	float: left;
	width: 630px;
	margin-right: 20px;
	padding-right: 30px;
}

#middler-right
{
	float: right;
	width: 273px;
}

body#home #middler
{
	position: static;
}

#footer
{
	font-size: 1.1em;
	clear: both;
	padding-top: 2px;
	color: #aaa;
	margin-bottom: 15px;
	overflow: hidden;
}

#footer-left
{
	float: left;
	height: 1%;
}

#footer-right
{
	float: right;
	height: 1%;
}

body#home #footer, body#blog #footer
{
	border-top: 1px solid #b4b4b4;
	padding-top: 10px;
}

/* START DEFAULT LINKS */
a:link, a:visited
{
	color: #3893C3;
	text-decoration: underline;
}

a:hover, a:active
{
	color: #9AB87A;
	text-decoration: none;
}
/* END DEFAULT LINKS */

/* START PARAGRAPHS AND HEADINGS */
h1
{
	color: #E35138;
	font-size: 1.5em;
	margin-bottom: .5em;
	text-align: center;
}

body#blog h1
{
	text-align: left;
}

div#home-right h1
{
	text-align: left;
}

h2
{
	color: #3893C3;
	font-size: 1.4em;
	margin-bottom: .4em;
	height:  1.4em;
}

h2 img
{
	margin-bottom: 0;
}

p
{
	margin-bottom: 1.3em;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #222;
}

p.question
{
	padding-left: 25px;
	background: url(/wp-content/themes/cvd_white/i/question_q.gif) 0 0 no-repeat;
	font-weight: bold;
	margin-bottom: 10px;
}

#footer p
{
	font-size: 1.1em;
	color: #aaa;
	text-align: right;
}

div.pic-holder p
{
	font-size: .9em;
	line-height: 1.3em;
	color: #E55527; 
	margin-bottom: 0;
	margin-top: 5px;
	text-align: center;
}

p.useless /* used to deal with Wordpress crappy need to put P tags everywhere */
{
	margin: 0;
	padding: 0;
	line-height: normal;	
}
/* END PARAGRAPHS AND HEADINGS */

/* START NAVIGATION */
ul#nav
{
	height: 66px;
	width: 953px;
	background: #fff url(/wp-content/themes/cvd_white/i/nav_1.gif) no-repeat;
}

ul#nav li
{
		float: left;
		list-style: none;
}
	
ul#nav li a
{
	position: absolute;
	text-indent: -9999px;
	text-decoration: none;
	border: none !important;
	margin: 0 !important;
}

ul#nav li#nav-home a
{ 
	left: 0;
	top: 0;
	width: 178px;
	height: 66px;
}

ul#nav li#nav-books a
{ 
	left: 173px;
	top: 0;
	width: 115px;
	height: 66px;
}

ul#nav li#nav-school-visits a
{ 
	left: 283px;
	top: 0;
	width: 192px;
	height: 66px;
}

ul#nav li#nav-prints a
{ 
	left: 456px;
	top: 0;
	width: 117px;
	height: 66px;
}

ul#nav li#nav-faq a
{ 
	left: 566px;
	top: 0;
	width: 80px;
	height: 66px;
}

ul#nav li#nav-bio a
{ 
	left: 637px;
	top: 0;
	width: 91px;
	height: 66px;
}

ul#nav li#nav-contact a
{ 
	left: 709px;
	top: 0;
	width: 140px;
	height: 66px;
}

ul#nav li#nav-blog a
{ 
	left: 848px;
	top: 0;
	width: 104px;
	height: 66px;
}

ul#nav li#nav-home a:hover,
ul#nav li#nav-books a:hover,
ul#nav li#nav-school-visits a:hover,
ul#nav li#nav-prints a:hover,
ul#nav li#nav-faq a:hover,
ul#nav li#nav-bio a:hover,
ul#nav li#nav-contact a:hover,
ul#nav li#nav-blog a:hover
{
	background: url(/wp-content/themes/cvd_white/i/nav_hover.gif);
}

ul#nav li#nav-home a:hover { background-position: 0 0; }
ul#nav li#nav-books a:hover { background-position: -173px -66px; }
ul#nav li#nav-school-visits a:hover { background-position: -283px 0; }
ul#nav li#nav-prints a:hover { background-position: -456px -66px; }
ul#nav li#nav-faq a:hover { background-position: -566px 0; }
ul#nav li#nav-bio a:hover { background-position: -637px -66px; }
ul#nav li#nav-contact a:hover { background-position: -709px 0; }
ul#nav li#nav-blog a:hover { background-position: -848px -66px; }
/* END NAVIGATION */

/* START YOU ARE HERE */
body#blog #header
{
	background-image: url(/wp-content/themes/cvd_white/i/header_top_blog.jpg)
}

body#books #header
{
	background-image: url(/wp-content/themes/cvd_white/i/header_top_books.jpg)
}

body#school-visits #header
{
	background-image: url(/wp-content/themes/cvd_white/i/header_top_school_visits.jpg)
}

body#prints #header
{
	background-image: url(/wp-content/themes/cvd_white/i/header_top_prints.jpg)
}

body#faq #header
{
	background-image: url(/wp-content/themes/cvd_white/i/header_top_faq.jpg)
}

body#bio #header
{
	background-image: url(/wp-content/themes/cvd_white/i/header_top_bio.jpg)
}

body#contact #header
{
	background-image: url(/wp-content/themes/cvd_white/i/header_top_contact.jpg)
}
/* END YOU ARE HERE */

/* START MISC DIVS */
div#floatMenu
{
	position: absolute;
	top: 15px;
	left: 681px;
}

div.single-post-holder
{
	overflow: hidden;
}

div.back-and-forth
{	
	font-size: 1.1em;
	line-height: 1.2;
    margin-bottom: 15px;
	color: #3893c3;
	overflow: hidden;
}

div.back-and-forth .alignleft
{
	float: left;
}

div.back-and-forth .alignright
{
	float: right;
}

div.divider
{
	border-top: 1px solid #e2e2e2;
	height: 2px;
	margin: 25px 0;
}

div#home-left
{
	width: 500px;
	float: left;
	margin: 5px 0 0 0;
}

div#home-right
{
	width: 430px;
	float: right;
	margin: 5px 0 0 0;
}

div.book-page-content
{
	width: 913px;
	margin: 0 auto;
}
	
div.pic-holder
{
	background: #fff;
	border: 5px solid #000;
	padding: 10px;
	margin-bottom: 15px;
}

a#book-prev
{
	background: url(/wp-content/themes/cvd_white/i/carousel_prev.gif) top left no-repeat;
	position: absolute;
	top: 28px;
	left: 10px;
	padding-left: 27px;
	padding-top: 4px;	
	height: 30px;
	display: block;
}

a#book-next
{
	background: url(/wp-content/themes/cvd_white/i/carousel_next.gif) top right no-repeat;
	position: absolute;
	top: 28px;
	right: 10px;
	padding-right: 27px;
	padding-top: 4px;
	height: 30px;
	display: block;
}

div#book-info-holder
{
   background: #ffc;
   padding: 15px 15px 0 15px;
   margin: 15px 0 0 0;
   border: 5px solid #000;
   width: 913px;
}

div#general-holder
{
     background: #ffc;
     padding: 15px 15px 0 15px;
     margin: 5px 0 0 0;
     border: 5px solid #000;
     width: 913px;
	 overflow: hidden;
}

div.cvd-covers-holder
{
	margin-bottom: 25px;
	overflow: hidden;
}

div.mercy-covers-holder
{
	overflow: hidden;
	padding-left: 0px;
}

div#big-books-holder
{
	padding: 0 20px;
}

div#amazon
{
	width: 100px;
	height: 100px;
	border: 1px solid #000;
	float: right;
	margin: 0 0 25px 25px;
	background: #f00;
}

div.clear
{
	clear: both;
}

div#home-slideshow
{
	height: 240px;
	width: 490px;
	border: 5px solid #000;
	overflow: hidden;
}
/* END MISC DIVS */

/* START MISC STUFF */
div.pic-holder img
{
	/*border: 1px solid #555;*/
}

img.buy
{
	margin-top: 10px;
	margin-right: 10px;
}

.goleft
{
	float: left;
	margin: 0 20px 20px 0;
}

.goright
{
	float: right;
	margin: 0 0 20px 20px;
}

.black-border
{
	border: 5px solid #000;
}

div.cvd-covers-holder img
{
	margin-right: 33px;
}

div.mercy-covers-holder img
{
	margin-right: 28px;
	margin-bottom: 28px;
}

div.cvd-covers-holder a:link img,
div.cvd-covers-holder a:visited img,
div.mercy-covers-holder a:link img,
div.mercy-covers-holder a:visited img
{
	border: 5px solid #FFFFB9;
	border: 5px solid #93BAE3;
	border: 5px solid #000;
}

div.cvd-covers-holder a:hover img,
div.cvd-covers-holder a:active img,
div.mercy-covers-holder a:hover img,
div.mercy-covers-holder a:active img
{
	border: 5px solid #F19475;
}

div.cvd-covers-holder img#circus-ship-nolink
{
	border: 5px solid #000;	
}

div.cvd-covers-holder img.last-in-row,
div.mercy-covers-holder img.last-in-row
{
	margin-right: 0;
}
/* END MISC STUFF */

/* START LISTS */
ul.generic
{
	margin-bottom: 1.5em;
}

ul.generic li
{
	color: #222;
	padding-left: 16px;
	font-size: 1.1em;
	line-height: 1.2em;
	background: url(/wp-content/themes/cvd_white/i/bullet.gif) 0 4px no-repeat;
	margin-bottom: 7px;
}
/* END LISTS */

/* START JCAROUSEL STUFF */
div#mycarousel
{
	float: left;
	margin: 10px 20px 10px 0;
}
/**
 * This <div> element is wrapped by statically around the list
 * inside the HTML document.
 */
.jcarousel-scope {
    position: relative;
    width: 198px;
    -moz-border-radius: 10px;
    background: #EEF7D4;
    padding: 20px 35px;
}

/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */
.jcarousel-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.jcarousel-list li {
    float: left;
    list-style: none;
}

/**
 * The button-elements are added statically in the HTML document
 * to illustrate how to cutomize the prev/next controls.
 *
 * We set display:none to hide them from browsers having
 * javascript. jCarousel will show them automatically.
 */
.jcarousel-next {
    position: absolute;
    top: 140px;
    right: 5px;
    cursor: pointer;
}

.jcarousel-next-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

.jcarousel-prev {
    position: absolute;
    top: 140px;
    left: 5px;
    cursor: pointer;
}

.jcarousel-prev-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}
/* END JCAROUSEL STUFF */

/* START PUZZLE GAME STUFF */
#puzzle
{
	width: 300px;
	height: 200px;
}

.sortableitem
{
	float: left;
	width: 100px;
	height: 100px;
}

.sorthelper
{
	background-color: 86BFDD;
	float: left;
}

.sortableactive
{
	background-color: #FFFFB9;
}

.sortablehover
{
	background-color: #FFFFB9;
}
/* END PUZZLE GAME STUFF */

/* START FORM STUFF */
form div.specialfield /* trickery */
{
	display: none;
}

label
{
	clear: both;
}

select
{
	background: #fff;
	width: 466px;
	font-size: 1.2em;
}

input.forminput, textarea
{
	width: 452px;
	margin-bottom: 10px;
	font-size: 1em;
	vertical-align: middle;
	background: #fff;
	border-top: 1px solid #96CEBB;
	border-left: 1px solid #96CEBB;
	border-right: 1px solid #DAEEE7;
	border-bottom: 1px solid #DAEEE7;
	color: #183156;
	font-family: Arial, Helvetica;
	font-size: 1.3em;
	line-height: 1.4;
	color: #103057;
	padding: 5px 6px;
}

div.form-holder
{
	width: 470px;
	float: right;
	margin-bottom: 15px;
	margin-left: 25px;
	background: #B8DED1;
	padding: 15px;
	border: 5px solid #000;
}

.buton
{
	background: #E55527;
	color: #fff;
	border-right: 1px solid #C14017;
	border-bottom: 1px solid #C14017;
	border-left: 1px solid #EB7955;
	border-top: 1px solid #EB7955;
	padding: 2px 4px;
	margin-top: 5px;
	font-size: 1.3em;
}
/* END FORM STUFF */

/* START CART STUFF */
table.original-art-holder
{
	margin-top: 15px;
	margin-bottom: 30px;
}

table.original-art-holder td
{
	padding: 5px 10px 5px 0;
}

table.prints-art-holder
{
	margin-top: 15px;
	margin-bottom: 30px;
	width: 630px;
}

table.prints-art-holder td
{
	padding: 20px 10px;
	text-align: center;
	width: 50%;
}

table.prints-art-holder img
{
	border: 1px solid #d4d4d4;
	background: #fff;
	padding: 15px;
}

table.prints-art-holder form.EFTcart
{
	margin-top: 5px;
}
/* END CART STUFF */