/*
Theme Name: Toolbox (custom for FDO)
Theme URI: http://wordpress.org/extend/themes/toolbox
Author: Automattic (varadhammo)
Author URI: http://automattic.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url("html5reset-1.6.1.css");

/*** colors
#8C8B5B - mid gray for h1 heading,
#66533C - dark gray for heading links, footer text, menu links
#E8AD09 - brown for current page links,etc
#f5c30b - old color for separators, etc.

#683503 - dark brown from "forest"
#FFC900 - yellow from "dhamma"
#660303 - dark red (same saturation as "forest") [ a:hover ]

***/


/*************************/
/*** MENUS **/

.sf-menu {
	margin:			0;
	padding:		0;
	list-style:		none;
	text-transform:	uppercase;
	font-size:		0.8em;
}
.sf-menu li {
	float:			left;
	display:		inline;
	border-right: 1px solid rgb(248,197,17);
	padding: 10px 6px 2px;
}
.sf-menu li:last-child {
	border: none;
}
.sf-menu a {
	display:		block;
	padding: 		0.5em;
}

#footer .sf-menu li {			/* reverse for footer menu */
	padding: 2px 6px 10px;
}

.sf-menu li.current > a,
.sf-menu li.current-menu-item > a,
.sf-menu li.current-menu-ancestor > a,
.sf-menu li.current-page-ancestor > a {
	font-weight: bold;
	color: #E8AD09;
}

/* =Structure
-------------------------------------------------------------- */


.about_navcontainer {
	padding: .5em;
	clear: both;
	}

.about_navtable {
	margin: 0 3em;
	}
.top .about_navtable {
	border-bottom: 1px dotted #E8AD09;
	margin-bottom: 2em;
	}
.bot .about_navtable {
	border-top: 1px dotted #E8AD09;
	margin-top: 2em;
	}
.about_navtable li {
	display: table-cell;
	font-size: 75%;
	text-align: center;
	vertical-align: middle;
	border-right: 1px dotted rgb(248,197,17);
	/*border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: .9;
	filter: alpha(opacity=90);*/
	}
.about_navtable li:last-child {
	border: none;
}
.about_navtable li a {
	display:block;
	text-decoration: none;
	padding: 6px;
	}
.about_navtable li img {
	padding-bottom: 1em;
	}
.about_navtable li.current {
	background: #f8f8c6;
	box-shadow: 0px 0px 15px #ffc;
	-moz-box-shadow: 0px 0px 15px #ffc;
	-webkit-box-shadow: 0px 0px 15px #ffc;
	behavior: url(ie-css3.htc);
	}
.about_navtable li:hover {
	background: #ffc;
	opacity: 1;
	}
#about_content {
	margin: auto 3em;
	}

body,
html {
	margin: 0;
	padding: 0;
	background: url(/images/patternbg1.jpg) fixed;
	color: #66533C;
	font: 10pt 'Open Sans', Verdana, Arial, sans-serif;
	height: 100%;
}

a {
	color: #b50;
	xcolor: #E8AD09;
	text-decoration: none;
}
a:hover {
	color: #600;
}

.menu a,
.menu_box a,
.sidebar-nav a,
h1 a, h2 a, h3 a {
	color: #66533C;
}

.menu a:hover,
.menu_box a:hover,
.sidebar-nav a:hover,
h1 a:hover, h2 a:hover, h3 a:hover {
	color: #E8AD09;
}

p {
	font-size: 1em;
	line-height: 175%;
	text-align: justify;
	margin-bottom: 1em;
}
p.caption {
	width: 75%;
	line-height: 100%;
	text-align: inherit;
	margin: 0 auto;
}
p.small {
	font-size: smaller;
}

div img {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

h1, h2, h3, h4 {
	color: #8C8B5B;
	font-family: "Sorts Mill Goudy", "Times New Roman", serif;
	font-weight: normal;
}

h1	{
	font-size: 3em;
	margin-bottom: 1em;
}
h2 {
	font-size: 2em;
	margin-bottom: 1em;
}
p + h2 {
	margin-top: 1em;
}
h2.splash {
	font-family: 'Open Sans', 'Verdana', sans-serif;
	font-size: 2em;
}

hr {
	border-style: dotted;
	border-color: #E8AD09;
	}
	
.clear {
	clear: both;
}

#wrapper {
	margin: 0 auto;
	padding: 1.5em 3em;
	max-width: 900px;
	background: white;
	border-left: 3px solid #fde7ad;
	border-right: 3px solid #fde7ad;
	/*box-shadow: 0 0 0px 3px #ccc;
	-moz-box-shadow: 0 0 10px 3px #320;
	-webkit-box-shadow: 0 0 10px 3px #320;*/
	behavior: url(ie-css3.htc);
	// overflow: auto;
	min-height: 100%;
	}

* html #wrapper { /* for IE 6 */
	height: 100%;
}

/*** Header ***/

