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

body {
	background-color: #e0dccc;
	margin: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	width: 100%;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.hidden { visibility: hidden; }
a { outline: none; }

#wrap { margin: 0 auto; width: 1070px; background-image: url(images/bg-content.png); background-repeat: repeat-y;}

#header { width: 100%; height: 134px; background-image: url(images/bg-headerrepeat.png); background-repeat: repeat-x; position: relative; vertical-align: top; text-align: left; }
#subheader { width: 1070px; height: 134px; background-image: url(images/bg-header.png); margin: 0 auto; position: relative; text-align: left; vertical-align: top; }
#navplacement { width: 664px; height: 30px; position: absolute; left: 400px; top: 40px; font-size: 22px; color: #FFF; font-weight: bold; letter-spacing: -1px; }

#featuredmodule { width: 1051px; height: 301px; background-image: url(images/bg-featuredarea.png); position: relative; text-align: left; vertical-align: top; margin: 0 auto; }

#contentwrapper { width: 900px; background-image: url(images/wrap-bg.jpg); min-height: 152px; background-repeat: no-repeat; background-position: top center; }

#footer {  width: 1070px; height: 74px; position: relative; text-align: left; vertical-align: top; background-image: url(images/bg-footer.png); clear: both;}

#leftside { width: 728px; float: left; }

#rightside { width: 342px; float: right; }

#rightside a:link { text-decoration: none; }

a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #fff;
	background-color: #000;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	color: #b3ad9c;
	background-color: #000;
	font-weight: bold;
	text-decoration: none;
}

#ads { padding: 15px 0px 15px 0px; }

#ads a img { border: none; }

/* entry styles */

