@charset "UTF-8";
/* CSS Document */

body{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	margin: 0px;	
	background-image: url(../images/bazcollage.jpg);
	color: #333333;
	
	
} 

#page{
	font-size: 10pt;
	line-height:16px;
	width: 800px;
	margin:0 auto;
	padding: 0px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	background-color: #3399cc;
	
}


img {
	line-height:0px;
	font-size:0;
	margin: 0;
	padding: 0;
	vertical-align: top; /*stops IE leaving a gap after image*/
	border-style: none;
	
}

banner {
	width: 800px;
	height: 140px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: top;

}

h2 {
	margin: 0;
	padding: 0;
	font-size:16px;
	font-weight: bold;
	color: #333333;
}

h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
	color: #333333;
}

#speech {
	padding: 0;
	margin: 5px 0 0 0;
}

#intro h3 {
	color: #ffff66;
}

.sideimage {
	margin-top: 30px;
}

#bazrun {
	float: right;
	padding-right: 30px;
}

.links_box{
	/*width:150px;*/
	display: inline;
	font-size:12px;
	font-weight:200;
	border: 0px;
	padding: 0px;
	margin: 0px;
	/*margin: 0px 8px 8px 8px;*/
	text-align: center;
}


#toplinks{
	margin: 0;
	padding: 0;
	height: 34px;
	width: 800px;
	text-decoration:none;/*to avoid automatic underlining*/
	background-image: url(../images/navbarbg.gif);
	background-repeat: no-repeat;
}

ul#navbar { 
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 10px;	
	float: left; 
	display: inline; 
}


ul#navbar a {
	display: block;  	/* Display navbar as a block element, each link is now same width and background is clickable */	
	height: 30px;
	margin-top: 2px;
	padding-right: 10px;
}

#navbar li {
	display: inline; 	/* Remove space between items in IE */
	float: left;		/* Make navbar horizontal*/
}

#toplinks img {
	padding: 6px 0 0 5px;
	vertical-align: middle;
}

#followLinks {
	text-align: right;
	padding-right: 10px;	
}

ul#navbar a#homeLink {
	background: url(../images/home.gif) no-repeat left top;
	width: 80px;
	/*position: absolute; /* This absolute positioning stops buttons moving when text is resized */
	/*bottom: 0; /* Stick the buttons to the bottom to stop them moving */
}
ul#navbar a#homeLink:hover {
	background: url(../images/home_active.gif) no-repeat left top;
}

ul#navbar a#extrasLink {
	background: url(../images/extras.gif) no-repeat left top;
	width: 126px;
	/*position: absolute; /* This absolute positioning stops buttons moving when text is resized */
	/*bottom: 0; /* Stick the buttons to the bottom to stop them moving */
}
ul#navbar a#extrasLink:hover {
	background: url(../images/extras_active.gif) no-repeat left top;
}

ul#navbar a#aboutLink {
	background: url(../images/about.gif) no-repeat left top;
	width: 125px;
	/*position: absolute; /* This absolute positioning stops buttons moving when text is resized */
	/*bottom: 0; /* Stick the buttons to the bottom to stop them moving */
}
ul#navbar a#aboutLink:hover {
	background: url(../images/about_active.gif) no-repeat left top;
}

ul#navbar a#blogLink {
	background: url(../images/blog.gif) no-repeat left top;
	width: 72px;
	/*position: absolute; /* This absolute positioning stops buttons moving when text is resized */
	/*bottom: 0; /* Stick the buttons to the bottom to stop them moving */
}
ul#navbar a#blogLink:hover {
	background: url(../images/blog_active.gif) no-repeat left top;
}
ul#navbar a#communityLink {
	background: url(../images/community.gif) no-repeat left top;
	width: 145px;
	/*position: absolute; /* This absolute positioning stops buttons moving when text is resized */
	/*bottom: 0; /* Stick the buttons to the bottom to stop them moving */
}
ul#navbar a#communityLink:hover {
	background: url(../images/community_active.gif) no-repeat left top;
}


.altText {
	display: none;
}



/*general links on the page*/
a {text-decoration:none}
a:link {color: #000000;} 
a:visited {color: #333333;} 
a:hover {color: #000099;} 

/*seperate instructions for link boxes*/
/*.links_box a{text-decoration:none}
.links_box a:link{color:#333333} 
.links_box a:visited {color: #333333} 
.links_box a:hover {color:#CC3333} */

/*seperate instructions for link boxes*/
/*.links_box a{text-decoration:none}
.links_box a:link{color:#000000} 
.links_box a:visited {color: #333333} 
.links_box a:hover {color: #000099} 

/*To highlight the active page*/
.active_page {
	color:#993333;
}
.arrow {
	clear: left;
	float: left;
}
.arrowtext {
	font-size: 24px;
}

#videoArrow {
	float: left;
	margin: 30px 0 0 20px;
}

#mainVideo {
	float: right;
	width: 580px;
}

#videoSection {
	clear: both;
	margin: 10px 0 20px 0;
}