#header {
	position: relative;
	/*width: 100%;
	height: 135px;*/
	margin-bottom: 30px;
}
#head_logo {
	position: absolute;
	right: 0;
	z-index: 9;
	width: 400px;
	}

	
#header .menu_box {
	/*position: absolute;
	top: 73px;*/
	padding-top: 73px;
	z-index: 9;
}
#header .menu_box .hbar {
	position:relative;
	/*float: left;*/
	width: 635px;
	width: calc(100% - 250px);
	height: 0px;
	border-top: 2px solid #E8AD09;
	top: 7px;
	z-index: 10;
}

.menu-item a {
	text-decoration: none;
	}
	
#footer {
	position: relative;
	padding-top: 4em;
	clear: both;
}

#footer .menu_box .hbar {
	position:relative;
	float: right;
	bottom: 7px;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #E8AD09;
	z-index: 10;
}

#footer .menu-main-container {
	float: right;
}
	
#footer #colophon {
	position: absolute;
	left: 0;
	bottom: 0px;
	background: #fffff5;		/* match #wrapper */
	padding: 0 1em 0 0;
	z-index: 11;
	font-size: smaller;
}

#main {
	position: relative;
	/*width: auto;
	overflow: auto;
	clear: both;*/
	}

#title_box {
	clear: both;
	display: table;
	width: 100%;
	margin-bottom: 2em;
}

.divider-line {
	border-left:1px solid rgb(248,197,17);
}

#primary { /* main area for 2-col layout */
	position: relative;
	float: right;
	padding-left: 2em;
	width: 580px;
}

#primary .divider-line { /* hack for vertical variable-height divider */
	position: absolute;
	top: 16px;
	left: 0;
	height: 320px;
}
#primary.books-section .divider-line {
	top:60px;
}


/*** Homepage Menu style ***/

#head_logo img { width: 100%; }
body.home #head_logo { width: 500px; position: relative; float: right; }
body.home #wrapper {
	padding-top: 3em;
}
body.home #main {
	overflow: visible;
	clear: both;
}
.homepage-left {
	position: relative;
	float: left;
	width: 474px;
}
	
img#homepage_luangta {
	position:relative;
	top: -140px;
}

.homepage-right {
	float:right;
	width: 420px;
}

.homepage-menu ul {
	margin: 65px 0 75px;
	list-style: none;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .21em;
	font-size: 1.33em;
	font-family: "Times New Roman", serif;
}

.homepage-menu li {
	/*border-bottom: 1px solid rgb(248,197,17);*/
	padding: .5em;
}
	
.homepage-menu a:hover {
	text-decoration: none;
	}

#homepage_caption {
	margin: 0 auto;
	text-align: center;
	letter-spacing: 1px;
	line-height: 1.5em;
	font-size: 120%;
	font-family: 'Times New Roman', sans-serif;
}

/*** Books splash page ***/

#bookpage_left {
	float:left;
	width: 590px;
	text-align: center;
}
#bookpage_left h1 {
	text-align: left;
}
#bookpage_right {
	float:right;
	width: 310px;
}
#bookpage_left p {
	width:70%;
	margin: 0 auto;
	text-align: center;
}
#bookpage_left h2 {
	margin: 1.5em 0 .5em;
}

/*** Audio page ***/

.audiopage-container {
	margin-bottom: 3em;
}

.audiopage-container > div {
	text-align: center;
	border-bottom: 1px solid rgb(248,197,17);
	padding: 3em 50px;
}
.audiopage-container p {
	text-align: center;
	}
	
.audiopage-container > div:last-child {
	border: none;
}
img.audio-section-image {
	float: left;
	width: 250px;
	height: auto;
	padding-right:30px;
	}
	
.audio-tab > div {
	display: table-cell;
	vertical-align: top;
}
.audio-tab > div.l {
	width: 200px;
	padding: 0;
}
.audio-tab > div.l img {
	width: 100%;
}
.audio-tab > div.r {
	padding-left: 2em;
}

.audio-tab ul {
	list-style: none;
}
.audio-tab ol {
	font-size: .8em;
	margin-left: 3em;
}
.audio-tab ol li {
	padding: .4em;
}
.download-link {
	padding: .5em;
	margin: 1em;
	display: block;
	text-align: center;
	background:		#f8f8c6;
	border: 1px dotted white;
	border-radius:	5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:	5px;
	behavior: url(ie-css3.htc);
}
.download-link:hover {


	border: 1px dotted #E8AD09;
}
/*** Left sidebar nav stuff (used to be #secondary) ***/

#sidebar-left {
	position: relative;
	float: left;
	margin: 0;
}

.sidelist {
	margin-top: 3em;
}
.sidelist ul,
.audio-tab ul {
	list-style: square inside;
	margin-left: 1em;
	}
.sidelist li,
.audio-tab li {
	padding: .25em;
}
.sidelist h2,
.audio-tab h2 {
	font: 1.5em "Times New Roman", serif;
	font-weight: bold;
	/*letter-spacing: 3px;*/
	margin: .5em 0;
}

