/*   
Theme Name: Braindrop 2010 
Theme URI:  
Description: Kumar's new Braindrop Theme  
Author: Kumar Grant 
Author URI: http://www.kumargrant.co.uk 
Version: 1.0 
. 
This theme is copyrighted and cannot be used for commercial or non-commercial use in any way. 
. 
*/ 

body {
	background: #5be6ff url(img/body-strip.gif) repeat-y top center;
	color: #fff;
	font-size: 12px;
	font-family:  Helvetica,Arial,sans-serif;	
}

a {
	color: #db2923;
	font-weight: bold;
	text-decoration: none;
	outline-style: none;
}

a:hover {
	text-decoration: underline
}

a:focus {
	outline-width: 0px;
}


h1 { /* This styles the band style page headers and sections on homepage */
	color: #000;
	font-size: 30px; 
	background-color: #f2be49;
	text-transform: lowercase;
	letter-spacing: -1px;
	padding-left:  10px;
}

h1 a {
	color: #000;
}

h2 {
}

h3 {
}

h4 {
}

p {
	font-size: 12px;
	
}

ul {
	list-style-type:none;
}

li {
	margin-left: 0px;
}

/* -------------------------- Header styles -------------------------- */

#header {
	position: relative;
	background: transparent url(img/header.gif) top center no-repeat;
	height:  403px;
	width:  100%;
}

#banner {
	position: absolute;
	width: 728px;
	height: 90px;
	top: 53px;
	left: 50%;
	margin-left: -364px;
	
}

#twitter_box {
	position: relative;
	width: 900px;
	height: 200px;
	margin: 0 auto;
}

#twitter_feed {
	position: absolute;
	background-color: black;
	right: 5%;
	top: 50%;
}

/* -------------------------- Navigation styles -------------------------- */

.navigation {
	background: #e6dbd1 url(img/nav-bottom.gif) bottom center no-repeat;
}

.top_searchbox {
	margin-top:10px;
}

.top_searchbox #s {
	width:  126px;
	color: #666;
	font-family: Georgia,serif;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	height:18px;
	padding: 0;
	margin:0;
}

.top_searchbox #search_submit {
	margin-bottom: -5px;
}

/* -------------------------- End Navigation -------------------------- */

#wrapper {
	margin-top: 20px;
	background: transparent url(img/vertical-deviders.gif) repeat-y 0px 50px; 
}

#nextEvent {
	margin-bottom: 20px;
}

#lineUp {
	height:  390px;
}

#lineUp ul li {
	line-height: 26px;
	color: #fff;
	font-size: 22px; 
	font-weight:bold;
	letter-spacing: -1px;
}

#moreEvent {
	position: absolute;
	bottom: 0;
	zright: 0;
}

/* -------------------------- Blog styles -------------------------- */


.post h2 {
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -1px;
}

.post h2 a {
	color: #fff;
}

.post h4 {
	color: #f2be49;
	font-size: 25px;
	letter-spacing: -1px;
	margin-top: -22px;
}

.post-comments {
	float: right;
}

.post-comments a {
	background:transparent url(img/bg-comments.png) no-repeat 0 0;
	color:#FFFFFF;
	display:block;
	font-size:23px;
	font-weight:700;
	height:50px;
	line-height:50px;
	margin:0 0 0 15px;
	padding:0 0 0 10px;
	text-align:center;
	width:50px;
}

.post-comments a:hover {
	background:transparent url(img/bg-comments.png) no-repeat 0 -50px;
	text-decoration: none
}

.post-comments span {
	display: none;
} 

.post-details {
	margin-top: 10px;
	border-top:1px dotted #222;
	clear: both /* Note that makes sure the end of each post clears any floated images */
}

.post-details p {
	font-style:italic;
	color: #ccc;
	padding-top: 5px;
}

#readMore {
	margin-bottom: 20px;
	
}

#readMore a {
	display: block;
	font-weight: bold;
	padding-right:  30px;
}

#posts_navigation {
	border-top: 1px dotted #222;	
}

#posts_navigation ul li#prev {
	float: left
}

#posts_navigation ul li#next {
	float: right
}
/* - Mixes posts styles - */

.mixes h3 {
	color: #000;
	background-color: #f2be49;
	text-transform: lowercase;
	letter-spacing: -1px;
	padding-left:  10px;
}



.mixes ul {
	
}

.mixes ul li {
	font-weight: bold;
}

.mixes ul li span {
	color: #f2be49;
	font-style: italic;
}

/* --- End blog related --- */

/* -------------------------- Content styles -------------------------- */

.wp-caption {
	background-color: #111;
	border: solid 1px #222;
	text-align: center;
	padding: 5px
}

.wp-caption-text {
	margin-bottom: 0px;
	font-style: italic;
	color: #CCC
}

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* --- End of content styles --- */

/* -------------------------- Side bars -------------------------- */

.sidebar h3 {
	color: #f2be49;
	font-size: 30px;
	line-height: 40px;
	border-bottom: #f2be49 solid 5px; 
	text-transform: lowercase; 
	letter-spacing: -1px;
	
}

#sidebar_col_one ul li ul li img {
	width: 160px;
	height: 60px;
	
}

#sidebar_col_one ul li ul li a {
	color: #f2be49;
	font-size: 14px;
	line-height: 18px;
}

#sidebar_col_one ul li ul li {
	cursor: pointer;
	border-bottom: #222 solid 1px; 
	margin-bottom: 10px;
	color: #666; /* Gives color style to the show_count numbers in the sidebar archive/categories. */ 
}

#sidebar_col_one ul li ul li:hover  {
	background-color: #f2be49;
	cursor: pointer;
}

#sidebar_col_one ul li ul li:hover  a {
	color: black;
	text-decoration: none;
}

