/* YUI reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


html {
	height: 100%;
	background: #432556;
	font-family: Arial;
}

html#message-page {
	background: white;
}

body#microsite {
	background: url('../images/background.jpg') repeat-x;
	height: 100%;
	padding-top: 30px;
}

body#frameset {
	padding: 0;
	height: 100%;
	overflow-y: hidden;
}

#editorial {
	display: none;
}

#content {
	margin: 0px auto;
	width: 960px;
}

#logo {
	margin-left: 20px;
}

#yahoo-logo {
	float: right;
	top: 20px;
	position: relative;
	margin-right: 40px;
	width: 150px;
}

h1 {
	color: white;
	font-size: 48px;
	line-height: 0.5em;
	margin: 0 0;
	padding: 0px;
	position: relative;
	right: 6px;
	width: 320px;
}

h1 span {
	position: relative;
	left: 6px;
}

#pre-logo {
	position: relative;
	top: 7px;
	left: -2px;
}

h2 {
	color: black;
	font-size: 13px;
}

#flash-content {
	width: 100%;
	height: 450px;
	margin-top: 10px;
}

.horizontal-sep { background: url('../images/horizontal-sep.png') no-repeat; background-position: -30px 0; height: 3px; font-size: 0; }

#controls-wrapper { display: none; }
#controls-bottom, #controls-top, #favourites-top, #favourites-bottom { height: 6px; font-size: 0px; width: 959px; }
#controls-bottom, #favourites-bottom { background: url('../images/share-bottom.png') no-repeat; }
#controls-top, #favourites-top { background: url('../images/share-top.png') no-repeat; }
#controls { padding-top: 0px; margin-top: 0px; height: 145px; background: #21122b; width: 959px; }
#controls .panel { width: 240px; display: inline; float: left; padding-left: 40px; padding-top: 5px; background-position: 0px 10px; }
#controls .block { border-right: 1px solid #382942; width: 299px; float: left; padding-left: 20px; height: 140px; display: inline; }
#controls p { color: white; text-transform: uppercase; margin-bottom: 20px; line-height: 0.6; font-size: 13px; width: 225px; }
#controls h3 { font-size: 30px; text-transform: uppercase; }
#controls .no-sep { border: none; }

#download { background: url('../images/download-icon.png') no-repeat; background-position: 0px 13px !important; }
#download h3 { color: #11a2e5; }

#tag { background: url('../images/tag-icon.png') no-repeat; padding-left: 50px !important; background-position: 0px 13px !important; }
#tag-form { margin-left: 5px; width: 280px; }
#tag-form input { color: #999; font-size: 13px; font-weight: bold; height: 18px; width: 205px; padding: 2px 0px 0px 3px; display: block; float: left; margin-right: 10px; }
#tag-form #webpage-tag { float: left; }
#tag h3 { color: #11a2e5; }

#share { background: url('../images/share-icon.png') no-repeat; padding-left: 50px !important; }
#share h3 { color: #11a2e5; }
#share #get-badge { color: #11a2e5; font-size: 13px; text-decoration: none; display: block; float: right; position: relative; top: 3px; left: -40px; }

#embed-badge-wrapper { display: none; }
#embed-badge { background: #321c40; height: 394px; width: 959px; position: relative; top: -4px; overflow: hidden; }
#embed-badge h1 {  font-size: 30px; color: #11a2e5; text-transform: uppercase; }
#embed-badge #embed-close { position: absolute; top: 10px; right: 10px; }
#embed-badge #embed-badge-content { float: left; width: 570px; margin-left: 30px; padding-top: 65px; }
#embed-badge #embed-badge-content h1 { margin-bottom: 10px; }
#embed-badge #embed-badge-content p { color: white; text-transform: uppercase; }
#embed-badge-bottom { background: url('../images/embed-bottom.png') no-repeat; height: 5px; width: 959px; font-size: 0px; top: -4px; position: relative; }

#embed-badge #flash-badge-content { float: left; width: 350px; margin-top: 30px; }
#embed-badge #flash-badge-container { width: 250px; float: right; height: 330px; }
#embed-badge #embed-form { margin-top: 60px; }
#embed-badge #embed-form h2 { color: white; text-transform: uppercase; font-weight: normal !important; font-size: 18px; }
#embed-badge #embed-form textarea { border: 0; width: 445px; height: 70px; padding: 15px; font-family: Courier; font-size: 14px; margin-top: 15px; }

#favourites-top { margin-top: 15px; }
#favourites { overflow: hidden; height: 155px; background: #21122b; width: 959px; }
#favourites h3 { color: #99cc00; text-transform: uppercase; font-size: 24px; margin: 5px 0px 15px 20px; }
#favourites li { float: left; border: 1px solid white; position: relative; margin-right: 15px; height: 88px; width: 158px; }
#favourites li img { float: left; margin: 0; }
#favourites li p { position: absolute; bottom: 0; left: 0; height: 24px; background: #11a2e5; width: 153px; color: white; text-transform: uppercase; padding-left: 5px; padding-top: 5px;  display: none; font-size: 14px; }

#bad-url-error { text-transform: none !important; display: none; padding-top: 3px; font-size: 11px; float: left; }

#carousel-next, #carousel-prev { float: left; position: relative; top: 30px; }
#carousel-prev { margin-right: 20px; left: 20px; visibility: hidden; }
#carousel-next {  }
#carousel { margin-left: 10px; width: 860px; float: left; }

#footer { margin-top: 20px; }
#footer #links { float: right; }
#footer #links ul { list-style-type: none; }
#footer #links li { display: inline; color: white; }
#footer #links li a { font-size: 11px; color: white; }

/** FRAMESET **/
iframe { height: 100%; }

