/*
Theme Name: BEEHIVE
Theme URI: http://shakespearesbeehive.com
Author: Axletree
Author URI: http://shakespearesbeehive.com
Description: Custom Template
Version: 1.1

*/

/* =Resets
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}
a {
color: #cc6600; 
text-decoration: none;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
a:hover {color: #000000 !important;}
a img {border: 0;}
h1 a {color: #000000;}
h1 a:hover {color: #cc6600 !important;}
.clear {clear: both; margin: 0; padding: 0;}


/* =Typography Presets
-------------------------------------------------------------- */

@font-face {
    font-family: 'vollkornitalic';
    src: url('fonts/vollkorn-italic-webfont.eot');
    src: url('fonts/vollkorn-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vollkorn-italic-webfont.woff2') format('woff2'),
         url('fonts/vollkorn-italic-webfont.woff') format('woff'),
         url('fonts/vollkorn-italic-webfont.ttf') format('truetype'),
         url('fonts/vollkorn-italic-webfont.svg#vollkornitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vollkornregular';
    src: url('fonts/vollkorn-regular-webfont.eot');
    src: url('fonts/vollkorn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vollkorn-regular-webfont.woff2') format('woff2'),
         url('fonts/vollkorn-regular-webfont.woff') format('woff'),
         url('fonts/vollkorn-regular-webfont.ttf') format('truetype'),
         url('fonts/vollkorn-regular-webfont.svg#vollkornregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vollkornsemibold';
    src: url('fonts/vollkorn-semibold-webfont.eot');
    src: url('fonts/vollkorn-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vollkorn-semibold-webfont.woff2') format('woff2'),
         url('fonts/vollkorn-semibold-webfont.woff') format('woff'),
         url('fonts/vollkorn-semibold-webfont.ttf') format('truetype'),
         url('fonts/vollkorn-semibold-webfont.svg#vollkornsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1 {
font-size: 22px;
font-weight: normal;
text-transform:uppercase;
letter-spacing: 1px;

}
h2 {
font-size: 40px;
font-weight: normal;
text-align: center;
}
h3 {
font-size: 15px;
line-height: 1.6;
font-family: 'Futura', sans-serif;
text-transform:uppercase;
font-weight: normal;
text-align: center;
color: #666;
margin: 8px 0;
}
.home h2, 
.page-id-833 h2 {
font-size: 30px;
font-weight: normal;
text-align: center;
}
.home h3, 
.page-id-833 h3 {
font-size: 11px;
font-family: 'Futura', sans-serif;
font-weight: normal;
text-transform:uppercase;
text-align: center;
color: #666;
margin: 8px 0;
}
h3.date {
font-size: 13px;
font-family: 'Futura', sans-serif;
margin: 0;
}
#blogpush h3 {
text-align: left;
border-bottom: 1px solid #aaa;
padding-bottom: 6px;
margin-bottom: 20px;
}
h4 {
font-size: 28px;
font-weight: normal;
margin: 30px 0 10px 0;
}
h4.blogtitle {
text-align: center;
margin: 0px 0 20px 0;

}
h5 {
font-size: 15px;
font-weight: normal;
text-transform:uppercase;
letter-spacing: 1px;
color: #eee;
padding-bottom: 10px;
}
h6 {
font-size: 18px;
line-height: 1.4;  
font-weight: normal;
margin: 40px 25px 10px 25px;
color: #333333;
}

p {
margin: 0 0 20px 0;
font-size: 20px;
line-height: 1.6;  
color: #333333;
}
strong, b {
font-family: 'vollkornsemibold', serif;
}
#bookpush .two-col p, 
#blogpush .two-col p, 
.three-col p {
font-size: 18px;
line-height: 1.6;  
}
p.quote-author, 
span.quote-author p, 
span.quote-author {
font-family: 'Futura', sans-serif;
font-size: 13px;
font-weight: normal;
font-style: normal;
margin: 0px 0 0 0;
padding: 0px 0;
text-transform: uppercase;
color: #777;
}
#bookpush .two-col .btn-col p, 
.two-col .btn-col p,
.three-col p.more, 
.btn-center .btn-col p, 
.center-col .btn-col p{
font-size: 13px;
font-family: 'Futura', sans-serif;
font-weight: normal;
text-transform:uppercase;
color: #333333;
margin: 2px 0;
line-height: 1.3;
}
.intro p {
font-size: 34px;
color: #ffffff;
line-height: 1.4;
}
.subintro p {
font-size: 22px;
color: #eee;
font-style: italic;
font-family: 'Times', 'Times New Roman', serif;
}
.subintro p {
font-size: 22px;
color: #eee;
font-style: italic;
font-family: 'Times', 'Times New Roman', serif;
}
.subintro p.author {
font-size: 13px;
font-family: 'Futura', sans-serif;
font-weight: normal;
text-transform:uppercase;
font-style: normal;
}
p.ex {
font-size: 11px;
font-family: 'Futura', sans-serif;
font-weight: normal;
text-transform:uppercase;
font-style: normal;
color: #ffffff;
margin: 0 auto 20px auto;
text-align: center;
}
p.ex span {
display: inline-block;
padding: 1px 3px 0 3px;
background: #154d4d;

}
.iline {
width: 50px;
background:#eee; 
border:0; 
height:1px;
margin: 25px auto;
}
span.mo {
font-size: 13px;
font-family: 'Futura', sans-serif;
font-weight: normal;
text-transform: uppercase;
line-height: 2.4;
padding-right: 5px;
}
span.cite p {
font-size: 13px;
margin: 0;
font-family: 'Futura', sans-serif;
font-weight: normal;
text-transform:uppercase;
text-align: center;
color: #666;
}
body {
font-family: 'vollkornregular', 'Baskerville', 'Times New Roman', serif;
background: url('images/bg.jpg') repeat top left;
    font-weight: normal;
    font-style: normal;
}
.small, small {
	font-size: 12px;
}
.none {display: none;}
::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}


/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 20px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	color: #333333;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
.home #main-wrapper, 
.page-id-833 #main-wrapper {
margin-top: 0px;
}
#main-wrapper {
background: url('images/bg.jpg') repeat top left;
margin-top: 80px;
}
#main {
padding: 90px 0px 60px 0;
margin: 0 auto;
width: 992px;
}
.three-col {
display: inline-block;
width: 280px;
margin: 0 24px;
}
.sep_short {
width: 280px;
height: 25px;
text-align: center;
margin: 10px 0 20px 0;
}
.sep_long {
height: 25px;
text-align: center;
margin: 40px 0 50px 0;
}
.hide {
display: none;
}
.two-col {
display: inline-block;
width: 440px;
margin: 0 24px;
}
.blogcol {
display: block;
width: 390px;
margin-left: 50px;
margin-top: 45px;
}

