/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

body { background: #000 url(images/new-background.jpg) no-repeat center top; background-attachment:fixed;  color: #fefefe; }
h1,h2,h3,h4,h5,h6 {
	color: #eee;
	-moz-text-shadow: 0 0 10px #ffffff;
	-webkit-text-shadow: 0 0 10px #ffffff;
	text-shadow: 0 0 10px #ffffff;
}
.post .title { font:normal bold 26px/28px Arial, Helvetica, sans-serif;position:relative; margin: 0; color: #fefefe; }
.post .title a:link, .post .title a:visited { color: #eee; }
#header { padding: 10px 0; }

#header-video {
	width: 575px;
	height: 240px;
	border: 1px solid #333333;
	float: left;
	background: url('./images/header-video.jpg') no-repeat left top;
}
#header-video:hover {
	-moz-box-shadow: 0 0 10px #ffffff;
	-webkit-box-shadow: 0 0 10px #ffffff;
	box-shadow: 0 0 10px #ffffff;
	border: 1px solid #ffffff;
}

#logo { float: right; }
#top-nav a:hover, 
#top-nav li.current_page_item a, 
#top-nav li.current_page_parent a  { 
	text-decoration: none;
	color: #ccff00;
	-moz-text-shadow: 0 0 10px #ffffff;
	-webkit-text-shadow: 0 0 10px #ffffff;
	text-shadow: 0 0 10px #ffffff;
}

#main-nav { z-index: 999; background:url("images/bg-mainnav.png") repeat-x scroll left bottom #000; border:0px solid #222; font:bold 20px Helvetica,Arial,sans-serif; margin-bottom:40px; }
#main-nav a:hover, #main-nav li.current-cat a, #main-nav li.current-cat a, #main-nav a:hover, #main-nav li.current_page_item a, #main-nav li.current_page_parent a {
border-bottom-color:#ccff00;
}

#main-nav a:hover, #main-nav li.current-cat a, #main-nav li.current-cat a {
	color: #ffffff;
	-moz-text-shadow: 0 0 15px #ffffff;
	-webkit-text-shadow: 0 0 15px #ffffff;
	text-shadow: 0 0 15px #ffffff;
} 

#main-nav a { color: #aaa; padding:5px 20px 6px; border-bottom: 2px solid #ccc; }
#main-nav a:hover, 
#main-nav li.current_page_item a, 
#main-nav li.current_page_parent a { 
	color: #ffffff;
	-moz-text-shadow: 0 0 15px #ffffff;
	-webkit-text-shadow: 0 0 15px #ffffff;
	text-shadow: 0 0 15px #ffffff;
}
#main-nav li { border-right:2px solid #222; }
#main-nav li ul { border-color: #222; }
#main-nav li ul li { padding: 5px 0 3px 0; background:none repeat scroll 0 0 #000; border-top:0px solid #222; }
#main-nav li ul li a { font-size: 16px; border-bottom: #222; }
#main-nav li ul li a:hover { color: #ccff00; background: #222; }



#older-posts li .info .title-old a { color: #aaa; }
#older-posts li .info .title-old a:hover { color: #fff; }


.nav-entries a, .post-entries a, .wp-pagenavi span.extend, .wp-pagenavi span.pages, .widget_recent_comments li a, .widget_woo_twitter a, .widget_tag_cloud div a, #tabs .inside #tab-tags a:hover {
color:#ccff00 !important;
}

