html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	font-family: Arial, sans-serif;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

strong {
	font-weight: bold;
}

.clearer {
	clear: both;
}

a {
	color: #111;
}

/*********************************************************************************************/

html, body {
	background: #FFF6E4 url(/images/site/bg.jpg) left top repeat-x;
}

a#logolink:hover {
	background: url(/images/site/home.gif) left top no-repeat;
}

#wrapper {
	width: 100%;
	background: url(/images/site/pattern-bg.jpg) center top no-repeat;
}

#container {
	margin: 0 auto;
	width: 800px;
	background-color: #FFF;
}

#masthead {
	background: #FFF url(/images/site/masthead-bg.jpg) left top no-repeat;
	width: 790px;
	height: 58px;
	color: #5F3C26;
	font-size: 10px;
	padding: 180px 0 0 10px;
}

	#masthead strong {
		font-size: 11px;
	}
	
	#masthead a {
		color: #5F3C26;
		text-decoration: underline;
	}
	
		#masthead a:hover {
			color: #5F3C26;
			text-decoration: none;
		}
		
		
#titlebar {
	width: 800px;
	height: 27px;
	background: #E4C99B url(/images/site/titlebar-bg.jpg) left top no-repeat;
}

	#titlebar h1 {
		font-size: 18px;
		line-height: 25px;
		margin: 0 0 0 10px;
		color: #5F3C26;
	}

#content {
	background: url(/images/site/content-bg-internal.gif) left bottom no-repeat;
	padding-bottom: 100px;
}

#primary {
	float: left;
	width: 308px;
	background-color: #fef5e3;
}

#primaryWide {
	float: left;
	width: 580px;
	background-color: #fef5e3;
	padding: 15px 10px 20px 10px;
}

	#primaryWide p {
		margin: 6px 0 10px 0;
		color: #5f3c26;
		font-size: 12px;
		line-height: 19px;
	}

	#primary p {
		color: #5f3c26;
		font-size: 12px;
		line-height: 19px;
	}

	#primary h1, #primaryWide h1 {
		color: #5f3c26;
		margin-bottom: 3px;
		margin-top: 8px;
		font-size: 21px;
	}
	
	#primary h2, #primaryWide h2 {
		color: #5f3c26;
		margin-bottom: 5px;
	}
	
	#primary em, #primaryWide em {
		font-style: italic;
	}
	
	#primary h1, #primaryWide h1 {
		font-size: 15px;
		line-height: 20px;
		font-weight: bold;
	}

	#primary h2, #primaryWide h2 {
		font-size: 13px;
		line-height: 17px;
		font-weight: bold;
	}
	
	#primary h3, #primaryWide h3 {
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
	}
		
	#primaryWide ul {
		margin-bottom: 30px;
	}

	#primaryWide li {
		color: #5f3c26;
		font-size: 12px;
		line-height: 19px;
		list-style: disc;
		margin-left: 20px;
	}
			
	#primary h1.sectiontitle {
		color: #5f3c26;
		width: 308px;
		height: 25px;
		line-height: 25px;
		background-color: #f3e1c1;
		font-size: 18px;
		padding: 0 0 0 10px;
		margin-top: 32px;
		margin-bottom: 20px;
	}
	
	#blogArea {
		width: 295px;
		margin: 0 0 20px 10px;
		color: #5f3c26;
		padding-top: 12px;
	}
			
			.date {		
			}
			
			#blogArea .date p {
				margin: 0 !important;
			}
	/*
		#blogArea h1 {
			color: #69593a;
			font-size: 18px;
			margin: 15px 0 2px 0;
		}

			#blogArea h1 a {
				color: #69593a;
				text-decoration:underline;
				font-size: 18px;
				line-height: 24px !important;
			}
			
				#blogArea h1 a:hover {
					text-decoration:none;
				}

		#blogArea p {
			margin: 6px 0 10px 0;
			color: #5f3c26;
			font-size: 11px;
			line-height: 17px;
		}
		
		#blogArea a {
			color: #5f3c26;
			text-decoration: none;
		}

			#blogArea a:hover {
				text-decoration: underline;
			}
				
		#blogArea a.more {
			display: block;
			margin-top: 4px;
			color: #000;
			font-size: 11px;
			text-decoration: none;
			width: 70px;
			height: 12px;
		}
			
			#blogArea a.more:hover {
				color: #69593a;
				text-decoration: none;
			}
	*/
		
		
	.introimage {
		float: right; 
		width: 175px; 
		height: 190px; 
		background: right top no-repeat;
	}
		
