/*======================================
Theme Name: JoeFirstman
Theme URI: http://www.joefirstman.com
Description: Joe Firstman Official Website
Version: 2.0
Author: CarlMarks Media Group
Author URI: http://www.carlmarksmedia.com
======================================*/

/*============================ RESET ============================*/

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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
 {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;}

/*============================ SETUP ============================*/

html {font-size: 100.01%;}
html, body {height: 100%;}
body {border: 0;color: #fff;background: url(images/bg.jpg) no-repeat #000;background-position:top;line-height:20px;}
ul, ol {list-style: none;}
img {border: none;}
.clear {clear: both;}
a:hover, a:active {text-decoration: none;}

/*============================ CONTAINERS ============================*/

#mastercontainer {background: url(images/body-bg.jpg) no-repeat top center;} 
#container {width: 1000px;margin: 0px auto 0 auto;}
#push-container {width: 1000px;margin: 100px auto 0 auto;}
#bodycontainer {margin: 0px auto 0 auto;  width: 980px;overflow:auto; padding:10px;}

/*============================ COLUMNS ============================*/

#sidecolumn {margin:-15px 20px 0px 20px; float:left;width: 310px;}
#maincolumn {float: left;margin: 0px 0px 0px 15px; width: 600px;}
#main-inner {float: left;}

#content {margin: 0;padding: 20px 20px 10px 0px;}
#entries {margin: 0px 0px;}

/*============================ HEADER ============================*/





#nav-bar {margin:20px 0px 0px 0px;float:left;width:100%;}

#social {width:170px; height:34px;display:block; margin:10px 20px 0px 0px;float:right;}

/*============================ NAVIGATION ============================*/

#navleft ul,#navright ul  {list-style: none;}

#navleft li,#navright li  {float:left; margin: 0px 15px 0px 0px;font-size: 38px;width:auto;display:inline; color: #4b4b4b;text-decoration: none;font-family: 'arvil_sansregular';}

#navleft li a, #navleft li a:link,#navright li a, #navright li a:link  {font-size:38px;float: left;width: auto; display: inline;color: #fff;text-decoration: none; font-family: 'arvil_sansregular';letter-spacing:1px;text-shadow: 1px 1px 0px #000;}

#navleft li a:hover,#navright li a:hover {color:#c12106;}

#navleft a, #nav a:link, #nav a:visited {text-decoration: none;color: #c12106;}

/*============================ SIDEBAR ============================*/

#sidebar {width: 310px;float:left;}

#sidebar ul li h2 {
	margin: 0px 0px 10px 0px;
	font-family: 'Georgia';
	color:#fff;
	font-style:italic;
	padding:0px 0px 10px 0px;
	font-size:30px;
	border-bottom:1px solid #e18c09;
}
#sidebar ul li {padding: 5px;margin: 10px 0px 0px 0px;}
#sidebar ul li ul, #sidebar ul li div{padding: 0px 0px 0px 0px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#sidebar ul li ul li {background: none;}
#sidebar ul li div ul, #sidebar ul li div ul li {border: none;margin: 0px;padding: 0px;}
#sidebar ul li ul {list-style: url(images/sidebar_arrow.png) inside;}
#sidebar ul ul li {margin: 5px 10px;padding: 0px;border: 0;}
#sidebar ul ul ul {border: none;padding: 0;}
#sidebar .children {margin-top: 0px;margin-left: 10px;background: none;}

/*============================ LISTS ============================*/

#content ul, #content ol {list-style: url(images/sidebar_arrow.png) inside;}
#content ul li {padding: 5px;margin: 10px 0px 0px 0px;}
#content ul li ul {list-style: url(images/sidebar_arrow.png) inside;}
#content ul ul li {margin: 5px 10px;padding: 0px;border: 0;}

/*============================ POST ============================*/