/* =Header
-------------------------------------------------------------- */
#header-wrapper {
background: #ffffff;
	-webkit-box-shadow: 0 8px 6px -6px #666666;
	   -moz-box-shadow: 0 8px 6px -6px #666666;
	        box-shadow: 0 8px 6px -6px #666666;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999; 
}
header {
padding: 0px 5px 25px 5px;
margin: 0 auto;
width: 982px;
position: relative;
text-align: left;
}
#logo {
display: inline-block;
width: 340px;
}
h1 span {
display: inline-block;
vertical-align: top;
margin: -2px 7px 0 0;
}
nav {
display: inline-block;
width: 638px;
text-align: right;
margin-top: 8px;
}
nav li {
display: inline;
list-style: none;
margin: 0 0 0 8px;
font-size: 14px;
font-family: 'Futura', sans-serif;
font-weight: normal;
text-transform: uppercase;
}
body.page-id-11 nav li.n-prologue a, 
body.page-id-22 nav li.n-publication a, 
body.parent-pageid-22 nav li.n-publication a, 
body.page-id-24 nav li.n-authors a, 
body.page-id-27 nav li.n-alvearie a, 
body.parent-pageid-27 nav li.n-alvearie a, 
body.page-id-29 nav li.n-press a, 
body.page-id-619 nav li.n-press a, 
body.page-id-32 nav li.n-resources a, 
body.page-id-34 nav li.n-contact a, 
body.page-id-170 nav li.n-members a, 
body.page-id-195 nav li.n-members a, 
body.page-id-161 nav li.n-members a,
body.page-id-438 nav li.n-members a, 
body.page-id-579 nav li.n-blog a, 
body.single-post nav li.n-blog a, 
body.bbpress nav li.n-members a 
 {
color: #000; 
}
body.page-id-153 nav li.n-login a, 
body.page-id-141 nav li.n-register a
 {
color: #000; 
}
.icon {
display: inline-block;
width: 16px;
height: 16px;
margin: 3px 0px 0 0;
padding: 0;
vertical-align: top;
}
nav li.n-members, 
nav li.n-register {
border-left: 1px solid #aaa;
padding-left: 12px;
}
ul.utility {
text-align: right;
display: block;
margin: 0px 0 20px 0;
height: 25px;
}
ul.utility li {
display: inline-block;
list-style: none;
margin: 0px 0 0 10px;
font-size: 11px;
font-family: 'Futura', sans-serif;
font-weight: normal;
text-transform: uppercase;
background: #cc6600;
padding: 3px 5px;
color: #fff;
}
ul.utility li a {
color: #ffffaa;
}
ul.utility li a:hover {
color: #fff;
}


