/*
Theme Name: Concerts East
Description: Custom theme developed by Blackwave Creative.
Author: Blackwave Creative
Author URI: http://blackwave.net/
Version: 1.0
*/

* {padding: 0; margin: 0; line-height: 1.5em;}

#notice {background: #720916; border: 2px dashed #fff; color: #fff; text-align: center; padding: 5px; width: 946px; margin: 10px auto;}
#notice a {color: #fff; text-decoration: underline;}

body.error404 #main p, body.error404 #main h2 {color: #fff; padding-left: 80px;}

#newletterform {
	width: 400px; 
	position: fixed; 
	left: 50%;
	top: 50%;
	margin-left: -240px;
        margin-top: -250px;
	border:1px solid #000; 
	background: #333; 
	z-index: 1000; 
	padding: 25px 40px 25px 40px; 
	display: none; 
	color: #fff;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.8);
	box-shadow: 0px 0px 15px rgba(0,0,0,.8);
}
#close {position: absolute; top: 0px; right:0px; cursor: pointer; padding: 5px 10px; background: #222; border: 1px solid #000; border-width: 0 0 1px 1px; color: #ccc;}
#newletterform h3 {color: #fff;}
#newletterform p {height:40px;clear: right;}
#newletterform .form-item { height: 32px; margin: 0 0 12px 0; }
#newletterform .form-label { float: left; }
#newletterform .form-field { float: right; }
#signupMessage {height: inherit; padding-bottom: 20px; color: #eee;}
#newletterform #signupMessage { padding-bottom: 10px; }
#newletterform label { line-height: 32px; }
#newletterform input[type="text"] { background: #FFFFFF none; border: 2px solid #BBBBBB; width: 325px; padding: 7px 5px 7px 5px; }
#newletterform input[type="submit"] {margin-top: 20px; float: right; }
#formbackground {width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 999; background: #000; display: none;}

