/*----------------------------------------------------------------------
	Style Sheet For Miss Howard Stern Microsite
			body element has id "missHowardStern, be sure 
			all styles have that as a precursor
			
			color: #ec008c
-----------------------------------------------------------------------*/
@charset "utf-8";

.footer-tout {
	background: #1c1c1a !important;
	background-image: none;
	}

/*------ Main Styles <<<<<---------------*/
#missHowardStern {
	background: #000000;
	margin: 0; 
	padding: 0;
	color:#cacaca;
}
#missHowardStern #mainWrapper {
	width: 1000px;
	background: url(../images/purple_bg.jpg) center bottom no-repeat;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
	position:relative;
	margin-top:30px; 
	padding-bottom:45px;
	display:block;
	overflow: visible !important;
	line-height: 18px;
}
.displayNone {
	display:none;
}	
/*------ Swirly Styles <<<<<---------------*/
#missHowardStern #mainWrapper #topLeft_swirls {
	background: url(../images/topleft_swirl.gif) center center no-repeat;
	top:0px;
	left:0px;
}
#missHowardStern #mainWrapper #bottomLeft_swirls {
	background:url(../images/bottomLeft_swirl.gif) center center no-repeat;
	bottom:0px;
	left:0px;
}
#missHowardStern #mainWrapper #bottomRight_swirls {
	background:url(../images/bottomRight_swirl.gif) center center no-repeat;
	bottom:0px;
	right:-25px;
}
#missHowardStern #mainWrapper .swirls {
	position:absolute;
	height:450px;
	width:136px;
	z-index:0;
	display:block;
}

/*------ Left Column Styles <<<<<---------------*/
#missHowardStern #mainWrapper #leftColumn {
	float:left;
	margin:65px 0 0 0px;
	padding-left:50px;
	width:165px;
	position:relative;
	height:300px;
}
#missHowardStern #mainWrapper #leftColumn .tout{
	width:160px;
	height:300px;
	border:#ec008c 2px solid;
	margin:0 0 15px 0;
	display:block;
	z-index:11;
	position:absolute;
	left:50px;
}
#missHowardStern #mainWrapper #leftColumn #tout2{
	background:url(../images/MissHowardTout_downloads.jpg) center center no-repeat;
	cursor:pointer;
	top:170px;
}

#missHowardStern #mainWrapper #leftColumn #tout3{
	width: 164px;
	height: 118px;
	top: 491px;
	border: none;
}

#missHowardStern #mainWrapper #leftColumn #tout3 a:link, #missHowardStern #mainWrapper #leftColumn #tout3 a:visited{
	display: block;
	border: 2px solid #ec008c;
	width: 160px;
	height: 102px;
	text-align: left;
	text-indent: -9999px;
	background: transparent url(../images/forum.gif) no-repeat 0 -116px;
}

#missHowardStern #mainWrapper #leftColumn #tout3 a:hover, #missHowardStern #mainWrapper #leftColumn #tout3 a:active{
	background: transparent url(../images/forum.gif) no-repeat 0 2px;
	border: 2px solid #fff;
}


#missHowardStern #mainWrapper #leftColumn #gotQuestion {
	height:150px;
	background:url(../images/leftTout_image.jpg) center center no-repeat;
	cursor:pointer;
}

/*------ Right Column Styles <<<<<---------------*/
#missHowardStern #mainWrapper #rightColumn {
	width:730px;
	margin-left:20px;
	float:left;
	background:url(../images/missHowardLogo.jpg) left top no-repeat;
	padding-top:65px;
}