#overlay a { color: white; }
#overlay #logo { margin-top: 45px; float: left; }

#frameset #overlay { width: 960px; margin: 0 auto; height: 170px; color: white; }

#frameset #share-panel { width: 526px; float: right; margin-right: 5px; overflow: hidden; height: 50px; }
#frameset #share-panel #share-content { background: #1d1025; height: 30px; padding: 12px 10px 0px 10px; }
#frameset #share-panel #share-panel-bottom { background: url('../images/share-panel-bottom.png') no-repeat; height: 10px; font-size: 0px; }
#frameset #share-panel h2 { float: left; margin-right: 5px; color: #11a2e5; font-size: 18px; text-transform: uppercase; background: url('../images/share-logo-small.png') no-repeat; padding-left: 25px; height: 28px; }
#frameset #share-panel #share-sep { border-left: 1px solid #34283c; float: left; height: 38px; margin-left: 10px; position: relative; top: -5px; }
#frameset #share-panel .share-network-button { float: left; margin-left: 4px; }
#frameset #share-panel .share-calls { text-decoration: none; text-transform: uppercase; color: black; font-size: 15px; padding: 1px 5px 0px 5px; margin-left: 10px; }
#frameset #share-panel #make-your-own { width: 152px; height: 24px; background: url('../images/make-your-own.png') no-repeat; float: left; display: inline; }
#frameset #share-panel #next-yodel { width: 125px; height: 24px; background: url('../images/next-yodel.png') no-repeat; float: left; display: inline; }
#frameset #yahoo-logo { float: right; display: block; margin: 0px 0px 0px 43px !important; padding: 0 !important; width: 135px; height: 80px;}
#frameset #yahoo-logo a, #frameset #yahoo-logo img { float: right; display: inline; }
#frameset #flash-content { width: 355px; height: 100px; float: right; }
#frameset #yodel-player { overflow: hidden; float: right;  }

#frameset #flag { position: relative; font-size: 11px; text-decoration: none; color: white; top: 20px; }

#frameset #report, #frameset #thanks { height: 75px; width: 320px; float: right; margin: 10px 30px 0px 0px; display: inline; font-size: 12px; display: none; }
#frameset #report h4, #frameset #thanks h4 { color: white; margin-bottom: 5px; }
#frameset #report a, #frameset #thanks a { text-decoration: none; }


#frameset a.report-button { color: #11a2e5; display: block; background: url('../images/blue-arrow.jpg') no-repeat 0px 3px; padding-left: 10px; } 
#frameset .report-back { background: url('../images/pink-arrow-back.png') no-repeat 0px 3px; padding-left: 10px; color: #ff0066; display: block; margin-top: 10px; }
#frameset #flash-content.hidden { height: 1px; width: 1px; position: absolute; top: 0; left: 0; }


body#message #message-content { width: 510px; margin: 0 auto; }
body#message p { margin: 10px 0px 10px 0px; text-align: justify; color: #222; margin-top: 30px; font-size: 16px; line-height: 24px; text-align: center; }
body#message h1 { color: #3d224e; font-size: 42px; text-align: center; width: 100%; }
body#message #error-sign { display: block; margin: 30px auto; }

a h1, a.home { text-decoration: none; }