#secondary {
	float: left;
	width: 292px;
	background-color: #f3e1c1;
}

	#secondary p {
		margin: 10px 0 10px 10px;
		color: #5f3c26;
		font-size: 11px;
		line-height: 17px;
	}
		
	#secondary h1.sectiontitle {
		color: #5f3c26;
		width: 308px;
		height: 25px;
		line-height: 25px;
		background-color: #fef5e3;
		font-size: 18px;
		padding: 0 0 0 10px;
		margin-top: 32px;
	}
	
	#secondary #tile1 {
		background: url(/images/site/tile-fanatical-bg.jpg) left top no-repeat;
		width: 287px;
		height: 47px;
		color: #5f3c26;
		padding: 100px 0 0 15px;
	}
	
		#secondary #tile1 a {
			color: #5f3c26;
			font-size: 11px;
			float: left;
			display: block;
			height: 15px;
			clear: both;
			text-decoration: none;
		}
		
			#secondary #tile1 a:hover {
				color: #000;
			}

	#secondary .membertile {
		color: #361c1e;
		font-size: 12px;
		padding: 0px 0 0 20px;
	}
	
		#secondary .membertile a.overlay {
			float: right;
			width: 130px;
			height: 100%;
		}

			#secondary .membertile a.overlay img {
				width: 130px;
				height: 100%;
			}

		#secondary .membertile ul {
			padding-top: 35px;
			font-size: 11px;
		}
					
			#secondary .membertile li {
				line-height: 15px;
			}
	
				#secondary .membertile a {
					color: #361c1e;
					text-decoration: none;
				}

				#secondary .membertile a:hover {
					color: #000;
					text-decoration: underline;
				}
		
	#secondary #bronze {
		background: url(/images/site/tile-bronze-bg.jpg) left top no-repeat;
		width: 272px;
		height: 94px;
	}

	#secondary #silver {
		background: url(/images/site/tile-silver-bg.jpg) left top no-repeat;
		width: 272px;
		height: 192px;
	}
	
	#secondary #gold {
		background: url(/images/site/tile-gold-bg.jpg) left top no-repeat;
		width: 272px;
		height: 229px;
	}

.navigationContainer {
	float: right;
	width: 200px;	
	background-color: #c8baae;
}

	a.subscribelink {
		font-size: 11px;
		color: #111;
		vertical-align:middle;
		margin: 25px 2px 25px 22px;
	}

.navigation {
	float: right;
	width: 200px;	
	background-color: #c8baae;
	font-family: Verdana, sans-serif;
}

	.navigation h2.sectiontitle {
		color: #111;
		background-color: #C5B2A2; 
		background-color: #aea196;
		width: 190px;
		height: 16px;
		line-height: 16px;
		font-size: 14px;
		padding: 0 10px 0 0;
		margin: 20px 0 0 0;
		text-align: right;
	}
	
	.navigation ul {
		margin-top: 2px;
		margin-bottom: 8px;
	}
		
		.navigation ul li {
			display: block;
			width: 196px;
			height: 17px;
			background-color: #C5B2A2;	
			color: #FFF;
			text-align: right;
			font-size: 12px;
			margin-bottom: 2px;
			margin-left: 2px;
			padding-top: 2px;
		}

		.navigation ul li#home {
			background-color: #c5b3a2;
		}
		.navigation ul li#about {
			background-color: #c2b09f;
		}
		.navigation ul li#old-bleater {
			background-color: #beac9b;
		}
		.navigation ul li#membership {
			background-color: #bba999;
		}
		.navigation ul li#fanatics-fun {
			background-color: #b7a594;
		}
		.navigation ul li#gallery {
			background-color: #b2a090;
		}
		.navigation ul li#blog {
			background-color: #b09e8d;
		}
		.navigation ul li#contact {
			background-color: #af9c8c;
		}	
						
			.navigation ul li a {
				display: block;
				width: 181px;
				height: 20px;
				color: #FFF;
				font-size: 12px;
				text-decoration: none;
				text-align: right;
				margin-left: 2px;
				padding-right: 15px;
			}

				.navigation ul li a:hover,
				#home .navigation ul li#home a,
				#about .navigation ul li#about a,
				#old-bleater .navigation ul li#old-bleater a,
				#membership .navigation ul li#membership a,
				#fanatics-fun .navigation ul li#fanatics-fun a,
				#gallery .navigation ul li#gallery a,
				#blog .navigation ul li#blog a,
				#contact .navigation ul li#contact a {
					color: #2d1819;
				}