/*------ Header Area Styles <<<<<---------------*/
#missHowardStern #mainWrapper #rightColumn #missHowardHeader {
	width:100%;
	background:url(../images/topAndrea_header.jpg) 15px center no-repeat;
	height:320px;
}
.container {
	margin-top:25px;
	height:650px;
}
#missHoward_flashContent {
	height:287px;
	width:452px;
	float:right;
	margin-top:20px;
}
/*------ Navigation Styles <<<<<---------------*/
#missHowardStern #mainWrapper #rightColumn #missHoward_Nav {
	height:35px;
	border-top:#ec008c 5px solid;
	border-bottom:#ec008c 5px solid;
	padding:0 5px;
	margin:0px;
}
#missHowardStern #mainWrapper #rightColumn #missHoward_Nav li {
	float:left;
	list-style:none;
	height:26px;
	padding:2px 11px;
	cursor:pointer;
}
#missHowardStern #about {
	background:url(../images/navigation/about.gif) center 10px no-repeat;
	width:147px;
}
#missHowardStern #news {
	background:url(../images/navigation/blog.gif) center 10px no-repeat;
	width:50px;
}
#missHowardStern #cast {
	background:url(../images/navigation/cast.gif) center 10px no-repeat;
	width:57px;
}
#missHowardStern #askAndrea {
	background:url(../images/navigation/askAndrea.gif) center 10px no-repeat;
	width:126px;
}
#missHowardStern #downloads {
	background:url(../images/navigation/download.gif) center 10px no-repeat;
	width:107px;
}
#missHowardStern #episodes {
	background:url(../images/navigation/episodes.gif) center 10px no-repeat;
	width:101px;
}
#missHowardStern #missHoward_Nav .active {
	background-position: center -81px;
}
#missHowardStern #missHoward_Nav .hoverOver {
	background-position: center -36px;
}
/*------ Bio Styles <<<<<---------------*/
#about_section {
	background:url(../images/bio/andrea_bio.gif) left top no-repeat;
}
#about_section p {
	padding: 0 20px 0 235px;
}


/*------ Photo Gallery Styles <<<<<---------------*/
#about_section #photoGallery {
	height:140px;
	background:#000 url(../images/bio/theGallery.gif) 10px 82px no-repeat;
	border:#ec008c 2px solid;
	margin-top: 130px;
}
#photoGallery #photoImages {
	margin: 10px 0px 0px 75px;
	height: 90px;
	width: 640px;
	overflow-y:hidden;
	overflow-x:auto;
	}
#photoGallery #photoImages a:link, #photoGallery #photoImages a:visited {
	border: #cacaca 2px solid;
	display: block;
	margin-right: 9px;
}
#photoGallery #photoImages a:hover {
	border: #ec008c 2px solid;
}
#photoGallery #photoImages .picture {
	border: none;
}

/*------ Cast Styles <<<<<---------------*/
#cast_section .castMember {
	width:195px;
	float:left;
	margin-right:70px;
	font-size:13px;
}
#cast_section .castMember.third {
	margin-right:0px;
}
#cast_section .castMember .photo{
	border:#ec008c 2px solid;
	height:95px;
	display:block;
}
#cast_section .title {
	width:100%;
	height:25px;
	display:block;
	margin-top:10px;
}
#cast_section p {
	height:150px;
}

/*------ Cast Photos <<<<<---------------*/
#cast_section #cast_andrea .photo {
	background:#ec008c url(../images/cast/andreaThumb.jpg) center center no-repeat;
}
#cast_section #cast_jackey .photo {
	background:#ec008c url(../images/cast/jackeyThumb.jpg) center center no-repeat;
}
#cast_section #cast_trish .photo {
	background:#ec008c url(../images/cast/trishThumb.jpg) center center no-repeat;
}
#cast_section #cast_cory .photo {
	background:#ec008c url(../images/cast/coryThumb.jpg) center center no-repeat;
}
#cast_section #cast_mandy .photo {
	background:#ec008c url(../images/cast/mandyThumb.jpg) center center no-repeat;
}
#cast_section #cast_alan .photo {
	background:#ec008c url(../images/cast/alanThumb.jpg) center center no-repeat;
}
#cast_section #cast_lifecoach .photo {
	background:#ec008c url(../images/cast/lifeCoachThumb.jpg) center center no-repeat;
}
#cast_section #cast_psychic .photo {
	background:#ec008c url(../images/cast/heleneThumb.jpg) center center no-repeat;
}
#cast_section #cast_kelvin .photo {
	background:#ec008c url(../images/cast/kelvinThumb.jpg) center center no-repeat;
}