.entry p {margin: 5px 0 15px 0;}
.post-title {padding-bottom: 5px;}
.post {margin: 0px 0px 10px 0px;}
.post-title {color: #fff;text-decoration: none;font-family: 'arvil_sansregular';}
.post-title a:link, .post-title a:visited {color: #fff;text-decoration: none;font-family: 'arvil_sansregular';}
.post-title a:hover, .post-title a:active {text-decoration: underline;}
.entry {padding: 10px 0;line-height: 1.5em;}
.arh {font-size: 1.4em;color: #222;margin: 10px 0;padding: 8px 5px;}
.postmeta {margin:0px; border-bottom: 1px dashed #424242;height:25px;}
.postmeta span {padding: 0 5px;border-right: 1px solid #5c5c5c;}
.meta-tags {margin: 0px 0;}
.meta-tags ul {float: left;margin: 0px 0;}
.meta-tags ul li {float: left;margin: 0px 0px 0 0;}
.meta-tags ul li strong {padding: 0px;line-height: 1.8em;}
.meta-tags a:link, .meta-tags a:visited { display: block;color: #000;padding: 5px;background: #ed1b24;text-decoration: none;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.postinfo {margin: 0px 0;padding: 0px 0px;font-size: 0.9em;}
.postline {border-bottom:1px solid #393431; border-top:1px solid #272321;}
.navigation {float:right;margin:0px 0px 5px 0px;}

/*============================ LINK COLORS ============================*/

.altcolor {color:#e18c09;}
a, a:link, a:visited{color: #e18c09;text-decoration: underline;}
.entry a {color:#e18c09;text-decoration: none;}
.entry a:hover {color:#e18c09;text-decoration: underline;}
.postmeta a:link, .postmeta a:visited { color: #e18c09;text-decoration: none;}
.postmeta a:hover, .postmeta a:active {color:#e18c09;text-decoration: underline;}
.meta-tags a:hover, .meta-tags a:active {color:#e18c09;background: #333;}
.postinfo a:link, .postinfo a:visited {color: #e18c09;text-decoration: none;}
.postinfo a:hover, .postinfo a:active {color:#e18c09;text-decoration: underline;}
#sidebar a:link, #sidebar a:visited  {color:#e18c09;text-decoration: none;}
#sidebar a:hover, #sidebar a:active {color:#e18c09;text-decoration: underline;}
.submit {background:#e18c09;color:#fff;}
.buy {float:right;margin: -25px 0px 0px 0px;font-size: 12px; line-height:30px;color:#e18c09;}
table.group tbody tr {border-bottom: 1px dotted #e18c09;}
.ngg-gallery-thumbnail img:hover {background-color: #e18c09;}
.ngg-gallery-thumbnail img {border:1px solid #000;}

/*============================ TEXT STYLES ============================*/

body {font-family: 'franklin_gothic_fs_bookRg';font-size:13px;}
.entry p { font-size:13px; color: #fff; font-family: 'franklin_gothic_fs_bookRg';}
.post-title {font-family: color: #3c3c3c; 'bebas_neueregular';font-size: 1.9em;letter-spacing:1px;}
.page-title {font-size:20px; color: #3c3c3c;font-family: 'bebas_neueregular';letter-spacing:1px;}
.postmeta {font-size: 13px;font-family: 'franklin_gothic_fs_bookRg';text-transform:uppercase;}
.pagetitles {font-family: 'Georgia';color:#fff;font-style:italic;padding:0px 0px 10px 0px;font-size:30px;border-bottom:1px solid #c12106}

h1 {font-size:2.2em;margin: 40px 0 20px 0;color: #3c3c3c;font-family: 'arvil_sansregular';}
h2 {font-size: 2.0em;font-family: 'arvil_sansregular';line-height:28px;}
h3 {font-size:20px;margin:10px 0 12px 0;color: #3c3c3c;font-family: 'arvil_sansregular';}
h4 {font-size: 1.6em;margin: 20px 0 10px 0;color: #3c3c3c;font-family: 'arvil_sansregular';}
h5 {font-size: 1.5em;margin: 15px 0 7px 0;color: #3c3c3c;font-family: 'arvil_sansregular';}
h6 {font-size: 1.3em;margin: 10px 0 5px 0;color: #3c3c3c;font-family: 'arvil_sansregular';}

/*============================ SOCIAL LINKS ============================*/

.facebook_btn a {margin:0px 0px 0px 0px; background: url(images/facebook_btn.png) no-repeat 0 0;overflow: hidden;display: block;float: left;height: 34px;width: 34px;}
.twitter_btn a {margin:0px 0px 0px 10px;  background: url(images/twitter_btn.png) no-repeat 0 0; overflow: hidden;display: block;float: left;height: 34px;width: 34px;}
.youtube_btn a {margin:0px 0px 0px 10px;  background: url(images/youtube_btn.png) no-repeat 0 0;display: block;overflow: hidden;float: left;height:34px;width: 34px;}
.instagram_btn a {margin:0px 0px 0px 10px;  background: url(images/instagram_btn.png) no-repeat 0 0;display: block;overflow: hidden;float: left;height:34px;width: 34px;}
.itunes_btn a {margin:3px 0px 0px 10px;  background: url(images/itunes_btn.png) no-repeat 0 0;display: block;overflow: hidden;float: left;height:32px;width: 104px;}

.facebook_btn a:hover { background-position: 0 -42px;}
.twitter_btn a:hover { background-position: 0 -42px;}
.youtube_btn a:hover { background-position: 0 -42px;}
.instagram_btn a:hover { background-position: 0 -42px;}
#love-your-flaws a:hover { background-position: 0 -27px;}
#giving-keys a:hover { background-position: 0 -40px;}


/*============================ FOOTER ============================*/

#footer {height:160px;color:#fff;} 
.bar {border-top:1px dashed #5c5c5c; width:100%;height:1px;float:left;}
#footer a {color:#e18c09;}
.logo {margin:20px 15px 20px 0px; width:425px; height:37px; background: url(images/logo.png) no-repeat;float:right;}
.credits {margin:10px 15px 0px 0px; float:right; font-size:12px;text-align:right;text-transform:uppercase;}
.sponsors {float:right;}

/*============================ MAILING LIST ============================*/

.mailinglist {padding-top:9px;padding-left:15px;text-transform:uppercase;}
.submit {font-family: 'bebas_neueregular';letter-spacing:1px;font-size:14px;border:none;margin-left:5px;height:22px;color:#fff;text-shadow: 1px 1px 0px #3c4076;}
#email {font-family: 'franklin_gothic_fs_bookRg';font-size:13px;}

/*============================ BANDS IN TOWN ============================*/
#tour-dates {float:left; margin: -40px 0px 0px 0px;}
#bit-events table tr td {font-size:13px; color: #fff;border: dashed #717171; border-width: 0 0 1px 0; font-weight: normal !important; }
.bit-events  {border-bottom: none !important;}
.bit-date {width: 80px !important;}
.bit-rsvp {text-shadow: none;}

/*============================ TWITTER ============================*/

.twtr-hd, .twtr-ft {display:none;}

.twtr-bd {font-size: 1.1em;font-family: 'franklin_gothic_fs_bookRg';line-height:30px;color:#fff; margin: 0 0 0 0px;line-height:20px;}

.twtr-bd em {font-size: 16px !important;font-family: 'bebas_neueregular';padding: 10px 0px 10px 0px;}

.twtr-tweet {padding: 0px 0 0px 0; text-align: left; }

.twtr-tweet-text p:before {
position: relative;
top: 4px;
}

/*============================ FORMATTING ============================*/

.wp-caption {border: 0px solid #000;text-align: center;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;text-align: center;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;text-align: center;}

dl {margin: 10px 0 20px 0;}
dt {font-weight: bold;}
dd {margin-bottom: 20px;}
strong {font-weight: bold;}
cite,em,i {font-style: italic;}
big {font-size: 1.3em;}
ins {padding: 1px 2px;background: #ffa;text-decoration: none;}
code, pre {padding: 3px 8px;margin: 0 1px;background: #eeeeee;color: #222 !important;font-size: 0.9em;font-family: Monospace, "Courier New", Courier;overflow: auto;}
del, strike, s{text-decoration: line-through;}
small {font-size: 0.7em;}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
sup,sub {height: 0;line-height: 1;position: relative;vertical-align: baseline;font-size: 0.8em;}
sup {bottom: 1ex;}
sub {top: .5ex;}

blockquote {margin: 20px 10px;padding: 0 10px;font-size: 1.0em;font-weight: normal;font-style: italic;text-align: justify;color: #666;border-left: 5px solid #ddd;}
.entry table {border-collapse: collapse;border-spacing: 0;border: 0px solid #ddd;margin: 20px 0;text-align: left;width: 100%;}
.entry tr th,.entry thead th {color: #555;font-size: 1.0em;font-weight: bold;line-height: 1.0em;padding: 5px 15px;}
.entry tr td {border-top: 0px solid #ddd;padding: 5px 15px;}
.entry tr.odd td {background: #eee;}

.alignright {margin: 0 0 2px 18px; float: right;}
.alignleft {margin: 0 18px 2px 0; float: left}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
code {font-family:'Courier New', Courier, Fixed;}
blockquote {margin: 18px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}


/*============================ CSS3 ============================*/

.playerbox ,.signupbox,.videobox,
.twitterbox,#maincolumn,#sidecolumn  { 
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;}