.entry { }
.entry blockquote { }
.entry a img, .article .postcontent img { border: solid 2px #000; }
.entry a:link { text-decoration: none; }

/* comments, meta, etc */

.postmeta { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; color: #000; display: block; }

.mcomments a:link {  padding: 5px; color: #fff; background-color:#000; }
.mcomments { padding-bottom: 15px;}
.mcomments a:hover { color: #b3ad9c; padding: 5px; background-color:#000;}
.mcomments a:visited { color: #fff;padding: 5px; color: #fff; background-color:#000; }

.comments { margin: 0px; padding-bottom: 15px; padding-top: 0px; text-align: right; padding-right: 45px; }
.comments h2 { font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-size: 22px; font-weight: bold; letter-spacing: -1px; color: #fff; border-bottom: solid 1px #E5D9CC; line-height: 22px; margin-bottom: 7px; padding-bottom: 7px; }
.comments .comment, .commentform { display: block; padding: 15px; }
.comments .comment p { margin: 10px 0 0 0; }
.comments .alt, .commentform { background: #F7F3EF; }
.comments .comment .comment-meta { border-bottom: solid 1px #E7DFDE; font-size: 13px; color: #8D7154; padding-bottom: 5px; }
.comments .comment .comment-meta a { color: #000000; text-decoration: none; }
.comments .comment .comment-meta span { padding: 2px; font-size: 15px; font-weight: bold; color: #A7583E;}
.comments .comment .cimment-meta span a { color: #A7583E; }
.comments .commentform .alignleft { width: 150px; float: left; line-height: 40px; margin-top: -15px; }
.comments .commentform .alignright { width: 100%; float: right; }
.comments .commentform input, .comments .commentform textarea { display: block; padding: 5px; width: 666px; margin-bottom: 10px; border: #E7DBCE solid 1px; background-color: #ffffff; }
.comments .commentform input.submitbutton { width: 150px; background: #E7DBCE; float: right; }

.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/* BLOG STYLES */

#contentarea a:link { font-size: 12px; color: #b5985a; text-decoration: none; font-weight: normal;}

#contentarea a:hover { color: #cecece; }
#contentarea a:active { color: #b5985a; }
#contentarea a:active { color: #b5985a; }

#contentarea h2 { font-family: Arial, Helvetica, sans-serif; font-size: 32px; line-height: 30px;}
#contentarea h2 a { font-size: 32px; color: #b5985a; text-decoration: none; }
#contentarea h2 a:hover { font-size: 32px; color: #cecece; text-decoration: none; }
#contentarea h2 a:active { font-size: 32px; color: #b5985a; text-decoration: none; }



/* imported styles */

.comments-template{
	margin: 10px 0 0;
	border-top: 0px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	padding: 5px;
}
/* wtf */
	
h2 {font-family:Arial, Helvetica, sans-serif; font-size: 34px; font-weight: bold; color: #000; margin: 0px 0px 2px 0px;}

h2 a:link {color: #000; font-size: 34px; font-weight: bold; text-decoration: none;}

h2 a:visited {color: #000; font-size: 34px; font-weight: bold; text-decoration: none;}

h2 a:hover {color: #fff; font-size: 34px; background-color: #000; font-weight: bold; text-decoration: none;}

h2 a:active {color: #b3ad9c; background-color: #000; font-size: 34px; font-weight: bold; text-decoration: none;}

/* Tyrelikins Specials */

#eventpicmodule { position: absolute; left: 16px; top: 58px; }
#featurelocalpic { position: absolute; top: 54px; left: 347px; }
#flyermodule { position: absolute; left: 714px; top: 58px; }
#eventdate {position: absolute; left: 846px; top: 10px; font-size: 24px; font-weight: bold; letter-spacing: -1px;}

a.btn-myspace { display: block; width: 325px; height: 73px; background-image: url(images/btn-myspace.png); background-repeat: no-repeat; text-decoration: none; }
a:hover.btn-myspace { background-position: -325px 0; background-color: transparent; }

div#tipDiv {
    color:#fff; font-size:11px; line-height:1.2;
    background-color:#000;
    width:210px; padding:5px;
}

/* example demonstrating applying styles to 'tipContent' for tooltip display
i.e., div.tipContent ul wouldn't work (more info in online documentation) */
div#tipDiv ul.tipContentList {
    margin:0; padding:0; list-style:none;
}

#logo { position: absolute; width: 195px; height: 90px; left: 80px; top: 10px; }
#logo a img, .article .postcontent img { border: none; background-color: transparent; }
#logo a:link { text-decoration: none; border: none; background-color: transparent; }


/* Navigation */

ul#menu {
	list-style: none;
	}
	ul#menu li {
		display: inline;
	}
	ul#menu li a  {
		text-indent: -9999px;
		display: block;
		height: 51px;
		float: left;
		}
		ul#menu li a.home {
			background: url(images/menu-home.png) no-repeat bottom center;
			width: 106px;
			}
		ul#menu li a.about {
			background: url(images/menu-about.png) no-repeat bottom center;
			width: 67px;
		}
		ul#menu li a.thefacts {
			background: url(images/menu-thefacts.png) no-repeat bottom center;
			width: 101px;
			}
		ul#menu li a.quitgroups {
			background: url(images/menu-quitgroups.png) no-repeat bottom center;
			width: 122px;
			}
		ul#menu li a.events {
			background: url(images/menu-events.png) no-repeat bottom center;
			width: 75px;
			}
		ul#menu li a.store {
			background: url(images/menu-store.png) no-repeat bottom center;
			width: 70px;
			}
			ul#menu li a.home:hover, ul#menu li a.home:active,
			ul#menu li a.about:hover, ul#menu li a.about:active,
			ul#menu li a.thefacts:hover, ul#menu li a.thefacts:active,
			ul#menu li a.quitgroups:hover, ul#menu li a.quitgroups:active,
			ul#menu li a.events:hover, ul#menu li a.events:active,
			ul#menu li a.store:hover, ul#menu li a.store:active {
				background-position: center center;
			}
		body#home ul#menu li a.home,
		body#about ul#menu li a.about,
		body#thefacts ul#menu li a.thefacts,
		body#quitgroups ul#menu li a.quitgroups,
		body#events ul#menu li a.events,
		body#store ul#menu li a.store {
			background-position: top center;
		}
		
/* ABOUT PAGE */

.aboutitems {
	position: absolute;
	width: 255px;
	height: 40px;
}
.aboutitems img { border: 1px; border-style: solid; border-color: #000; padding: 2px; background-color:#fff; }

.aboutfooters { width: 991px; height: 68px; margin-left: 30px; background-image:url(images/bg-communesubfooters.jpg);position: relative; text-align: left; vertical-align: top; padding-bottom: 30px; background-repeat: no-repeat; }
.aboutheaders { width: 991px; height: 68px; margin-left: 30px; background-image:url(images/bg-subhed-blank.jpg);position: relative; text-align: left; vertical-align: top; background-repeat: no-repeat; padding-bottom: 10px;}

/* FACTS PAGE */

.factstext {  font-size: 13px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; width: 645px; position: absolute; }

/* STORE PAGE */

#featuredshirtarea { width: 1053px; height: 428px; position: relative; background-image: url(images/store-bg-top.jpg); margin: 0 auto; vertical-align: top; text-align: left; }
.featuredText {
	position: absolute;
	width: 399px;
	left: 620px;
	top: 66px;
	height: 288px;
	color: #FFF;
	font-size: 14px;
}
.featuredText a { background-color: #FFF; color: #000; font-family: Arial, Helvetica, sans-serif; }

.shirtcontainer { width: 322px; height: 511px; float: left; position: relative; vertical-align: top; margin-left: 25px; }
.shirtcontainer li { list-style: none; padding: 4px; margin-left: 0px;} 
.shirtcontainer ul { margin-top: -13px; list-style: none; padding: 4px; margin-left: 0px;} 

.shirtdesc { margin: 0px 0px 10px 20px; width: 290px; height: 157px; overflow: auto; }

.shirtbtn { width: 165px; height: 39px; position: absolute; left: 71px; top: 167px; }
.shirtbtn a { background-color: transparent; }

.shirttop { width: 322px; position: relative; text-align: left; float: left; vertical-align: top; padding: 0px; margin: 0px; height: 291px; }

.shirtbottomblack { width: 322px; position: relative; text-align: left; vertical-align: top; padding: 0px; margin: 0px; height: 220px; background-image: url(images/store-bg-tee-bottomblack.jpg); color: #FFF; float: left; }
.shirtbottomblack h3 a { padding: 0px; margin: 0px; background-color: #FFF; color: #000; font-size: 16px; font-weight: bold;}

.shirtbottomlight { width: 322px; position: relative; text-align: left; vertical-align: top; padding: 0px; margin: 0px; height: 220px; background-image: url(images/store-bg-tee-bottomlight.jpg); color: #000; float: left; }
.shirtbottomlight h3 a { padding: 0px; margin: 0px; background-color: #000; color: #fff; font-size: 16px; font-weight: bold;}

/* SLIDER */

/* SLIDER */


.boxgrid{ 
	width: 325px; 
	height: 260px; 
	float:left; 
	overflow: hidden; 
	position: relative; 
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.captionfull .boxcaption {
		top: 260;
		left: 0;
	}
	.caption .boxcaption {
		top: 220;
		left: 0;
	}