/*------ Cast Titles <<<<<---------------*/
#cast_section #cast_andrea .title {
	background:#ec008c url(../images/cast/andrea.jpg) 10px center no-repeat;
}
#cast_section #cast_jackey .title {
	background:#ec008c url(../images/cast/jackey.jpg) 10px center no-repeat;
}
#cast_section #cast_trish .title {
	background:#ec008c url(../images/cast/trish.jpg) 10px center no-repeat;
}
#cast_section #cast_cory .title {
	background:#ec008c url(../images/cast/cory.jpg) 10px center no-repeat;
}
#cast_section #cast_mandy .title {
	background:#ec008c url(../images/cast/mandy.jpg) 10px center no-repeat;
}
#cast_section #cast_alan .title {
	background:#ec008c url(../images/cast/alan.jpg) 10px center no-repeat;
}
#cast_section #cast_lifecoach .title {
	background:#ec008c url(../images/cast/lifeCoach.jpg) 10px center no-repeat;
}
#cast_section #cast_psychic .title {
	background:#ec008c url(../images/cast/psychic.jpg) 10px center no-repeat;
}
#cast_section #cast_kelvin .title {
	background:#ec008c url(../images/cast/kelvin.jpg) 10px center no-repeat;
}

/*------ Ask Andrea Styles <<<<<---------------*/
#askAndrea_section {
	padding-left:290px;
	background:url(../images/askAndrea/andrea_logo.gif) left top no-repeat;
	position:relative;
	font-size:14px;
	height:auto;
}
#askAndrea_section p {
	font-size:14px;
	font-weight:bold;
}
#askAndrea_section ul {
	margin:0;
	padding:0;
}
#askAndrea_section ul li {
	list-style:none;
}
#askAndrea_section .andreaQuestion {
 font-weight:bold;
 font-size:16px;
 color:#EC008C;
 cursor:pointer;
}
#askAndrea_section .andreaQuestion.hover {
	color:#fff;
}
#askAndrea_section .questionAsker {
	font-size:12px;
	margin-bottom:10px;
}


