/*
Theme Name: Celebration Nation Entertainment
Description: This theme was coded for Celebration Nation Entertainment by Aviva Johnson.
Theme URI: http://www.celebrationnationentertainment.com
Author: Aviva Johnson
Author URI: http://www.celebrationnationentertainment.com
*/

/*****CSS RESET******/

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,ol,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }body{line-height: 1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none }table{border-collapse:collapse;border-spacing: 0;}


/****BODY STYLES********/

html { background: #ede7d5 url('images/bg-tile.jpg'); }
body { background: url('images/bg.jpg') no-repeat scroll center top transparent; color: #6b4e46; font: normal 14px Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman', serif; padding: 50px 0 0; }
#wrapper { background: url('images/wrapper-bg.jpg') repeat-y top center; margin: 0 auto; position: relative; width: 970px; }
#content { background: transparent url('images/content-bottom.jpg') no-repeat left bottom;  margin: 0 auto; overflow: hidden; padding: 0 20px 20px; position: relative; width: 930px; }
p { line-height: 22px; margin-bottom: 18px; }
#content ul, div#content ol { margin: 0 0 18px 40px; }
#content li { line-height: 22px; }

h2, h3, h4 { font-weight: normal; }
h2 { font-size: 28px; font-style: italic; margin: 0 0 12px 0; }
h3 { color: #832302; font-size: 18px; margin: 0 0 12px 0; }
h4 { font-size: 14px; letter-spacing: 4px; text-transform: uppercase; }

a:link { color: #832302; text-decoration: none; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }

a:visited { color: #6a1b00; text-decoration: none; }
a:hover { color: #b23e15 }
a img:hover { text-decoration: none; }

.float-left { float: left; }
img.float-right { margin: 0 0 0 20px; }
.float-right { float: right; }
img.float-left { margin: 0 20px 0 0; }
.alignright { text-align: right; }
.center { text-align: center; }

/****HEADER STYLES*******/
div#header { border-bottom: 1px solid #d9c0a8; clear: both; height: 55px; margin: 0 auto 10px; position: relative; width: 960px; }
div#header h1 { float: left; height: 28px; position: relative; top: 15px; width: 662px; }
div#header h1 a { background: url('images/logo.png') no-repeat 0 0; display: block; height: 28px; text-indent: -9999px; width: 662px; }
div#contact-info { border-left: 1px solid #D9C0A8; float: right; font-size: 12px; padding: 0 0 0 23px; position: relative; top: -15px; }
div#contact-info span, div#jessica span, div#dave span { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; }
div#jessica, div#dave { float: right; font-size: 12px; padding: 0 0 0 23px; position: relative; top: 15px; }
a#email { background: url('images/email.png') no-repeat center left; padding: 0 0 0 30px; }
div#phone { background: url('images/phone.png') no-repeat center left; line-height: 12px; margin: 0 0 5px 0; padding: 0 0 0 35px; }

/*****NAV STYLES****/
ul#nav { background: url('images/nav-shadow.gif') repeat-x bottom left; height: 47px; left: 6px; margin: 0 0 15px 0; position: absolute; top: 317px; width: 958px; z-index: 800; }
ul#nav, ul#nav li { float: left; list-style: none; }
ul#nav li { position: relative; }
ul#nav li a { background-image: url('images/nav.gif'); display: block; height: 43px; text-indent: -9999px; }
ul#nav li a:link, ul#nav a:visited { color:#f3f8f6; }
ul#nav li a:hover, ul#nav a:active { color: #fff; text-decoration: none; }
ul#nav #menu-bands, ul#nav #menu-songs { background: #822101 url('images/subnav-bg.gif'); position: absolute; float: none; font-size: 14px; left: 0; z-index: 9999; } 
ul#nav #menu-bands li, ul#nav #menu-songs li { display:none; margin: 0; }
ul#nav #menu-bands li a, ul#nav #menu-songs li a { background-image: none; color: #FFFEFA; display: block; height: auto; padding: 8px 5px 8px 20px; text-indent: 0; width: 170px; }
ul#nav ul#menu-bands li a:hover, ul#nav #menu-songs li a:hover { background: #721c00; color: #3c0f00; }
ul#nav li:hover #menu-bands li, ul#nav li:hover #menu-songs li { float: none; display:block; clear: both; }
li#home a { background-position: 0 0; width: 92px; }
li#home a:hover, li#home.current a { background-position: 0 -43px; }
li#about-us a { background-position: -92px 0; width: 123px; }
li#about-us a:hover, li#about-us.current a { background-position: -92px -43px; }
li#bands a { background-position: -215px 0; width: 98px; }
li#bands a:hover, li#bands.current a { background-position: -215px -43px; }
li#testimonials a { background-position: -313px 0; width: 165px; }
li#testimonials a:hover, li#testimonials.current a { background-position: -313px -43px; }
li#song-lists a { background-position: -478px 0; width: 136px; }
li#song-lists a:hover, li#song-list.current a { background-position: -478px -43px; }
li#blog a { background-position: -614px 0; width: 87px; }
li#blog a:hover, li#blog.current a { background-position: -614px -43px; }
li#resources a { background-position: -701px 0; width: 137px; }
li#resources a:hover, li#resources.current a { background-position: -701px -43px; }
li#contact a { background-position: -838px 0; width: 120px; }
li#contact a:hover, li#contact.current a { background-position: -838px -43px; }

/*****FOOTER STYLES*****/
#footer { font-size: 14px; font-style: italic; margin: 0 auto; padding: 20px 0 50px; width: 700px; }
#footer ul { float: left; }
#footer ul li { float: left; line-height: 27px; list-style: none; padding: 0 2px; }
a#facebook { background: url('images/facebook.gif') no-repeat 0 0; display: block; float: left; height: 27px; text-indent: -9999px; margin: 0 5px 0 10px; width: 29px; }
a#facebook:hover { background-position: 0 -27px; }
a#gigmasters { background: url('images/gigmasters.gif') no-repeat 0 0; display: block; float: left; height: 27px; margin: 0 5px 0 0; text-indent: -9999px; width: 37px; }
a#gigmasters:hover { background-position: 0 -27px; }
a#studiowed { background: url('images/studiowed.gif') no-repeat 0 0; display: block; float: left; height: 27px; margin: 0 5px 0 0; text-indent: -9999px; width: 51px; }
a#studiowed:hover { background-position: 0 -27px; }
a#nace { background: url('images/nace.gif') no-repeat 0 0; display: block; float: left; height: 27px; margin: 0 5px 0 0; text-indent: -9999px; width: 28px; }
a#nace:hover { background-position: 0 -27px; }

/*****SLIDESHOW STYLES*****/
ul#slideshow-images { background: url('images/content-top.jpg') no-repeat center top; list-style: none; margin: 0 0 55px -20px; padding: 5px 6px 0; width: 958px; }

/*****CONTENT STYLES*****/
div#content-top { background: url('images/content-top.jpg') no-repeat 0 0; height: 12px; margin: 0 auto; width: 970px; }
div#col1 { border-right: 1px solid #f6efdd; float: left; width: 465px; }
div#col2 { float: left; margin: 0 0 0 15px; width: 445px; }
div#col2 iframe { margin: 0 0 20px 0; }
div.bio { border-bottom: 1px solid #f6efdd; overflow: hidden; margin: 0 0 18px 0; }
div.bio span { color: #832302; font-size: 18px; font-style: italic; }
div#contact { float: left; margin: 60px 0 0 30px; overflow: hidden; }
div#contact span { color: #B3A699; }
h2#bands { text-align: center; }
ul#bands1 { list-style: none; margin: 0 auto; width: 920px; }
ul#bands2 { list-style: none; margin: 0 auto 20px; width: 710px; }
ul#bands1 li, ul#bands2 li { float: left; margin: 0 10px; text-align: center; width: 210px; }
ul#bands1 li a, ul#bands2 li a { display: block; height: 30px; padding: 160px 0 0; width: 210px; }
a#celebration-nation-band { background: url('images/celebrationnation-small.jpg') no-repeat center top; }
a#groove-nation-orchestra { background: url('images/groovenation-small.jpg') no-repeat center top; }
a#diamond-orchestra { background: url('images/diamondorchestra-small.jpg') no-repeat center top; }
a#next-of-kin { background: url('http://www.celebrationnationentertainment.com/wp-content/uploads/2015/09/IMG_1150-ver2.jpg') no-repeat center top; }
a#the-weddheadz { background: url('images/weddheadz-small.jpg') no-repeat center top; }
a#into-the-groove { background: url('images/intothegroove-small.jpg') no-repeat center top; }
a#voodoo-syndicate { background: url('images/voodoosyndicate-small.jpg') no-repeat center top; }
a#boutique-musique { background: url('images/boutiquemusique-small.jpg') no-repeat center top; }
p.quote { background: transparent url('images/quote.gif') no-repeat; font-style: italic; margin: 0; padding: 20px 30px 0; text-align: center; }
p.quote-source { padding: 0 30px; text-align: right; }
p.testimonial { padding: 0 30px; }
p.testimonial span { font-weight: bold; }
#content ul.column { float: left; list-style: none; margin: 0 30px 0 0; width: 290px; }
#content ul.last-col { margin: 0; }
ul.column h3 { border-bottom: 1px solid #f6efdd; margin-top: 12px; }
ul.column h3.resources { color: #6b4e46; }
ul.column img { margin: -50px 0 0 180px; }

/*****BLOG STYLES*****/
div#blog-posts { float: left; margin: 0 13px 0 0; width: 580px; }
div#sidebar { border-left: 1px solid #f6efdd; float: left; padding: 0 20px; width: 290px; }
div#sidebar h4 { color: #B3A699; font-size: 18px; font-style: italic; text-transform: none; letter-spacing: 0; margin: 0 0 10px 0; }
div#sidebar .widget { border-bottom: 1px solid #f6efdd; padding: 20px 0; }
div#sidebar div.widget:last-child { border-bottom: 0 none; }
div#sidebar ul li { background: url('images/bullet.gif') no-repeat 0 3px; list-style-type: none; padding-left: 22px; }
div#sidebar ul { margin: 0; }
div.post { border-bottom: 1px solid #f6efdd; margin: 0 0 20px 0; padding: 0 0 20px 0; width: 570px; }
div.post h2 { font-size: 24px; font-style: normal; margin-bottom: 0px; }
p.post-info { color: #b3a699; font-size: 12px; font-style: italic; }
div.post-comments { background: #f7f1e2; font-size: 12px; padding: 5px; text-align: right; }
div.post-comments div.tags { border-left: 1px solid #B3A699; float: right; margin: 0 0 0 10px; padding: 0 0 0 10px; }
div.tags span { font-weight: bold; }
a.more-link { font-size: 18px; font-style: italic; }
div#content ol.commentlist { margin-left: 0; }
li.comment { list-style: none; }
div.comment-body { background: #fffefa; border: 1px solid #f6efdd; margin: 0 0 20px 0; padding: 10px 10px 0; position: relative; }
span.comment-meta a, a.comment-edit-link { color: #B3A699; font-size: 12px; }
img.avatar{ float: left; margin: 0 10px 0 0; }
div.reply { border-top: 1px solid #f8f3e6; font-size: 11px; }
div.comment-author { padding: 0 20px 0 0; }
textarea#comment, input#email, input#author, input#url { background: #f7f5ed url('images/comment-bg.jpg') no-repeat 0 0; border: 1px solid #B3A699; color: #6B4E46; font: normal 14px Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman', serif; padding: 10px; }
input#email, input#author, input#url { width: 220px; }
textarea#comment:focus, input#email:focus, input#author:focus, input#url:focus { border: 1px solid #fff; }
input#submit { background: #832302; border: 1px solid #b23e15; color: #FFFEFA; cursor: pointer; font-size: 12px; font-family: Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman', serif; letter-spacing: 3px; padding: 8px; text-transform: uppercase; }
input#submit:hover { background: #6a1b00; border: 1px solid #4a2a13; color: #fff; }