* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
img, abbr, acronym, fieldset { border: 0; }
code { line-height: 1em; }
pre { overflow: auto; clear: both; }
sub, sup { line-height: 0.5em; }
.post_image, .thumb { display: block; }
.alignleft, .left, img[align="left"] { display: block; float: left; }
.alignright, .right, img[align="right"] { display: block; float: right; }
.aligncenter, .center, img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
.alignnone, .block { display: block; clear: both; }
body { font-size: 15px; font-family: Verdana, sans-serif; color: #444955; background-image: url('images/background.png'); background-position: left top; }
a { color: #623a7e; text-decoration: none; }
a:hover { color: #fde500; text-decoration: none; }
a { color: #444955; text-decoration: none; }
a:hover { color: #fde500; text-decoration: none; }
.page_wrapper { width: 1048px; background-color: #DCD2FB; margin-right: auto; margin-left: auto; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main_section {margin-bottom: 24px;}
#footer_area_bottom .page_wrapper {padding:5px;}
#footer_area_top .page_wrapper {padding:0;}
.navbar { background-color: background: #7c5a9a; /* Old browsers */
background: -moz-linear-gradient(top,  #7c5a9a 0%, #be80ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c5a9a), color-stop(100%,#be80ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7c5a9a 0%,#be80ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c5a9a', endColorstr='#be80ee',GradientType=0 ); /* IE6-9 */; }
/* Responsive Nav Menu */ 
.toggleMenu {display:none;  background:#7c5a9a; padding:10px 15px; color:#0000cc;}
.main_menu .nav a { font-size: 15px; text-align: center; text-decoration: none; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; }
.main_menu .nav ul a { width: auto; }
.main_menu .nav a, .main_menu .nav .current ul a, .main_menu .nav .current-cat ul a, .main_menu .nav .current-menu-item ul a { color: #0000cc; background-color:background: #7c5a9a; /* Old browsers */
background: -moz-linear-gradient(top,  #7c5a9a 0%, #be80ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c5a9a), color-stop(100%,#be80ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7c5a9a 0%,#be80ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c5a9a', endColorstr='#be80ee',GradientType=0 ); /* IE6-9 */}
.main_menu .nav a:hover, .main_menu .nav .current ul a:hover, .main_menu .nav .current-cat ul a:hover, .main_menu .nav .current-parent a:hover, .main_menu .nav .current-menu-item ul a:hover, .main_menu .nav .current-menu-ancestor a:hover { color: #fde500; text-decoration: none; }
.main_menu .nav a:active, .main_menu .nav .current ul a:active, .main_menu .nav .current-cat ul a:active, .main_menu .nav .current-parent a:active, .main_menu .nav .current-menu-item ul a:active, .main_menu .nav .current-menu-ancestor a:active { text-decoration: none; }
.main_menu .nav .current a, .main_menu .nav .current a:hover, .main_menu .nav .current-cat a, .main_menu .nav .current-cat a:hover, .main_menu .nav .current-menu-item a, .main_menu .nav .current-menu-item a:hover { color: #fde500; }
.main_menu {  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width: 100%; background-color: background: #7c5a9a; /* Old browsers */
background: -moz-linear-gradient(top,  #7c5a9a 0%, #be80ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c5a9a), color-stop(100%,#be80ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7c5a9a 0%,#be80ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c5a9a', endColorstr='#be80ee',GradientType=0 ); /* IE6-9 */;} 
.main_menu .nav { display: block; list-style: none; *zoom: 1; background:background: #7c5a9a; /* Old browsers */
background: -moz-linear-gradient(top,  #7c5a9a 0%, #be80ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c5a9a), color-stop(100%,#be80ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7c5a9a 0%,#be80ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c5a9a', endColorstr='#be80ee',GradientType=0 ); /* IE6-9 */;}
.main_menu .nav:before, .main_menu .nav:after { content: " "; display: table; }
.main_menu .nav:after { clear: both; }
.main_menu .nav ul { list-style: none; width:175px;  background:#7c5a9a; z-index:300;}
.main_menu .nav li {  position: relative; }
.main_menu .nav > li {  float: left; }
.main_menu .nav > li > .parent { background-image: url("http://storytellin.com/wp-content/thesis/packages/byob-multi-dropdown-responsive-menu-style/downArrow.png"); background-repeat: no-repeat; background-position: 5px 50%; }
.main_menu .nav li a { display: block; }
.main_menu .nav li ul { position: absolute; left: -9999px; }
.main_menu .nav > li.hover > ul { left:0; }
.main_menu .nav > li li.hover > ul { left:100%; top:0; }
.main_menu .nav li li a { display: block;  position: relative; z-index:100; border-top: 1px solid #000; }
.main_menu .nav li li li a {z-index:200; border-top: 1px solid #000; }
.main_menu .nav .sub-menu.open { display: block; }
@media only screen and (max-width:768px),  screen and (max-device-width:768px) 
 {
   .active { display: block; }
   .main_menu { background-color:transparent; }
   .main_menu .nav a { text-align:left; }
   .main_menu .nav li li a{ padding-left:30px; }
   .main_menu .nav li li li a{ padding-left:35px; }
   .main_menu .nav > li {  float: none; border-top: 1px solid #000; }
   .main_menu .nav > li > .parent {  background-image: none; }
   .main_menu .nav li .more { background-image: url("http://storytellin.com/wp-content/thesis/packages/byob-multi-dropdown-responsive-menu-style/big-down-arrow.png"); background-repeat: no-repeat; background-position: 50% 50%; float: right; width: 20px; padding: 8px 15px; margin: 2px 5px 2px 0px; cursor: pointer; z-index: 200; position: relative; }
   .main_menu .nav li .more:before { content: ""; background: rgba(0,0,0,.3); width: 1px; display: block; position: absolute; top: 0; bottom: 0; left: -2px;}
   .main_menu .nav ul {  display: block; width: 100%; }
   .main_menu .nav > li.hover > ul , .main_menu .nav li li.hover ul {   position: static; }
}
/* End Responsive Nav Menu */ 

.full_width { width: 100%; padding-right: 12px; padding-left: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.front_page .post_box, .front_page .post_box h4 { font-size: 16px; line-height: 29px; }
.front_page .post_box h1, .front_page .post_box .headline { font-size: 28px; line-height: 41px; text-align: left; }
.front_page .post_box .post_content h2, .front_page .post_box h3 { font-size: 20px; line-height: 32px; margin-top: 44px; margin-bottom: 15px; }
.front_page .post_box h5, .front_page .post_box .small { font-size: 13px; line-height: 27px; }
.front_page .post_box .drop_cap { font-size: 58px; line-height: 1em; margin-right: 10px; float: left; }
.front_page .post_box p, .front_page .post_box ul, .front_page .post_box ol, .front_page .post_box blockquote, .front_page .post_box pre, .front_page .post_box dl, .front_page .post_box dd { margin-bottom: 29px; }
.front_page .post_box ul ul, .front_page .post_box ul ol, .front_page .post_box ol ul, .front_page .post_box ol ol { margin-left: 29px; }
.front_page .post_box ul ul, .front_page .post_box ul ol, .front_page .post_box ol ul, .front_page .post_box ol ol, .wp-caption p { margin-bottom: 0; }
.front_page .post_box .left, .front_page .post_box .alignleft, .front_page .post_box .ad_left { margin-bottom: 29px; margin-right: 29px; }
.front_page .post_box .right, .front_page .post_box .alignright, .front_page .post_box .ad { margin-bottom: 29px; margin-left: 29px; }
.front_page .post_box .center, .front_page .post_box .aligncenter { margin-bottom: 29px; }
.front_page .post_box .block, .front_page .post_box .alignnone { margin-bottom: 29px; }
.front_page .post_box .stack { margin-left: 29px; }
.front_page .post_box {color: #116E66; padding:0 12px;}
.front_page .post_box a {color: #fde500;}
.front_page .post_box h1.headline {border: none; color: #020F88;}
.front_widgets { font-size: 16px; line-height: 23px; }
.front_widgets .widget_title { font-size: 20px; line-height: 28px; padding-top: 10px; padding-bottom: 10px; }
.front_widgets p, .front_widgets ul { margin-bottom: 23px; }
.front_widgets li ul { margin-bottom: 0; }
.front_widgets ul { list-style-type: none; list-style-position: inside; }
.front_widgets ul, .front_widgets ol { margin-left: 23px; }
.front_widgets {background-color: #7baaa6; color:#444955;}
.front_widgets > div {padding:20px;}
.front_widgets h4 {color:#d3af35; padding-left:12px; background: #7c5a9a; /* Old browsers */
background: -moz-linear-gradient(top,  #7c5a9a 0%, #be80ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c5a9a), color-stop(100%,#be80ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7c5a9a 0%,#be80ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c5a9a', endColorstr='#be80ee',GradientType=0 ); /* IE6-9 */; }
.front_widgets h5 {font-size:16px; color: #d3af35; padding-top:10px; padding-bottom:20px;}
.columns_321, .columns_321 > .two_thirds, .columns_321 > .third { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.columns_321 > .two_thirds { width: 66.667%; float: left; padding-right: 12px; padding-left: 12px; }
.columns_321 > .third { width: 33.333%; float: left; padding-right: 12px; padding-left: 12px; }
#main_sidebar { padding: 0;}
#page_content_box { background-color: #fff; background-image: url('images/sidebar-bkground.png'); background-position: top right; background-repeat: repeat-y; border-style: none; }
#page_content_box .third {padding:12px 0 0 5px;}
.post_box, .post_box h4 { font-size: 16px; line-height: 26px; }
.post_box h1, .post_box .headline { font-size: 24px; line-height: 35px; }
.post_box .post_content h2, .post_box h3 { font-size: 20px; line-height: 30px; margin-top: 39px; margin-bottom: 13px; }
.post_box h5, .post_box .small { font-size: 13px; line-height: 23px; }
.post_box .drop_cap { font-size: 52px; line-height: 1em; margin-right: 9px; float: left; }
.post_box p, .post_box ul, .post_box ol, .post_box blockquote, .post_box pre, .post_box dl, .post_box dd { margin-bottom: 26px; }
.post_box ul, .post_box ol { margin-left: 26px; }
.post_box ul ul, .post_box ul ol, .post_box ol ul, .post_box ol ol { margin-left: 26px; }
.post_box ul ul, .post_box ul ol, .post_box ol ul, .post_box ol ol, .wp-caption p { margin-bottom: 0; }
.post_box .left, .post_box .alignleft, .post_box .ad_left { margin-bottom: 26px; margin-right: 26px; }
.post_box .right, .post_box .alignright, .post_box .ad { margin-bottom: 26px; margin-left: 26px; }
.post_box .center, .post_box .aligncenter { margin-bottom: 26px; }
.post_box .block, .post_box .alignnone { margin-bottom: 26px; }
.post_box .stack { margin-left: 26px; }
h1.headline {padding-top:12px; border-bottom:2px dotted #7c5a9a; margin-bottom:24px;}
h1.headline, h2.headline, #archive_intro {font-family:'Permanent Marker', cursive;  text-shadow: 2px 2px 2px #aaa; font-variant:small-caps;}
.box h2 {font-family:'Permanent Marker', cursive; text-shadow: 2px 2px 2px #aaa;}
.post_content {padding: 0 12px;}
.post_box .headline_area h1.headline {padding-top:12px; border:none; margin-bottom:0; color:#020F88; font-weight:bold;}
.faux_headline p, .faux_headline h1.archive_title { font-size: 28px; font-weight: bold; color: #50BA01; background-image: url('images/peeper-icon.png'); background-position: 0 5px; background-repeat: no-repeat; border-width: 0 0 2px 0; border-style: dotted; border-color: #7c5a9a; margin-bottom: 12px; padding-top: 12px; padding-bottom: 12px; padding-left: 40px; }
.headline_area { font-size: 13px; color: #444955; margin-bottom: 24px; }
.headline_area a, .headline_area a:visited {color:#020F88; font-weight: bold;}
.headline_area a:hover {color:#444955;}
.headline_area .headline a {text-decoration:none;}
.headline_area .headline a:hover, .headline_area .headline a:visited {color:#00CDCD;}
.ending_post_meta { font-size: 13px; color: #444955; background-image: url('images/tag.png'); background-position: left center; background-repeat: no-repeat; margin-bottom: 24px; padding-top: 24px; padding-right: 10px; padding-bottom: 24px; padding-left: 20px; }
.ending_post_meta .post_tags a {color:#00CDCD; font-weight: bold;}
.ending_post_meta .post_tags a:hover {color:#020F88; }
.ending_post_meta .half.submit{text-align:right;}
.ending_post_meta .half.submit > span {padding-right:5px;}
.submit a { color: #fff; background-color: #623A7E; text-decoration: none; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; }
.submit a:hover { color: #fff; background-color: #B57BE2; text-decoration: none; }
input#submit { color: #fff; background-color: #623A7E; text-decoration: none; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; }
input#submit:hover { color: #fff; background-color: #B57BE2; text-decoration: none; }
input#submit, a#cancel-comment-reply-link {font-family: Verdana,sans-serif; font-size:15px; border:0;}
a#cancel-comment-reply-link, input.wpcf7-submit {background-color: #623A7E; color: #FFFFFF; padding: 10px 15px; text-decoration: none;}
a:hover#cancel-comment-reply-link, input.wpcf7-submit:hover {background-color: #B57BE2; color: #FFFFFF; padding: 10px 15px; text-decoration: none;}
.post_nav { background-color: #DEECEA; border-width: 1px; border-style: solid; border-color: #020F88; margin-bottom: 24px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
.post_nav .next_posts, .post_nav .next_post{float: right;}
.post_nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.comment { font-size: 16px; line-height: 26px; background-color: #DEECEA; border-width: 1px 1px 1px 5px; border-style: solid; border-color: #020F88; margin-bottom: 24px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.comment .comment_author { font-size: 20px; line-height: 32px; }
.comment .comment_aux { font-size: 13px; line-height: 21px; }
.children .comment { list-style-type: none; }
.comment .comment_text ul { list-style-type: none; list-style-position: inside; }
.comment .comment_text li { margin-bottom: 13px; }
.comment .comment_text li ul, .comment .comment_text li ol { margin-top: 13px; }
.comment p, .comment .comment_text ul, .comment .comment_text ol, .comment .comment_text blockquote, .comment .comment_text pre { margin-bottom: 26px; }
.comment .comment_text li ul, .comment .comment_text li ol { margin-left: 26px; margin-bottom: 0; }
.comment .comment_text .left, .comment .comment_text .alignleft { margin-bottom: 26px; margin-right: 26px; }
.comment .comment_text .right, .comment .comment_text .alignright { margin-bottom: 26px; margin-left: 26px; }
.comment .comment_text .center, .comment .comment_text .aligncenter { margin: 0 auto 26px auto; }
.comment .comment_text .block, .comment .comment_text .alignnone { margin: 0 auto 26px 0; }
.comment .avatar {float: left;}
.comment article, .comment footer {margin-left:100px;}
.comment footer {height:40px;}
.comments_intro, .comments_intro a {font-size:20px; color:#020F88; font-weight: bold; margin:24px 0;}
.comment footer {text-align:right; padding-right:24px;}
#comments article > div {padding-left: 5px;}
ul#comments {list-style:none;}
#commentform input[type="text"] { width: 90%; font-size: inherit; line-height: 1em; font-family: inherit; background-color: #DEECEA; border-width: 1px; border-style: solid; border-color: #020F88; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
#commentform input[type="text"]:focus { background-color: #fff; }
#commentform {margin-bottom:24px;}
#comment_form_title, #comment_form_comment > label {font-size: 20px; margin-bottom:12px;}
#commentform label {display:block;}
#commentform textarea, .wpcf7-form-control { width: 90%; font-size: inherit; line-height: 1em; font-family: inherit; background-color: #DCD2FB; border-width: 1px; border-style: solid; border-color: #020F88; margin-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
#commentform textarea, .wpcf7-form-control:focus { background-color: #fff; }
/* a#cancel-comment-reply-link {display:inline-block;} */
.wpcf7-submit {width:100px;}
#main_sidebar .widget { font-size: 15px; line-height: 22px; margin-bottom: 24px; }
#main_sidebar .widget .widget_title { font-size: 22px; line-height: 31px; margin-top: 12px; margin-bottom: 12px; padding-top: 5px; padding-right: 12px; padding-bottom: 5px; padding-left: 12px; }
#main_sidebar .widget p, #main_sidebar .widget ul { margin-bottom: 22px; }
#main_sidebar .widget li ul { margin-bottom: 0; }
#main_sidebar .widget ul { list-style-type: none; list-style-position: inside; }
#main_sidebar .widget_title {color:#d3af35; background: #7c5a9a; /* Old browsers */
background: -moz-linear-gradient(top,  #7c5a9a 0%, #be80ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c5a9a), color-stop(100%,#be80ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7c5a9a 0%,#be80ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7c5a9a 0%,#be80ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c5a9a', endColorstr='#be80ee',GradientType=0 ); /* IE6-9 */; padding:0;}
#main_sidebar .widget div, #main_sidebar .widget p, #main_sidebar .widget ul {padding:0 12px 0 12px;}
.searchform .input_text { width: 100%;}
#footer_area_top .widget { font-size: 15px; line-height: 24px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
#footer_area_top .widget .widget_title { font-size: 20px; line-height: 32px; }
#footer_area_top .widget p, #footer_area_top .widget ul { margin-bottom: 24px; }
#footer_area_top .widget li ul { margin-bottom: 0; }
#footer_area_top .widget ul { list-style-type: none; list-style-position: inside; }
#footer_area_top .widget_title, #footer_area_top .widget_title .rsswidget {color: #d3af35;}
#footer_area_top .widget {color: #00CDCD;}
#footer_area_top .widget a {color: #623a7e; text-decoration: none;}
#footer_area_top .widget a:hover {color: #fde500; text-decoration: none;}
#footer_area_top .widget ul{margin-left: 12px;}

.footer { width: 1000px; margin-right: auto; margin-left: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.columns_3, .columns_3 > .third, .columns_3 > .third, .columns_3 > .third { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.columns_3 > .third { width: 33.333%; float: left; padding-top: 12px; padding-right: 12px; padding-left: 12px; }
.columns_3 > .third { width: 33.333%; float: left; padding-top: 12px; padding-right: 12px; padding-left: 12px; }
.columns_3 > .third { width: 33.333%; float: left; padding-top: 12px; padding-right: 12px; padding-left: 12px; }
#footer_area_bottom { font-size: 10px; line-height: 19px; font-weight: bold; color: #444955; }
#footer_area_bottom .page_wrapper {background-color: #040507;}
#bottom_right {text-align:right;}
#bottom_right a {color:#623a7e; text-decoration: none;}
#bottom_right a:hover {color:#fde500; text-decoration: none;}
.columns_2, .columns_2 > .half, .form_submit, .columns_2 > .half, .form_cancel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.columns_2 > .half, .form_submit { width: 50%; float: left; padding-right: 12px; padding-left: 12px; }
.columns_2 > .half, .form_cancel { width: 50%; float: left; padding-right: 12px; padding-left: 12px; }
.columns_2 > .half.submit {float:right;}
.bottom_menu { position: relative; list-style: none; z-index: 50; }
.bottom_menu li { position: relative; float: left; }
.bottom_menu ul { position: absolute; visibility: hidden; list-style: none; z-index: 110; }
.bottom_menu ul li { clear: both; }
.bottom_menu a { display: block; }
.bottom_menu ul ul { position: absolute; top: 0; }
.bottom_menu li:hover ul, .bottom_menu a:hover ul, .bottom_menu :hover ul :hover ul, .bottom_menu :hover ul :hover ul :hover ul { visibility: visible; }
.bottom_menu :hover ul ul, .bottom_menu :hover ul :hover ul ul { visibility: hidden; }
.bottom_menu ul, .bottom_menu ul li { width: 150px; }
.bottom_menu ul ul, .bottom_menu :hover ul :hover ul { left: 150px; }
.bottom_menu a { font-size: 13px; font-weight: bold; text-decoration: none; padding-right: 12px; padding-left: 12px; }
.bottom_menu ul a { width: auto; }
.bottom_menu a, .bottom_menu .current ul a, .bottom_menu .current-cat ul a, .bottom_menu .current-menu-item ul a { color: #623a7e; }
.bottom_menu a:hover, .bottom_menu .current ul a:hover, .bottom_menu .current-cat ul a:hover, .bottom_menu .current-parent a:hover, .bottom_menu .current-menu-item ul a:hover, .bottom_menu .current-menu-ancestor a:hover { color: #fde500; text-decoration: none; }
.bottom_menu .current a, .bottom_menu .current a:hover, .bottom_menu .current-cat a, .bottom_menu .current-cat a:hover, .bottom_menu .current-menu-item a, .bottom_menu .current-menu-item a:hover { color: #fde500; text-decoration: none; }
.bottom_menu .current-parent > a, .bottom_menu .current-cat-parent > a, .bottom_menu .current-menu-ancestor > a { color: #fde500; }
#menu-bottom-menu #menu-item-27 {border-right: 2px solid #623a7e;}
.box .effect { background-color: #DCD2FB; margin-top: 30px; margin-right: auto; margin-bottom: 30px; margin-left: auto; }
.box h3{text-align:center; position:relative; top:80px;}
.box {width:75%; height:auto;}

/*==================================================
 * Shadow Effect
 * ===============================================*/

.effect{position:relative; -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}

.effect:before, .effect:after{content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px;}

.effect:after{right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg);}

.double {width:100%; padding:8px;}
.clearfix:after{ clear:both; content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#calendar.box h2, #peepers.box h2, #one_world.box h2, #cds.box h2, #dvds.box h2, #tree.box h2, #schools_libs.box h2, #preschool.box h2{margin-top:10px;}

#maryjo.box {padding:20px; margin:0 auto; }
#quote.box {width:90%;background-color:#99ff99; padding:15px; margin-left:auto; margin-right:auto; border:solid #33cc33 10px;}
#calendar.box {width:40%; background-color:#fbf29d; padding:15px; margin-left:auto; margin-right:auto;  border:solid #00F 10px;}
#calendar{float:left;}
#peepers.box {width:40%; background-color:#fbf29d; padding:15px; margin-left:auto; margin-right:auto; border:solid #33cc33 10px;}
#peepers{float:right;}
#cds.box {width:40%; background-color:#ccffff; padding:15px; margin-left:auto; margin-right:auto; border:solid #02fffa 10px;}
#cds{float:left;}
#dvds.box {width:40%; background-color:#99ff99; padding:15px; margin-left:auto; margin-right:auto; border:solid #33cc33 10px;}
#dvds{float:right;}
#one_world.box {width:80%; padding:20px; margin-left:auto; margin-right:auto;}
#tree.box {width:90%; padding:20px; margin-left:auto; margin-right:auto;}
#schools_libs.box {width:80%; padding:20px; margin-left:auto; margin-right:auto;}
#preschool.box {width:80%; background-color:#ccffff; padding:20px; margin-left:auto; margin-right:auto; border:solid #00F 10px;}

@media only screen and (max-width:1024px),
	    screen and (max-device-width:1024px) and (orientation:landscape)
	{ 
img{max-width:100%; height:auto;}
.page_wrapper { 
	width:auto;
	padding:0 8px;
	margin:0;
}

#header{ 
     width:auto;
     height:auto;
     margin-left:0;
     }

.footer{ 
     width:auto;
     height:auto;
     margin-left:0;
     }

/* columns_321 is main body */
.columns_321 .two_thirds { 
	width:auto;
	margin-right:344px;
	}
.columns_321 .third { 
	float:left;
	width:344px;
	margin-left:-344px;
	}
}

@media only screen and (max-width:800px),
            screen and (max-device-width:800px) and (orientation:portrait)
	{
.page_wrapper {
     width:auto;
     padding:0;
     }

#page_content_box {background-image:none;}
.columns_321 .third {background: #ede8fb;}

.columns_2 .half { 
	width:100%;
	float:none;
        padding-bottom:20px;
	}
.columns_2 .half.submit { 
        text-align:center;
	}
}
@media only screen and (max-width:600px),
	    screen and (max-device-width:600px)
	{ 
.columns_321 .two_thirds { 
	width:100%;
	margin-right:0;
	clear: both;
	}
.columns_321 .third { 
	float:none;
	width:100%;
	margin-left:0;
	clear:both;
	}
.columns_3 .third { 
     float:none;
     width:100%;
     margin:0 auto;
     padding-bottom:24px;
     }
}

@media only screen and (max-width:320px),
	    screen and (max-device-width:320px)
	{ 
.columns_3 .third { 
     max-width:300px;
     }
}
.main_menu .nav:after, .columns_3:after, .columns_2:after, .columns_321:after, .post_box:after, .post_box .post_content:after, .front_page .post_box:after, .front_page .post_box .post_content:after, .bottom_menu:after, .comment .comment_text:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }