/*
Theme Name: DemoDaze
Theme URI: http://www.carbidefinger.net
Description: The WordPress theme for DemoDaze by Nick Pack of Carbide-Finger Ltd (carbidefinger.net)
Version: 1.0
Author: Nick Pack
Author URI: http://www.nickpack.com
Tags: trek, gary fisher, demodaze

	DD v1.0
	 http://www.carbidefinger.net

	This theme was built by Nick Pack

	The CSS, XHTML and design is copyrighted material
	no for redistribution or use without prior consent

*/
@charset "UTF-8";
.dummytocorrectsafaribug {
/* This is a deliberate empty class that isnt used anywhere, this is to counter safari 4 on OSX not interpreting the first value after @charset */	
}
/* safari width bug workaround*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#Wrapper {
width:970px !important;
}
}

#Top {
	width:359px;
	height:65px;
	margin:11px 0 8px 14px;
	display:block;
	clear:both;
	float:left;
}

h1, h2 {
	font-family:'Ubuntu', arial, serif !important;
}
html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	color: #444;
	background: #CCCCCC; /* old browsers */
	background: -moz-linear-gradient(top, #CCCCCC 0%, #6D6D6D 100%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCCCCC), color-stop(100%,#6D6D6D)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#6D6D6D',GradientType=0 ); /* ie */
}
#Header {
	display:block;
	height:114px;
	width:970px;
	background: #000 url(media/header-carbon.png) no-repeat;
	margin-left:auto;
	margin-right:auto;
}
a img {
	border:none;
}
a:link, a:visited, a:active {
	color:#444;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.Hidden {
	display:none;
}

#Wrapper {
	width: 950px;
	display:table;
	clear:both;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:6px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #EFEFEF;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
#Nav {
	display:block;
	clear:both;
	height:30px;
	background: #e42d22; /* old browsers */
	background: -moz-linear-gradient(top, #e42d22 0%, #b92118 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e42d22), color-stop(100%,#b92118)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42d22', endColorstr='#b92118',GradientType=0 ); /* ie */
	width: 970px;
}
#Nav h2 {
	display: none;
}
#SideBar {
	display: block;
	clear: right;
	float: right;
	width: 270px;
	padding-left: 1px;
}
#Content {
	display:table;
	clear:both;
}
#InnerContent {
	display: block;
	clear: left;
	float: left;
	width: 665px;
	min-height:840px;
	padding-right: 10px;
	padding-left:1px;
	padding-top:10px;
	line-height: 18px;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	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;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
textarea {
	width: 600px;
}
#wpcf label {
	display: block;
	clear: both;
	font-weight: bold;
}
/* SuperFish */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	margin-left:10px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sf-menu {
	float:			left;
}
.sf-menu a {
	border-right:	1px solid #b92118;
	padding: 		.75em 1em;
	text-decoration:none;
}
.MainHome {
	border-left:	1px solid #b92118;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}
.sf-menu li {
	background: #e42d22; /* old browsers */
	background: -moz-linear-gradient(top, #e42d22 0%, #b92118 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e42d22), color-stop(100%,#b92118)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42d22', endColorstr='#b92118',GradientType=0 ); /* ie */
}
.sf-menu li li {
	background:		#C00;
}
.sf-menu li li li {
	background:		#C00;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #b92118;
	outline:		0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('media/menu/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position:  -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
	background-position:  0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('media/menu/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
#slider {
	width: 666px; /* important to be same as image width */
	height: 250px; /* important to be same as image height */
	position: relative; /* important */
	display:block;
	overflow: hidden; /* important */
	padding:0px;
	margin:0px;
	-webkit-box-shadow: 0px 2px 3px #adadad;
	-moz-box-shadow: 0px 2px 3px #adadad;
	box-shadow: 0px 2px 3px #adadad;
}
#slider li, #slider ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.sliderImage {
	float: left;
	position: relative;
	display: none;
}
.sliderImage span {
	position: absolute;
	padding: 10px 13px 20px;
	width: 665px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #CCC;
	line-height:10px;
	display: none;
}
.sliderImage a:link, .sliderImage a:active, .sliderImage a:visited {
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
.readmore {
	font-weight:normal !important;
	clear:none;
	font-size: 1em !important;
}
.sliderImage a:hover {
	text-decoration:underline;
}
.bottom {
	bottom: 0;
	left: 0;
}
#sliderContent {
	width: 620px;
	position: absolute;
	top: 0;
	margin-left: 0;
}
.CatBox {
	width:306px;
	display:block;
	height:300px;
	clear:none;
	float:left;
	margin-top:10px;
	border:1px solid #CCC;
	padding:10px;
	background: #FFF url(media/content-bg.jpg) repeat-x;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.CatBox h2 {
	margin:0px;
	padding:0px;
	padding-bottom: 6px;
	/*border-bottom:1px solid #CCC;*/
	margin-bottom:10px;
}
.SideBox {
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #CCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tweets {
	list-style-image: url(media/twitter.png);
	list-style-position:inside;
	padding:6px !important;
}

.tweets a {
	font-style: italic;
}
.tweets li {
	padding:4px 0 4px 0 !important;
	margin:0;
	border-bottom:1px dotted #CCC;
}
.SideBox h3 {
	display:block;
	margin:0px;
	padding: 5px;
	padding-left:10px;
	border-bottom:1px solid #CCC;
	font-size: 1.1em;
	background: url(media/title-bg.jpg) repeat-x;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.PageTitle {
	padding-bottom: 6px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
.SideBox div {
	margin:0px;
	padding:10px;
}
.SideBox ul {
	margin:0;
	padding:10px;
	padding-left:24px;
}
.SideBox li {
	margin-bottom:5px;
}
#LatestVideo {
	margin-right:8px;
}
#LatestPosts {
	display:block;
	clear:both;
}
#HomeCopy {
	margin-bottom:6px;
}
#Gigs {
	display:block;
	clear:both;
	margin-bottom:10px;
	width:645px !important;
	height:100% !important;
}
#Gigs ol {
	margin:0px;
	padding:0px;
	padding-left:20px;
}
#Gigs li {
	border-bottom:1px solid #CCC;
	padding-bottom:6px;
	margin-bottom:6px;
}
#Footer {
	width:646px;
	padding:20px;
	font-size:.9em;
	color:#CCC;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