/* -----BODY STUFF----- */
html { height: 100%; }
body {height:100%; width:auto; font-family:'Arial', Sans-Serif; color:#333; background: #000 url(images/background.jpg) repeat-y center 20px;}

/* -----A TAG STUFF----- */
a {text-decoration:none; color: #720916;}
a:hover {text-decoration:underline;}

p {font-size: 12px;}

/* -----H TAG STUFF----- */
h1,h2,h3, h4, h5, h6 {color: #333;}
h1,h1 a,h1 a:visited,
h2,h2 a,h2 a:visited,
h3,h3 a,h3 a:visited,
h4,h4 a,h4 a:visited,
h5,h5 a,h5 a:visited,
h6,h6 a,h6 a:visited {text-decoration:none;}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {text-decoration:underline;}

/* -----PAGE STUFF----- */
#wrapper {margin: 0 auto;  width:960px; min-height: 100%; height: 100%; }
#content {width:100%; padding-bottom: 40px; min-height: 100%;  height: auto !important; height: 100%; margin-bottom: -138px; }
.push { height: 138px; }
#main {width:630px; float: left;}
body.single #main,
body.page #main {padding-top: 20px;}
body.category-concerts #main, 
body #main.concertPost {background: url(images/upcoming.png) no-repeat top left; padding-top: 77px;}
body.home #main, body.category-news #main {background: url(images/latestnews.png) no-repeat top left; padding-top: 77px;}
#sidebar {float: right;width: 305px;}

/*---------HEADER STUFF-----------*/
#headerContainer {width:100%; background: url(images/header.jpg) no-repeat top center;}
#header {height:263px; margin: 0 auto;  width:960px; position: relative; }

#newsTicker {width: 730px; height: 34px; line-height: 34px; position: absolute; bottom: 27px; left: 70px; padding:5px 0 0 80px; background: url(images/news.png) no-repeat left center; border-top: 1px solid #720916; white-space: nowrap;}
.fadein {position: relative; width: 730px; height: 34px;}
.newsTick {position:absolute; left:0; top:0; width: 730px; height: 34px;font-size: 14px; font-weight: bold; }

#ticker01 {display: none;}
.tickercontainer { /* the outer div with the black border */
width: 730px; 
height: 34px; 
margin: 0; 
padding: 0
overflow: hidden; 
white-space: nowrap;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 730px;
overflow: hidden;
white-space: nowrap;
}
ul.newsticker { /* that's your list */
position: relative;
left: 730px;
list-style-type: none;
margin: 0;
padding: 0;
white-space: nowrap;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
font-weight:bold;
white-space: nowrap;
display: block;
}


.social {position: absolute; width: 179px; right: 65px; top:70px;}
.footerSocial {float:right;width: 179px;}
a.socialLink {display: block; float: left; background-image: url(images/social.png); text-indent: -999px; overflow: hidden;}
a.socialLink.twitter {height: 70px; width: 58px; background-position: left top;}
a.socialLink.facebook {height: 70px; width: 60px; background-position:-58px top;}
a.socialLink.rss {height: 70px; width: 61px; background-position:right top;}

a.socialLink.twitter:hover {background-position: left bottom;}
a.socialLink.facebook:hover {background-position:-58px bottom;}
a.socialLink.rss:hover {background-position:right bottom;}



/*--------FOOTER STUFF--------*/
#footer {clear:both; width:845px; height: 98px; background: transparent url(images/footer.png) no-repeat center top; padding: 40px 50px 0 65px; }
.footer-top { height: 70px; }
#footer #copyright {font-size: 10px;}
#footerNav { width: 666px; float: left; }
#footerNav ul {list-style: none;margin-bottom: 10px;}
#footerNav ul li {display: inline; margin: 0 15px 0 0; text-transform: uppercase; font-size: 14px;}
#footerNav ul li a {text-decoration: none; font-size: 20px;}
#footerNav ul li a:hover {text-decoration: underline;}


/*-------MAIN NAVIGATION STUFF--------*/
#navigation {width: 820px; position: absolute; left: 50px; bottom: 77px; }
#navigation .navItem {display: block; float: left; height: 38px; overflow: hidden; text-indent: -999px; background-image: url(images/nav.png); background-repeat: no-repeat;}

#navigation #home {width: 193px; background-position: 0 0;}
#navigation #concerts {width: 219px; background-position: -193px 0;}
#navigation #news {width: 147px; background-position: -412px 0;}
#navigation #about {width: 169px; background-position:-559px 0;}
#navigation #contact {width: 232px; background-position:-728px 0;}

#navigation #home:hover,#navigation #home.current_page_item {background-position: 0 -38px;}
#navigation #concerts:hover,#navigation #concerts.current_page_item {background-position:  -193px -38px;}
#navigation #news:hover,#navigation #news.current_page_item {background-position:  -412px -38px;}
#navigation #about:hover,#navigation #about.current_page_item {background-position:  -559px -38px;}
#navigation #contact:hover,#navigation #contact.current_page_item {background-position: -728px -38px;}

#concertCategories {
	width:150px; 
	position:absolute; 
	top:38px; 
	left: 220px; 
	background: #E2D6B8;
	border: 1px outset #E2D6B8; 
	padding: 10px; 
	z-index: 100;
	font-weight: bold;
	display: none;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	border-radius: 3px;	
}
#concertCategories ul {
	list-style: none;
	border: 3px solid #D86462; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	padding: 5px 0;
}
#concertCategories ul a {display: block; padding: 5px 10px;}
#concertCategories ul a:hover {text-decoration: none; background: #d3c8ae;}
#concertList:hover #concertCategories {display: inherit;}

/* ----TOOL TIP STYLE----- */
.itooltip {
	display:none; 
	font-size: 12px; 
	color: #fff; 
	z-index: 10000000; 
	position:absolute; 
	background: #000; 
	padding: 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-moz-border-radius-topleft: 0;
	-webkit-border-radius-top-left: 0;
	border-radius-topleft: 0; 
	border:1px solid #fff;
}

/* -----SEARCH STUFF----- */
#searching {float: right; margin-top: -5px;}
#searchform #s {width:200px; padding: 5px;}
#searchform input[type="submit"] {
	padding:0; 
	cursor: pointer; 
	width: 111px;
	height: 45px; 
	background: url(images/search_bg.png) no-repeat top left; 
	border: none;
	text-indent: -999px;
	overflow: hidden;
	color: #fff;	
}
#searchform input[type="submit"]:hover {
	background-position: bottom left;
}
body.search-results .post, body.search-results .page {margin: 20px 0 0;}

body.search-results .page {
-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.8);
background:url("images/post_bg.jpg") repeat-y scroll 0 0 #EFEDE8;
border:8px solid #D5D2CC;
padding:15px;
position:relative;
}

/* -----POST AND ENTRY STUFF----- */
body.category .post, body.home .post {margin: 20px 0 0;}
body.category .post:first-child, body.home .post:first-child, body.search-results .post:first-child {margin:0;}

.post {
	border: 8px solid #d5d2cc; 
	background: #efede8 url(images/post_bg.jpg) repeat-y; 
	padding: 15px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.8);
	box-shadow: 0px 0px 8px rgba(0,0,0,.8);
	position: relative;
}
.post h2.posttitle, .entrytitle {}
.entry{font-size: 12px;}
.entry ol,.entry ul {margin:0 0 15px 25px; padding: 0; font-size: 12px;}
.entry li {padding:0 0 0 5px; list-style-position:outside; line-height: 1.5em;}
.entry p {margin: 0 0 15px;}
.details {font-size: 12px;  margin-bottom: 35px;}
.entry h1, .entry h2, .entry h3, .entry h4,.entry h5,.entry h6 {}