.sidebar-nav ul {
	list-style: none;
}

.sidebar-nav li {
	padding: .5em 0;
}
.sidebar-nav ul {
	padding: 8px 0;
	}
.sidebar-nav a:hover {
	cursor: pointer;
}

#sidebar-left .current_page_item a,	
#sidebar-left .active,
#sidebar-left .current-cat a {
	font-weight: bold;
	color: #E8AD09;
}

.bookshelf-container {
	position: relative;  /* for absolute positioning of nav arrows */
}

#next, #prev {
    display: block;
    position: absolute;
    top: 280px;
    width: 40px;
    height: 80px;
    cursor: pointer;
    background: url('/images/bookarrows_sprite_40x80x6.png') no-repeat;
}

#next {
	right: 30px;
	background-position: 0 -80px;
}
#prev {
	left: 30px;
	background-position: 0 0px;
}

#next:hover, #next:focus, #next:active {
	background-position: -40px -80px;
}

#prev:hover, #prev:focus, #prev:active {
	background-position: -40px 0px;
}

#next.slick-disabled,
#next.slick-disabled:hover,
#next.slick-disabled:focus,
#next.slick-disabled:active {
    cursor: default;
    background-position: -80px -80px;
}

#prev.slick-disabled,
#prev.slick-disabled:hover,
#prev.slick-disabled:focus,
#prev.slick-disabled:active {
    cursor: default;
    background-position: -80px 0px;
}

.items {
	padding-top: 15px;
}
.items .book-container > div {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

/*.items > div > div {
	width: 400px;
	margin-left: auto;
	
}*/

.navi-container {
	display: block;
	text-align: center;
	padding: 2em;
}

.navi {
	display: inline;
	margin: 0 auto;
	clear: both;
}

.navi > a {
	padding: 0 1em;
	line-height: 2em;
	border-right: 2px solid rgb(248,197,17);
	}
.navi > a:last-child {
	border: none;
	}
/* Book Carousel Item */

.book-image {
	display: block;
	margin: 0 auto 1.5em;
	text-align: center;
}

.book-title {
	font: 1.5em "Times New Roman", serif;
	text-align: center;
}

.book-subtitle {
	font: italic 1.25em "Times New Roman", serif;
	text-align: center;
	margin-bottom: .5em;
}

.book-author
{
	font-family: "Times New Roman", serif;
	text-align: center;
	color: #683503;
	margin-bottom: 1.5em;
}

.by {
	font-weight: bold;
}

.book-blurb {
	text-align: justify;
	font-size: 0.8em;
	line-height: 175%;
	text-indent: 1.5em;
	margin: 0 auto;
}

.book-blurb > p {
	text-align: justify !important;
}
.book-blurb p:first-child,
.book-blurb > blockquote {
	text-indent: 0;
}

.book-download {
	margin: 2em auto;
	text-align: center;
}

.book-download .heading {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: normal;
	}
	
.dl-link {
	display: inline-block;
	width: 50px; height: 50px;
	vertical-align: middle;
	background-repeat: no-repeat;
	}
	
	.dl-link span {
		visibility: hidden
		}
		
	.dl-link:hover {
		background-position: 2px 2px
		}

.dl-link.pdf { background-image: url("/images/icons/48x48/pdf.png") }
.dl-link.epub { background-image: url("/images/icons/48x48/epub.png") }
.dl-link.mobi { background-image: url("/images/icons/48x48/mobi.png") }
/* .dl-link.online { background-image: url("/images/icons/48x48/online.png") } */
.dl-link.audio { background-image: url("/images/icons/48x48/audiobook.png") }

.smallicon {
	display: inline;
	width: 32px;
	height: 32px;
	vertical-align: bottom;
}

.book-jplayer {
	width: 100%;
	margin: 1em auto;
	}
	
/*** single full-width column container ***/

#single {
	width: auto;
	padding: 0;
}

article.error404 {
	width: 60%;
	display: block;
	margin: 0 auto;
	}

/*** Alignment ***/

.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Content
-------------------------------------------------------------- */

.sticky {
}
.entry-meta {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-left: 10px;
	font-size: .75em;
	border-top: 1px dashed rgb(248,197,17);
	border-bottom: 1px dashed rgb(248,197,17);
}
.entry-header {
	margin-top: 8px;
	width:100%;
	}
	
.entry-header h2 {
	margin-bottom: 10px;
	display: inline-block;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.edit-link {
	font-weight: bold;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 2em;
}
.alignright {
	margin-left: 2em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}

/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}

#gallery_top {
	margin-bottom: 2em;
	float:left;
	width:100%;
	}
#gallery_top h2 {
	float:left;
	}
#gallery_top a.back {
	float:right;
	vertical-align:baseline;
	}
#gallery_top .tip {
	margin-top: .5em;
	float: right;
	clear: right;
	text-align: right;
	font-color: gray;
	width:40%;
	}
	
.container:before,
.container:after {
  content:"";
  display:table;
}
.container:after {
  clear:both;
}
.container {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}