.nav-entries a, .post-entries a { font: bold 16px/16px Arial,Helvetica,Sans-serif; color:#03FF00; }
.nav-entries, .wp-pagenavi, .post-entries {
  background:url("images/bg-mainnav.png") repeat-x scroll left bottom #000000;
  border:0px solid #222222;
  font-size:14px;
}


#nav-next fr {  }

#recent-posts .post .heading h2 a { color:#ccff00; }


#footer  { background: #000; border-top: 0px; padding: 30px 0; }
#footer-widgets { background: #000; border-top: 1px solid #111; padding: 10px 0; }

.post-meta span { color: #ddd; }

#loopedSlider { z-index: 998; }
#loopedSlider .slide-content  { position: absolute; bottom: 0; left: 0; padding: 10px 10px 5px 10px; color: #fff; background: rgba(0,0,0,0.8); }
#loopedSlider .slide-content h2 { margin: 0 0 5px 0; font-size: 24px; }
#loopedSlider .slide-content h2 a{ color: #ccff00; }
#loopedSlider .slide-content .featured-excerpt  { margin: 0 0 3px 0; font-size: 12px; color: #fff; }
#loopedSlider .nav-buttons { z-index: 999; bottom:100px; right:5px; }

#recent-posts .post a:hover {
	-moz-box-shadow: 0 0 10px #ffffff;
	-webkit-box-shadow: 0 0 10px #ffffff;
	box-shadow: 0 0 10px #ffffff;
}
#recent-posts .post .heading  { width: 290px; padding: 5px; }
#recent-posts .post .heading h2  { font-size: 11px; }
#recent-posts .meta  { font-size: 10px; }

.gigs li { color: #ccff00; }
.gig .mapit { float: left; margin: 6px 3px 0 0; }
.widget ul li { border-color: #333;}
.widget ul li a { color: #fff; }
.widget h3 { font-size: 20px; background:url("images/sidebar-bg.png") no-repeat; }
.widget h3 span { background:url("images/widget-arrow.png") no-repeat; }
.widget_woo_blogauthorinfo { border-color: #333; }


#follow { clear: both; position: relative; height: 50px; text-align: center; margin-bottom: 20px; }
#follow-youtube { float: left; width: 59px; height: 65px; }
#follow-vimeo { float: left; width: 59px; height: 65px; }
#follow-twitter { float: left; width: 59px; height: 65px; }
#follow-facebook { float: left; width: 59px; height: 65px; }
#follow-podcast { float: left; width: 59px; height: 65px; }
#follow-itunes { float: left; width: 300px; height: 100px; margin-bottom: 5px;}

#follow-youtube:hover { margin-top: -1px; }
#follow-vimeo:hover { margin-top: -3px; }
#follow-twitter:hover { margin-top: -3px; }
#follow-facebook:hover { margin-top: -3px; }
#follow-podcast:hover { margin-top: -3px; }
#follow-itunes:hover { 
	-moz-box-shadow: 0 0 10px #ffffff;
	-webkit-box-shadow: 0 0 10px #ffffff;
	box-shadow: 0 0 10px #ffffff;
}

   
#comments .comment.thread-even .comment-container { background: #222; }
#comments .comment .comment-container { border:1px solid #555; }
#commentform textarea { border-color: #333; background: #222; color: #fff; }
#commentform textarea:focus { background: #000; color: #fff; }
#commentform input.txt { border-color: #333; background: #222; color: #fff; }
#commentform input.txt:focus { background: #000; color: #fff; }

#footer-search form input.s { border-color: #333; background: #111; color: #fff; }


/** GIGS-CALENDAR *****************************/
tbody, tfoot, thead, tr, th, td { vertical-align: middle;}

table.gigs { border: 0px solid #222; }
table.gigs th { padding: 3px; font-size: 16px; background: #222; border-right: 3px solid #000; }
table.gigs tr.gig { border-top: 1px solid #222; }
table.gigs td { padding: 3px; }
table.gigs a img { padding: 3px; background: none; }

.gig-post table { clear: both; width: 100%; margin-bottom: 10px; }
.gig-post table td { padding:3px; border: 2px solid #000; }
.gig-post table .bold { background: #222; }

#main-category-buttons { margin-bottom: 50px; }
.category-image { 
	width: 620px; 
	height: 185px; 
	margin-bottom: 25px;
	border: 1px solid #333;
}
.category-image:hover { 
	-moz-box-shadow: 0 0 10px #ffffff;
	-webkit-box-shadow: 0 0 10px #ffffff;
	box-shadow: 0 0 10px #ffffff;
	border: 1px solid #ffffff;
}