* { margin:0; padding:0;}
body {background:url(https://staticjw.com/n/templates/BloxyTwo/images/bg.gif) repeat scroll center top #262626; color:#555; font:15px "Helvetica Neue",Verdana,Arial,Helvetica,Geneva,sans-serif; line-height:25px;}
img{ border:none;}
.clear{ clear:both;}
blockquote{ font-style:italic; border-left:1px solid #DDD; margin:5px 0 15px 10px; padding-left:10px; }
p, ul, ol, dl { margin:0 0 10px 0; }
ul { list-style:none;}
h1, h2, h3, h4 {font-family: Play, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #126ec4; padding: 15px 0 10px 0;}
h1 { font-size:30px;line-height: 28px;}
h2 { font-size:24px; }
h3 { font-size:20px; }
a:link{color:#EA6300; text-decoration:none;}
a:hover{text-decoration:underline;}
a:visited{color:#15AADF;}
.r-content-page hr {margin:30px 10px;border:1px solid #F98907;}
/* =Layouts */
#wrapper-r-header{background:url(https://staticjw.com/n/templates/BloxyTwo/images/bg-header.jpg) repeat-x scroll center top transparent; height:236px;}
#wrapper-r-content{background:url(https://staticjw.com/n/templates/BloxyTwo/images/lightcone.png) no-repeat scroll center top transparent; line-height:22px;}
/* =Header */
#r-header {margin:0 auto; position:relative; width:960px;} 
#r-logo{margin:0 0 0 10px; position:relative; top:30px; z-index:2;}
#r-header h3{ padding-bottom:0;font-size:35px;line-height:33px;}
#r-header h3 a{color:#D8EFF8; text-shadow:1px 1px 2px #011F37;text-decoration:none;}
#r-header h4{display:block;font-size:24px; color:#A6CBD6;text-shadow:1px 0px 1px #011F37;padding: 25px 0 13px;} 
/* =Navigation */
#r-menu{position:relative; top:60px; z-index:4; }
#nav{ margin-left:auto; margin-right:auto; text-align:center; overflow:hidden; *padding-left:20px; }
#nav li{ display:inline-block; *display:inline; background: url(https://staticjw.com/n/templates/BloxyTwo/images/nav-right.png) no-repeat scroll right 1px transparent; margin:0 7px 10px 5px; padding:0 7px 0 0; position:relative; *padding-right:0;} 
#nav li:hover, #nav li#active{background-position:right -39px; }
#nav a { display:inline-block;  background: url(https://staticjw.com/n/templates/BloxyTwo/images/nav-left.png) no-repeat scroll left top transparent; padding:0 3px 5px 10px; position:relative; color:#21537F; font-size:13px; line-height:25px; text-decoration:none;}
#nav li:hover a, #nav li#active a{background-position: 0 -40px; }
/* =Header Image */
#header-img{ text-align:center; margin:0 auto; padding: 0;  }
#header-img img{border:none; padding:2px;margin:0 auto;}
/* =Content */
#r-content{margin:0 auto; padding:30px 0; width:960px; overflow:hidden;}
#wrapper-r-article{float:left; margin:0 10px; width:670px; }
#r-article { padding:0 0 30px;line-height: 25px;}
#r-article p{font-size:16px;}
#r-article .r-title-page{background:url(https://staticjw.com/n/templates/BloxyTwo/images/title-page.png) no-repeat scroll left top transparent; max-height:120px; min-height:55px;position:relative;}
#r-article .r-title-page h1{ color:#D8EFF8; text-shadow:1px 1px 2px #011F37; padding-left:10px;}
#r-article img {background-color: #fff;border: 1px solid #CCCCCC;box-shadow: 0 15px 5px -12px #7D7B7B;margin: 10px 0 8px 0;padding: 4px;max-width:100%;height:auto;}
#r-article fieldset[id="contact-form"] {margin:20px 0px 20px 10px;color:#000;border:3px solid #6C9DCB;border-radius:5px 5px 5px 5px;padding:20px 0 20px 52px;width:400px;}
img#rss-img {box-shadow: none;}
fieldset#contact-form label {font-size:13px;}
input:focus, textarea:focus {background:white;border:1px solid #6C9DCB;}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea { padding-bottom:5px; padding-left:5px;padding-top:6px; resize:none; width:338px; margin-bottom:8px;}
#contact-form input[type="text"]:focus, #contact-form input[type="email"]:focus, #contact-form textarea:focus {background-color: #F2F2F2;}
#contact-form input[type="text"]:hover, #contact-form input[type="email"]:hover, #contact-form textarea:hover{background-color: #F2F2F2;}
#contact-form input[type="submit"]{border: 1px solid #666666;border-radius: 4px 4px 4px 4px;box-shadow: 1px 1px 1px #666666;padding: 5px 10px;}
#contact-form input[type="submit"]:hover {background-color: #ccc;cursor:pointer;}
.r-content-page{ background-color:#fff; border-left:1px solid #555; border-right:1px solid #555; border-top: 1px solid #0C607F; padding:20px 25px; width:618px;}
.meta {background:url(https://staticjw.com/n/templates/BloxyTwo/images/page-bottom.png) no-repeat scroll left bottom transparent; padding:10px 25px; }
.top {background:none repeat scroll 0 0 #D9D9D9; border-left:1px solid #444; border-right:1px solid #444444; height:5px; left:-25px; position:relative; top:-10px; width:668px;}
#r-article ul li { list-style:disc outside none; margin: 4px 0 14px 25px; }
#r-article ul, ol, dl { margin-bottom:20px; }
/* =SideBar */
#r-sidebar{float:right; margin:0 10px; width:250px;   }
#r-sidebar ul, #r-sidebar p { margin-bottom:25px; background-color:#fff; padding:15px 15px 15px 25px;border-radius: 0 0 8px 8px;}
#r-sidebar ul { padding-left:40px;}
#r-sidebar div{ margin-bottom:25px;}
#r-sidebar ul li{ padding:4px 0 14px; list-style:disc;}
#r-sidebar ul li a:link{ color:#EA6300; }
#r-sidebar img { background-color:#fff; border:2px solid #CCC; margin-top:10px; padding:2px; }
#r-sidebar h4{background:url(https://staticjw.com/n/templates/BloxyTwo/images/sidebar-head-orange.png) no-repeat scroll left top transparent; max-height:120px;  overflow:hidden; padding:15px 25px 15px 20px; color:#F8EAD9; text-shadow:1px 1px 1px #BD590F; font-size:24px;}
/* =Footer */
#r-footer { clear:both; background: url(https://staticjw.com/n/templates/BloxyTwo/images/bg-footer.jpg) repeat-x scroll 0 0 transparent; padding:20px 0;}
#r-footer p {color:#000; font-size:14px; margin:0 auto; text-align:center; }
#r-footer p a:link{color:#0158A7;}

@media (max-width:1024px) {	
#r-header {
    width: 95%;
}#r-content {
    width: 98%;
}#wrapper-r-article {
    width: 69%;
}#r-article .r-title-page {
    background-size:100% auto;
}
#r-article fieldset[id="contact-form"] {
    width: 65%;
}
input[type="email"], #contact-form textarea {
    width: 85%;
}
#r-sidebar {
    float: left;
    width: 25%;
}
#r-sidebar h4 {
    background-size:100% auto;
}#header-img {
    height: auto;
    margin: 0 auto;
    max-width: 98%;
}.r-content-page {
    padding: 2% 2.5%;
    width: 94.8%;
}
.top {display:none;}
.meta {
    background-size: 93.1% auto;
    width: 100%;
}
}
@media (max-width:900px) {	
.meta {
    background-size: 92.1% auto;
    width: 100%;
}#r-header h4 {
    color: #a6cbd6;
    display: block;
    font-size: 24px;
    padding: 15px 0 13px;}
#r-menu {
    position: relative;
    top: 28px;
    z-index: 4;
}
}
@media (max-width:767px) {	
#wrapper-r-article {
    width: 97%;float:none;margin: 0 auto;
}
#r-sidebar {
    float: none;
    width: 96%;padding:0;margin: 0 auto;
}
#r-sidebar h4 {
    background-size: 60% auto;
}
.meta {
    background-size: 93.5% auto;
    width: 100%;
}
}
@media (max-width:700px) {	
body {background:url(https://staticjw.com/n/templates/BloxyTwo/images/bg.gif) repeat scroll center top #262626!important;}
.meta {
    background-size: 93% auto;
    width: 100%;
}
#r-article img {border:none;padding:0;margin:0;box-shadow:none;}

#r-article .r-title-page {
    background-size: 100% 100%;
}
}
@media (max-width:600px) {	
h1 {
    font-size: 24px;
    line-height: 23px;
}
.meta {
display:none;
}
#r-header h4 {
    font-size: 20px;line-height:20px;
}
#r-header h3 {
    font-size: 32px;
    line-height: 30px;
}
#r-article fieldset[id="contact-form"] {
    padding: 4%;
}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea {
    width: 96%;
}
}
@media (max-width:480px) {	
#r-article fieldset[id="contact-form"] {
    width: 75%;
}
h1 {
    font-size: 23px;
    line-height: 23px;
}
#r-sidebar h4 {
    font-size: 18px;
    padding: 15px 25px 15px 20px;
}
#r-sidebar ul, #r-sidebar p {
    padding: 10px 6px;
}
#r-sidebar ul {
    padding-left: 20px;
}#r-article img {float:none!important;clear:both;}
}
@media (max-width:375px) {	
#r-header h3 {
    font-size: 28px;
    line-height: 28px;
}.blog-date {
    padding-right: 0!important;
}#r-article fieldset[id="contact-form"] {
    width: 80%;
}
}
@media (max-width:335px) {	
body {
    width: 99.9%;
}}