/* 
Title:Offbeat
Description:Mobile ready, responsive layout with top navigation bar,full width pages and fluid width that renders well for easy reading on mobile and handheld devices.
URL:https://webmusicstar.com/offbeat
Created:Feb 23 2013
Version:1.0
*/
body {margin:0 auto;padding:0;background:#D6E8FF;color:#222;font-size:16px;font-family:Verdana,Arial,Helvetica,Sans-Serif}
a,a:visited {color:#0000cc;text-decoration:none}
a:hover {color:#0000ff;text-decoration:none}
img {width:auto;max-width:100%;height:auto} 
.alignright {float:right;padding:6px 0 0 8px;border:none}
.alignleft {float:left;padding:6px 8px 0 0;border:none}
.aligncenter {display:block;text-align:center;margin:0 auto;padding:0;border:none}
.pub {color:#cc0000;font-size:0.9em;font-style:italic;text-align:right;padding:0}
.iframewrap {position:relative;height:0;overflow:hidden;padding-bottom:20%;padding-top:25%;margin-left:-5px}
.iframewrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0}
/*main container*/
@media screen and (max-width:800px) {#container {width:100%;}}
@media screen and (min-width:801px) and (max-width:900px) {#container {width:97%;}}
@media screen and (min-width:901px) {#container {width:91%;max-width:1080px;}}
#container {background:#fff;margin:0 auto;padding:0}
/*header section*/
#header {background:#fff;width:100%;height:auto;max-height:360px;margin:0 auto;padding:0}
/*Navigation bar*/
#navtop {background:#6182AB url('img/bg.gif') bottom center repeat-x;width:100%;height:26px;text-align:center;margin:0 auto;padding:0}
#navtop ul {margin:0;padding:4px 0 0}
#navtop li {display:inline;list-style-type:none;margin:0;padding:0}
#navtop ul li a,#navtop ul li a:visited {font-family:inherit;background:transparent;font-size:1em;font-weight:bold;color:#eee;padding:0 9px;margin:0;text-decoration:none}
#navtop ul li a:hover {color:#0000ff;background:#eee;text-decoration:none;font-weight:bold}
/*Content*/
#content {width:100%;margin:0 auto;background:#fff;padding:0}
#content p {border:none;padding:0 0 15px;margin:0;line-height:20px;text-align:justify}
#content h1 {color:#0000cc;font-size:1.4em;font-family:inherit;font-weight:bold;margin:18px 0 10px;padding:0 0 10px}
#content h2 {color:#0000cc;font-size:1.3em;font-family:inherit;font-weight:normal;margin:10px 0 0;padding:0 0 10px}
#content h3 {color:#0000cc;font-size:1.26em;font-family:inherit;font-weight:normal;margin:10px 0 0;padding:0 0 5px}
#content h1 a,#content h2 a,#content h3 a {color:#0000cc;text-decoration:none}
#content h1 a:hover,#content h2 a:hover,#content h3 a:hover {color:#0000ff;text-decoration:none}
#adbox {background:#fff;width:260px;height:280px;float:right;border:none;padding:10px 0 10px 10px}
#content img {max-width:60%;}
/*full width main content section*/
#contentfull {width:auto;margin:0 10px;padding:0 0 10px}
#contentfull ol {margin:0 0 14px 20px;padding:0}
#contentfull ol li {margin:0 0 8px 20px;padding:0;font-size:1em;font-family:inherit;line-height:20px;text-align:justify}
#contentfull ul {margin:0 0 14px 20px;padding:0 0 10px}
#contentfull ul li {list-style-type:disc;margin:0 0 8px 20px;padding:0;font-size:1em;font-family:inherit;line-height:20px;text-align:justify}
/*Below Content Navigation section*/
#contentbelow {width:auto;margin:0 10px;padding:0 0 10px;border-top:1px solid #0000cc}
#contentbelow h3 {color:#0000cc;font-size:16px;font-family:inherit;font-weight:bold;padding:10px 0;margin:0}
#contentbelow ul {margin:0;padding:0}
#contentbelow ul li {list-style-type:none;display:block;margin:0 0 2px 0;padding:3px 0 2px}
#contentbelow ul li a {list-style-type:none;display:inline;margin:0 0 2px;padding:3px 3px 2px;text-decoration:none}
#contentbelow ul li a:hover {background:#0000cc;color:#fff}
#contentbelow p {padding:3px 10px 0 0;margin:0;line-height:18px}
/*Social buttons section*/
#social {width:90%;margin:0;padding:0 0 10px 10px}
#social ul {margin:0;padding:10px}
#social ul li {list-style-type:none;display:inline;padding:0;margin:0}
#social2 {width:98%;margin:0.9em 0 0;padding:0.9em}
#social2 ul {margin:0;padding:0}
#social2 ul li {list-style-type:none;display:inline;text-align:right;padding:0;margin:0}
.social_fbpad {padding:6px 28px 0 0}
.social_twpad {padding:6px 6px 0 0}
/*footer section*/
#footer {background:#6182AB;width:100%;height:auto;color:#333;font-family:inherit;font-size:0.8em;margin:0 auto 12px;padding:4px 0;text-align:center}
#footer p {padding:0 0 3px;margin:0;line-height:15px}
#footer a,#footer a:visited {color:#0000cc;text-decoration:none}
#footer a:hover {color:#0000ff;text-decoration:underline}
#footer ul {margin:0 0 4px;padding:0}
#footer ul li {display:inline;list-style-type:none;margin:0 0 2px;padding:0}