/*
Theme Name: AOTI Custom
Author: David Hyland
Author URI: http://dhyland.com/
Version: 1.0
License: GNU General Public License, version 2 (GPL).
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

@import url('css/normalize.min.css');
@import url('css/colorbox.css');

/*
http://colorpeek.com/#c44552,6b9c30,f7941e,0e7dc2
*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 23, 2013 */
@font-face {
    font-family: 'OratorStd';
    src: url('fonts/oratorstd-webfont.eot');
    src: url('fonts/oratorstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oratorstd-webfont.woff') format('woff'),
         url('fonts/oratorstd-webfont.ttf') format('truetype'),
         url('fonts/oratorstd-webfont.svg#orator_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'StencilRegular';
    src: url('fonts/stencil-webfont.eot');
    src: url('fonts/stencil-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/stencil-webfont.woff') format('woff'),
         url('fonts/stencil-webfont.ttf') format('truetype'),
         url('fonts/stencil-webfont.svg#stencilregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 14px/24px 'Trebuchet MS', Helvetica, Helvetica Neue, Arial;
}

#container {
	width:100%;
	min-width:320px;
	max-width:1050px;
	background-color:#fff;
}

header nav a, footer nav a, .page #content a, .transition {
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  -o-transition:      all 0.2s ease;
}

.page #content a { text-decoration:none; }
.page #content a:hover, .page #content a:active  { text-decoration:underline; }
.red #content a, .red #content a:link, .red #content a:visited, .red #content a:active, .red #content a:hover { color:#C44552;}
.green #content a, .green #content a:link, .green #content a:visited, .green #content a:active, .green #content a:hover { color:#6B9C30;}
.blue #content a, .blue #content a:link, .blue #content a:visited, .blue #content a:active, .blue #content a:hover { color:#0E7DC2;}
.orange #content a, .orange #content a:link, .orange #content a:visited, .orange #content a:active, .orange #content a:hover { color:#E05C26;}



/*
------------------------------------------
IMAGES
------------------------------------------
*/
.alignleft {
	float: left;
	margin: 7px 24px 7px 0;
}

.alignright {
	float: right;
	margin: 7px 0 7px 24px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 7px auto;
}

blockquote.alignleft,
blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

blockquote.alignleft p,
blockquote.alignright p {
	margin-bottom: 17px;
}


