@charset "utf-8";

@font-face {
	font-family: 'MuseoSans500';
	src: url('/fonts/museosans_500-webfont.eot');
	src: local('☺'), url('/fonts/museosans_500-webfont.woff') format('woff'), url('/fonts/museosans_500-webfont.ttf') format('truetype'), url('/fonts/museosans_500-webfont.svg#webfontv4TRAkuQ') format('svg');
}
body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 87.5%; /* usually 14px */
	background: #5B5B5B url(../img/bg.png) 50% 0 no-repeat;
	/*background: url(../img/bg1.png) 30% 0 no-repeat, url(../img/bg2.png) 50% 0 no-repeat, url(../img/bg3.png) 70% 0 no-repeat #5B5B5B;*/
	color: #DAECEE;
	line-height: 1.4;
}
.ie6 body { background-image: none; }
#wrapper {
	position: relative;
	max-width: 60em;
	margin: 0 20px;
	padding: 1px 0 1px 260px;
}
.ie7 #wrapper, .ie6 #wrapper { zoom: 1; /*position: relative;*/ }
#skip {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 86%;
}
#skip a { color: #B2D753; }
#content-main {
	display: inline-block;
	float: right;
	width: 100%;
}
#content-sec {
	display: inline-block;
	width: 220px;
	margin-left: -260px;
}
.ie7 #content-main, .ie7 #content-sec, .ie6 #content-main, .ie6 #content-sec { zoom: 1; display: inline; /*position: relative;*/ }
/*.ie6 #content-main, */.ie6 #content-sec { float: left; }
#cover {
	display: block;
	margin-top: 20px;
	-moz-box-shadow: 0 0 8px hsla(0,0%,0%,.5);
}
#footer {
	clear: both;
	margin: 0 20px;
	font-size: 86%;
}

/* MODULES ------------------------------------------------ */
.module { overflow: auto; clear: both; margin: 40px 0; }
.highlight-box {
	border-style: solid;
	border-width: 21px 16px 21px 16px;
	-moz-border-image: url(../img/box.png) 21 16 21 16 stretch;
	-o-border-image: url(../img/box.png) 21 16 21 16 stretch;
	-webkit-border-image: url(../img/box.png) 21 16 21 16 stretch;
	border-image: url(../img/box.png) 21 16 21 16 fill stretch;
}
.no-borderimage .highlight-box {
	padding: 1em 1.2em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #666;
	background: hsla(186,37%,89%,.2);
}
#header { margin: 20px 0; color: #fff; }
#header h1, #header .authorname { display: inline-block; }
.ie7 #header h1, .ie7 #header .authorname, .ie6 #header h1, .ie6 #header .authorname { display: inline; }
#header h1 { margin-right: 10px; }
#header .authorname {
	color: #DAECEE;
	white-space: nowrap;
}
#header h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
}
#intro {
	margin-top: 20px;
	color: #B2D753;
	font-size: 125%;
	line-height: 1.6;
}
#intro p { margin: 0; }
#review blockquote {
	margin: 0;
	font-family: MuseoSans500, Arial, Helvetica, sans-serif;
	font-size: 114%;
}
#review .citation { float: left; margin: 0; }
#review .link-more { float: right; }
#highlights h2 { margin-right: 1em; }
#highlights h2, #highlights .link-more {
	display: inline;
}
#author img {
	float: left;
	margin: .2em 1em .3em 0;
}
#nav dt {
	font-size: 128%;
}
#nav dd {
	margin: -.1em 0 .3em 0;
}
#buy ul { margin-bottom: 1em; }

/* TEXT --------------------------------------------------- */
p, h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}
h1, h2 { margin: 0; font-family: MuseoSans500, Arial, Helvetica, sans-serif; line-height: 1.2; }
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 400%; }
h2 { margin-bottom: .2em; font-size: 171%; }
h3 { margin-bottom: .2em; font-size: 128%; }
blockquote { margin: 0; }
blockquote p:last-child { margin-bottom: .5em; }
.citation { color: #B2D753; }
code { font-size: 114%; }
strong { text-shadow: 0 1px 0 hsla(0,0%,0%,.4); }
.text-intro { font-size: 114%; }
.text-supp { font-family: Arial, Helvetica, sans-serif; }
.text-highlight {
	margin: 1em 0;
	padding: 1em 1em 1px 1em;
	/*border: 1px solid hsla(186,37%,89%,.3);*/
	background: #666;
	background: hsla(186,37%,89%,.2);
	color: #B2D753;
	text-shadow: 0 1px 0 hsla(0,0%,0%,.4);
}
a {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 hsla(0,0%,0%,.4);
	border-bottom: 1px solid hsla(0,0%,100%,.5);
}
a:hover, a:focus {
	/*text-decoration: underline;*/
}
a.link-supp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 86%;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* IMAGES ------------------------------------------------- */
img { border: none; }
.thumbnail { border: 1px solid #96C34E; }
/* Lightbox */
#ui-lightbox-wrapper {
	display: none;
	position: absolute;
	width: auto;
	height: auto;
	padding: 10px;
	background: #5B5B5B;
}
#ui-lightbox-image {
	clear: both;
	height: 10em;
	margin: 1em 0 0 0;
	background: url(ajax-loader.gif) no-repeat center center;
}
#ui-lightbox-image img { display: none; }
#ui-lightbox-title, #ui-lightbox-pager { float: left; }
#ui-lightbox-close, #ui-dialog-buttonpane { float: right; }

