div#p2 {
	clear: both;
	background-color: #ffffff;
	padding: 10px;
	margin: 10px 0px;
}
div#p2 div#p2-content {
	background-color: #2a4541;
	color: #cccccc;
	padding: 15px;
}

div#contentarea div#p2 div#p2-content a:link, div#contentarea div#p2 div#p2-content a:visited {
	color:#cccccc;
	text-decoration:underline;
}
div#contentarea div#p2 div#p2-content a:hover, div#contentarea div#p2 div#p2-content a:active {
	color: #000000;
}


div#p3 div#colleft, div#p3 div#colright {
	background: #f6f5f2;
	float: left;
	height: 495px;
	width: 305px;
	padding: 10px;
}
div#p3 div#colleft {
	margin-right: 10px;
	padding-top: 80px;
	height: 425px;
	background: #f6f5f2 url('../img/bg-fansocial-twitter.gif') no-repeat top left;
}
div#p3 div#colleft div#twitterfeed {
	padding: 10px;
}
div#p3 div#colright {
	width: 281px;
	padding: 10px 22px;
}

div#contentarea .panel-overlay h3 {
	color: #fdfbe1;
}

div#contentarea .panel-overlay a:link, div#contentarea .panel-overlay a:visited {
	color:#fdfbe1;
}
div#contentarea .panel-overlay a:hover, div#contentarea .panel-overlay a:active {
	color: #2e2110;
}

ul.updates {
	list-style: none;
	margin-bottom: 0;
	height: 268px;
	}
	
ul.updates li {
	margin: 0px;
	padding: 10px;
	padding-top: 0px; 
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #571b16;
	}
div#contentarea ul.updates li a:link, div#contentarea ul.updates li a:visited {
	color:#571b16;
}
div#contentarea ul.updates li a:hover, div#contentarea ul.updates li a:active {
	color: #000000;
}


/* BEGIN FAN SOCIAL P1 STYLES */


/* P1 Styles */
/* IMPORTANT - Set the definition below to the ID of your gallery list to prevent a flash of unstyled content */
#gallery { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { border: none; padding: 6px; margin-bottom: 6px; background-image: url('../img/p1_bg.jpg');}

/* LOADING BOX */
.loader { background: url('/sitewide/assets/img/decor/loader.gif') center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 51px; padding: 8px 10px 10px 10px; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background-image: url('/sitewide/assets/img/decor/p1-caption-bg.png'); }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 14px; }
.panel .panel-overlay h3 { font-size: 18px; margin: 0; padding: 0; }
.panel .panel-overlay p { margin: 0; padding: 0; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* ITERATION OVERLAY */
.panel .iterator { position:absolute; top: 0px; left: 60px; font-size: 10px; padding: 1px 4px; color: #333333; background-image: url('/sitewide/assets/img/decor/p1-light-bg.png'); }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 9px 0; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 3px solid transparent; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #6e3e38; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #6e3e38;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}