/*
------------------------------------------
NAV BAR
------------------------------------------
*/
.top-bar {
	font-family: 'OratorStd';
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #fff;
  padding: 2px 0; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 16px;
		width:auto; }
  .page .top-bar .name {
		width:auto; }
    .top-bar .name h1 {
      line-height: 45px;
      font-size: 1.0625em;
      margin: 0 0 0 1.5em; }
		.page .top-bar .name h1 {
			display:none; }
			.top-bar .name h1 a {
				/*background:white url(images/css/hand.png) center center no-repeat;*/
				height: 45px;
        display: block;
        width: 100%;
				padding: 0;
				color: #333;
				text-decoration:none; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: #222;
      text-transform: uppercase;
      font-size: 0.9125em;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 15px;
      height: 45px;
      line-height: 45px; }
    .top-bar .toggle-topbar.menu-icon {
      right: 15px;
      top: 50%;
      margin-top: -16px;
      padding-left: 40px; }
      .top-bar .toggle-topbar.menu-icon a {
        text-indent: -48px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        padding: 0;
        color: white;
				border:1px solid #888; }
        .top-bar .toggle-topbar.menu-icon a span {
          position: absolute;
          right: 7px;
          display: block;
          width: 16px;
          height: 0;
          -webkit-box-shadow: 0 9px 0 1px #222, 0 15px 0 1px #222, 0 21px 0 1px #222;
          box-shadow: 0 9px 0 1px #222, 0 15px 0 1px #222, 0 21px 0 1px #222; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #fff; }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a span {
        -webkit-box-shadow: 0 9px 0 1px #888888, 0 15px 0 1px #888888, 0 21px 0 1px #888888;
        box-shadow: 0 9px 0 1px #888888, 0 15px 0 1px #888888, 0 21px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  -webkit-transition: left 300ms ease-out;
  -moz-transition: left 300ms ease-out;
  transition: left 300ms ease-out; }
  .section_nav {
    width: 100%;
    height: auto;
    display: block;
    font-size: 1.15em;
    /*margin: 5px 0 0; */}
  .section_nav .divider,
  .section_nav [role="separator"] {
    border-bottom: solid 1px #2b2b2b;
    border-top: solid 1px black;
    clear: both;
    height: 1px;
    width: 100%; }
  .section_nav li > a {
    display: block;
    width: auto;
    color: #222;
    padding: 5px 12px 0 12px;
		line-height:40px;
    font-weight: normal;
		letter-spacing: -0.5px;
		text-decoration:none;}
  .section_nav li:hover > a {
    background: #fff;
		text-decoration:none;}
  .section_nav li.active > a {
    background: #fff;
    }
  .section_nav li.selected > a {
    font-weight: bold;
		text-decoration:underline;
    }
		
	/*
	.home .top-bar-section ul li:hover > a.red, .home .top-bar-section ul li.active > a.red {color: #C44552; }
	.home .top-bar-section ul li:hover > a.green, .home .top-bar-section ul li.active > a.green {color: #6B9C30; }
	*/
	
	.home .section_nav li:hover > a, .home .section_nav li.active > a {color: #C44552; }
	.page .section_nav li > a {font-size: 0.9125em; }
	
	.red .section_nav li:hover > a, .red .section_nav li.active > a, .red .section_nav li.selected > a {color: #C44552; }
	.green .section_nav li:hover > a, .green .section_nav li.active > a, .green .section_nav li.selected > a {color: #6B9C30; }
	.blue .section_nav li:hover > a, .blue .section_nav li.active > a, .blue .section_nav li.selected > a {color: #0E7DC2; }
	.orange .section_nav li:hover > a, .orange .section_nav li.active > a, .orange .section_nav li.selected > a {color: #E05C26; }
	
.top-bar-js-breakpoint {
  width: 940px !important;
  visibility: hidden; }

.js-generated {
  display: block; }

.bottom-bar-section {display:none;}


@media only screen and (min-width: 700px) {

  .top-bar {
    background: #fff;
    *zoom: 1;
		height:auto;
    overflow: visible;
		margin:0px 0 10px; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a {
      width: auto; }
    .top-bar.expanded {
      background: #fff; }

  .top-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important; }
    .section_nav {
      width: auto;
      height: auto !important;
      display: inline;
			margin-right:15px; }
      .section_nav li {
        float: left; }
        .section_nav li .js-generated {
          display: none; }
				.section_nav li > a {
					display: inline-block;
				}
    .section_nav li.hover > a:not(.button) {
      background: #fff;
      color: #666; }
    .section_nav li a:not(.button) {
      /*padding: 0 15px;
      line-height: 45px;*/
      background: #fff; }
      .section_nav li a:not(.button):hover {
        background: #fff; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      display:none }

  .no-js .top-bar-section ul li:hover > a {
    background: black;
    color: white; }
  .no-js .top-bar-section ul li:active > a {
    background: #090909;
    color: white; }
		
	.bottom-bar-section {display:block; font-family: 'OratorStd'; line-height: 45px;}
	.generic .bottom-bar-section {margin-right:-4em;}
		.bottom-bar-section ul {margin-left:0 !important; margin-right: -15px !important;}
			.bottom-bar-section ul li{display:inline-block; padding-left:0px !important; }
			.bottom-bar-section ul li.divider{display:none; }
				.bottom-bar-section ul li:not(.selected) a {color:#222 !important; }
				.bottom-bar-section ul li a:hover {text-decoration:none !important; }
				.bottom-bar-section ul li.selected a {text-decoration:underline; }
				.red .bottom-bar-section ul li:hover > a, .red .bottom-bar-section ul li.active > a, .red .bottom-bar-section ul li.selected > a {color: #C44552 !important; }
				.green .bottom-bar-section ul li:hover > a, .green .bottom-bar-section ul li.active > a, .green .bottom-bar-section ul li.selected > a {color: #6B9C30 !important; }
				.blue .bottom-bar-section ul li:hover > a, .blue .bottom-bar-section ul li.active > a, .blue .bottom-bar-section ul li.selected > a {color: #0E7DC2 !important; }
				.orange .bottom-bar-section ul li:hover > a, .orange .bottom-bar-section ul li.active > a, .orange .bottom-bar-section ul li.selected > a {color: #E05C26 !important; }

		
}


/*
------------------------------------------
CAROUSEL
------------------------------------------
*/
#carousel_wrapper {
	position:relative;
}

#carousel {
	position:relative;
	overflow:hidden;
}
	#carousel > div {
		position:relative;
		float: left;
		display: block;
	}
		#carousel > div > img {
			width:100%;
			height:100%;
		}
		#carousel > div > span {
			position:absolute;
			font-size:1.0em;
			font-family: 'OratorStd';
			font-weight: bold;
		}
		#carousel > div.slide1 > span {
			right:50px;
			bottom:40px;
		}
		#carousel > div.slide2 > span {
			left:100px;
			bottom:120px;
			color:#fff;
		}
	#carousel_wrapper .prev, #carousel_wrapper .next {
			background: none repeat scroll 0 0 #4E443C;
			border-radius: 30px;
			box-shadow: 0 0 2px #999999;
			color: #FFFFFF;
			font: 24px/27px Arial,sans-serif;
			height: 30px;
			position: absolute;
			text-align: center;
			text-decoration: none;
			text-shadow: 0 0 1px #000000;
			top: 50%;
			bottom: 50%;
			margin-top:-15px;
			width: 30px;
	}
	#carousel_wrapper .prev { left: 20px;	}
	#carousel_wrapper .next { right: 20px;	}
	#carousel_wrapper .pattern {
		background:transparent url(images/css/pattern_red.png) top left repeat-x;
		height:158px;
		width:100%;
		background-size:contain;
		position:absolute;
		bottom:-131px;
	}


/*
------------------------------------------
CONTENT
------------------------------------------
*/
#content {
	width:100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.home #content {
	padding:10em 1em 4em 1em;
	background:#E7E6DD;
}
.error404.home #content {
	padding:4em 1em 4em 1em;
	background:#E7E6DD;
}

.page #content {
	padding:2em 1em 4em 1em;
}

	#content h1 {
		font-family: 'OratorStd';
		letter-spacing:-1.5px;
		font-size:1.8em;
		margin-bottom:0.6em;
		color:#444;
	}
	#content h1 span {
		font-size:80%;
	}
	#content h2 {
		font-family: 'OratorStd';
		letter-spacing:-1.5px;
		font-size:1.5em;
		margin-bottom:0.6em;
		font-weight:normal;
	}
	#content h3 {
		font-family: 'OratorStd';
		letter-spacing:-1.5px;
		font-size:1.2em;
		margin-bottom:0.6em;
		font-weight:normal;
	}
	#content h4, #content h5, #content h6 {
		font-family: 'OratorStd';
		letter-spacing:-1.5px;
		font-size:1em;
		margin-bottom:0.6em;
		font-weight:normal;
	}
	.red #content h1 > span, .red #content h2, .red #content h3, .red #content h4 { color:#C44552; }
	.green #content h1 > span, .green #content h2, .green #content h3, .green #content h4 { color:#6B9C30; }
	.blue #content h1 > span, .blue #content h2, .blue #content h3, .blue #content h4 { color:#0E7DC2; }
	.orange #content h1 > span, .orange #content h2, .orange #content h3, .orange #content h4 { color:#E05C26; }
	
	#content .sidebar {
		clear:both;
   	 	float: none;
   		width: 95%;
		margin: 0 auto;
		background-color:#E7E6DD;
		padding:10px;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.red #content .sidebar { background-color:#EFE9EA; }
	.green #content .sidebar { background-color:#EAEBE7; }
	.blue #content .sidebar { background-color:#E7EFF1; }
	.orange #content .sidebar { background-color:#F0EBE1; }
	
	.no-sidebar #content .sidebar {
    display: none;
	}
	#content strong {
		color:#444;
	}
	#content h2 strong {
		color:inherit;
		font-weight:bold;
	}
	#content p {
		margin-bottom:0.9em;
	}
	#content ul {
		margin-left:2em;
	}
	#content ul li {
		padding-left:6px;	
		line-height:1.4em;
		margin-bottom:6px;
	}
	.home #content ul {
		margin-left:0em;
	}
	.home #content ul li {
		padding-left:0px;	
		line-height:inherit;
		margin-bottom:0px;
	}
	
	
	.hex_horiz #content .main {
		width:95%;
		margin:0 auto;
	}
		.hex_horiz #content .main .top {
			float:left;
			width:100%;
			background:none;
			margin-bottom:2em;
		}
		.hex_horiz #content .main .copypad {
			width:100%;
		}
	.hex_horiz .page_hex_images {
		clear:both;
		width:100%;
		padding-top:1em;
	}
		.hex_horiz .page_hex_images img {
			float:left;
			margin-right:0px;
			width:33%;
			max-width:242px;
		}


	.hex_vertical .page_hex_images {
		float:left;
		width:25%;
		margin-bottom:2em;
	}
		.hex_vertical .page_hex_images img {
			width:100%;
			max-width:242px;
		}
	.hex_vertical #content .main {
		float:left;
		width:65%;
		margin-left:3%;
	}
		.hex_vertical #content .main .copypad {
			width:100%;
		}
	.no-sidebar.hex_vertical #content .main {
		width:72%;
		margin-left:3%;
	}

	.generic #content .main {
		width:100%;
		margin:0 auto;
	}
	
	p.quote {
		font-size:13px;
		margin-top:1em;
		padding-top:1em;
		line-height:1.3em;
		font-style:italic;
		border-top:1px dotted #fff;
	}
	p.quote_by {
		line-height:1.3em;
		font-size:12px;
		font-weight:bold;
	}

	#content .cols2 .col {
		width:100%;
	}