/* =Slide
-------------------------------------------------------------- */
.bg-image {
    position: relative;
background: url('images/bg_g.jpg') repeat top left;
margin-top: 90px;
}
.bg-image img {
    display: block;
    width: 100%;
    max-width: 1200px; /* corresponds to max height of 450px */
    margin: 0 auto;
}
.intro {
position: absolute;
text-align: center;
top: 100px;
left: 0px;
right: 0px;
display: block;
margin: 0 auto;
width: 650px;
}
.subintro {
position: absolute;
text-align: center;
top:60px;
left: 0px;
right: 0px;
display: block;
margin: 0 auto;
width: 600px;
}

.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* pager home */

#per-slide-template a {
    font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
#per-slide-template a.cycle-pager-active {
color: #D69746 !important;
}

/* pager pub */
.cycle-pager { display: block; }
.example-pager { text-align: center; width: 100%; z-index: 500; top: 10px; overflow: hidden; padding-bottom: 30px;}
.example-pager span { font-size: 28px; width: 16px; height: 16px; display: inline-block; color: #ddd; }
.example-pager span.cycle-pager-active { color: #D69746;}
.example-pager > * { cursor: pointer;}
/* anchors */
.cycle-slideshow > a { 
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}
.cycle-slideshow > a > img { 
    width: 100%;
    position: static;
    display: block;
}
.zoom-icon {
position: absolute;
top: 160px;
left: 210px;
opacity:0.7;
filter:alpha(opacity=70);
}
.cycle-slideshow img { display: none }
.cycle-slideshow img.first { display: block }
.cycle-slideshow p { display: none }
.cycle-slideshow p.first { display: block }

/* =Pages
-------------------------------------------------------------- */

article {
width: 715px;
margin: 0 auto 80px auto;
}
.entry-content {
margin: 0 0 80px 0;
}
.page-id-11 blockquote {
text-align: center;
}
blockquote {
margin: 0 0px 60px 0px;
}
blockquote p {
font-size: 26px;
color: #666;
font-style: italic;
line-height: 1.5;
}
.page-id-202 blockquote {
margin: 40px auto;
width: 440px;
}
.page-id-202 blockquote p {
font-size: 20px;
line-height: 1.6;  
color: #333333;
font-style: normal;
}
.single blockquote {
margin: 0 0px 25px 0px;
}
.single blockquote p {
font-size: 20px;
color: #666 !important;
font-style: italic;
line-height: 1.6;
margin: 0 40px;
}
.muteannotate {
margin: 20px auto 30px auto;
display: block;
width: 440px;
}
.muteannotate p {
font-size: 18px;
line-height: 1.6;
}
.muteannotate img {
margin: 0 0 10px 0;
}
.annotate {
margin: 0 0 60px 0;
}
.annotate .two-col p {
font-size: 18px;
line-height: 1.6;
}
.annotate .two-col p.handtxt span.block {
display: block;
width: 380px;
margin-bottom: 0;
float: left;
}
.annotate .two-col img.hand, 
.btn img.hand, 
.muteannotate img.hand {
display: block;
float: left;
width: 40px;
}
.single img.hand, 
.page-id-579 img.hand {
display: block;
float: left;
width: 40px;
padding: 0 5px;
margin-top: -3px;
}
.single img.handr, 
.page-id-579 img.handr {
display: block;
float: right;
width: 40px;
padding: 0 5px;
margin-top: -3px;
}

a img.view, 
.push-member-box p a {
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
a img.view:hover, 
.push-member-box p a:hover {
opacity:0.7;
filter:alpha(opacity=70);
}
.push-member {
position: relative;
}
.push-member img {
width: 440px;
height: auto;
}
.push-member-box {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.push-member-box p {
font-size: 13px;
font-family: 'Futura', sans-serif;
font-weight: normal;
text-transform:uppercase;
text-align: center;
}
.push-member-box p a {
display: block;
background-color: rgba(153,0,0,0.8); /*dim the background*/
padding: 20px;
margin: 140px 0 0 80px;
color: #ffffff;
width: 250px;
}
p.access {
font-size: 18px;
line-height: 1.6;  
font-weight: normal;
margin: 10px 0 20px 0;
}
.accessgroup span {
display: inline-block;
width: 300px;
}
.accessgroup p {
font-size: 18px;
line-height: 1.6;  
font-weight: normal;
margin: 10px 0 0px 0;
}

p.registerbtn {
text-align: center;
font-size: 18px;
margin-top: 20px;
}
p.registerbtn img:hover {
opacity:0.7;
filter:alpha(opacity=70);
}
.btn-center {
background-color: #ebe4d6;
padding: 20px 35px;
margin: 0px auto 10px auto;
width: 380px;
}
.center-col {
width: 440px;
margin: 0 auto;
}
.accessgroup {
display: inline-block;
width: 350px;
margin: 0 20px 20px 0;
}
.page-id-27 .btn-center {
width: 750px;
}
.page-id-195 .btn-center {
margin: 50px auto;
}
.two-col p.instruct {
margin: 0 0 40px 20px;
font-size: 18px;
font-style: italic;
}
.req { 
	color: #bd3500;
	font-size: 18px;
	line-height: 50%;
}
/*
.page-id-170 .two-col ul li, 
.page-id-141 .two-col ul li, 
.page-id-140 .two-col ul li {
list-style: none;
margin: 5px 20px 0px 0px;
}
*/
.post-170 ul, 
.post-140 ul, 
.bbpress article ul.fornav {
display: block;
margin: 0 auto 60px auto;
text-align: center;
}
.post-170 ul li, 
.post-140 ul li, 
.bbpress article ul.fornav li {
list-style: none;
display: inline;
font-size: 20px;
margin-right: 5px;
}
.post-170 ul li a, 
.post-140 ul li a, 
.bbpress article ul.fornav li a {
padding-right: 5px;
}
.post-170 ul li:after, 
.post-140 ul li:after, 
.bbpress article ul.fornav li:after {
content: "  |  "
}
.post-170 li:last-child:after, 
.post-140 ul li:last-child:after, 
.bbpress article ul.fornav li:last-child:after {
content: "";
}

.page-id-161 article {
width: 992px;
}
.page-id-161 .ins {
width: 715px;
margin: 0 auto 0px auto;
display: block;
}
.ba {
display: inline-block;
width: 280px;
margin: 20px 24px 20px 24px;
}
.ba p, 
.tb p {
padding: 8px 0 0 0;
font-size: 18px;
line-height: 1.6;
}
.ba iframe, 
.tb iframe {
height: 200px !important;
width: 280px !important;
overflow: hidden !important;
}
.ba img, 
.ta img{
width: 100% !important;	
	height: auto;
}
.tb {
display: block;
width: 280px;
margin: 30px auto;
}
span.break {
display: none;
}
.page-id-46 article ul, 
.page-id-192 article ul, 
.page-id-29 article ul {
margin: 20px;
}
.page-id-46 article ul li, 
.page-id-192 article ul li, 
.page-id-46 article p, 
.page-id-192 article p {
margin: 0 0 20px 0;
font-size: 16px;
line-height: 1.4;  
color: #333333;
}
.page-id-29 article ul li {
margin: 0 0 20px 0;
font-size: 20px;
line-height: 1.6;  
color: #333333;
}
.page-id-29 blockquote p {
margin: 50px;
font-size: 20px;
line-height: 1.6;  
color: #333333;
}
img.size-full {
max-width: 715px;
height: auto !important;
margin: 0px auto;
padding: 20px 0;
display: block;
}
div.wp-caption {
width: 715px;
display: block;
margin: 0px 0 30px 0;
padding: 0;
}
p.wp-caption-text {
font-size: 18px;
color: #666;
}
#nav-below {
width: 715px;
}
.nav-previous {
display: block;
float: left;
width: 40%;
text-align: left;
}
.nav-next {
display: block;
float: right;
width: 40%;
text-align: right;
}
div.addthis_toolbox {
width:43%;
margin-left: 29%;
margin-right: 27%;
padding-top: 20px;
}

/* =Footer
-------------------------------------------------------------- */
#bookpush-wrapper {
background: #ffffff;
}
#blogpush-wrapper {
background: #faf9f5;
}
#bookpush, #blogpush {
padding: 50px 0px;
margin: 0 auto;
width: 992px;
}
.blogcol ul {
list-style-type: none;
}