#blogPreview {
	margin: 10px 0 0 10px;
	width: 180px;
	color: #FFF;
	font-size: 12px;
	line-height: 16px;
}

	#blogPreview h1 {
		color: #3c2425;
		font-size: 15px;
		margin-bottom: 15px;
		font-weight: bold;
	}
	
		#blogPreview h2 {
			color: #69593a;
			font-size: 13px;
			margin-bottom: 4px;		
		}
	
			#blogPreview h2 a {
				color: #69593a;
				font-size: 13px;
				line-height: 18px;
			}

	#blogPreview p {
		color: #FFF;
		font-size: 12px;
		line-height: 16px;
	}

		#blogPreview p.morelink {
			color: #3c2425;
			margin-top: 3px;
			margin-bottom: 20px;
		}
		
			#blogPreview p.morelink a {
				color: #3c2425;
				text-decoration: none;
				font-size: 11px;
			}
	
				#blogPreview p.morelink a:hover {
					color: #FFF;
					text-decoration: none;
				}
		
#footer {
	width: 800px;
	height: 70px;
	background-color: #e3d4ba;
}

	#footernav {
		float: left;
		height: 30px;
		width: 300px;
		font-size: 11px;
		padding: 5px 0 0 10px;
		color: #3c2425;
	}
		
		#footernav a {
			text-decoration: none;
			color: #3c2425;
		}	

			#footernav a:hover {
				text-decoration: none;
				color: #000;
			}	
			
	#extreme {
		float: right;
		height: 30px;
		width: 300px;
		font-size: 11px;
		text-align: right;
		padding: 5px 10px 0 0;
		color: #3c2425;
	}

		#extreme a {
			text-decoration: none;
			color: #3c2425;
		}	

			#extreme a:hover {
				text-decoration: none;
				color: #000;
			}		
	
	
	
	
	
	

	
.date {
	float:left;
	height:28px;
	width:32px;
	margin-right:9px;
	margin-top: 2px;
	padding-top:4px;
	background: #3f3f3f;
	}
.date p {
	text-align:center;
	color:#FFF !important;
	margin:0 0 0 0;
	text-transform:uppercase;
	}
.date span.day {
	font-size:14px;
	height: 12px;
	display:block;
	text-align: center;
	}
.date span.month {
	font-size:11px;
	line-height: 11px;
	display:block;
	text-align: center;
	}
	
	
	
.date-internal {
	float:left;
	height:37px;
	width:32px;
	margin-right:9px;
	margin-top: 2px;
	padding-top: 0px;
	background: #3f3f3f;
	}
	
.date-internal p {
	text-align:center;
	color:#FFF !important;
	margin:0 0 0 0;
	text-transform:uppercase;
	}
	
.date-internal span.day {
	font-size:14px;
	height: 12px;
	display:block;
	text-align: center;
	}
	
.date-internal span.month {
	font-size:11px;
	line-height: 11px;
	display:block;
	text-align: center;
	}	
	
	
	
	
	
	
.article-title {
	border-bottom: 1px dotted #111;
	margin-right: 7px;
	padding-bottom: 6px;
}

.article-title h1 {
	color: #69593a;
	font-size: 18px;
	line-height: 24px;
	margin: 15px 0 2px 0;
	font-weight: bold !important;
}
	
	.article-title h1 a {
		text-decoration: none;
		color: #69593a !important;
		font-weight: bold !important;
	}
	
.article-body {
	margin-right: 20px !important;
	margin-left: 0px !important;
	margin-top: 10px !important;
	margin-bottom: 25px;
	font-size: 12px;
	line-height: 16px !important;
	color: #222 !important;
}
	
	.article-summary {
		font-size: 12px;
		line-height: 16px !important;
		color: #222 !important;
		font-style: italic;
	}
	/*
	#primaryWide h1 {
		text-decoration: none !important;
		color: #222;
		font-weight: bold;
		font-size: 17px;
		padding-top: 3px;
	}
	
	#primaryWide h1 a {
		text-decoration: none !important;
		color: #222;
		font-weight: bold;
		font-size: 17px;
	}
	*/
	.article-body p {
		font-size: 12px !important;
		line-height: 16px !important;
		color: #222 !important;
	}

	.article-body a.more,
	.article-body a.back {
		font-size: 11px !important;
		line-height: 16px !important;
		margin-bottom: 25px;
		display: block;
		color: #000;
	}

