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

body {
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	background: #FFFFFF;
	margin: 10px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #455560;
}
.oneColFixCtr #container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #ededed;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 700px;
}
.oneColFixCtr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.oneColFixCtr #leftLogo {
	background: url(../_images/LEFT_bg.jpg) no-repeat;
	height:700px;
	width: 438px;
	float:left;
}
.oneColFixCtr #contentArea {
	background: url(../_images/contentBG.jpg) repeat-x;
	height:700px;
	width: 562px;
	float:right;
	position: relative;
}

#homeContent {
	height: 510px;
	width: 562px;
	background:url(../_images/homeBG.jpg) no-repeat ;
	background-position:right;
	position:relative;
}

#bodyContent {
	height: 530px;
	width: 562px;
	position:relative;
}

#inner {
	padding: 15px 15px 15px 15px;
	}
	
#winform {
	float: right;
	padding: 10px;
	width: 250px;
	}
	
.winsuccess {
	float: right;
	padding: 10px;
	width: 250px;
	display: none;
	border: 1px solid #ededed;
	}
	
.winsuccess a{
	color: #E31937;
}
	
#shirtBG {
	background: url(../_images/tShirtBG.jpg) no-repeat;
	padding: 15px 15px 15px 15px;
	width: 500px;
	height: 500px;
}

/* TWITTER FOOT */
#foot {
	position: absolute;
	bottom: 0;
	padding: 10px 0 0 0;
	height: 50px;
	}
	
/* MENU */

#menu ul {
font-family: Century Gothic, Helvetica, Arial, sans-serif;
list-style: none;
margin: 31px 0 28px 0;
font-size: 14px;

}




#menu li {
	display: inline;
	color: #97999C;
	padding: 8px 35px 8px 70px;

}

#menu li a{
	color: #97999C;
	text-decoration: none;

}

#menu li a:hover{
	color: #666666;
	text-decoration: none;

}

#menu .activemenu {
	color: #E31937;
	}

/* ICONS */
#icons {
	position: absolute;
	bottom: 80px;
	left: 255px;
	height: 47px;
	overflow: hidden;
}

/* flickr */

#images { height: 350px; width: 350px; padding:0; margin:0; overflow: hidden;}
#images img { 
	border:none;
	padding: 15px; 
	border: 1px solid #ccc; 
	background-color: #eee; 
	top:0; 
	left:0;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

/* voting shirts */
.entry {
	width: 208px;
	height: 246px;
	top: 114px;
	left: 80px;
	position:relative;
}

#vote {
	position: absolute;
	top: 160px;
	left: 57px;
	width: 220px;
	}
a.vote_up {
	display:inline-block;
	background-repeat:none;
	background-position:center;
	height:35px;
	width:81px;
	margin-left:4px;
	text-indent:-900%;
}

a.vote_down {
	display:inline-block;
	background-repeat:none;
	background-position:center;
	height:35px;
	width:76px;
	margin-left:4px;
	text-indent:-900%;
}

a.vote_up {
	background:url("../_images/tshirt_it.png");
}

a.vote_down {
	background:url("../_images/trash_it.png");
}

/* shirt fader */

#subshirt {
	position: absolute;
	top: 445px;
	left: 147px;
	width: 290px;
}


.fromg {
	float: left;
	margin: 15px 0 0 95px;
	}
	
#fade-wrap {
	width: 540px;
	height: 350px;
	margin-top: -55px;
	overflow:hidden;
}
.button {
	float: left;
	margin: 3px;
}

#one {
	display: block;
	padding: 30px;
}
#one-button {
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

#two {
	display: none;
	padding: 30px;
}
#two-button {
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

#three {
	display: none;
	padding: 30px;
}
#three-button {
	opacity: 0.5;
	filter: alpha(opacity = 50);

}
#four {
	display: none;
	padding: 30px;
}
#four-button {
	opacity: 0.5;
	filter: alpha(opacity = 50);

}
#five {
	display: none;
	padding: 30px;
	filter: alpha(opacity = 50);
}
#five-button {
	opacity: 0.5;

}
#six {
	display: none;
	padding: 30px;
}
#six-button {
	opacity: 0.5;
	filter: alpha(opacity = 50);

}
#seven {
	display: none;
	padding: 30px;
}
#seven-button {
	opacity: 0.5;
	filter: alpha(opacity = 50);

}
#eight {
	display: none;
	padding: 30px;
}
#eight-button {
	opacity: 0.5;
	filter: alpha(opacity = 50);

}
#shirtBTNS {
	position: absolute;
	margin-left: 160px;
	margin-top: 380px;
	}


/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		border: none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:496px;
		height:341px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}	
	
#slider .pics {
			padding: 15px;
		}