/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
html, body { overflow: scroll; background: indigo; }
body { font: 13px verdana, serif; }
a { text-decoration: underline; color: #FF69B4; }
#page-wrap { width: 882px; padding: 0 0 0 0px; margin: 0 auto; overflow: hidden; height: 100%; background: indigo; }

.info-col { float: left; width: 132px; height: 100%; padding: 10px 0 0 0; }
.info-col h2 { text-align: center; font-size: 15px; font-weight: bold; height: 20px; padding: 0px 0; color: #FF69B4; }

.image { height: 100px; text-indent: -9999px; display: block; border-right: 1px solid white; }

.wednesday { background: url(http://www.secretsdc.com/images/wednesday.jpg) center center no-repeat; }
.thursday { background: url(http://www.secretsdc.com/images/thursday.jpg) center center no-repeat; }
.friday { background: url(http://www.secretsdc.com/images/friday.jpg) center center no-repeat; }
.saturday { background: url(http://www.secretsdc.com/images/saturday.jpg) center center no-repeat; }
.sunday { background: url(http://www.secretsdc.com/images/sunday.jpg) center center no-repeat; }

dt { padding: 5px; background: #900; color: white; border-bottom: 1px solid white; border-right: 1px solid white; }
dd { position: absolute; left: -9999px; top: -9999px; width: 299px; background: #900; padding: 10px; color: white; border-right: 1px solid white; }

dt:nth-of-type(1) { background: #FF69B4; } /* #FF69B4 hot pink or #F08080 light coral or #FF4500 orange red */
dd:nth-of-type(1) { background: #FF69B4; }

dt:nth-of-type(2) { background: #A82BE2; } /* blue violet */
dd:nth-of-type(2) { background: #A82BE2; }

dt:nth-of-type(3) { background: #FF00FF; color: black; } /* fuchsia */
dd:nth-of-type(3) { background: #FF00FF; color: black; }

dt:nth-of-type(4) { background: #FF1493; } /* deep pink */
dd:nth-of-type(4) { background: #FF1493; }

dt:nth-of-type(5) { background: #DC143C; } /* crimson */
dd:nth-of-type(5) { background: #DC143C; }

dt:nth-of-type(6) { background: #E6E6FA; } /* lavender */
dd:nth-of-type(6) { background: #E6E6FA; }

.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; }


#banner {
	width: 880px;
	height: 100px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: indigo;
}
#menu {
	width: 880px;
	height: 41px;
	background: #A82BE2;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}

#menu ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	margin-right: 1px;
}

#menu a {
	display: block;
	padding: 14px 15px 0px 15px;
	text-decoration: none;
	color: #ffffff;
}

#menu a:hover {
	height: 27px;
	text-decoration: underline;
	border-bottom: 1px solid #000000;
	background: #FF69B4;
	color: #000000;
}

#menu .active {
	height: 27px;
	background: #FF69B4;
	border-bottom: 1px solid #000000;
	color: #000000;
}

#subheader {
	width: 880px;
	height: 10px;
	background: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}

#subheaderb {
	width: 880px;
	height: 20px;
	background: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}

#ad {
	width: 880px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#post p {
	width: 875px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid indigo;
	padding-right: 5px;
	background: indigo;
	color: white;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: justify;
	line-height: 190%;	
}

#post h1 {
	width: 880px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 25px;
	font-size: 1.2em;
	color: white;
	background: indigo;
	text-align: center;
}

#promo {
	width: 870px;
	height: 100px;
	background: indigo;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: justify;	
}

#footer {
	width: 880px;
	height: 25px;
	padding-top: 5px;
	background: #ffffff;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}

.imgright {
	padding-right: 10px;
}

.imgleft {
	padding-left: 10px;
}

.dottedline {
	border-bottom: 1px dotted #D1D1D1;
	width: 874px;
}

.newsletterlink {
	color: indigo;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}


/*Apply this class to some text to unlock the secrets of the third dimension!*/
.ThreeD {
	font-family: 'Arial Black', sans-serif;
	line-height: 1em;
	color: #fff9d6;
	font-weight:bold;
	font-size: 44px;
	text-shadow:0px 0px 0 rgb(215,215,215),0px -1px 0 rgb(207,207,207),0px -2px 0 rgb(200,200,200),0px -3px 0 rgb(193,193,193),0px -4px 0 rgb(185,185,185),0px -5px 0 rgb(178,178,178),0px -6px 0 rgb(171,171,171),0px -7px 0 rgb(164,164,164),0px -8px 0 rgb(156,156,156),0px -9px 0 rgb(149,149,149),0px -10px 0 rgb(142,142,142),0px -11px 0 rgb(134,134,134),0px -12px 0 rgb(127,127,127), 0px -13px 0 rgb(120,120,120),0px -14px 13px rgba(0,0,0,0.6),0px -14px 1px rgba(0,0,0,0.5),0px 0px 13px rgba(0,0,0,.2);
}