.comment-body {
	margin-right: 20px !important;
	margin-left: 0px !important;
	margin-top: 15px !important;
	font-size: 12px !important;
	color: #69593a;
}
	
	.comment-body p {
		font-size: 12px !important;
		line-height: 16px !important;
		color: #111 !important;
	}

	.comment-body textarea {
		font-size: 12px !important;
		line-height: 16px !important;
		color: #111 !important;
		border: 1px solid #f3e3cc;
		width: 560px;
	}
	
		.comment-body strong {
			font-size: 12px !important;
			line-height: 16px !important;
			color: #111 !important;
			font-weight: bold;
		}
		
	.comment-body  h2 {
		color: #69593a;
		font-size: 18px;
		margin: 15px 0 7px 0;
		font-weight: normal !important;
	}

	.comment-odd {
		padding:  0 7px 7px 0px;
		line-height: 16px;
		border-bottom: 1px dotted #111;
	}
	
	.comment-even {
		padding:  0 7px 7px 0px;
		line-height: 16px;
		border-bottom: 1px dotted #111;
	}


#comment_form textarea {
	overflow: auto;
}
	
#loginform {
	margin-top: 10px;
	width: 160px;
	padding-left: 10px;
	margin-bottom: 15px;
}

	#loginform label {
		font-size: 11px;
		color: #111;
		display: block;
		width: 160px;
		height: 22px;
		line-height: 22px;
	}
	
	#loginform input {
		border: 1px solid #111;
		margin: 0 !important;
		width: 156px;
		color: #111;
	}
	
	#loginform #theloginbutton {
		float: right;
		display: block;
		width: 88px;
		height: 24px;
		border: none;
		/*
		border-top: 8px solid #c8baae; 
		border-bottom: 8px solid #c8baae; 
		*/
	}
	
	#loginform .clearspace {
		clear: both;
		width: 140px;
		height: 8px;
		font-size: 7px;
	}
	
	#loginform p#forgot {
		float: left;
		font-size: 11px;
		color: #111;
	}
	
		#loginform p#forgot a {
			color: #111;
			text-decoration: none;
		}
	
			#loginform p#forgot a:hover {
				color: #111;
				text-decoration: underline;
			}	
			
			
			
#forgotform {
	margin-top: 10px;
	width: 460px;
	margin-bottom: 15px;
}

	#forgotform label {
		font-size: 11px;
		color: #111;
		display: block;
		width: 160px;
		height: 22px;
		line-height: 22px;
	}
	
	#forgotform input {
		border: 1px solid #111;
		margin: 0 !important;
		width: 306px;
		color: #111;
	}
	
	#forgotform #thebutton {
		display: block;
		width: 208px;
		height: 24px;
		border: none;
		cursor: pointer;
		border: 1px solid #CCC;
	}

#registerform {
	margin-top: 10px;
	width: 420px;
	margin-bottom: 15px;
}

	#registerform label {
		font-size: 11px;
		color: #111;
		display: block;
		width: 420px;
		height: 22px;
		line-height: 22px;
	}
	
	#registerform input {
		border: 1px solid #111;
		margin: 0 !important;
		width: 266px;
		color: #111;
	}
	
	#registerform #theregbutton {
		display: block;
		width: 108px;
		height: 24px;
		border: none;
		cursor: pointer;
		border: 1px solid #CCC;
	}
	
	#registerform #thecheckbox {
		border: none;
		width: 18px;
	}
	


#editform {
	margin-top: 10px;
	width: 420px;
	margin-bottom: 15px;
}

	#editform label {
		font-size: 11px;
		color: #111;
		display: block;
		width: 420px;
		height: 22px;
		line-height: 22px;
	}
	
	#editform input {
		border: 1px solid #111;
		margin: 0 !important;
		width: 266px;
		color: #111;
	}
	
	#editform #theeditbutton {
		display: block;
		width: 108px;
		height: 24px;
		border: none;
		cursor: pointer;
		border: 1px solid #CCC;
	}
	