#content img.responsive {
	width:100%; height: auto;
}

.shazzam { 
	padding:20px; 
	background-color:#efe9ea; 
	margin-bottom:3em;
	border:2px solid #C44552;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}
	.shazzam > div { 
		margin-bottom:15px;
	}


/*
------------------------------------------
PRODUCTS/PROJECTS
------------------------------------------
*/
#items {
	width:100%;
}
	#items .item {
		clear:both;
		background-color:#f5f5f5;
		width:100%;
		padding:7px;
		margin-bottom:10px;
		border:dotted 1px #999999;
		box-sizing:border-box;
	}
		#items .image {
			float:left;
			width:25%;
			max-width:120px;
			margin-right:10px;
		}	
			#items .image img {
				width:100%;
			}
		#items .details {
			float:left;
			width:70%;
			font-size:1em;
			line-height:1.4em;
		}
			#items .details h5 {
			}
			#items .details p {
				margin-bottom:10px;
				font-size:0.9em;
			}
			#items .details p.categories {
				margin-bottom:0px;
			}
			#items .details p.summary {
				margin-top:10px;
				line-height:1.4em;
			}
			#items .details .quotes {
				margin:0.9em 0;
				color:#444;
			}
			#items .details p.quote {
				font-size:12px;
				margin-top:0em;
				margin-bottom:5px;
				padding-top:0em;
				line-height:1.3em;
				font-style:italic;
				border-top:none;
			}
			#items .details p.quote_by {
				line-height:1.3em;
				margin-bottom:5px;
				font-size:12px;
				font-weight:bold;
				text-align:left;
			}