.blogcol ul li {
margin: 6px 0;
}
.two-col img.bookimgs {
width: 440px;
height: auto;
}
.two-col .cycle-slideshow { width: 440px; height: 351px; margin: auto; padding: 0; }
.btn {
background-color: #ebe4d6;
padding: 20px 25px;
margin: 0px 0 5px 0;
}
.tan {
background-color: #eedebd !important;
}
.page-id-438 .tan {
margin-top: 10px;
}
.btn-col {
display: inline-block;
width: 250px;
text-align: left;
}
.btn-col-img {
display: inline-block;
width: 200px;
text-align: left;
margin-left: 20px;
}

.btn-col-right {
display: inline-block;
width: 120px;
text-align: right;
}
.btn-col-right form {
padding: 0;
margin: 0;
height: 37px;
}


#colophon-wrapper {
position: relative;
background: url('images/bg_g.jpg') repeat top left;
}
#colophon-wrapper img {
    display: block;
    width: 100%;
    max-width: 1200px; /* corresponds to max height of 450px */
    margin: 0 auto;
}
#colophon-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
#colophon {
padding: 50px 0px;
margin: 0 auto;
width: 992px;
}
#colophon p {
font-size: 16px;
line-height: 1.4;  
color: #ffffff;
margin: 10px 30px 0px 0;
}
#colophon-wrapper img.icon {
width: 16px;
height: 16px;
margin: 0 0 0 3px;
padding: 0;
display: inline-block;
}
footer {
padding: 60px 20px 80px 20px;
margin: 0 auto;
width: 952px;
}
footer p {
float: left;
font-size: 16px;
}
#colophon a {
color: #d4ccbc;
}
#colophon a:hover {
color: #ffffff;
}
.share {
display: block;
width: 300px;
margin: 0px 0 40px 0;
float: right;
text-align: right;
}
.share img {
padding-bottom: 20px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* =Contact Form
-------------------------------------------------------------- */
#wpcf7-f80-p34-o1 {
display: block;
width: 560px;
margin: 0 auto;
}
#wpcf7-f80-p34-o1 input, 
#wpcf7-f80-p34-o1 textarea {
background-color: #ffffff;
padding: 8px;
font-size: 18px;
border: none;
color: #333333;
margin: 7px 0 5px 0;
width: 560px;
border: #eee;
}
#wpcf7-f80-p34-o1 input.capinput {
width: 200px;
}