.post .event-date {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 4px 0;
	color: #720916;
}

.post .event-venue {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 4px 0;
	color: #720916;
}

p.teaser-content { padding: 0 0 10px 0; }
div.front-page-post-content { padding: 0 0 10px 0; }

/*-------ARTIST INFO STUFF----*/
.getMap {float:left; display: block; width: 145px; height: 80px; text-indent: -999px; overflow: hidden; background: url(images/getmap.png) no-repeat top left; margin:10px 10px 20px 0;}
.getMap:hover {background-position: bottom left;}

.buyTicketsTwo {float:left; display: block; width: 140px; height: 78px; text-indent: -999px; overflow: hidden; background: url(images/buy_tickets2.png) no-repeat top left; margin:10px 10px 20px 0;}
.buyTicketsTwo:hover {background-position: bottom left;}

#artistInfo {line-height: 43px; margin-bottom: 10px;}
#artistInfo span {float: left;line-height: 43px;}
.postSocial {display: inline-block; width: 43px; height: 43px; text-indent: -999px; overflow: hidden; background-image: url(images/post_social.png); background-repeat: no-repeat; margin: 0 0 0 5px; float: left;}
#postTwitter {background-position: 0 0;}
#postFacebook {background-position: -86px 0;}
#postMyspace {background-position: -43px 0;}
#postTwitter:hover {background-position: 0 bottom;}
#postFacebook:hover {background-position: -86px bottom;}
#postMyspace:hover {background-position: -43px bottom;}

/*-------socialStuff----------*/
.socialStuff {/*margin-left: 195px;*/}
.socialStuff a {margin-right: 8px;}

body.single .socialStuff {margin-top: 15px;}

.stbutton { float: left; margin-right: 10px; }
#sharethis_0 div.stoverlay { background-color: transparent; }
#sharethis_0 iframe.stcounter { width: 0px; background-color: transparent; }

.fshare {display: block; float: left; height: 18px; width: 60px; background: url(images/fshare.jpg) no-repeat top left; text-indent: -999px; overflow: hidden;}
.fshare:hover {background: url(images/fshare.jpg) no-repeat bottom left;}
.moreInfo {
	background: #8e8b86; 
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
}

a.tweet_this_button {
  width: 80px;
  height: 18px;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url(images/tweet_this_button.png) no-repeat top center;
  float: left;
  display: block;
  margin-top: 1px;
}

a.tweet_this_button:hover {
  background: transparent url(images/tweet_this_button.png) no-repeat bottom center;
}