#single_item {
	width:100%;
	padding-top:1em;
}
	#single_item .image {
		float:left;
		width:25%;
		max-width:200px;
		margin-right:20px;
		margin-bottom:10px;
	}	
		#single_item .image img {
			width:100%;
			border:1px solid #666;
		}
		#single_item .image > div {
			width:100%;
			text-align:center;
			font-size:0.8em;
		}
	#single_item .details {
		float:left;
		width:90%;
	}
		#single_item .details p {
			margin-bottom:10px;
			line-height:1.4em;
		}
		#single_item .details .bookdata .col_left {
			float:none;
			width:70%;
		}
		#single_item .details .bookdata .col_right {
			float:none;
			text-align:left;
			width:28%;
		}
		#single_item .details .description {
			margin:10px 0 20px 0;
			line-height:1.4em;
		}
		#single_item.projects .details .description {
			margin:0px 0 20px 0;
			line-height:1.4em;
		}
		#single_item .details p.categories {
			margin-bottom:0px;
		}
		#single_item .details .wp_cart_button_wrapper {
			margin-top:0.5em;
		}
		#single_item .details #reviews {
			background-color:#f5f5f5;
			width:100%;
			padding:10px;
			margin-top:1em;
			border:dotted 1px #999999;
			box-sizing:border-box;
			color:#555;
		}
			#single_item .details #reviews p.quote {
				border-top:1px dotted #ccc;
			}


/* 
------------------------------------------
FORM
------------------------------------------
*/