#wpcf7-f80-p34-o1 p {
margin: 0 0 30px 0;
}
#wpcf7-f80-p34-o1 input.wpcf7-submit {
float: right;
width: 100px;
border: none;
   background: #9e4f00;
   background: -webkit-gradient(linear, left top, left bottom, from(#e67505), to(#9e4f00));
   background: -webkit-linear-gradient(top, #e67505, #9e4f00);
   background: -moz-linear-gradient(top, #e67505, #9e4f00);
   background: -ms-linear-gradient(top, #e67505, #9e4f00);
   background: -o-linear-gradient(top, #e67505, #9e4f00);
   padding: 11px 22px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
font-family: 'Futura', sans-serif;
font-weight: normal;
text-transform:uppercase;
   text-decoration: none;
   vertical-align: middle;
}
#wpcf7-f80-p34-o1 input.wpcf7-submit:hover {
border-top-color: #d17f2e;
   background: #d17f2e;
   color: #ffffff;
   cursor: pointer;
      }
#wpcf7-f80-p34-o1 input.wpcf7-submit:active {
border-top-color: #d17f2e;
   background: #d17f2e;
   }
div.wpcf7-validation-errors {
display: none !important;
}
div.wpcf7-mail-sent-ok {
border: none !important;
}
div.wpcf7-response-output {
margin: 30px 0 0 0;
padding: 0;
}
#wpcf7-f80-p34-o1 .req { 
	color: #bd3500;
	font-size: 18px;
	line-height: 50%;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic; padding: 50px;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url('images/controls.png') no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url('images/controls.png') no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url('images/controls.png') no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url('images/controls.png') no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url('images/controls.png') left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url('images/controls.png') right top repeat-y;}
    #cboxTopCenter{height:21px; background:url('images/border.png') 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url('images/border.png') 0 -29px repeat-x;}
    #cboxContent{background:#ffffff; overflow:hidden;}
        .cboxIframe{background:#ffffff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url('images/loading_background.png') no-repeat center center;}
        #cboxLoadingGraphic{background:url('images/loading.gif') no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url('images/controls.png') no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url('images/controls.png') no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url('images/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* =Forums
-------------------------------------------------------------- */
ul#forums-list-329, 
.bbp-breadcrumb, 
.bbp-template-notice, 
.bbp-footer, 
.bbp-paginations, 
.bbp-pagination, 
#forum-private h1 {
display: none !important;
}
#bbpress-forums {
margin-top: 60px !important;
}
#bbpress-forums li.bbp-header {
font-weight: normal !important;
font-size: 12px !important;
font-family: 'Futura', sans-serif;
text-transform: uppercase;
background: #ebe4d6 !important;
border-top: none !important;
padding: 12px !important;
}

