@charset "UTF-8";
/* CSS Document */

body { font: 12px Verdana, Arial, Helvetica, sans-serif; background: #ffffff; margin: 0; text-align: center; color: #000000; } 
a:link { color: #736458; text-decoration: underline; } 
a:visited { color: #736458; } 
a:hover { color: #ff9933; } 

a.nodeco { color: #000; text-decoration: none; } 
a.nodeco:hover { color: #ff9933; } 
span.nobreak { white-space:nowrap; }

p { text-indent: 18px; margin: 6px 0; }

blockquote { margin: 18px 36px; }
blockquote.poetry { margin-right: 0;}
blockquote.poetry p { text-indent: -30px; margin: 0 0 0 30px; line-height: 1.25;}
poem p { text-indent: -30px; margin: 0 0 0 30px; line-height: 20px; }
blockquote.prose p { text-indent: 36px; margin: 0; }

.endnotes { margin-top: 20px; padding-top: 10px; border-top: 1px solid #ccc; }
.endnotes p { text-indent: -30px; margin: 0 0 0 30px; line-height: 16px;}

a img { border: none; }
.no-border img { border: none !important; }

.img-full-100 img, 
.img-left-50 img, .img-right-50 img, 
.img-left-33 img, .img-right-33 img,
.img-left-25 img, .img-right-25 img,
.img-left-20 img, .img-right-20 img,
.img-left-15 img, .img-right-15 img,
.img-left-10 img, .img-right-10 img { width: 100%; }

.img-full-100 p, 
.img-left-50 p, .img-right-50 p, 
.img-left-33 p, .img-right-33 p,
.img-left-25 p, .img-right-25 p,
.img-left-20 p, .img-right-20 p,
.img-left-15 p, .img-right-15 p,
.img-left-10 p, .img-right-10 p { color: #999; font-size: 80%; margin-top: 0; text-indent: 0; }

.img-left-50, .img-left-33, .img-left-25, .img-left-20, .img-left-15, .img-left-10 { float: left; margin-right: 10px; clear: left; }
.img-right-50, .img-right-33, .img-right-25, .img-right-20, .img-right-15, .img-right-10 { float: right; margin-left: 10px; text-align:right; clear: right; }

.img-full-100 { width: 100%; }
.img-left-50, .img-right-50 { width: 50%; }
.img-left-33, .img-right-33 { width: 33%; }
.img-left-25, .img-right-25 { width: 25%; }
.img-left-20, .img-right-20 { width: 20%; }
.img-left-15, .img-right-15 { width: 15%; }
.img-left-10, .img-right-10 { width: 10%; }

.centerwide img.thumb { height: 200px; float: right; margin: 6px 12px; border: 1px solid #ccc; }

.sharing { display:inline-block; margin: 3px; }
.sharing img { height: 12px; margin-right: 6px; }

.highlight { color: #736458 }
h1 { font-size: 200%; font-weight: bold; } h2 { color: #330066; font-size: 115%; font-weight: normal; } 
h2 { color: #000000; font-size: 110%; font-weight: normal; } 
h3 { color: #000000; font-size: 95%; font-weight: normal; text-transform: uppercase; } 
h4 { color: #000000; font-size: 90%; font-weight: normal; }

.head { text-indent: 0; color: #000000; font-size: 250%; font-weight: normal; margin: 0 } 
.poemtitle { text-indent: 0; color: #000000; font-size: 200%; font-weight: normal; margin: 0 } 
.head img { margin: 6px 9px 3px 1px; padding: 0; border: 1px solid #ccc; float: left; }
.deck { text-indent: 0; color: #000000; font-size: 140%;} 
a.deck { text-decoration: none;} 
.subhead { text-indent: 0; color: #000000; font-size: 110%; font-weight: bold; } 
a.subhead { text-decoration: none;} 
.capshead { text-indent: 0; color: #000000; font-size: 110%; font-weight: normal; text-transform: uppercase;} 
a.capshead { text-decoration: none;} 
.details { color: #000000; font-size: 100%; text-transform: uppercase; } 
.justify { text-indent: 0; text-align: justify; } 
.forcejustify { text-indent: 0; text-align: justify; text-justify: distribute; text-align-last: justify; } 
.right { text-align: right; } 
.attributed {text-indent: -1em; margin: 0 0 0 55%; }
.red { color: #cc0000; } 
.gray { color: #999; } 
.first {text-transform: uppercase;}
.post {font-size: 70%; text-transform: uppercase;}
.note {font-size: 80%; text-indent: 0; }
.title { text-indent: 0; color: #000000; font-size: 120%; } 
a.title { text-decoration: none;} 
.reference, .epigraph, blockquote.poetry p.reference, blockquote.poetry p.epigraph {font-size: 80%; text-indent: -20px; margin-left: 200px; line-height: 1.4;}
.noindent { text-indent: 0; }
.hangindent {text-indent: -14px; margin: 0 0 0 14px; }

.margin { width: 1000px; margin: 0 auto; text-align: left; font-size: 85%; color: #777777; }
a.margin:link { color: #555555; text-decoration: none; }
a.margin:visited { color: #555555; text-decoration: none; }
a.margin:hover:after { content: attr(after); visibility: visible; }

.wrapper { display: inline-block; background: #f2f2f2; margin: 0 auto; text-align: left; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; }
#header { font-size: 13px; font-weight: bold; width: 1040px; height: 175px; background-image: url(../images/logo.gif); background-repeat: no-repeat; background-position: 20px 0; }
#tagline { width: 500px; float: left; margin: 28px 0 0; padding-left: 80px; }
#tagline #date { float: right; }
#logo { display: inline-block; width: 630px; height: 120px; margin: 0; }
#masthead { font-weight: normal; font-size: 11.5px; line-height: 19px; float: right; width: 80px; padding: 10px 30px 0 45px; }
#masthead a:link { color: #000000; text-decoration: none; padding: 0; margin: 0; }
#masthead a:visited { color: #000000; text-decoration: none; padding: 0; margin: 0; }
#masthead a:hover { color: #736357; text-decoration: underline; padding: 0; margin: 0; }
#masthead a img { border: 0; width: 18px; height: 18px; padding-right: 9px; margin-bottom: 3px; }
#stitching { float: left; width: 156px; height: 156px; margin: 0 6px; border: 1px dashed #c3baaf; border-top: 0; }
#middle { float: left; padding-top: 4px; }

#menubar { margin: 0; }
#bar { width: 100%; height: 20px; float:left; margin: 0 0 10px 0; padding: 0px 12px; list-style-type: none; border-bottom: 1px solid #000000; border-top: 1px solid #000000; box-sizing: border-box; }
#bar li { float: left; }
#bar li a { display: block; font-size: 12px; font-weight: bold; padding: 2px 10.25px 2px; color: #000000; text-decoration: none; }
#bar li a:hover { color: #000000; background: #fcee21; }
#bar li .current { color: #000000; background: #fcee21; }
#bar li .spotlight { background: #000; color: #fff; }

.submenu { width: 220px; padding-left: 0; margin: 0 0 10px; font-size: 12px; color: #000000; line-height: 14px; } 
.submenu img { width: 50px; margin: 3px 6px 0 0; padding: 0; border: 1px solid #ccc; float: left; }
.submenu ul { padding-left: 0; list-style-type: none; }
.submenu li { margin: 0 0 5px 0; list-style-type: none; }
.submenu ul li { margin: 0 0 5px 14px; list-style-type: none; }
.submenu li a { color: #000000; text-decoration: none; }
.submenu li a:hover { color: #f7931e; text-decoration: none; }
.submenu li a.current { color: #000000; background: #e2dfd7; }

.calmenu { width: 220px; padding-left: 0; margin: 0 0 10px; font-size: 12px; color: #000000; line-height: 14px; } 
.calmenu img { width: 50px; margin: 3px 6px 0 0; padding: 0; border: 1px solid #ccc; float: left; }
.calmenu ul { padding-left: 0; list-style-type: none; }
.calmenu li { margin: 0 0 5px 10px; list-style-type: none; font-weight: bold; }
.calmenu ul li { font-weight: normal; }
.calmenu li a { color: #000000; text-decoration: none; }
.calmenu li a:hover { color: #f7931e; text-decoration: none; }
.calmenu li a.current { color: #000000; background: #e2dfd7; }

.editmenu { width: 220px; margin: 0 0 10px; font-size: 12px; color: #000000; overflow: hidden; } 
.editmenu img { width: 50px; margin: 3px 6px 0 0; padding: 0; border: 1px solid #ccc; float: left; }
.editmenu a:link { color: #000000; text-decoration: none; } 
.editmenu a:visited { color: #000000; text-decoration: none; } 
.editmenu a:hover { color: #f7931e; text-decoration: none; }
#editcurrent { color: #000000; background: #e2dfd7; }

.page { display: inline-block; width: 1040px; padding: 0 5px;}
.column { float: left; margin: 0 5px 10px; }
#fullpage { width: 990px; padding: 20px 20px 40px; margin: 0 0 10px; text-align: center; border-top: 1px dashed #aaa; border-bottom: 1px dashed #aaa; }
.advert { width: 430px; text-align: center; text-transform: uppercase; font-size: 10px; color: #c3baaf; letter-spacing: 1.5px; margin: 10px 0 10px 300px; }
.sidebar { width: 230px; margin: 0 0 10px; padding: 2px 6px 6px; border: 1px solid #aaaaaa; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; }
.sidebar img { border: 1px solid #ccc; margin: 0 6px 0 0;}
.more { color: #736458; font-size: 11px; }
.center { width: 323px; margin: 0 0 10px; padding: 2px 6px 6px; border: 1px solid #aaaaaa; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; }
.center img { border: 1px solid #ccc; margin: 0 8px 0 0;}
.centerwide { width: 572px; margin: 0 0 10px; padding: 2px 6px 6px; border: 1px solid #aaaaaa; -moz-border-radius: 6px; border-radius: 6px; }
.ads { width: 175px; margin: 0; overflow: hidden;}
.ads a { padding: 3px 0; }
.ads img { width: 175px; padding: 6px 0; }
.bannerads { width: 100%; height: 80px; margin: 0 0 10px; text-align: center; overflow: hidden; }
.bannerads a { padding: 0 auto; }
.bannerads img { width: 100%; padding: 0 3px; }
.ads div { overflow: hidden;}
.ncba-winner { text-transform: uppercase; font-weight: bold; color: #2574c5; font-size: 85%; border: 1px solid #2574c5; padding: 0 2px .5px; }
.winner, .winner button.ncbr { color: #2574c5; }

/* calendar widget styles */
.calwidget { display: inline-block; width: 234px; margin: 0 0 10px; padding: 2px 2px 6px 6px; background: #f2f2f2; border: 1px solid #aaaaaa; -moz-border-radius: 6px; border-radius: 6px; }
.tabs { float: left; width: 60px; margin: 2px 2px 0; padding: 1px 4px; background: #bbbbbb; font-weight: bold; font-size: 11px; line-height: 13px; }
.tabs a { font-weight: normal; text-decoration: none; color: #000000; }
.tabs a:hover { color: #ff9933; }
#month { background: #e9e3d9; border: 1px solid #948772; }
#monthnorcal { background: #c9e9a6; border: 1px solid #9dcf68; }
#monthsocal { background: #b7e0ea; border: 1px solid #68bacf; }
.month { display: inline-block; width: 226px; padding: 1px; text-align: center; }
.monthlabel { margin-top: 2px; }
.month a { font-weight: normal; font-size: 14px; text-decoration: none; color: #000000; }
.month a:hover { color: #ff9933; }
input { font: 1rem Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #000000; }
input:hover { font: 1rem Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #ff9933; }
input.label { font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #000000; }
input.label:hover { font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #ff9933; }
.date { float: left; width: 32px; height: 24px; font-weight: bold; }
.date:hover { border: 1px solid #fff; width: 30px; height: 22px; }
.date a { font-weight: normal; font-size: 14px; text-decoration: none; color: #000000; position: relative; top: 3px; }
.date:hover a { top: 2px; font-weight: bold; color: #fff; }
.today { float: left; width: 32px; height: 24px; font-weight: bold; background: #fff}
.today a { font-weight: bold; font-size: 14px; text-decoration: none; color: #000000; position: relative; top: 3px; }
.today:hover a, .shown:hover a { color: #ff9933; }
.shown { border: 1px solid #000; width: 30px; height: 22px; background: #fff; }
.shown a { font-weight: bold; top: 2px; }
.dayofweek { float: left; width: 32px; height: 15px; font-weight: bold; margin-top: 5px;}
.linkbar { float: right; width: 74px; height: 100%; padding: 1px 0 1px 4px; color: #ffffff; background: #e9e3d9; border-left: 1px solid #948772; }
.link { font-weight: normal; font-size: 9px; line-height: 10px; color: #b9a28e; padding: 4px 4px 5px 1px; }
.link a { text-decoration: none; }
.link a:hover { color: #ff9933; }
.rule { margin-right: 3px; border-top: 1px solid #948772; }

/* calendar styles */
.listings { padding: 4px 0; }
.listings .head { color: #000000; font-size: 200%; font-weight: normal; } 
.listings .capshead { color: #000000; font-size: 100%; font-weight: bold; text-transform: uppercase; line-height: 20px; } 
.alert { font-size: 100%; text-transform: uppercase; color: #cc0000 } 
.listings ul { list-style-type: square; padding-left: 0; }
.listings li { color: #000000; margin: 0 0 5px 15px;}
.listings li a { text-decoration: none; }
.listings li a:hover { color: #000000; }
.listdate { background: #000000; color: #f2f2f2; padding: 0 6px; font-weight: bold; }
.marquee { margin: 2px 0; text-align: left; overflow: hidden; }
.featured { float:left; width: 125px; margin: 3px 9px 0; font-size: 11px; text-align: left; }
.featured a { padding: 3px 0; text-decoration: none; color: #000; }
.featured a:hover { color: #ff9933; }
.featured img { width: 120px; margin: 2px 0; border: 1px solid #ccc; }
.indent { padding: 0 0 0 9px; line-height: 135%; }

.featuredwidget { min-height: 50px; font-size: 11px; text-align: left; margin: 5px 0 10px; clear: left; overflow: hidden; }
.featuredwidget a { color: #736458; }
.featuredwidget a:hover { color: #ff9933; }
.featuredwidget img { float: left; width: 45px; margin: 0 8px 0 2px; border: 1px solid #ccc; }

.featuredwidget div {
    height: 55px;
    width: 48px;
    margin-right: 10px;
    float: left;
    overflow: hidden;}
.featuredwidget div img {
    height: 65px;
    width: auto;
    position: relative; }

#contact { height: 440px; width: 560px; padding: 0 6px; margin-top: 18px; text-align: left; overflow: auto; } 
.formL { float: left; width: 150px; padding: 1px 5px 1px 0; margin-top: 4px; text-align: right; } 
.formR { float: left; width: 250px; padding: 1px 75px 1px 0; text-align: left; } 
.form2Col { float: left; width: 400px; padding: 1px 80px 1px 0; text-align: left; } 
.formMsg { float: left; width: 400px; padding: 0 80px 0 0; text-align: left; }

/* gallery styles */
.boxwrapper { width: 400px; margin: 5px 8px 30px 1px} 
.slideshow { background: #FFFFFF; margin: auto; border: 1px solid #999999; text-align: left; overflow: hidden; }
.slideshow img { margin: 0; padding: 0; border: 0; }
.slidenav { height: 30px; text-align: right; font-size: 12px; color: #545454; }

.slidenum { font-size: 12px; color: #545454; } 
a.slidenum:link { color: #545454; text-decoration: none; } 
a.slidenum:visited { color: #545454; text-decoration: none; } 
a.slidenum:hover { color: #f7931e; text-decoration: none; }

.current { color: #f7931e; } 
a.current:link { color: #f7931e; text-decoration: none; } 
a.current:visited { color: #f7931e; text-decoration: none; } 
a.current:hover { color: #f7931e; text-decoration: none; }

p.head span.red { display: none; }

#ie7 #wrapper { padding: 0 0 500px; }
#ie7 #premium { position: absolute; left: 810px; top: 0; }
#ie7 #masthead { position: absolute; left: 975px; top: -5px; }
#ie7 #col1 { width: 240px; }
#ie7 #col2 { position: absolute; left: 360px; top: 285px; }
#ie7 #col4 { position: absolute; left: 954px; top: 285px; }

#mc_embed_signup { width: 244px;}
.mc-field-group {margin: 1.3em 0; clear: both; overflow: hidden; }
.mc-field-group label { display: block; margin: 3px 0; line-height: 1em; }
.mc-field-group input { margin-right: 1.5em; padding: 2px; width: 96%; float: left;z-index: 999;}
input#mc-embedded-subscribe { font-size: 100%; padding: 8px 20px; background: #529214; color: #fff; }

/* text formatting styles */
indent { padding-left: 30px; }
halfem { padding-left: 10px; }

#premium { float: right; width: 182px; margin: 0; border: 1px solid #aaaaaa; -moz-border-radius: 6px; border-radius: 0 0 6px 6px; border-top: 0; background: #fff; -moz-box-shadow: 4px 4px 15px #bbbbbb; -webkit-box-shadow: 4px 4px 15px #bbbbbb; box-shadow: 4px 4px 15px #bbbbbb;}
#premium a { color: #000; text-decoration: none; }
#premium a:hover { color: #ff9933; }
#premium p { font-weight: normal; font-size: 11px; text-indent: 0; margin: 4px 6px;}
#premium a.share img { opacity: .6; height: 14px; margin: 4px 6px 0; float: right;}
#premium a.share img:hover { opacity: 1; }
#pfnow { height: 60px; overflow: hidden; }
#pfnow img { width: 100%; position: relative; top: -35px; }

.column.primary { margin-left: 259px; }
.column.secondary { margin-left: -596px; }
.column.secondary#col1 { margin-left: -845px; }
.mobile-only { display: none; }

.chevron::before {
	border-style: solid;
	border-width: 0.1em 0.1em 0 0;
	content: '';
	display: inline-block;
	height: 0.3em;
	left: 0.15em;
	position: relative;
	top: 0.4em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.3em;
}

.chevron--bottom:before {
	top: 0.25em;
	transform: rotate(135deg);
}

/* modal styles */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

button.ncbr {
    border: none;
    padding: 0;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
    color: #736458;
    background: transparent; }
button.ncbr:hover {
	color: #ff9933; }
    
/* Modal Content */
.modal-header { 
  margin-bottom: 20px; 
  width: 100% !important; 
  }

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  margin: -12px -6px 0 0;
  background: transparent;
  border: none;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* The Buy Button */
a.buy {
	padding: 10px;
    background: #736458;
    color: #fff;
    text-decoration: none;
}
a.buy:hover {
    background: #ff9933;
}



/* responsive styles */
@media only screen and (max-device-width: 600px) {
	.modal { padding: 0; margin: 0; }
	.modal-content { width: 90%; margin: 3.5% auto; padding: 20px 30px !important; }
	.close { font-size: 85px; margin-right: 5px !important; }
	a.buy {	padding: 30px 40px ; }
	.desktop-only { display: none; }
	.mobile-only { display: block;}
	.bannerads { height: 300px; }
	.bannerads img { width: auto; height: 100%; margin: 0 auto; }
	.img-full-100 { max-height: 60rem; overflow: hidden; }
	.img-full-100 p { text-align: right; margin: 2px 0 18px; }
	body { font-size: 2.5rem; line-height: 1.25; }
	p { text-indent: 40px; }
	#bar { height: auto; background: #000; padding: 12px; }
	#bar.show { display: block;}
	#bar li { float: none; text-align: center; padding: 5px 0; }
	#bar li a, .post { font-size: 100%; color: #fff;  }
	#bar li img { display: none; }
	.page { margin: 10px; }
	.column, #middle { float: none; }
	.column.primary, .column.secondary, .column.secondary#col1 { margin-left: 5px; }
	#middle { padding: 0; }
	.sidebar, .center, .editmenu, .centerwide { width: auto; padding: 15px; margin-top: 20px; }
	.listings li { margin: 0 0 5px 35px; }
	.sidebar img { width: 25% !important; margin-right: 25px !important; }
	.center img, .ads, .ads img { width: 100%; }
	.more, .featuredwidget, .editmenu, capshead, .submenu { font-size: 100%; }
	.submenu { line-height: 1.1; width: auto; }
	.submenu li { margin: 24px 0; }
	#mc_embed_signup { width: 100%; }
	input#mc-embedded-subscribe { font-size: 115%; padding: 30px 100px; }
	.mc-field-group input { height: 60px;}
	input, input:hover { font-size: 2.5rem }
	#header { background-position: center top; background-size: 90%; font-size: 2rem; line-height: 1.5; text-align: center; width: auto; height: auto; }
	#logo { width: 100%; height: 200px; }
	#tagline, #tagline #date { float: none; width: auto; }
	#tagline { padding: 0 0 20px 0; margin-top:0;}
	#premium, #masthead, .calwidget, #cse-search-form { display: none; }
	#menubar { width: 100%; margin: 0; }
	.note { color: #999; }
	.capshead { margin-top: 10px; }
	.img-left-50, .img-left-33, .img-left-25, .img-left-20, .img-left-15, .img-left-10 { margin-right: 3%; }
	.img-right-50, .img-right-33, .img-right-25, .img-right-20, .img-right-15, .img-right-10 { margin-left: 3%; }
	.centerwide img.thumb { height: auto; width: 33%; }
	.centerwide .head { font-size: 4rem; }
	.sharing img { height: 36px; margin-right: 16px; }
	.poemtitle, poem p { line-height: 1.25; }
	.marquee .featured { width: 231px; font-size: 60%; }
	.marquee .featured img { width: 220px; }
	.menu-toggle {
		width: 100%;
		text-align:center;
		padding:20px 15px;
		background-color:#f2f2f2;
		text-transform:uppercase;
		font-size:1em;
		letter-spacing:0.07em;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		border-left: none;
		border-right: none;
		margin: 0 auto;
		display: block;
	}
}