/* Craft&Vision Generic Stylesheet */

/* BEGIN GENERIC CSS */
* {padding: 0; margin: 0;}
img {border: none;}
a {color: #0b78aa; text-decoration: none;}
a:hover {text-decoration: underline;}

.clear {clear: both;}
.lclear {clear: left;}
.rclear {clear: right;}

.loginout {display: block; text-shadow: none; width: 954px; text-align: right; margin: 5px auto 0 auto;}
	.loginout a {color: #3E3E3E; text-transform: uppercase; font-size: 10px;}

html {background: #e8e8e8 url('../images/main-back-gradient.jpg') repeat-x 0 0; height: 100%;}
body {background: transparent url('../images/flare-back.jpg') no-repeat 50% 0; height: 100%; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #000; text-shadow: 1px 1px 0 #FFF; padding-bottom: 25px;}

#container {width: 938px; margin: 0 auto;}

#header {position: relative; height: 129px; border-bottom: 1px solid #FFF; width: 918px; margin: 0 auto;}
	#header #logo {position: absolute; top: 38px; left: 0;}
	#header #social-nav {list-style: none; position: absolute; bottom: 45px; right: 16px;}
		#header #social-nav li {float: left; display: inline; margin-left: 20px;}
			#header #social-nav li a {display: block;}
	#header #nav {list-style: none; position: absolute; bottom: 0; right: 0;}
		#header #nav li {float: left; display: inline; margin-left: 3px;}
			#header #nav li a {display: block;}
			
#tagline {border-bottom: 1px solid #FFF; padding: 25px 0 25px 25px; width: 893px; margin: 0 auto 38px auto; text-align: center;}
	#tagline h1 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; font-size: 21px;}
		#tagline h1 a {}
		#tagline h1 a:hover {text-decoration: underline;}
		
#spreads {position: relative; height: 474px; width: 918px; margin: 0 auto 35px auto;}
	#spreads .spread {display: none; position: absolute; top: 0; left: 0; width: 918px; text-align: center;}
	#spreads .spread-tabs {list-style: none; position: absolute; right: 20px; bottom: 0;}
		#spreads .spread-tabs li {float: left; display: inline; margin-left: 5px;}
			#spreads .spread-tabs li a {text-indent: -9999px; font-weight: bold; background: transparent url('../images/tab.png') no-repeat 50% 50%; display: block; width: 13px; height: 12px; outline: none;}
			#spreads .spread-tabs li a:hover, #spreads .spread-tabs li a.current {background-image: url('../images/tab-selected.png');}
			
#featured {width: 918px; margin: 0 auto 35px auto;}
	#featured .info {float: left; display: inline; width: 655px;}
		#featured .info h2 {font-size: 24px; margin-bottom: 5px;}
		#featured .info span.author {font-size: 14px;}
		#featured .info p {font-size: 14px; line-height: 1.5em; padding-top: 25px;}
	
	#featured .purchase {width: 198px; float: right; display: inline;}
		#featured .purchase ul {list-style: none;}
			#featured .purchase li {margin-bottom: 10px;}
			#featured .purchase li.price {text-align: center; font-size: 14px; color: #646464;}
				#featured .purchase li.price span {font-size: 24px; color: #000; font-weight: bold;}
			#featured .purchase a {display: block;}

.roundtitle {color: #FFF; font-size: 24px; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #84A6CB; margin: 0 10px 35px 10px; text-shadow: none; position: relative;}
	.half {padding: 10px 15px; margin: 0 0 20px 0;}
	.roundtitle .buyall {position: absolute; right: 0; top: 0;}

#list {width: 100%;}
	#list .roundtitle {min-height: 29px;}

	#list .books {margin-bottom: 40px; width: 938px; height: 100%;}
		#list .books tr {}
		#list .books td {height: 100%; vertical-align: top; width: 220px; border: solid #e8e8e8; border-width: 0 9px;}
		#list .books td.first {border-width: 0 9px 0 0;}
		#list .books td.last {border-width: 0 0 0 9px;}
		#list .books td.width-1 {}
		#list .books td.width-2 {width: 460px;}
		#list .books td.width-3 {width: 699px;}
			#list .books td .stay {height: 259px; margin-bottom: 10px; position: relative;}
				#list .books td .stay .loading {display: none; position: absolute; top: 0; left: 0; height: 259px; width: 200px; background: #FFF url('../images/loading.gif') no-repeat 50% 50%;}
				#list .books td .image-tabs {list-style: none; display: none;}
			#list .books td .images {height: 259px; width: 200px; cursor: pointer; background-color: #FFF;}
				#list .books td .images .image {display: none; position: absolute; top: 0; left: 0;}
					#list .books td .images .image a {display: block;}
					#list .books td .images .image a:hover {text-decoration: none;}
					#list .books td .images .image img.loadImg {display: none;}
					#list .books td .stay .prev, #list .books td .stay .next {text-indent: -9999px; text-shadow: none; position: absolute; outline: none; width: 33px; height: 33px; top: 110px; display: none; cursor: pointer;}
				#list .books td .stay .prev {background: transparent url('../images/prev-over.png') no-repeat 50% 50%; left: 5px;}
				#list .books td .stay .next {background: transparent url('../images/next-over.png') no-repeat 50% 50%; right: 5px;}
			
			#list .books td .title {display: block; line-height: 1.4em; font-weight: bold; font-size: 14px;}
			#list .books td .subtitle {display: block; line-height: 1.4em; color: #3e3e3e; font-size: 14px;}
			#list .books td .desc {display: block; line-height: 1.4em; color: #3e3e3e; font-size: 12px; padding: 10px 0 20px 0;}
			#list .books td .author {display: block; line-height: 1.6em; font-size: 12px;}
			#list .books td p {padding: 20px 0; font-size: 12px; line-height: 1.6em; color: #3e3e3e;}
			
			#list .books td.border {padding: 25px 0; background-color: transparent; border: none;}
				#list .books td.border hr {height: 1px; color: #bababa; background-color: #bababa; border: none; width: 938px;}
			
			
		#list .books td table {height: 100%; width: 200px; margin: 0 auto; border: 10px solid #e8e8e8;}
		#list .books td table.hvr {background-color: #FFF; border: 10px solid #FFF;}
			#list .books td table td {border: none !important; height: auto; padding: 0;}
			#list .books td table td.img-cell {height: 259px; width: 200px;}
			#list .books td table td.info-cell {vertical-align: top;}
			#list .books td table td.btn-cella {vertical-align: bottom; text-align: left; padding-right: 1px;}
				#list .books td table td.btn-cellb {vertical-align: bottom; text-align: right; padding-left: 1px;}
				#list .books td table td.btn-cella a, #list .books td table td.btn-cellb a {display: block; width: 99px; height: 29px;}

	#list .prints {margin-bottom: 40px; width: 938px; height: 100%;}
		#list .prints tr {}
		#list .prints td {height: 100%; vertical-align: top; width:400px;}
		#list .prints td.first {border-width: 0 9px 0 0;}
		#list .prints td.last {border-width: 0 0 0 9px;}
		#list .prints td.width-1 {}
		#list .prints td.width-2 {width: 460px;}
		#list .prints td.width-3 {width: 699px;}
			#list .prints td .stay {height: 470px; margin-bottom: 10px; position: relative;}
				#list .prints td .stay .loading {display: none; position: absolute; top: 0; left: 0; height: 470px; width: 400px; background: #FFF url('../images/loading.gif') no-repeat 50% 50%;}
				#list .prints td .image-tabs {list-style: none; display: none;}
			#list .prints td .images {height: 470px; width: 400px; cursor: pointer;}
				#list .prints td .images .image {display: none; position: relative; top: 0; left: 0;width:400px;height:259px;}
					#list .prints td .images .image a {display: block;}
					#list .prints td .images .image a:hover {text-decoration: none;}
					#list .prints td .images .image img.loadImg {display: none;}
			
			#list .prints td .title {display: block; line-height: 1.4em; font-weight:bold; font-size:16px; padding:10px 0 0 0;}
			#list .prints td .author {display: block; line-height: 1.6em; font-size: 12px;margin-bottom:10px;}
			#list .prints td .subtitle {line-height: 1.4em; color: #3e3e3e; font-size: 14px;float:left;padding:0 40px 0 0;}
			#list .prints td .subtitle p {margin-bottom:10px;}
			#list .prints td .price {font-size: 16px;float:right;font-weight:bold;margin:5px 40px 0 0;}
			#list .prints td p {font-size: 12px; line-height: 1.6em; color: #3e3e3e;margin-bottom:10px;}
			
			#list .prints td.border {padding: 25px 0; background-color:transparent; border: none;}
				#list .prints td.border hr {height: 1px; border: none; width: 938px;}
			
		#list .prints td table {height: 100%; width: 400px; margin: 0 auto;padding:10px;}
		#list .prints td table.hvr {background-color: #FFF; border: 10px solid #FFF;}
			#list .prints td table td {border: none !important; height: auto; padding: 0;}
			#list .prints td table td.img-cell {height: 470px; width: 400px;}
			#list .prints td table td.info-cell {width:330px;float:left;margin:0 0 0 35px;height:415px;}
			#list .prints td table td.btn-cell  {text-align:left;width:330px;background:url(../images/pricebar.gif) no-repeat center;margin:10px 15px 10px 30px;float:left;}
		
		#list .prints td div.price {float:left;width:330px;}
		#list .prints td div.price ul, #list .prints td div.price {margin:0;padding:0;list-style:none;}
		#list .prints td div.price li.btn {width:230px;float:left;}
		#list .prints td div.price li.btn img {float:left;margin:1px 0 0 0;}
		#list .prints td div.price li.cost {width:85px;float:left;padding:7px 15px 0 0;text-align:right;}
		
		
		#lightbox {
			background-color:#eee;
			padding: 10px;
			border-bottom: 2px solid #666;
			border-right: 2px solid #666;
		}
		#lightboxDetails{
		font-size: 0.8em;
		padding-top: 0.4em;
		}	
		#lightboxCaption{ float: left; }
		#keyboardMsg{ float: right; }
		#closeButton{ top: 5px; right: 5px; }

		#lightbox img{ border: none; clear: both;} 
		#overlay img{ border: none; }

		#overlay{ background-image: url(../images/overlay.png); }

		* html #overlay{
		background-color: #333;
		back\ground-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
		}
			
#footer {width: 909px; margin: 0 auto; background-color: #3e3e3e; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px 25px 25px 20px; margin-bottom: 25px; position: relative; text-shadow: none;}
	#footer .footernav {list-style: none; float: left; display: inline; position: relative; top: 10px;}
		#footer .footernav li {float: left; display: inline; margin-right: 10px;}
			#footer .footernav li a {display: block;}
			
		#footer .footernav form {display: inline;}
			#footer .footernav input {float: left; display: inline; border: none;}
			#footer .footernav input.email {background-color: #FFF; font-size: 13px; padding: 7px; width: 174px; color: #5c5c5c; -webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
		
	#footer .links {list-style: none; float: right; display: inline;}
		#footer .links li {float: left; display: inline; margin-left: 35px;}
			#footer .links a {display: block;}
			
	#footer p {font-size: 12px; color: #939393; position: absolute; bottom: 5px; left: 20px; text-shadow: none;}
/* END GENERIC CSS */


/* PLAIN HTML CSS */
	#main {width: 918px; margin: 0 auto 35px auto; font-size: 14px;}
		#main a {}
		
		#main h1 {} /* unused, most likely */
		#main h2 {font-size: 20px; font-weight: normal; margin-bottom: 25px;}
		#main h3 {font-size: 16px; font-weight: normal; margin-bottom: 5px;}
		#main h4 {font-size: 14px; margin-bottom: 5px;}
		
		#main p {line-height: 1.6em; padding-bottom: 20px;}
		
		#main ul {line-height: 1.6em; margin: 0 0 20px 17px;}
			#main ul li {}
		#main ol {line-height: 1.6em; margin: 0 0 20px 25px;}
			#main ol li {}
			
		#main table {}
			#main table tr {}
			#main table td {}
		
		#main table.contact {}
			#main table.contact th {vertical-align: top; text-align: right; font-weight: normal; padding: 5px;}
			#main table.contact td {vertical-align: top; padding: 5px;}
			#main table.contact label {padding: 3px 0; font-size: 14px; font-weight: normal; display: block; color: #3e3e3e;}
			#main table.contact input {background-color: #FFF; border: 1px solid #BABABA; color: #3e3e3e;}
			#main table.contact input.text {padding: 2px 5px; font-size: 14px; width: 279px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
			#main table.contact textarea {padding: 5px; font-size: 14px; color: #3e3e3e; background-color: #FFF; border: 1px solid #BABABA; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
			#main table.contact select {}
				#main table.contact select option {padding-left: 5px;}
			#main table.contact #submit {background-color: #FFF; border: none; color: #0b78aa; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;}
			#main table.contact #submit:hover {background-color: #0b78aa; color: #FFF;}
			
		#main table.promo_graphics {margin: 0 auto;}
			#main table.promo_graphics td {padding: 10px; vertical-align: top;}
			#main table.promo_graphics a {display: block;}
				#main table.promo_graphics a img {border: 1px solid #bababa;}
				#main table.promo_graphics a:hover img {border-color: #FFF;}
/* END PLAIN CSS */


/* BOOK VIEW CSS */
#book {width: 918px; margin: 0 auto 35px auto;}
	#book .info {float: left; display: inline; width: 664px;}
		#book .info h2 {font-size: 24px; margin-bottom: 5px;}
		#book .info h3 {font-size: 20px; font-weight: normal; margin-bottom: 5px;}
		#book .info span.desc {font-size: 14px; display: block; margin-bottom: 5px;}
		#book .info span.author {font-size: 14px; display: block; margin-bottom: 5px;}
		#book .info p {font-size: 14px; line-height: 1.5em; padding-top: 25px;}
	
	#book .purchase {width: 198px; float: right; display: inline;}
		#book .purchase ul {list-style: none;}
			#book .purchase li {margin-bottom: 10px;}
			#book .purchase li.price {text-align: center; font-size: 14px; color: #646464;}
				#book .purchase li.price span {font-size: 24px; color: #000; font-weight: bold;}
			#book .purchase a {display: block;}
			
#comments {width: 664px; padding-bottom: 20px;}
	#comments .comment {font-size: 14px; color: #3e3e3e; line-height: 1.6em; padding-bottom: 20px;}
		#comments .comment .commented {color: #0b78aa; display: block; font-weight: bold;}
/* END BOOK VIEW */


/* BEGIN AUTHORS CSS */
#authors {width: 918px; margin: 0 auto;}
	#authors .author {border-top: 1px solid #bababa; padding: 40px 0;}
		#authors .author .photo {float: left; display: inline; margin-right: 50px;}
		#authors .author h2 {font-size: 20px; font-weight: normal; margin-bottom: 25px;}
		#authors .author .info {width: 506px; float: left;}
			#authors .author p {font-size: 14px; line-height: 1.6em; padding-bottom: 20px;}
		#authors .author .more {float: right; width: 153px; height: 29px; margin-top: 5px;}
	
	#authors .first {border: none; padding-top: 10px;}
/* END AUTHORS CSS */


/* BEGIN AUTHOR VIEW CSS */
div#author {width: 918px; margin: 0 auto; padding: 10px 0 50px 0;}
	div#author .photo {float: left; display: inline; margin-right: 50px;}
	div#author .margin {margin-left: 205px;}
		div#author h2 {font-size: 20px; font-weight: normal; margin-bottom: 25px;}
		div#author p {font-size: 14px; line-height: 1.6em; padding-bottom: 20px;}
/* END AUTHOR VIEW CSS */


/* COMMENTS FORM */
#comments {}
	#comments h3 {font-size: 16px; font-weight: normal; color: #3e3e3e; margin-bottom: 5px; padding-left: 5px;}
	#comments ol {list-style: none;}
	#comments ol#comment-list {margin-bottom: 20px;}
		#comments ol li {padding-bottom: 20px;}
		#comments ol li.odd {}
		#comments ol li.even {}
			#comments ol li div.comment-meta {font-size: 14px; font-weight: bold; color: #0b78aa; line-height: 1.6em;}
				#comments ol li div.comment-meta a {color: #0b78aa;}
			#comments ol li div.comment-text {font-size: 14px; line-height: 1.6em; color: #3e3e3e;}
				#comments ol li div.comment-text p {}
		
		table.leave-comment th {vertical-align: top; text-align: right; font-weight: normal; padding: 5px;}
		table.leave-comment td {vertical-align: top; padding: 5px;}
		
		table.leave-comment p {font-size: 12px;}
		
		table.leave-comment label {padding: 4px 0; font-size: 12px; font-weight: normal; display: block; color: #3e3e3e;}
		table.leave-comment input {background-color: #FFF; border: 1px solid #DDD; color: #3e3e3e;}
		table.leave-comment input.text {padding: 3px 5px; font-size: 12px; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
		table.leave-comment input.input-captcha {padding: 3px 5px; font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
		table.leave-comment textarea {padding: 5px; font-size: 12px; color: #3e3e3e; background-color: #FFF; border: 1px solid #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
		table.leave-comment #submit, table.leave-comment #submit-alt {background-color: #FFF; border: none; color: #0b78aa; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;}
		table.leave-comment #submit:hover, table.leave-comment #submit-alt {background-color: #0b78aa; color: #FFF;}
			
		table.leave-comment #captchaInputDiv label {float: left; padding: 4px 5px 4px 0;}
			table.leave-comment #captchaInputDiv label small {font-size: 12px;}
			
	
/* END COMMENTS FORM */


/* MAILCHIMP */
.withform {position: relative;}
#mce-responses {text-shadow: none !important; font-size: 10px; width: 263px; padding: 3px 0; clear: both;}
	#mce-responses .response {display: none;}
	div.mce_inline_error {position: absolute; top: 33px; color: #FFF; font-weight: normal !important; float: none !important; text-shadow: none; padding: 0 !important; margin: 0 !important; width: auto !important;}
	#mce-error-response {color: #CC0000; width: 400px; min-height: 100px;}
	#mce-success-response {color: #3e3e3e; width: 400px; min-height: 100px;}
	
#fancybox-inner {font-size: 14px; line-height: 1.6em;}
/* END MAILCHIMP */