.bbp-reply-content {
font-weight: normal !important;
text-align: left !important;
}     
#bbpress-forums ul.bbp-topics, 
#bbpress-forums p.bbp-topic-meta {
font-size: 14px !important;
line-height: 1.4 !important;
} 
#bbpress-forums .topic-author .bbp-reply-author, 
#bbpress-forums .reply .bbp-reply-author {
font-size: 14px !important;
line-height: 1.4 !important;
margin-top: -5px !important;
text-align: left;
}
#bbpress-forums div.bbp-reply-author .bbp-author-role {
font-size: 12px !important;
color: #999999;
margin-top: 5px !important;
}
li.bbp-header .bbp-reply-author {
text-align: left !important;
}
#bbpress-forums ul.bbp-replies {
border: none !important;
}  
div.bbp-reply-header {
border-top: #ebe4d6 !important;
}
.bbp-reply-content p {
font-size: 18px !important;
line-height: 1.6 !important;
padding-left: 10px !important;
}
form#new-post {
padding: 50px 0 !important;
margin: 50px 0 !important;
border-top: 1px solid #ccc !important;
}
#bbpress-forums fieldset.bbp-form {
padding: 30px 0 !important;
}
#bbpress-forums fieldset.bbp-form legend {
padding: 0 !important;
font-weight: normal !important;
font-size: 12px !important;
font-family: 'Futura', sans-serif;
text-transform: uppercase;
}
.bbp-meta {
text-align: right;
}
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
margin: 0 !important;
}
li.bbp-body div.hentry {
padding: 12px !important;
}
.bbp-reply-post-date {
margin-right: 10px !important;
color: #999 !important;
}
span.bbp-admin-links a {
color: #cc6600 !important;
text-transform: none !important;
font-size: 12px !important;
}
li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count {
text-align: left !important;
}
li.bbp-forum-freshness, li.bbp-topic-freshness {
text-align: left !important;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
padding: 12px !important;
}
li.bbp-forum-info, li.bbp-topic-title {
width: 60% !important;
}
li.bbp-forum-freshness, li.bbp-topic-freshness {
width: 17% !important;
}
input#bbp_topic_title, 
textarea.bbp-the-content {
background-color: #fff !important;
padding: 8px !important;
font-size: 18px !important;
color: #333 !important;
margin: 0px 0 25px 0 !important;
border: #eee !important;
font-family: sans-serif;
}
button#bbp_topic_submit, 
button#bbp_reply_submit {
float: right;
width: 100px;
border: none;
   background: #9e4f00;
   background: -webkit-gradient(linear, left top, left bottom, from(#e67505), to(#9e4f00));
   background: -webkit-linear-gradient(top, #e67505, #9e4f00);
   background: -moz-linear-gradient(top, #e67505, #9e4f00);
   background: -ms-linear-gradient(top, #e67505, #9e4f00);
   background: -o-linear-gradient(top, #e67505, #9e4f00);
   padding: 11px 22px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
font-family: 'Futura', sans-serif;
font-weight: normal;
text-transform:uppercase;
   text-decoration: none;
   vertical-align: middle;
}
button#bbp_topic_submit:hover, 
button#bbp_reply_submit:hover {
border-top-color: #d17f2e;
   background: #d17f2e;
   color: #ffffff;
   cursor: pointer;
      }
button#bbp_topic_submit:active, 
button#bbp_reply_submit:active {
border-top-color: #d17f2e;
   background: #d17f2e;
   }
.bbp-the-content-wrapper:before {
  content: "Topic Text:";
}
.bbp-the-content-wrapper {
font-size: 20px;
line-height: 1.6;
color: #333333;
}
#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
padding-right: 35px !important;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
#main-wrapper {
margin-top: 0px;
}
#blogpush h3 {
text-align: center;
}
h6 {
width: 400px;
margin-left: auto;
margin-right: auto;
display: block;
}
/* =Header --- */
#header-wrapper {
position: relative;
}
header {
width: 728px;
text-align: center;
}
ul.utility {
text-align: center;
margin: 0px 0 30px 0;
}
ul.utility li {
margin: 0px auto;
}
#logo {
display: block;
width: 100%;
}
nav {
display: block;
width:100%;
text-align: center;
margin-top: 20px;
}
/* =Slide --- */
.bg-image {
margin-top: 0px;
}
.intro {
width: 650px;
top:  50px;
}
.intro p {
font-size: 28px;
display: block;
margin: 0 0 0 30px;
width: 600px;
}
/* =Main --- */
#main {
padding: 60px 20px;
margin: 0 auto;
width: 728px;
}
.three-col {
display: block;
width: 80%;
margin: 0 auto 60px auto;
text-align: center;
}
.three-col p.more {
display: none;
}
.sep_short {
text-align: center;
margin: 10px auto;
}
.sep_long {
height: 25px;
text-align: center;
margin: 40px 0 50px 0;
}
.sep_long img {
width: 650px;
height: auto;
}
.hide {
display: block;
}
.home .two-col, 
.page-id-833 .two-col {
margin: 0 auto 30px auto;
}
.two-col {
display: block;
width: 90%;
margin: 0 auto 60px auto;
}
.blogcol {
display: block;
width: 100%;
margin: 0;
}

.annotate {
width: 90%;
display: block;
margin: 0 auto 20px auto;
}
.annotate .two-col {
width: 49%;
display: inline-block;
}
.annotate .two-col img {
width: 290px;
height: auto;
}
.annotate .two-col p {
font-size: 18px;
margin: 0 0 10px 0;
}
.annotate .two-col p.handtxt span.block {
width: 250px;
}

article {
width: 90%;
display: block;
}
img.size-full {
max-width: 655px;
height: auto;
margin: 0px auto;
padding: 20px 0;
display: block;
}

h2, h3, 
.home h2, .home h3, 
.page-id-833 h2, .page-id-833 h3 {
width: 70%;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
h3.date {
width: 100%;
}
.page-id-161 article {
width: 728px;
}
.page-id-161 .ins {
width: 90%;
}
.zoom-icon {
display: none;
}
#nav-below {
width: 655px;
}

