@import "https://fonts.googleapis.com/css?family=Berkshire+Swash";
header, footer, section, aside, article, figure {display: block;margin: 0;padding: 0;}
body {background-color: #EEEEEE;color: #333333;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.6em;margin: 0;padding: 0;}
.wrapper {margin: 0 auto;width: 960px;}
header {background-color: #884D99;margin-bottom: 40px;padding: 30px 0 0;}
header .wrapper {padding-bottom: 20px;}
#header-img {border: 4px solid #D4CFD6;border-radius: 6px 6px 6px 6px;box-shadow: 0 54px 26px -46px #000000;display: table;margin: 0 auto 15px;}
#header-img img {display: table;margin: 0 auto;}
header .title {color: #FFFFFF;font-family: "Berkshire Swash",cursive;font-size: 42px;font-weight: 700;margin: 0 0 5px;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}
.description {color: #FFFFFF;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 15px;font-weight: bold;margin: 0 0 30px;text-shadow: none;}
.content {float: left;width: 630px;}
article h2, article h3 {margin-bottom: -9px;margin-top: 25px;}
h1, h2, h3, h4, h5, h6 {color: #6F328B;font-family: "Berkshire Swash",cursive;font-weight: 400;line-height: 1em;margin: 0 0 0.5em;text-shadow: 2px 2px 1px #CCCCCC;}
h1 a, h2 a, h3 a {color: inherit;text-decoration: none;}
h1 {font-size: 34px;}
h2 {font-size: 30px;}
h3 {font-size: 26px;}
h4 {font-size: 22px;}
aside h4 {margin-bottom: -7px;margin-top: 25px;}
.sidebar {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;border-radius: 5px 5px 5px 5px;float: right;padding: 0 15px 15px;width: 280px;}
.sidebar ul {color: #999999;font-size: 13px;list-style: square outside none;}
.sidebar a {color: #666666;}
.sidebar a:hover {color: #000000;}
.post a:hover {color: #471D5B !important;}
.post a {color: #9517D2 !important;}
.post a:visited {color: #9900FF;}
.post a:active {color: #9933FF;}
.post li {margin-bottom: 7px;}
.post{background-color: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 5px 5px 5px 5px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);margin: 0 0 30px;padding: 20px;}
.post img {border: 2px double #CCCCCC;color: #EEEEEE;margin: 0;padding: 2px;}
blockquote {background-color: #EEEEEE;border: 1px solid #CCCCCC;border-radius: 5px 5px 5px 5px;clear: right;display: table;margin: 20px 0 0;padding: 0 50px;position: relative;}
blockquote:before, blockquote:after {color: #CCCCCC;display: block;font-size: 62px;height: 30px;position: absolute;width: 30px;}
blockquote:before {content: "“" !important;left: 10px;top: 20px;}
blockquote:after {bottom: -15px;content: "”";right: 5px;}
#contact-form input[type="text"],#contact-form input[type="email"], #contact-form textarea {color: #A877EE;padding-bottom: 5px;padding-left: 5px;padding-top: 5px;width: 447px; resize:none;}
ul, ol {padding-left: 30px;}
footer {background-color: #000000;clear: both;padding: 20px 0;color: #fff ;}
footer a:hover {color: #CCCCCC;}
footer a {color: #333333;text-decoration: none;}
footer .credits {font-size: 12px;padding-top: 20px;text-align: center;}
.screen-reader-text, .assistive-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;}
.menu {margin: 0 auto !important;}
#nav > li {display: inline-block;}
nav[role="navigation"] div.menu {margin-right: -1px;padding-bottom: 5px;}
nav[role="navigation"] .menu ul li {margin-left: 2px;margin-right: 2px;}
nav[role="navigation"] .menu ul li a, nav[role="navigation"] .menu #menu-icon {border-radius: 5px 5px 0 0;box-shadow: 0 3px 3px #FFFFFF inset;color: #FFFFFF;font-family: 'Bitter',Verdana,Geneva,sans-serif;font-weight: 700;padding: 10px 20px;text-decoration: none;}
#nav {display: table !important;margin: 0 auto !important;padding: 0 !important;}
nav[role="navigation"] .menu ul li a:hover {background: none repeat scroll 0 0 #EEEEEE;color: #884D99;text-decoration: none !important;}
nav[role="navigation"] .menu ul li#active a {background: none repeat scroll 0 0 #EEEEEE;color: #884D99;}
fieldset {border: 1px dashed #CCCCCC;padding-left: 40px;padding-top: 23px;width: 490px;}