#cntctfrm_contact_form input,
#cntctfrm_contact_form textarea {
	padding:6px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #ddd;
	background-color:#efefef;
}
#cntctfrm_contact_form input:focus,
#cntctfrm_contact_form textarea:focus {
	border:1px solid #999;
	background-color:#fff;
}
#cntctfrm_contact_form input.text, 
#cntctfrm_contact_form textarea,
#cntctfrm_contact_message, 
#cntctfrm_contact_name, 
#cntctfrm_contact_email,
#cntctfrm_contact_subject {
	width: 90% !important;
	max-width: 400px !important;
}

input[type=submit]{
	padding:6px 12px !important;
	border:1px solid #ddd !important;
	background-color:#4d4d4d !important;
	color:#fff !important;
}
.product input[type=submit]{
	padding:3px 10px;
}
input[type=submit]:focus{
	background-color:#8d8d8d;
}



/* 
------------------------------------------
SHOPPING CART
------------------------------------------
*/

.shopping_cart  {
	font-size: 12px !important;
	border:1px solid #ccc;
	background-color:#f5f5f5;
	padding:5px !important;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.shopping_cart img[title=Cart] {
	display:none;
}
.shopping_cart h2 {
	font-family: 'Trebuchet MS', Helvetica, Helvetica Neue, Arial !important;
	font-size: 14px !important;
	letter-spacing:normal !important;
}
.shopping_cart table tr th,
.shopping_cart table tr td {
	border-bottom:1px dotted #CCCCCC;
	padding:3px;
}
.shopping_cart table tr.wpspsc_checkout_form td {
	border-bottom:none;
	padding-top:10px;
}

.wp_cart_visit_shop_link { display:none; }

/*
------------------------------------------
HOMEPAGE HEXNAV
------------------------------------------
*/
.hexnav {
	margin:0 auto;
	width:150px;
	position:relative;
}
.hexnav ul li {
	list-style:none;
	margin:-1px 0 0 -1px;
	padding:0;
	float:left;
	width:151px;
	height:169px;
}
	.hexnav ul li a{
		position:relative;
		display:inline-block;
		width:151px;
		height:169px;
		background:url(images/css/hexagons.png) center 0px no-repeat;
		font-family: 'OratorStd';
		text-decoration:none;
		color:#222;
		line-height:130%;
		font-size:1.2em;
	}
		.hexnav ul li a > span {
			position:absolute;
			display:table;
			/*top:15px;*/
			top:20px;
			left:5px;
			width:140px;
			height:133px;
		}
			.hexnav ul li a > span > span {
				display: table-cell; 
				vertical-align: middle; 
				text-align: center;
			}
			.hexnav ul li a > span > span > strong {
				font-family: Stencil, 'StencilRegular';
				display: block; 
				margin-bottom:10px;
				font-weight:normal;
			}
		.hexnav ul li a:hover, .hexnav ul li a:active {background-position:center -200px;}

	.hexnav .pointer {
		display:none;
	}


/*
------------------------------------------
FOOTER
------------------------------------------
*/
footer {
	background:#0C0C0C url(images/css/binding_dark.jpg);
	background-attachment: fixed;
	/*background-color:#DCAFA3;*/
	padding:8em 2em 4em 2em;
	position:relative;
	font-size:12px;
	line-height:20px;
	font-family: 'OratorStd';
	color:#6F6155;
}
	footer .pattern {
		height:112px;
		width:100%;
		background-position:top left;
		background-repeat:repeat-x;
		background-size:contain;
		position:absolute;
		top:-38px;
		left:0px;
	}
		.home footer .pattern, .red footer .pattern { background-image:url(images/css/pattern_red_small.png); }
		.green footer .pattern { background-image:url(images/css/pattern_green_small.png); }
		.blue footer .pattern { background-image:url(images/css/pattern_blue_small.png); }
		.orange footer .pattern { background-image:url(images/css/pattern_orange_small.png); }
	footer ul {
		float:left;
		list-style:none;
		margin:2em 1em 0 0;
	}
	footer ul.aoti {
		margin:0em 1em 0 0;
	}
		footer ul.aoti img {
			opacity:0.7;
		}
		footer ul.aoti img:hover {
			opacity:1;
		}
		footer ul li {
			list-style:none;
		}
			footer ul li a {
				list-style:none;
				margin-right:1em;
				text-decoration:none;
				color:#6F6155;
			}
			footer ul li a:hover {
				text-decoration:underline;
				color:#948374;
			}

	footer p.copyright {
		position:absolute;
		bottom:2em;
		right:2em;
	}




/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {


	#carousel > div > span {
		font-size:1.2em;
	}
	.hexnav {
		width:302px;
	}
	

}

