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

/* *****************
	Global Styles
*********************/

html {
	height:100%;
}

body  {
	height:100%; width:100%;
	font: 100% Helvetica, sans-serif;
	background:#4a1a4a;
	margin: 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: #4a1a4a;
	overflow-x:hidden;
}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	/*font-weight: bold;*/
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1 {
	text-align: left;
	font-size: 30px;
	padding: 32px 0 10px 30px;
	margin: 0 20px 0 30px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 30px;
	font-weight:normal;
	color:#A32C6E;
}

h4 {
	color: #A32C6E;
	font-size: 20px;
	font-weight:normal;
	/*margin: 20px 0 20px 0;
	display: inline;*/	
}

h5 {
	font-size: 20px;
}

img { border:0; padding:0; margin:0; }
ul { margin:0; padding:0 }

@font-face{

  font-family: 'PT Sans Bold';
    src: url('type/PTS55F-webfont.eot');
    src: url('type/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/PTS55F-webfont.woff') format('woff'),
         url('type/PTS55F-webfont.ttf') format('truetype'),
         url('type/PTS55F-webfont.svg#PTSansRegular') format('svg');
    
    font-weight: bold;
    font-style: bold;
}

/* *****************
	Container Styles
*********************/

#container { 
	width: 1082px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
} 

/* *****************
	Menu Styles
*********************/

#menu { background-image:url('../images/menu_slice.jpg'); background-repeat:repeat-x; height:33px; padding-left:115px; z-index:1 }
#menu li { 
	float:left;white-space: nowrap; padding:8px 0 0 0; margin:0; letter-spacing:0; list-style: none; font-family:'PT Sans Bold'; font-size:14px; text-align:center; margin-right:60px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=type/hIEfix.png,sizingMethod=crop);zoom:1;
}
#menu ul { padding:0; margin:0; width:947px; overflow:hidden;}
#menu a { font-family:'PT Sans Bold'; font-size:14px; text-decoration:none; color:#FFF;}
#menu a:hover { font-family:'PT Sans Bold'; font-size:14px; color:#4A1A4A;}

/* *****************
	Main Styles
*********************/

#main { background-image:url('../images/bg_repeat.jpg'); background-repeat:repeat-y; min-height:530px;}
#left_bg { float:left; background-image:url('../images/left_body_bg.jpg'); background-repeat:repeat-y; width:97px; height:463px; }
#right_bg { float:right; background-image:url('../images/right_body_bg.jpg'); background-repeat:repeat-y; width:92px; height:463px; }

#sidebar1 {
	border:1px solid #000;
	float: right; /* since this element is floated, a width must be given */
	width: 350px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin:0 120px 0 0;
}

#content {
	float:left;
	width:893px;
	/*background:#ffffff;*/
	background:#ffe7ee;
	min-height:463px;
	z-index:1;
}

#header {
	background-image:url('../images/header.jpg'); background-repeat:no-repeat;
	width:1082px;
	height:186px;
}

#forum_bubble {
	position:relative;
	top:58px;
	left:720px;
	z-index:0;
}

#footer {
	background-image:url('../images/footer.jpg'); background-repeat:no-repeat;
	width:1082px;
	height:97px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 0;
    line-height: 0;
}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

#pullquote {
	float: right;
	margin: 0 0 .4em 1em;
	width: 145px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 20px;
	line-height: 1.3em;
}

.floatImg {
	float:left;
	padding:5px 20px 10px 5px;
}

#supportingContent {
	padding:0 30px 0 30px;
}

#supportingLargerMargin {
	padding:0 50px 0 60px;
}

#supportingContent, #supportingLargerMargin p {
	font-family: Helvetica, Arial;
	font-size:11px;
	line-height: 16px;
	color:#333333;
}

#supportNoPhoto {
	padding:0 55px 0 55px;
}

#supportNoPhoto p {
	font-family: Helvetica, Arial;
	font-size:11px;
	line-height: 16px;
	color:#333333;
}

#supportingLargerMargin li {
	list-style:none;
	line-height:18px;
	font-size:11px;
}

#contactBG {
	background-image:url('../images/contact_bg.jpg'); background-repeat:repeat-y;
	width:488px;
	height:371px;
	margin-top:10px;
}

.sponsorLink {
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#A32C6E;
}

.sponsorLink a:visited {
	font-size:11px;
	font-weight:normal;
	text-decoration:none; 
	color:#A32C6E;
	letter-spacing:-1px;
}

/* Video Player Styles */
#video_list { float:left; margin:5px 0px 0px 65px;}
#video_list ul, #video_list li { list-style:none; }
#video_list li  {margin-bottom:25px; text-align:center;}
#video_list a{ font-size:12px; text-decoration:none;color: #4a1a4a;}
#video_list .thumb-selected {border:5px solid #fdd1f4;}
#video_list a:hover{ font-size:12px; text-decoration:underline;}
#video_list .thumb-border {width:106px; border:1px solid #fdd1f4; margin-bottom:7px;}
#video_list img { border:5px solid #FFF;}
#video_player { float:right; margin:0px 30px 0px 0px; border:1px solid #fdd1f4;}
#video_player iframe { border:7px solid #fff; }

#facebook-container { position:absolute; left:230px;top:145px;}

/* Retailers Styles */
#retailers-table td { font-size:13px; width:180px; }
.retailoverflow { overflow-y:scroll; overflow-x:hidden; height:350px; margin-right:10px; padding-left:30px !important;}