.moreInfo:hover {text-decoration: none; background: #777;}

a.sharethis {display: block; float: left; width: 81px; height: 18px; background: url(images/hbutton.gif) no-repeat top left; overflow: hidden; text-indent: -999px;}

.buyTickets {display: block; height: 93px; width: 191px; text-indent: -999px; overflow: hidden; background: url(images/buy_tickets1.png) no-repeat top left; position: absolute; bottom: -8px; right: -8px; }
.buyTickets:hover {background: url(images/buy_tickets1.png) no-repeat bottom left;}

.post-place-holder { height: 40px; }

/*--- POST THUMBNAIL STUFF ---*/
div.post .thumb {float: left; border: 5px solid #d5d2cc; display: block;  margin:0 20px 14px 0;}

/*-------BLOG PAGE NAVIGATION STUFF----------*/
.navigation {float:right; font-size:14px; width:201px; height: 56px; padding: 15px 25px; background: url(images/pagination.png) no-repeat top right; text-align: center;}
.navigation .pagenav a {display: block;}
.navigation .pagenav a:hover {text-decoration: underline;}
.wp-pagenavi a, .wp-pagenavi span {padding: 0 3px;}


/*-----SIDEBAR STUFF----*/
#sidebar ul {}
#sidebar ul li.widget {list-style: none; font-size: 12px; background: url(images/widget.png) no-repeat top center; padding: 30px 20px 20px;}
#sidebar ul li.widget h2.widgettitle {color: #720916; font-size: 22px;}
#sidebar ul li.widget ul {}
#sidebar ul li.widget ol {}
#sidebar ul li.widget ul li {list-style-type:disc; list-style-position: inside;}
#sidebar ul li.widget ul li ul li {padding: 0 0 0 15px; list-style-type:disc; list-style-position: inside;}

.cat-post-item, #twitter_update_list li {margin-top: 20px;}
.cat-post-item:first-child, #twitter_update_list li:first-child {margin-top: 5px;}

#signUp {display: block; height: 85px; width: 246px; overflow: hidden; text-indent: -999px; background: url(images/signup.png) no-repeat top left; margin: 10px auto 0;}
#signUp:hover {background: url(images/signup.png) no-repeat bottom left;}

/* -----COMMENT STUFF----- */
#commentsection {width:100%;   font-size: 14px;}
#commentsection label small { font-size: 12px; }
#commentsection label { display: inline-block; padding: 13px 0; }
#commentsection input[type="submit"] { clear: both; float: left; }

.commentlist {width: 100%; list-style:none; }
h3.comments {margin:40px auto 20px;}
.commentlist li,#commentform input,#commentform textarea {font:14px 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight:bold;list-style:none; padding:15px 0; font-size:12px;}
.commentlist li img.avatar {float:left;border:1px solid #999;background:#bbb;margin-right:15px;padding:3px;}
.commentlist cite,.commentlist cite a {font-weight:bold;font-style:normal;}
.commentlist p {font-weight:normal; text-transform:none;margin:10px 5px 10px 83px; font-size: 12px;}
.commentlist .pingback p {margin:10px 5px 10px;}
#commentform p {margin:5px 0;}
.commentmetadata {font-weight:normal;display:block; font-size:10px; color:#333; padding:3px 0 0; text-transform:uppercase;}
cite.fn {text-transform:uppercase;}
.commentlist {text-align:justify;padding:0 0 40px;}
.nocomments {text-align:center;}
#recentcomments li {}
.alt {}

/*---FORM STUFF---*/
input,textarea {border: 0 none; font-family: Arial; color: #444442; font-size: 14px; }
input {padding: 13px 5px 13px 5px; width:335px; margin: 0 0 0 0; background: transparent url(images/contact_input_bg.png) no-repeat top right; line-height: 18px !important;}
textarea {padding: 5px; width:335px; height: 212px; background: transparent url(images/contact_textarea_bg.png) no-repeat top left;}
input[type="submit"] {
	padding:0; 
	cursor: pointer; 
	width: 119px;
	height: 41px; 
	background: transparent url(images/submit_bg.png) no-repeat top left; 
	border: none;
        overflow: hidden;
	text-indent: -9999px;
	color: #fff;
}
input[type="submit"]:hover {
	background-position: bottom left;
}

#wpcf7-f1-p17-o1 { width: 460px; margin: 30px 0 0 20px; }
.wpcf7 form .field { width: 460px; margin-top: 8px; }
.wpcf7 form .field-label { font-family: "Century Gothic"; width: 92px; float: left; line-height: 44px; text-align: right; padding-right: 18px; font-size: 14px; }
.wpcf7 form .field-input {width: 350px; float: right; }
.wpcf7 .submit-btn { margin: 5px 0 0 0; width: 455px;}
.wpcf7 .submit-btn input { float: right; }

#sidebar #searchform {padding: 0 0 10px;}
#sidebar input, #sidebar textarea {padding:3px}
#sidebar input[type="submit"]{cursor:pointer;}

/* -----UNIVERSAL STUFF----- */
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps {font-size:.9em;letter-spacing:.07em;cursor:help;}
p img {max-width:100%;}
img.centered {display:block;margin:0 auto;}
img.alignright {display:inline;margin:0 0 10px 10px;}
img.alignleft {display:inline;margin:0 10px 10px 0;}
.alignright {float:right;}
.alignleft {float:left;}
acronym.abbr {border-bottom:1px dashed #999;}
blockquote {padding-left:20px;margin:15px;}
blockquote cite {display:block;margin:5px 0 0;}
.center {text-align:center;}
hr {display:none;}
a img {border:none;}
img#wpstats {width:0;height:0;border:none;overflow:hidden;}
#hideme {visibility:hidden;}
.hidden {visibility: hidden; display: none;}
.rssSummary {padding-bottom:15px;}
.clear {clear: both;}
p.clear {height:1px; width:1px; }
.hide {display: none;} 

/* -----CALENDAR STUFF----- */
#wp-calendar {empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #prev a,#wp-calendar #next a {font-size:9pt;}
#wp-calendar #next a {padding-right:10px;text-align:right;}
#wp-calendar #prev a {padding-left:10px;text-align:left;}
#wp-calendar a {text-decoration:none;display:block;}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center;width:100%;}
#wp-calendar th {font-style:normal;text-transform:capitalize;}
#wp-calendar td {text-align:center;padding:3px 0;}
#wp-calendar td.pad:hover {background-color:#fff;}