#episodesLink {
	clear: both;
	float: right;
	margin: 5px 20px 0 0;
	color: #FFFFFF;
}

#pastEpisodes {
	margin: 0 0 30px 0;
	float: left;
}

#bazvideosb {
	margin: 0 0 0 20px;
	float: left;
}

.videoThumb {
	padding: 5px 5px 0 5px;
	margin: 10px 10px 0 0;
	background-color: #FFFFFF;
	float: left;
}

.videoThumb a:link {color: #336699;}
.videoThumb a:hover {color: #0099CC;}
.videoThumb a:visited {color: #336699;}

.extrasHead {
	margin: 0 0 10px 10px;
}


#voteSection {
	clear: both;
	margin: 20px 0 20px 0;
	
}

#voteArrow {
	float: left;
	margin: 30px 0 0 15px;
}

#voteBox {
	
	/*background-color: #ffff66;*/
	width: 560px;
	margin: 10px 5px 20px 15px;
	padding: 10px 20px 10px 0px;
	float: right;
	font-size: 18px;
	font-family: Helvetica, Arial sans-serif;	
	/*border-width: 0px 2px 0px 2px;
	border-style: solid;
	border-color: #990000;*/
	
	
}

#voteContent {
	background-image: url(../images/boxbg.gif);
	background-repeat: repeat-y;
}


#commentSection {
	clear: both;
	margin: 20px 0 20px 0;
}

#commentArrow {
	float: float;
	margin: 60px 0 0 20px;
}



#refhead {
	font-size: 20pt;
	color: #990000;
	margin-bottom: 0;
}

#comments {
	float: left;
	margin: 0 0 0 12px;
	padding: 0;
}

#commentsContent {
	background-color: #00FF33;
	margin: 0;
	padding: 0;
	background-image: url(../images/boxbg.gif);
	background-repeat: repeat-y;
}

#comments_holder {
	background-color: #3333FF;
	border: none;
	width: 500px;
	padding: 0;
	margin: 0;
	/*margin-left: -20px;*/
	
}

#vote_holder {
	border: none;
	width: 525px;
	padding: 0;
	margin: 0;
	/*padding-top: 10px;
	padding-bottom: 10px;
	/*margin-left: -20px;*/
}

.boxtop {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 30px;
	left: 27px;
}



#bottomlinks {
	clear: both;/*so that the bottomlinks div lies under the nav divs*/
	width: 800px;
	text-decoration: none;
	padding: 15px 0px 15px 200px;
	margin: 0px;
}

#rights{
	clear: both;/*so that the rights div lies under the bottomlinks div*/
	width: 800px;
	font-size:12px;
	border-top:1px solid #666666;
}


.pullquote {
	width: 30%;
	float:right;
	font-size:125%;
	line-height:140%;
	margin:10px;
	margin-left: 30px;
	background: url(../images/closequote.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 5px 0px;
}


.pullquote:first-letter {
	background: url(../images/openquote.gif) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}


#biogBox {
	/*background-color: #FFFF33;*/
	width: 760px;
	margin: 10px 0px 10px 0px;
	padding: 0px 20px 0px 20px;
	float: right;
	
}

#photoBox {
	width: 760px;
	margin: 0px 20px 0px 20px;
	float: right;
	
}

#photoContent {
	background-image: url(../images/biog_boxbg.gif);
	background-repeat: repeat-y;
}

#flashcontent {
	height: 600px;
	margin: 0 3px 0 3px;
}

#biogBox h2 {
	margin: 0;
	padding: 0 0 3px 0px;
	background-color: #FFFF66;
}

.biog_baz{
	padding: 0px 10px 10px 0px;
	float: left;
	}
	
.biog_eamo{
	padding: 0px 0px 10px 10px;
	float: right;
	}
	
#biogContent {
	background-image: url(../images/biog_boxbg.gif);
	background-repeat: repeat-y;
	padding: 1px 20px 1px 20px;
	margin: 0;
	font-size: 14px;
}


#subscribeForm {
	width: 500px;
	border: none;
	margin: 0px;
	padding: 20px;
}

.boxSection {
	width: 560px;
	margin: 10px 5px 5px 15px;
	padding: 10px 20px 10px 0px;
}

.boxSection h2 {
	margin: 0;
	padding: 0 0 0 20px;

}

.boxSection p {
	margin: 0;
	padding: 0 0 3px 20px;
}

.boxContent img {
	padding: 10px 0 0 0;
	
}

.boxSection a {
	padding: 0 0 10px 10px;
	vertical-align: bottom;
	font-size: 16px;
}

.boxSection a:link {color: #0033CC;}
.boxSection a:hover {color: #0099CC;}
.boxSection a:visited {color: #0033CC;}

.boxContent {
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../images/boxbg.gif);
	background-repeat: repeat-y;
	
}


/* hide from ie on mac \*/	

/* end hide */