/***RESET CSS**/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	border: 0;font-family: inherit;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
html {overflow-y: scroll;}
body {background-color:#D8EEED;line-height:25px;font-size:18px !important;font-family: "Port Lligat Sans",Helvetica,sans-serif;color:#333;}
article,.r-sidebar,details,figcaption,figure,footer,header,nav,section {display: block;}
table {border-collapse: separate;	border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a:link{color: #39ACA0;text-decoration: none;transition: all 0.3s ease-in-out 0s;}
a:focus {outline: thin dotted;}
a:hover,a:active {color: #F38533;transition: all 0.3s ease-in-out 0s;}
a:visited {color: #F48533;transition: all 0.3s ease-in-out 0s;}
a img {border: 0;}
img{ border:none; margin:0;}
h1, h2, h3, h4{ margin:0; padding:0;}
.clear{ clear:both;}.clear2{ clear:both; padding-bottom:5px}.wrapper {margin:0 auto;width: 1000px;}
.wrapper p { margin-top:5px;}
#container_fishes {background: url(https://staticjw.com/n/templates/SomethingFishy/images/fish.png) repeat scroll 0 0 transparent;width:100%;}
#container_bubles {background:url(https://staticjw.com/n/templates/SomethingFishy/images/bubles.png) repeat scroll 0 0 transparent;width:100%;background-size: 650px auto;}
#container_worm {background:url(https://staticjw.com/n/templates/SomethingFishy/images/worm.png) repeat scroll 0 0 transparent;width:37px;height:400px;position:fixed;left:60px;}
ul, ol {margin:15px 0 12px 25px;}
/***  HEADER  ***/
#header-img img {border: none;}
#header-img { margin: 0 auto; text-align:center;}
.title-desc h3 {color: #39ACA0;font-family: Pacifico,cursive;font-size: 35px;line-height: 32px;margin: 0.18em 0;}
.title-desc a {color: #39ACA0;font-family: Pacifico,cursive;font-size:60px;line-height: 70px;margin: 0;padding: 0;position: relative;text-decoration: none;z-index: 20;}
.main-navigation h4 {color: #fff;line-height:20px;float: left;*float:none;font-family: "Port Lligat Sans",Helvetica,sans-serif;font-size: 17px;text-shadow: 1px 2px 2px #666;margin: 0.4em 0 0.4em 1.6em;max-width: 45%;position: relative;z-index: 20;}
h2 {line-height: 20px;}
#masthead {margin: 0 auto;padding: 30px 0 5px;position: relative;width: 1000px;z-index: 50;}
/*MENU NAVIGATION*/
#r-menu {background: url(https://staticjw.com/n/templates/SomethingFishy/images/menu.png) repeat scroll 0 0 transparent;border-radius: 2px 2px 2px 2px;display: block;float: right;font-size: 18px;margin: 0 0 20px;min-height: 38px;padding: 0;position: relative;text-align: left;width: 100%;}
#nav{text-align:center; overflow:hidden; *padding-left:20px;list-style: none outside none;margin: 0 auto;float:right;min-height: 39px;}
#nav li { display: inline-block; *display:inline;float: left;font-family: Oswald,Helvetica,sans-serif;min-height: 39px;}
#nav li a {display: table;padding:9px;text-decoration: none;}
#nav li a:hover{background: url(https://staticjw.com/n/templates/SomethingFishy/images/menubg.jpg) repeat scroll 0 0 transparent;padding:9px;color:#fff;}
li#active a{background: url(https://staticjw.com/n/templates/SomethingFishy/images/menubg.jpg) repeat scroll 0 0 transparent;color:#fff;margin-right: 7px;}
/*   CONTENT  */
.content{margin: 20px auto;min-height: 600px;width: 1000px;z-index: 40;}
.content p {padding-top:5px;padding-bottom:15px;}
.r-article {background: url(https://staticjw.com/n/templates/SomethingFishy/images/fondo_blanco.png) repeat scroll 0 0 transparent;margin: 0 0 3.2em;padding: 1.6em;position: relative;border-radius: 2px 2px 2px 2px;}
.sideba-r{background: url(https://staticjw.com/n/templates/SomethingFishy/images/fondo_blanco.png) repeat scroll 0 0 transparent;border-radius: 2px 2px 2px 2px;font-size: 17px;line-height: 20px;margin: 0 0 20px;padding:20px;word-wrap: break-word;}
.r-article img {background: none repeat scroll 0 0 #fff;border: 2px solid #ccc !important;max-width:100%;height:auto;padding: 2px;box-shadow: 0 18px 6px -16px #000;margin: 10px 20px 5px 0!important;}
.r-article {float: left;padding-left: 20px;padding-right: 20px;width: 650px;border-radius:2px 2px 2px 2px;}
.r-article h1{color: #F38533;font-family: Oswald,sans-serif;font-size: 27px;line-height: 26px;margin: -4px 0 10px;padding: 0;}
.r-article h2 {font-family: Oswald,sans-serif;font-size: 25px;font-weight: normal;line-height: 20px;margin-top: 23px;}
.r-article h3 {font-family: Oswald,sans-serif;font-size: 24px;font-weight: normal;line-height: 20px;margin-top: 23px;}
.r-article li {margin-bottom: 8px;}
.r-article blockquote p {font-style: oblique;}
.r-article blockquote:before {color: rgba(99, 200, 189, 0.5);content: "“";font-family: 'Trebuchet MS', serif;font-size: 73px;margin-left: -47px; margin-top: 25px;position: absolute;text-shadow: 1px 1px 0 #F7F5F5;}
img#rss-img {border:none!important;box-shadow: none!important;background: none!important;}
/*Contact Form*/
fieldset#contact-form {background-color: #FCFCFC;border: 1px solid #B3B3B3;border-radius: 2px 2px 2px 2px;box-shadow: 1px 1px 4px 0 #ccc inset;font-family: sans-serif;font-size: 14px;padding:15px;width: 352px;}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);border: 1px solid #BDE2DF;color: #555;font-family: "Port Lligat Sans",Helvetica,sans-serif;font-size: 18px;line-height: 20px;border-radius: 2px 2px 2px 2px;box-shadow: 1px 1px 4px 0 #ccc inset;padding: 5px 6px 5px 5px;width: 339px;}
#contact-form input[type="text"]:focus, #contact-form input[type="email"]:focus, #contact-form textarea:focus {background-color: #D8EEED;}
#contact-form input[type="text"]:hover, #contact-form input[type="email"]:hover, #contact-form textarea:hover{background-color: #F2F2F2;}
#contact-form input[type="submit"] {background: none repeat scroll 0 0 #D8EEED;border: 1px solid #999;color: #555;border-radius: 3px 3px 3px 3px;box-shadow: 0 0 2px 0 #ccc;float: right;font-size: 14px;padding: 5px 20px;}
#contact-form input[type="submit"]:hover {background:#91cfcc;color: #333;cursor:pointer;}
blockquote {margin: 0 0 0 30px;padding: 10px 0 10px 30px;position: relative;z-index: 1;}
/*SIDEBAR*/
.r-sidebar p {margin-top: 0 !important; padding-left:10px;}
.r-sidebar {float: right;width: 300px;}
.r-sidebar ul{margin-left:25px;list-style:disc;}
.r-sidebar li {margin-bottom: 16px;}
.r-sidebar h4:first-child {margin-top: 10px;color: #777;font-family: Oswald,sans-serif;font-size: 18px;line-height: 20px;padding: 0;}
.r-sidebar h4 {margin-bottom: 0;margin-top: 25px;color: #777;font-family: Oswald,sans-serif;font-size: 18px;line-height: 20px;padding: 0;}
/*  FOOOTER   */
.r-footer {background:url(https://staticjw.com/n/templates/SomethingFishy/images/footer3.png) repeat-x scroll bottom center;padding-bottom: 35px;padding-top: 15px;text-align: center;height:228px;}
small{color: #ccc;position: relative;top: 222px;}
/*  TABLES   */
table {margin: 0 0 1.6em 0;padding: 0;border-collapse: collapse;width: 100%;}
tr,td,th {vertical-align: top;padding: .4em .8em;margin: 0;border: 0 none;}
td {border-bottom: 1px solid rgba(255, 255, 255, .1);}
tr.alternate {background-color: rgba(119,119,119,.05);}
th {background-color: #f38533;color: #fff;text-align: left;	font-family: Oswald, Helvetica, sans-serif;	font-weight: normal;}
.r-article hr {margin:30px 10px;border:1px solid #94DCD8;}
.blog-date { margin-top: -8px !important;}
.blog-post h2.blog-title {
    font-size: 24px;
    line-height: 22px;
}
@media screen and (max-width:1030px) {
    .wrapper,#masthead{width:100%}
    .main-navigation h4{max-width:23%}
    .content{margin:20px auto;min-height:60%;width:100%;z-index:40}
    .r-article{padding-left:2%;padding-right:2%;width:65%}
    .r-sidebar{width:30%}
}
@media screen and (max-width:800px) {
    .main-navigation h4{max-width:100%;clear:both}
    #nav li{display:inline-block;float:left}
    .r-article{padding-left:2%;padding-right:3%;width:95%;float:none}
    .r-sidebar{width:100%;float:none}
}
@media screen and (max-width:700px) {
    body{background:none repeat scroll 0 0 #D8EEED!important}
    #container_worm{top:0}
    .title-desc a{font-size:50px;line-height:50px}
    .wrapper,#masthead{overflow:hidden}
    .r-sidebar p{padding-left:0}
}
@media screen and (max-width:480px) {
    .r-article img{float:none!important;border:none;box-shadow:none;clear:both;padding:0}
    .r-article blockquote::before{font-size:48px;margin-left:-25px;margin-top:12px}
    blockquote{margin:0 0 0 15px;padding-left:10px}
    fieldset#contact-form{width:85%}
    #contact-form input[type="text"],#contact-form input[type="email"],#contact-form textarea{width:95%}
    .title-desc a{font-size:30px;line-height:32px}
    .r-article h1{font-size:25px;line-height:23px}
    .sideba-r{padding:14px}
    .r-article,.sideba-r{background:none}
    #container_worm{display:none;}
    .r-article {padding:2%}
    .content {margin-top:5px;}
    #masthead {  padding: 8px 0 5px;}
    .r-article h1 {  margin: 10px 0 5px;}
}