#Footer a {
	color:#CCC !important;
}
#Footer ul {
	margin:0px;
	padding:0px;
}
#Footer ul li {
	display:inline;
	margin-right:6px;
}
#LatestPosts ol {
	padding:0;
	margin:0;
	list-style: none;
}
#LatestPosts li {
	margin: 0px;
	background: #FFF url(media/content-bg.jpg) repeat-x;
	padding: 6px;
	margin-bottom:6px;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#LatestPosts li h4 {
	margin:0;
	padding:0;
	clear:none;
}
#LatestPosts h4 span {
	font-size: .9em;
	font-style: italic;
	font-weight:normal;
}
ol.commentlist {
	list-style:none;
	margin:0;
	padding:0;
}
ol.commentlist li {
	border:1px solid #d5d5d5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 0 10px;
	padding:5px 7px 5px 64px;
	position:relative;
}
ol.commentlist li.pingback comment-author {
	padding:0 170px 0 0;
}
ol.commentlist li div.vcard {
	font-weight:bold;
}
ol.commentlist li div.vcard cite.fn {
	font-style:normal;
}
ol.commentlist li div.vcard cite.fn a.url {
	color:#cc0000;
	text-decoration:none;
}
ol.commentlist li div.vcard cite.fn a.url:hover {
	color:#000;
}
ol.commentlist li div.vcard img.avatar {
	background: #fff;
	border:1px solid #aaa;
	padding: 5px;
	left:7px;
	position:absolute;
	top:7px;
}
ol.commentlist li div.comment-meta {
	font-weight:bold;
	position:absolute;
	right:10px;
	text-align:right;
	top:5px;
}
ol.commentlist li div.comment-meta a {
	text-decoration:none;
}
ol.commentlist li p {
	font-weight:normal;
	margin:5px 0 12px;
}
ol.commentlist li ul {
	font-weight:normal;
	list-style:square;
	margin:0 0 12px;
	padding:0;
}
ol.commentlist li div.reply {
	background:#999;
	border:1px solid #666;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:#fff;
	padding:6px 5px 4px;
	text-align:center;
	width:36px;
}
ol.commentlist li div.reply:hover {
	background:#cc0000;
	border:1px solid #cc0000;
}
ol.commentlist li div.reply a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
ol.commentlist li ul.children {
	list-style:none;
	margin:12px 0 0;
	text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
	margin:0 0 3px;
}
ol.commentlist li ul.children li.depth-3 {
	margin:0 0 3px;
}
ol.commentlist li ul.children li.depth-4 {
	margin:0 0 3px;
}
ol.commentlist li ul.children li.depth-5 {
	margin:0 0 3px;
}
ol.commentlist ul.children li.odd {
	background:#fff;
}
ol.commentlist ul.children li.even {
	background:#f6f6f6;
}
ol.commentlist li.pingback div.vcard {
	padding:0 170px 0 0;
}
#Gigs h4 {
	margin:0;
	padding:0;
}
.ArticleMeta {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	font-size:1.2em;
	border-bottom-width: 1px;
	padding:0px;
	border-bottom-color: #CCCCCC;
	margin:0px;
	margin-bottom:10px;
	height:24px;
	font-size:1em;
	display:block;
	clear:both;
}
.ArticleMeta li {
	display:block;
	float:left;
	height:22px;
	margin-right:10px;
}
.PostedDate {
	padding-left:20px;
	background-image: url(media/icons/calendar.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.MetaComments {
	padding-left:20px;
	background-image: url(media/icons/comments.png);
	background-repeat: no-repeat;
}
.MetaLink {
	padding-left:18px;
	background-image: url(media/icons/link.png);
	background-repeat: no-repeat;
}
.CommentPoster {
	padding-left:19px;
	background-image: url(media/icons/user_comment.png);
	background-repeat: no-repeat;
	width:260px;
}

.post {
	border-bottom: 1px solid #CCC;	
}

.navigation {
	padding:3px;	
}

.navigation .pages {
	font-weight:bold;
	margin-right: 10px;
}

.navigation a, .navigation .current {
	padding:3px;
	margin-right:3px;
}

.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
 
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);
 
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 150px;
	border: solid 1px #bcbbbb;
	outline: none;
 
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
 
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);
 
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
 
	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

#EventsMap {
	display:block;
	clear:both;
	width:645px;
	height:350px;
}

#EventLocation, #EventsMainMap {
	display:block;
	clear:both;
	width:662px;
	height:662px;
}