/*--->> Removed with the Answers
#askAndrea_section label {
	width:110px;
	height:25px;
	display:block;
	float:left;
}
#askAndrea_section input {
	float:left;
	width:300px;
	padding:4px;
	margin-bottom:5px;
	background-color:#ec008c;
	color:#fff;
	border:#ec008c 1px solid;
}
#askAndrea_section select {
	float:left;
	width:150px;
	margin-right:180px;
	margin-bottom:10px;
	background-color:#ec008c;
	color:#fff;
	border:#ec008c 1px solid;
}
#askAndrea_section textarea {
	clear:both;
	width:412px;
	height:150px;
	padding:4px;
	font-family:Arial;
	font-size:14px;
	background-color:#ec008c;
	color:#fff;
	border:#ec008c 1px solid;
}
#askAndrea_section #label_name {
	background:url(../images/askAndrea/name.gif) left center no-repeat;
}
#askAndrea_section #label_email {
	background:url(../images/askAndrea/email.gif) left center no-repeat;
}
#askAndrea_section #label_city {
	background:url(../images/askAndrea/city.gif) left center no-repeat;
}
#askAndrea_section #label_state {
	background:url(../images/askAndrea/state.gif) left center no-repeat;
}
#askAndrea_section #label_question {
	background:url(../images/askAndrea/question.gif) left center no-repeat;
}
#askAndrea_section .checkboxes {
	width:320px;
	display:block;
	float:left;
	margin-top:15px;
	font-size:13px;
}
#askAndrea_section .checkboxes input{
	width:14px;
	float:left;
	margin-right:5px;
	background:none;
	border:none;
}
#askAndrea_section .checkboxes label {
	width:290px;
	float:left;
}
#askAndrea_section #submitButton {
	width:87px;
	height:27px;
	background:none;
	border:none;
	float:left;
	z-index:10;
	margin-top:15px;
}
--->>*/
/*------ Download Styles <<<<<---------------*/
#downloads_section {
	height:650px;
}
#downloads_section #wallpapers {
	width:100%;
	margin:0;
	padding:35px 0 0 0;
	display:block;
	background:url(../images/downloads/wallpaper.gif) left top no-repeat;
}
#downloads_section #wallpapers li {
	width:195px;
	float:left;
	margin-right:70px;
	list-style:none;
}
#downloads_section #wallpapers li.end{
	margin:0px;
}
#downloads_section #wallpapers li .photo {
	border:#ec008c 2px solid;
	height:95px;
	display:block;
	background:#000;
}
#downloads_section #wallpapers li ul {
	background:#ec008c;
	display:block;
	height:60px;
	margin:10px 0 0 0;
	padding:0px;
	width:100%;
}
#downloads_section #wallpapers li ul .title {
	color:#000;
	float:left;
	width:110px;
	padding:10px 0 0 5px;
	text-align:left;
}
#downloads_section #wallpapers li ul li {
	font-size:12px;
	float:right;
	margin:0;
	padding:2px 5px 2px 0;
	width:60px;
	text-align:right;
	clear: right;
}
#downloads_section #wallpapers li ul li a:link, #downloads_section #wallpapers li ul li a:visited {
	color:#000;
	font-size:10px;
}
#downloads_section #wallpapers li ul li a:hover {
	color:#fff;
}
#downloads_section #icons {
	float:left;
	clear:left;
	width:320px;
	background: url(../images/downloads/icons.gif) top left no-repeat;
	padding:35px 0 0 0;
	margin:65px 0 0 90px;
}
#downloads_section #icons li {
	float:left;
	margin-right:20px;
	list-style:none;
}
#downloads_section #icons li a:link, #downloads_section #icons li a:visited {
	width:48px;
	height:48px;
	display:block;
	border:#ec008c 2px solid;
	background:#000;
}
#downloads_section #icons img {
	border:none;
}
#downloads_section #icons li a:hover {
	border:#fff 2px solid;
}
#downloads_section #soundTrack {
	float:left;
	background:url(../images/downloads/themeSong.gif) left top no-repeat;
	padding:35px 0 0 0;
	margin-top:65px;
}
#downloads_section #soundTrack li {
	list-style:none;
	float:left;
	padding-top:0;
}
#downloads_section #soundTrack .musicIcon {
	padding:0 20px 0 0;
}
#downloads_section #soundTrack .musicIcon a:link, #downloads_section #soundTrack .musicIcon a:visited {
	width:45px;
	height:45px;
	display:block;
	border:#ec008c 2px solid;
	background:#000 url(../images/downloads/musicNote.jpg) center center no-repeat;
}
#downloads_section #soundTrack .musicIcon a:hover {
	border:#fff 2px solid;
}
#downloads_section #soundTrack li a:link, #downloads_section #soundTrack li a:visited {
	color:#fff;
	text-decoration:none;
}
#downloads_section #soundTrack li a:hover {
	color:#ec008c;
}

/*------ News Styles <<<<<---------------*/
#news_section {
	height:auto;
}
#news_section .newsItem {
	margin-bottom:25px;
}
#news_section .newsTitle {
	width:100%;
	font-size:20px;
	font-weight:bold;
}
#news_section .newsDate {
	font-size:14px;
	clear:right;
	font-weight:bold;
	color:#ec008c;
}
#news_section .newsItem p {
	margin-top:10px;
	padding:0px;
	font-size:15px;
}
#news_section img {
	margin:12px 10px 10px 0;
	border:#ec008c 2px solid;
}

/*------ Episode Styles <<<<<---------------*/
#episodes_section {
	/*height:auto;*/
}
#episodes_section .episodeContent{
	margin-bottom:25px;
	display:block;
	clear:both;
}
#episodes_section .episodeContent .episodeImg {
	width:75px;
	height:75px;
	border:#ec008c 2px solid;
	background-color:#000;
	float:left;
	margin:0 10px 10px 0;
}
#episodes_section .episodeContent .episodeName {
	float:left;
	font-weight:bold;
	font-size:18px;
}
#episodes_section .episodeContent p{
	font-size:13px;
	width:630px;
	display:block;
	margin:10px 0 10px 90px;
}



#missHowardStern #about_section p {
	font-size:16px;
}
.container {
	font-size:14px;
}
#missHowardStern #episode_section {
	font-size:16px;
}
#missHowardStern #askAndrea_section p{
	margin-bottom:10px;
}
#submitResponse {
	display:none;
	font-size:16px;
	margin:10px;
	color:#EC008C;
	font-weight:bold;
}