@import url(https://fonts.googleapis.com/css?family=Bitter:700);
body {background: url(https://staticjw.com/n/templates/CitizenJournal/images/bg.jpg) repeat-x scroll #ffdb69;color: #5E5E5E;font-family: Verdana, Geneva, sans-serif;font-size: 14px;line-height: 1.5em;}
#container{width: 96%;margin: 0 auto;padding: 0 2%;max-width: 1044px; /* remove or edit to adjust width */}
.col300 {width: 31.333%;} /* width 300px / grid_4 */
.col300, .col620 {display: inline;float: left;margin-left: 12px;margin-right: 1%;position: relative;}
#main {margin-left: 0;} /* fixes alignment (defaulted at col620) */
#main h1, #main h2 {margin: 31px 0 7px !important;}
#main ul {list-style: square;}
#sidebar {margin-right: 0;} /* fixes alignment (defaulted at col300) */
a, a:visited {color: #cd3e25;}
a:hover {color: #CD3E25 !important;text-decoration: underline !important;}
a:link {-webkit-tap-highlight-color : rgba(0,0,0,0);color: #5E5E5E;text-decoration: none;}
::-webkit-selection {background: #6fc2f6;color:#fff;text-shadow : none;}
::-moz-selection {background: #6fc2f6;color:#fff;text-shadow : none;}
::selection {background: #6fc2f6;color: #fff;text-shadow : none;}
h1, .h1 {color: #CD3E25; font-style: normal;letter-spacing: -1px;line-height: 28px;}
h2, .h2 {color: #CD3E25;margin-bottom: -8px;margin-top: 21px;text-shadow: 0 0 0.02em #CCCCCC;}
h3, .h3 {color: #CD3E25;margin-bottom: -8px;margin-top: 21px;text-shadow: 0 0 0.02em #CCCCCC;}
h4, .h4 {background: url(https://staticjw.com/n/templates/CitizenJournal/images/widget-title.png) no-repeat right bottom transparent;font-family: 'Bitter', Georgia, "Times New Roman", Times, serif;font-weight: 700;font-size: 20px;color: #fff;text-shadow: 1px 1px #000;margin-left: 0;margin-right: -7px;padding: 5px 10px 16px 10px;margin-bottom: -8px;border-radius: 0 6px 0 0;}
#site-heading {min-height: 85px;padding-top: 10px;}
#site-title {font-family: 'Bitter', Georgia, "Times New Roman", Times, serif;font-weight: 700;font-size: 45px;margin-bottom: .2em;margin-right: 300px;}
#site-title  a:hover {color: #FFDB68 !important;}
#site-title {color: #FFDB68; margin-top:0px;text-decoration: none !important;text-shadow: 1px 1px #000000;}
#site-title a {color: #FFDB68;text-decoration: none !important;}
#site-description {font-size: 1.1em;color: #fff;text-shadow: 1px 1px #000;}
#site-heading  h2 {margin-bottom: 27px;margin-top: 0;}
#header-img {border: 6px solid #FFFFFF;border-radius: 5px 5px 5px 5px;box-shadow: 2px 2px 2px 2px #333333;display: table;margin: 0 auto 20px;position: relative;text-align: center;z-index: -1;}
#header-img img { }
.menu  ul {display: block;margin-bottom: 0;margin-right: -1px;padding-bottom: 5px;}
div.menu {margin-right: -1px;padding-bottom: 5px;}
ul.menu {display: block;}
.menu ul li {margin-right: 5px;}
.menu ul li a, .menu #menu-icon {font-family: 'Bitter', Verdana, Geneva, sans-serif;font-weight: 700;padding: 10px 20px;color: #00566a;background: url(https://staticjw.com/n/templates/CitizenJournal/images/trans.png);border-radius: 5px 5px 0 0;box-shadow: 0 3px 3px #fff inset;text-decoration: none;}
.menu #menu-icon {background: #fff;cursor: pointer;display: none;}
.menu ul li a:hover {background: none repeat scroll 0 0 #FFFFFF;color: #00566A !important;text-decoration: none !important;}
.menu ul li:first-child a {background: #fff;}
.menu ul li.current-menu-item a,  .nav ul li.current_page_item a,  .menu ul li.current_page_item a {background: #fff;}
.menu ul li ul.sub-menu,  .menu ul li ul.children {background: #fafafa;box-shadow: 1px 1px 3px #aaa;}
.menu ul li ul.sub-menu li,  .menu ul li ul.children li {border-bottom: 1px solid #f0f0f0;width: 200px;}
.menu ul li ul.sub-menu li a,  .menu ul li ul.children li a {box-shadow: none;font-family: Verdana, Geneva, sans-serif;font-weight: normal;font-size: 12px;}
.menu ul li ul li a {color: #555;text-shadow: 0px 0px;}
.menu ul li ul li a:hover {background: #f5f5f5;color: #555;}
.menu ul li ul li ul.sub-menu,  .menu ul li ul li ul.children {margin-top: -41px;}
.clear {clear: both;}
#content {background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-radius: 5px 5px 5px 5px; border-right: 1px solid #000000;margin-top: -1px;padding-bottom: 1px;padding-top: 1px;}
.widget-area.col300  p {padding-bottom: 10px;padding-left: 13px;width: 280px;}
#main {margin-left: 40px;margin-top: 28px;padding-right: 18px;width: 635px;}
#main h4 {background: none repeat scroll 0 0 transparent !important;color: #000000 !important;font-size: 13px;font-weight: normal !important;text-shadow: none;}
#main li {margin-bottom: 7px;}
#sidebar {background: #fff;margin-top: 2.2em;position: relative;left: 1px;}
#sidebar h4 {margin-bottom: 7px;margin-right: -7px;margin-top: 35px;}
#sidebar ul, #sidebar p {margin-top: -10px !important;}
#sidebar  ul {background: url(https://staticjw.com/n/templates/CitizenJournal/images/bg.png) repeat scroll 0 0 transparent;list-style: none outside none;margin-bottom: 0;margin-top: 15px;padding-left: 12px;}
#main  header {border-bottom: 1px dashed #A3DAE1;}
#sidebar li {background: url(https://staticjw.com/n/templates/CitizenJournal/images/bullet.png) no-repeat scroll 0 9px transparent;border-bottom: 1px dashed #A3DAE1;padding-bottom: 5px;padding-left: 18px;padding-top: 5px;width: 280px;}
form {border: none;}
fieldset {border: 1px dashed #A3DAE1;padding-left: 40px;padding-top: 80px;width: 490px;}
.post_content img {margin-top: .75em}
#content img {background: #fff;padding: 2px;border: 2px solid #ccc;margin: 10px;}
blockquote {font-style: italic;margin:10px;}
blockquote:before {color: #C7C7C7;content: "“";font-family: georgia;font-size: 54px;margin-left: -36px;margin-top: 4px;position: absolute;}
blockquote:after {color: #C7C7C7; content: "”";font-family: georgia;font-size: 54px;margin-left: 611px;margin-top: -23px;position: absolute;}
#main a {color: #CD3E25;}
textarea {border: 2px solid #E3E3E3;margin-left: 108px;position: relative;top: -19px;}
textarea:hover { background: none repeat scroll 0 0 #CCCCCC; border: 2px solid #000000; cursor: pointer;}
#contact-form  input {border: 2px solid #E3E3E3;margin-left: 108px;position: relative;top: -19px;}
#contact-form  #contact-button { border: 1px solid #929292; border-radius: 5px 5px 5px 5px; color: #565656; margin-left: 173px;  margin-top: 33px;padding: 3px;}
#contact-form input[type="text"]:hover, #contact-form input[type="email"]:hover, #contact-form textarea:hover {background: none repeat scroll 0 0 #F4F4F4 !important;border: 2px solid #929292 !important;color: #000000 !important; cursor: text !important;resize: none;}
#contact-form  input:hover { background: none repeat scroll 0 0 #CCCCCC; color: #000000 !important;cursor:pointer;border:1px solid #333 !important;}
footer[role=contentinfo] {padding: 1.2em 0;}
#nav  li {display: inline;}
 @media screen and (min-width: 768px) {
ul.menu, div.menu ul {display: table !important; margin:0 auto; padding-left:0px;}
}
footer {font-family: Verdana;font-weight: 700;text-align: center;padding: 1.2em 0;}