#sidebar_two h3 {
	color: #db2923;
	border-bottom: #db2923 solid 5px; 
}

/* ------ Buttons ------ */

ul#buttons li {
	text-align: center;
	margin-bottom: 10px;
	
}

li.ticket_button, li#confirm_button {
	display: block;
	height: 80px;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 35px;
}

li.ticket_button p, li#confirm_button p {
	margin-top: -30px;
	letter-spacing: 0px;
}

li.ticket_button p {
	color: #000
}

li.ticket_button a {
	display: block;
	height: 68px;
	padding: 12px 0px 0px 0px;
	color: #000;
	background:transparent url(img/ticket-button.png) no-repeat scroll 0 0;
}

li.ticket_button a:hover {
	background:transparent url(img/ticket-button.png) no-repeat scroll 0 -80px;
	text-decoration: none;
}

li#confirm_button a {
	display: block;
	color: white;
	padding: 12px 0px 0px 0px;
	height: 68px;
	background:transparent url(img/confirm-button.png) no-repeat scroll 0 0;
}

li#confirm_button a:hover  {
	background:transparent url(img/confirm-button.png) no-repeat scroll 0 -80px;
}

li#mailing_list {
	display: block;
	color: #000;
	text-align: center;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 35px;
	height: 145px;
	padding: 15px 20px 0px 20px;
	background:transparent url(img/mailing-list-background.png) no-repeat scroll 0 0;
	
}

li#mailing_list p {
	margin-top: -10px;
	margin-bottom: 25px;
}

#m {
	width:  116px;
	color: #666;
	font-family: Georgia,serif;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	height:18px;
	margin-bottom: 5px;
}

/* ------ End of buttons ------ */

#sponsors {
	width: 125px;
	margin: auto;
}

ul#social_networks li img {
	margin-right: 10px;
}

/* -------------------------- End Side bars -------------------------- */

/* -------------------------- Line Up -------------------------- */

h3#nextevent_title {
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -1px;
}

h4#nextevent_date {
	color: #f2be49;
	font-size: 25px;
	letter-spacing: -1px;
	margin-top: -22px;
}

#line-up-plan {
	border-bottom:1px dotted #222;
	margin-bottom: 20px;
}

#line-up-plan h2 {
	border-bottom: 3px solid #f2be49;
	margin-bottom: 10px;
	font-size: 16px;
}

.line_up_col ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.line_up_col a:hover {
	color: black;
	background-color: white;
}

.artist {
	border-bottom: 1px dotted #222;
	margin-bottom: 20px;
}

.artist blockquote p {
	color: #f2be49;
	font-size: 20px;
	letter-spacing: -1px;
	margin-top: -22px;
}

.artist-info {
	background-color: #5BE6FF;
	margin-bottom: 20px;
}

.artist-pic {
	padding: 2px 4px 0px 2px;
	}


.artist-info ul {
	color: #000;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 15px;
	padding: 0px 10px 0px 10px;
	margin-bottom: 10px
}

.artist-info ul img {
	margin-left: 5px;
	vertical-align: middle;
}

/* -------------------------- End Line Ups -------------------------- */

/* -------------------------- Gallery -------------------------- */

#gallery_preview {
	margin-bottom: 20px;
	padding-bottom: 5px
}

.gallery_preview_box {
	background-color: #FFF;
	
}

#gallery_preview p {
	padding: 5px;
}

#gallery_preview img {
	margin: 5px;
	border: white solid 1px;
}

#gallery_preview h2 a {
	color: white;
}

.ad-thumbs a:focus {
	outline-width: 0px;
}

.ad-gallery {
	margin-bottom: 20px !important;
}

p.ad-info  {
	margin-left: 25px!important;
	color: #555;
}

/* --------------- Comment styles -------------- */

#comments_template {
	margin-top:30px;
}

#comments_template p {
	margin-bottom: 10px;
}

#comments_template h2 {
	border-bottom:5px solid #e3e3e3;
}

#comments_template h4 {
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 1;
	color: #fff;
}

ol#comments {
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}
ol#comments li {
	margin:0px;
	padding:0px;
	position:relative;
	padding-left:70px;
	list-style:none;
	padding-bottom:10px;
	padding-top: 20px;
	border-bottom: 1px dotted #222;;
}

ol#comments  li.alt {
	background-color: #111;
}

ol#comments .avatar {
	position:absolute;
	top: 15px;
	left: 15px;
}

.the_comment {
	margin-top: 10px
}

ol#comments small a {
	color: #db2923;
	font-weight: bold;
}



ul.commentlist {
	margin:20px 0px 20px 0px;
	padding:0px;
	border:5px solid #dedede;
}
ul.commentlist li {
	margin:0px;
	padding:10px 0px 20px 60px;
	position:relative;
	list-style:none;
	border:1px solid #dedede;
	border-bottom:0px;
	background:#ffffff url(images/background_block_slice.jpg) repeat-x;
	background-position:1px 1px;
}

ul.commentlist .avatar {
	position:absolute;
	top:10px;
	left:10px;
	border:1px solid #dedede;
}
ul.commentlist .commentmetadata {
	display:none;
}
ul.commentlist ul  {
	margin:20px 0px 20px 0px;
	padding:0px;
}
ul.commentlist ul li {
	border:0px;
	background-color:#ffffff;
	overflow:auto;
	background-image:none;
	padding-bottom:0px;
}

/* ------ Footer styles ------ */

#footer {
	background: #5be6ff url(img/footer.gif) top center no-repeat;
	position:relative;
	width:100%;
	padding-top:40px;
}

#footer p { color: #027e94; }
#footer a { color: #027e94; }

/* ------ Miscellaneous styles ------ */

.audioplayer_container {
color: #000;
}