/* =Footer --- */
.page-id-22 img.bookimgs, 
.page-id-27 img.bookimgs, 
.page-id-170 img.bookimgs, 
.page-id-140 img.bookimgs,
.page-id-40 img.bookimgs {
width: 655px;
height: auto;
}
.page-id-22 .cycle-slideshow { width: 655px; height: 552px; margin: 0 auto; padding: 0; }

#bookpush, #blogpush {
padding: 60px 20px;
width: 728px;
}
#bookpush .two-col .cycle-slideshow img {
width: 440px; height: 351px;
}
.page-id-438 iframe {
margin: 0px auto;
display: block;
}
.page-id-438 .btn {
width: 400px;
margin: 10px auto;
display: block;
}

.btn {
width: 400px;
margin: 10px auto;
display: block;
}
.page-id-27 .btn-center, 
.page-id-141 .btn-center {
width: 615px;
}
.accessgroup {
width: 300px;
margin: 0 0px 0px 0;
}
.accessgroup span {
width: 200px;
}
.cycle-slideshow > a { 
pointer-events: none;
}

#bookpush .two-col, 
#blogpush .two-col{
text-align: center;
width: 90%;
}
#colophon {
padding: 30px 20px;
width: 728px;
}
#colophon .three-col {
width: 30%;
display: inline-block;
text-align: left;
margin: 0 5px;
}
#colophon p {
margin: 10px 0px 0px 0;
font-size: 14px;
line-height: 1.4;
}

footer {
padding: 60px 20px 80px 20px;
width: 728px;
}
footer p {
font-size: 14px;
line-height: 1.4;

}

}


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
 */
@media only screen and (max-width: 767px) {
#main-wrapper {
margin-top: 0px;
}
/* =Header --- */
#header-wrapper {
position: relative;
}
header {
width: 280px;
}
h1 {
font-size: 18px;
}
#blogpush h3 {
text-align: center;
}

#logo {
display: block;
width: 280px;
}
ul.utility {
text-align: center;
margin: 0px 0 30px 0;
}
ul.utility li {
margin: 0px auto;
}

nav {
width:100%;
text-align: center;
margin-top: 20px;
border-top: 1px solid #eee;
}
nav li {
display: block;
list-style: none;
margin: 0;
padding: 6px 0;
border-bottom: 1px solid #eee;
}
nav li.n-members, 
nav li.n-register {
border-left: none;
padding-left: 0;
}
/* =Slide --- */
.bg-image {
margin-top: 0px;
}
.bg-image img {
    display: block;
    width: 100%;
    max-width: 1200px; /* corresponds to max height of 450px */
    margin: 0 auto;
}
#per-slide-template a {
font-size: 22px;
}
.intro {
width: 320px;
top:  20px;
}
.intro p {
font-size: 15px;
line-height: 1.4;
display: block;
margin: 0 0 0 15px;
width: 290px;
}
.cycle-slideshow > a { 
pointer-events: none;
}
/* =Main --- */
#main {
padding: 60px 20px;
margin: 0 auto;
width: 280px;
}
.three-col {
display: block;
width: 100%;
margin: 0 auto 60px auto;
text-align: center;
}
.three-col p.more {
display: none;
}
.sep_short {
text-align: center;
margin: 10px auto;
}
.sep_long {
height: 25px;
text-align: center;
margin: 40px 0 50px 0;
}
.sep_long img {
width: 280px;
height: auto;
}
.hide {
display: block;
}
.home .two-col, 
.page-id-833 .two-col {
margin: 0 auto 30px auto;
}
.two-col {
display: block;
width: 100%;
margin: 0 auto 60px auto;
}
.blogcol {
display: block;
width: 100%;
margin: 0;
}

.annotate {
width: 100%;
display: block;
margin: 0px auto 0px auto;
}
.annotate .two-col {
width: 100%;
display: block;
height: auto;
}
.annotate .two-col img {
width: 280px;
height: auto;
}
.annotate .two-col p {
font-size: 18px;
margin: 0 0 10px 0;
}
article {
width: 100%;
display: block;
}
img.size-full {
max-width: 280px;
height: auto;
margin: 0px auto;
padding: 20px 0;
display: block;
}

h2, h3, 
.home h2, .home h3, 
.page-id-833 h2, .page-id-833 h3 {
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 12px;
line-height: 1.4;
}
p {
font-size: 18px;
}
blockquote {
margin: 0 0px 60px 0px;
}
blockquote p, 
.page-id-202 blockquote p {
font-size: 18px;
}
.page-id-202 blockquote {
margin: 40px 0;
width: 100%;
}
.muteannotate {
width: 100%;
}
.muteannotate img {
width: 280px;
height: auto;
}
.page-id-161 article {
width: 280px;
}
.page-id-161 .ins {
width: 90%;
}
.ba {
margin: 0 auto 40px auto;
}
.zoom-icon {
display: none;
}
span.break {
display: block;
width: 1px;
height: 1px;
}
#nav-below {
width: 280px;
}
.nav-previous {
display: block;
float: none;
width: 280px;
text-align: left;
margin: 5px 0;
}
.nav-next {
display: block;
float: none;
width: 280px;
text-align: right;
margin: 5px 0;

}
div.addthis_toolbox {
width:100%;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
}