#friendform {
	margin-top: 10px;
	width: 460px;
	margin-bottom: 15px;
}

	#friendform label {
		font-size: 11px;
		color: #111;
		display: block;
		width: 460px;
		height: 22px;
		line-height: 22px;
	}
	
	#friendform input {
		border: 1px solid #111;
		margin: 0 !important;
		width: 406px;
		color: #111;
	}

	#friendform textarea {
		border: 1px solid #111;
		margin: 0 0 10px 0!important;
		width: 406px;
		color: #111;
	}
		
	#friendform #thesendbutton {
		display: block;
		width: 158px;
		height: 24px;
		border: none;
		cursor: pointer;
		border: 1px solid #CCC;
	}


/*******************************************************************************
Old Bleater
***********************/	

.bleaterSurround {
	float: left; 
	margin: 7px 0 13px 20px; 
	text-align: center;
}

h1.bleater-title a {
	width: 120px;
	text-align: center;
	display: block;
	height: 15px;
	line-height: 15px;
	font-size: 12px;
}
	
	.thumbimage {
		width: 120px; 
		height: 180px; 
		background-repeat: no-repeat;
	}
	

/******************************************************************************
Fanatics Subnav
***********************/
ul#funSubnav {
	display: block; 
	height: 24px; 
	width: 550px;
	margin-bottom: 0;
	margin-top: 0;
	clear: both;
}	
	
	ul#funSubnav li {
		background-color: #c8baae; 
		margin: 0 14px 0 0; 
		padding: 0 14px 0 14px; 
		list-style-type: none; 
		display: block; 
		height: 24px; 
		line-height: 24px; 
		float: left;
		border-right :4px solid #fef5e3;
		text-align: center;
	}

	ul#funSubnav li.last {	
		margin: 0 0 0 0; 
	}
	
		ul#funSubnav li a {
			margin: 0;
			padding: 0;
			color: #FFF;
			text-decoration: none;
		}
		
/******************************************************************************
Wallpapers
***********************/

.wallpaperLeft {
	float: left; 
	margin-bottom: 24px; 
	margin-left: 12px;
}

.wallpaperRight {
	float: left; 
	margin-bottom: 24px; 
	margin-left: 22px;
}

	.wallpaperLeft img, .wallpaperRight img {
		float: left; 
		border-top: 1px solid #3b3b3a;
		border-left: 1px solid #3b3b3a;
		border-bottom: 1px solid #3b3b3a;
	}

	.wallpaperLeft div.listContainer, .wallpaperRight div.listContainer {
		background-color: #c8baae;
		float: left; 
		text-align: left; 
		padding-left: 12px; 
		padding-top: 8px;
		width: 68px;
		height: 140px;
		border-top: 1px solid #3b3b3a;
		border-right: 1px solid #3b3b3a;
		border-bottom: 1px solid #3b3b3a;
	}
	
		.wallpaperLeft ul, .wallpaperRight ul { 
			display: block; 
			list-style: none; 
			margin: 0; 
			padding: 0; 
			text-indent: 0;
		}
	
			div.wallpaperLeft div.listContainer ul li, .wallpaperRight div.listContainer ul li {
				list-style-type: none !important; 
				margin: 0 !important; 
				padding: 0 !important;
				font-size: 11px !important;
			}

				div.wallpaperLeft div.listContainer ul li a, .wallpaperRight div.listContainer ul li a {
					color: #FFF !important;
				}		

					div.wallpaperLeft div.listContainer ul li a:hover, .wallpaperRight div.listContainer ul li a:hover {
						color: #111 !important;
					}	

/********************************************************************************
Screensavers
******************/
.screensaverSurround {
	margin-bottom: 24px; 
	margin-left: 12px;
	border: 1px solid #3b3b3a;
	width: 549px;
	height: 411px;	
}

	.screensaverSurround a {
		margin: 0 !important;
		padding: 0 !important;
		display: block;
		width: 549px;
		height: 411px;	
	}

		.screensaverSurround img {
			margin: 0 !important;
			padding: 0 !important;
			width: 549px;
			height: 411px;		
		}
					
/********************************************************************************
Beer Mats
******************/
.beermat {
	border: 1px solid #3b3b3a; 
	margin: 0 6px 12px 6px;
}


/********************************************************************************
Gallery
*****************/

#gallerySurround {
	width: 577px; 
	height: 571px; 
	margin: 0 0 22px 0; 
	padding: 55px 0 0 22px; 
	background: #f8d2a0 url(/images/site/cork.gif) left top no-repeat;
	
}	
.photoSurround {
	float: left; 
	margin: 0 -2px 0 0;
	height: 170px;
	text-align: center;
	cursor: hand;
}