/* LISTS -------------------------------------------------- */
ul, dl { 
	margin: 0;
	padding: 0;
	list-style: none;
}
dd { margin: 0; }
.list-basic {
	/*margin: 0 0 1.2em 1em;
	list-style: disc;*/
	margin-bottom: 1.2em;
}
.list-basic li, .list-basic dt { padding-left: 22px; background: url(../img/plus.png) no-repeat 0 .2em; }
.list-basic li { margin-bottom: .4em; }
.list-basic dd { margin-bottom: .4em; padding-left: 22px; }

#highlights-list li, #gallery-list li {
	/*float: left;*/
	display: inline-block;
	width: 21%;
	margin-right: 4.5%;
	vertical-align: top;
}
.ie7 #highlights-list li, .ie6 #highlights-list li, .ie7 #gallery-list li, .ie6 #gallery-list li { display: inline; margin-right: 3%; }
.ie8 #highlights-list li, .ie8 #gallery-list li { margin-right: 3%; }
#gallery-list li { margin: 0 3.5% 10px 0; }
/*.ie7 #gallery-list li, .ie6 #gallery-list li { margin-right: 2%; }*/
#highlights-list li:last-child { margin-right: 0; }
#highlights-list a, #gallery-list a {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100px;
	margin-bottom: .5em;
	border: 1px solid #96C34E;
}

#toc-list { counter-reset: list; }
#toc-list > li { margin-left: 45px; counter-increment: list; }
#toc-list > li:before {
	content: counter(list);
	float: left;
	width: 1.6em;
	height: 1.5em;
	margin-left: -2.5em;
	padding-top: .1em;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	-moz-box-shadow: 0 0 5px hsla(0,0%,0%,.5);
	background: #97C44F;
	color: #fff;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	font-size: 128%;
	text-shadow: 0 1px 0 hsla(0,0%,0%,.6);
	text-align: center;
}
#toc-list h3 {
	display: inline;
	margin-right: 1.5em;
}
#toc-list ul {
	display: inline;
}
#toc-list ul li {
	display: inline;
}
#toc-list ul li:after { content: "\2022"; padding: 0 7px; }
#toc-list ul li:last-child:after { content: ""; padding: 0; }
#toc-list p {
}
.list-reviews li { margin-bottom: 1.6em; }

/* TABLES ------------------------------------------------- */
table { margin: 1.2em 0; border-collapse: collapse; }
caption { font-size: 128%; text-align: left; }
th, td { padding: .1em .5em .2em .5em; border-bottom: 1px solid #666; text-align: center; }
th { white-space: nowrap; }
th[scope=row] { text-align: right; }

/* FORMS -------------------------------------------------- */
form div { margin-bottom: 10px; }
label {
	/*float: left;
	margin-right: .5em;*/
	font-weight: bold;
}
input[type='text'], input[type='email'], input[type='tel'], textarea, select { border: 1px solid #474747; }
input, textarea {
	background-color: #fff;
	transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color 2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
}
input[type='text']:focus, input[type='email']:focus, input[type='tel']:focus, select:focus, textarea:focus { background-color: #DAECEE; }
input[type="submit"] {
	padding: 2px 4px;
	border: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	background-color: #EF5E2C;
	background-image: -moz-linear-gradient(rgba(255,255,255,.35), rgba(255,255,255,0) 50%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(255,255,255,.35)), to(rgba(255,255,255,0)));
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,.25);
}
input[type="submit"]:hover, input[type="submit"]:focus {
	background-color: #FF713F;
	background-image: -moz-linear-gradient(0 1em 90deg,rgba(255,255,255,0.15), rgba(255,255,255,0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.15)));
	text-shadow: 0 1px 1px rgba(0,0,0,.25);
}
input[type="submit"]:active {
	-webkit-transform:translateY(1px);
	-moz-transform:translateY(1px);
}
#addressForm div {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 99%;
}
#addressForm div * {
	display: inline;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	margin-right: 4px;
}
#addressForm div :last-child {
	margin-right: 0;
}
#addressForm div input[type=text] {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	width: auto;
}
#address { border-color: #5B5B5B; }
#response {
	margin: 0;
	color: #B2D753;
	font-weight: bold;
}
#contact-form { margin-bottom: 1.2em; }
#contact-form label { display: block; }
form .confirm-field { display: none; }
.error, .success { font-weight: bold; }
.error { color: #333; text-shadow: 0 1px 0 hsla(0,0%,100%,.2); }
.error li, label.error {
	padding: 0 0 0 18px;
	margin: 3px 0;
	background: url(../img/icon_error.gif) no-repeat 0 50%;
}
.error strong { 
	color: #9F0F00; 
	font-weight: bold;
	text-shadow: 0 1px 0 hsla(0,0%,100%,.2);
}


@media screen and (max-width:760px) {
	#wrapper { padding-left: 220px; }
	#content-sec { width: 180px; margin-left: -220px; }
	#cover { width: 180px; }
	#highlights-list a { display: none; }
	#highlights-list li { display: block; width: auto; margin: 0 0 .4em 0; padding-left: 20px; background: url(../img/plus.png) no-repeat 0 .2em; }
	#gallery-list li { width: 29%; }
}
@media screen and (max-width:500px) {
	#wrapper { padding-left: 0; }
	#skip { top: 5px; }
	#content-main, #content-sec { float: none; display: block; width: auto; margin: 0; }
	#header { margin-top: 10px; }
	#cover { display: none; }
	#nav { float: left; width: 45% }
	#buy { clear: none; float: right; width: 40%; }
}
@media screen and (max-width:400px) {
	h1 { font-size: 250%; }
	#header h2 { font-size: 128%; }
	#intro { font-size: 114%; }
}
@media print {
	#wrapper { padding-left: 0; }
	#content-sec, #skip, #signup { display: none; }
}