/* =Footer --- */
.two-col img.bookimgs, 
.cycle-slideshow img {
width: 320px;
height: auto;
}
.two-col .cycle-slideshow { width: 280px; height: 255px; margin: auto; padding: 0; }

.page-id-22 img.bookimgs, 
.page-id-27 img.bookimgs {
width: 100%;
height: auto;
}
.page-id-22 .cycle-slideshow { width: 280px; height: 255px; margin: 0 auto; padding: 0; }

#bookpush, #blogpush {
padding: 60px 0px;
width: 320px;
}
#bookpush .two-col .cycle-slideshow img {
width: 280px; height: 255px;
}
.btn-col {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.btn-col-right {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.btn {
display: block;
width: 85%;
}
.page-id-438 iframe {
margin: 0px auto;
display: block;
width: 280px;
}

.annotate .two-col p.handtxt span.block {
width: 240px;
margin-bottom: 30px;
}
.page-id-27 .btn-center, 
.page-id-141 .btn-center {
width: 220px;
}
.accessgroup {
width: 100%;
margin: 0 0px 10px 0;
}
.accessgroup span {
width: 80%;
}
p.access span {
display: inline-block;
width: 80%;
}

#bookpush .two-col, 
#blogpush .two-col {
text-align: center;
width: 90%;
}
#colophon-wrapper {
position: static;
background: #154d4d !important;
}
#colophon-wrapper img {
display: none;
}
#colophon-inner {
position: static;
}
#colophon {
padding: 60px 20px;
width: 280px;
}
#colophon .three-col {
width: 100%;
display: block;
text-align: left;
margin: 0 auto 40px auto;
}

footer {
padding: 60px 20px 80px 20px;
width: 280px;
}
footer p {
margin: 0 0 50px 0;
}
footer img {
display: block;
float: none;
}
#wpcf7-f80-p34-o1 {
display: block;
width: 300px;
margin: 0 auto;
}
#wpcf7-f80-p34-o1 input, 
#wpcf7-f80-p34-o1 textarea {
width: 260px;
}

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
header {
width: 440px;
}
#logo {
display: block;
width: 440px;
text-align: center;
}
#blogpush h3 {
text-align: center;
}
ul.utility {
text-align: center;
margin: 0px 0 30px 0;
}
ul.utility li {
margin: 0px auto;
}

#per-slide-template a {
font-size: 30px;
}
.intro {
width: 480px;
top:  50px;
}
.intro p {
font-size: 20px;
line-height: 1.4;
display: block;
margin: 0 0 0 40px;
width: 400px;
}
#main {
padding: 60px 20px;
margin: 0 auto;
width: 440px !important;
}
.three-col {
display: block;
width: 100%;
margin: 0 auto 60px auto;
text-align: center;
}
.sep_long img {
width: 440px;
height: auto;
}
.annotate {
margin: 0 auto 100px auto;
}
.annotate .two-col img {
width: 420px;
height: auto;
}
.two-col img.bookimgs, 
.cycle-slideshow img {
width: 420px;
height: auto;
}
.two-col .cycle-slideshow { width: 420px; height: 351px; margin: auto; padding: 0; }

.page-id-22 .cycle-slideshow { width: 420px; height: 351px; margin: 0 auto; padding: 0; }
.page-id-202 blockquote {
margin: 40px 20px;
width: 100%;
}
.muteannotate {
width: 100%;
}
.muteannotate img {
width: 420px;
height: auto;
}

#bookpush, #blogpush {
padding: 60px 0px;
width: 440px;
}
#bookpush .two-col .cycle-slideshow img {
width: 420px; height: 351px;
}
span.break {
display: none;
}
img.size-full {
max-width: 440px;
height: auto;
margin: 0px auto;
padding: 20px 0;
display: block;
}
div.addthis_toolbox {
width:100%;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
}

.btn {
display: block;
width: 85%;
margin: 0 auto 5px 0;
}
.page-id-27 .btn-center, 
.page-id-141 .btn-center {
width: 375px;
}
.page-id-161 article {
width: 440px;
}
.page-id-161 .ins{
width: 90%;
}
.ba {
margin: 0 auto 40px auto;
display: block;
}
#nav-below {
width: 440px;
}

#bookpush .two-col, 
#blogpush .two-col {
text-align: center;
width: 100%;
}
#colophon {
padding: 60px 20px;
width: 440px;
}
footer {
width: 440px;
}
#wpcf7-f80-p34-o1 {
display: block;
width: 400px;
margin: 0 auto;
}
#wpcf7-f80-p34-o1 input, 
#wpcf7-f80-p34-o1 textarea {
width: 360px;
}

}