@media only screen and (min-width: 600px) {


	#content .sidebar {
		clear:none;
		float:right;
		margin-top: 2.8em;
		width:20%;
		min-height:400px;
		padding:10px;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.hex_horiz #content .main {
		float:left;
		width:77%;
		min-height:500px;
		margin:0;
	}
	.hex_horiz #content .main .copypad {
		float:right;
		width:75%;
	}
	.hex_vertical #content .main {
		float:left;
		width:50%;
	}
	
	#content .cols2 {
		clear:both;
	}
	#content .cols2 .col {
		width:50%;
		float:left;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding:0 1em 0 0;
	}
	#content .cols2 .col:nth-child(even) {
		padding:0 0 0 1em;
		float:right;
	}

	.no-sidebar #content .sidebar {
		display:none;
	}
	.no-sidebar.hex_horiz #content .main {
		width:100%;
	}
	.no-sidebar.hex_horiz #content .main .copypad {
		width:80%;
	}
	.no-sidebar.hex_vertical #content .main .copypad {
		width:100%;
	}
	
	footer {
		padding:8em 5em 8em 5em;
	}
	footer ul {
		margin:2em 2em 0 0;
	}
		footer ul li a {
			margin-right:4em;
		}
	footer p.copyright {
		bottom:6em;
		right:5em;
	}


	#single_item .details {
		width:70%;
	}
	#single_item .details .bookdata .col_left {
		float:left;
	}
	#single_item .details .bookdata .col_right {
		float:right;
		text-align:right;
	}

	.shopping_cart  {
		font-size: inherit !important;
		padding:10px !important;
	}
	.shopping_cart h2 {
		font-size: 16px !important;
	}
	.shopping_cart table tr th,
	.shopping_cart table tr td {
		padding:5px;
	}
	.shopping_cart table tr.wpspsc_checkout_form td {
		padding-top:20px;
	}

}

@media only screen and (min-width: 768px) {

	.bottom-bar-section {display:block;}
/* ====================
    WIDE: CSS3 Effects
   ==================== */
	body {
		background:#0C0C0C url(images/css/binding_dark.jpg);
		background-attachment: fixed;
	}
	#container {
		max-width:1050px;
		margin: 0 auto;
		padding-top:20px;
	}
	#carousel > div > span {
		font-size:1.5em;
	}
	#content {
		padding:10em 2em 2em 2em;
	}
	.home #content {
		padding:16em 2em 6em 2em;
	}
	.error404.home #content {
		padding:10em 2em 10em 2em;
	}
	.page #content {
		padding:2em 2em 8em 2em;
	}
	.page.generic #content {
		padding:2em 4em 8em 4em;
	}
	.hex_horiz #content .main .top {
		background: url(images/css/section_vertical_grey.png) 90px 0px repeat-y;
	}
	
	.hexnav {
		width:302px;
	}
	.hexnav .pointer {
		position:absolute;
		width:150px;
		height:32px;
		display:inline-block;
		top:-46px;
		left:0px;
		background:url(images/css/hand_fleurdelys.png) 59px 0 no-repeat;
	}


/* ============
    WIDE: Prducts
   ============ */

	#items .item {
		clear:none;
		width:47%;
		float:left;
		padding:10px;
		margin-bottom:10px;
		margin-right:20px;
	}
		#items .image {
			float:left;
			width:30%;
			max-width:150px;
		}
			#items .image img {
				width:100%;
			}
		#items .details {
			float:left;
			width:65%;
		}
			#items .details p.quote_by {
				text-align:right;
			}


/* ============
    WIDE: Main
   ============ */



}

@media only screen and (min-width: 900px) {

	.page.generic #content {
		padding:2em 6em 8em 6em;
	}

}

@media only screen and (min-width: 840px) {

	.shazzam > div { 
		float:left;
		width:49%;
		margin-bottom:15px;
	}
	.shazzam > div:nth-child(even) { 
		float:right;
	}

}

@media only screen and (min-width: 1050px) {

/* ===============
    Maximal Width
   =============== */
	.hex_horiz #content .main .top {
		background: url(images/css/section_vertical_grey.png) 120px 0px repeat-y;
	}


}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear { clear: both; height:0px; }
	
	
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}