body {
  margin:0; padding:0; background: #0e1412 url(i/bg_fp_quidditch_gear_1200.jpg) top no-repeat fixed; line-height:1.3em; text-align: center;
}
form {
	margin: 0; padding: 0; display: inline;
}
img {
	border: none;
}
a:hover {
	text-decoration: none;
}
p {line-height:130%}
.wrapper {
/*	background: #0e1412 url(i/bg_left_ridge_4px.gif) left repeat-y;*/ width:770px; margin: 0 auto; text-align: left; position: relative;
}
#header {
	float: left; border-left: 1px solid #000; width: 420px; height: 316px; margin: 0 0 0 4px; display: inline; clear: right; padding: 0; overflow: hidden;
}
#header img {
	width: 420px; height: 316px; margin: 0; display: inline; background-color: #000;
}
/* SEARCH AND LOGIN
----------------------*/
#toolbar {
	float: right; width:344px; height:60px; background: #151715 url(i/search-field-top.png) top no-repeat;
}
.reglink {
	color: #ffcc00;font-size: 11px; font-family: verdana, helvetica, arial, sans-serif; padding: 2px 10px 1px 15px;
}
.reglink a {
	font-weight: bold; color: #ffcc00;
}
.search {
	text-align:right; white-space: nowrap; color: #fae76a;
}
.links {
	display: inline; float: left; margin: 4px 0 0 6px;
}
.search a {
	color: #fae76a; font-size: 11px; font-family: verdana, helvetica, arial, sans-serif; margin: 0 4px;
}
.search input {
	width: 130px; height: 19px; border: none; margin:0; background-color: transparent; color: black;
}
.search input.go {
	width:20px; height: 14px; border: 0; margin:0; background-color: transparent; margin: 10px 5px 0px 0px; padding: 0px;
}
/* RIGHT BLOCKS
----------------------*/
#rightblocks {
	float: right; width: 165px; /*background: #3f4c5e url(i/bg_blocks_ridge_165px.jpg) repeat-y; height: 1000px;*/
}
#ootpCountdown {
	background: url(i/header_ootp_block.jpg) 3px top no-repeat; margin: 0 0 10px;
}
#ootpCountdown h1{
	text-indent: -3000px; height: 58px; margin: 0 0 17px 0;
}
#ootpCountdown .counter {
	color: #e1a44f; font: bold 20pt Times, serif; text-align: center; display: block;
}
#ootpCountdown ul {
	margin: 0px; padding: 0; list-style-image: url(i/li_arrow_orange.gif);
}
#countdown {
	background: url(i/header_gof.jpg) 3px top no-repeat; margin: 0 0 10px;
}
#countdown h1{
	text-indent: -3000px; height: 50px; margin: 0;
}
#countdown .counter {
	color: #c6f8ff; font: bold 20pt Times, serif; text-align: center; display: block;
}
#countdown ul {
	margin: 0px; padding: 0; list-style-image: url(i/li_arrow_ltblue.gif);
}
#countdown li, #ootpCountdown li, #book6 li, #book7 li {
	margin: 0 0 0 28px; padding: 2px 0; line-height: 1.3em;
}
#countdown li a, #ootpCountdown li a {
	color: #ececd1; font: normal 0.7em verdana, helvetica, arial, sans-serif;
}
#book6 {
	background: url(i/fp-hbp-film-countdown.jpg) 3px top no-repeat; margin: 10px 0;
}
#book6 h1{
	text-indent: -3000px; height: 72px; margin: 0;
}
#book6 ul {
	margin: 0px; padding: 0; list-style-image: url(i/li_arrow_yellow.gif);
}
#book6 li a {
	color: #ffff39; font: normal 0.7em verdana, helvetica, arial, sans-serif;
}
#book7 {
	background: url(i/header_book7.jpg) 4px top no-repeat; margin: 10px 0;
}
#book7 h1{
	text-indent: -3000px; height: 70px; margin: 0;
}
#book7 ul {
	margin: 0px; padding: 0; list-style-image: url(i/li_arrow_yellow.gif);
}
#book7 li a {
	color: #ffff39; font: normal 0.7em verdana, helvetica, arial, sans-serif; display:block; line-height:1.3em;
}
#socialmedia {
	margin: 0px 0px 0px 10px; padding: 0;
}
#socialmedia h1{
	text-indent: -7px; color: #ffe373; font: bold 10px verdana, helvetica, arial, sans-serif; line-height: 1.5em; margin: 0 0 0 2px; padding: 0;
}
#pottermore  {	
	background: 10px top no-repeat; margin: 10px 0;
}
#pottermore h1{
	text-indent: -3000px; height: 70px; margin: 0;
}
#pottermore ul {
	margin: 0px 0px 0px 30px; padding: 0; list-style-image: url(i/li_arrow_yellow.gif);
}
#pottermore li a {
	color: #ffff39; font: normal 0.7em verdana, helvetica, arial, sans-serif; display:block; line-height:1.3em;
}
#themepark {
	background: 10 px top no-repeat; margin: 10px 0;
}
#themepark h1{
	text-indent: -3000px; height: 0px; margin: 0;
}
#themepark ul {
	margin: 0px 0px 0px 30px; padding: 0; list-style-image: url(i/li_arrow_yellow.gif);
}
#themepark li a {
	color: #ffff39; font: normal 0.7em verdana, helvetica, arial, sans-serif; display:block; line-height:1.3em;
}
#gallery {
	text-align: center; background: url(i/bg_frame.gif) 4px 30px no-repeat;
}
#gallery h1 {
	font: bold 1.2em Verdana, Helvetica, Arial, sans-serif; margin: 0; color: #ffe373;
}
#gallery img {
	width: 121px; height: 83px; margin: 22px 20px 10px 18px; border: none;
}
#gallery a {
	font: normal 0.55em Verdana, arial, sans-serif; padding: 0 3px; color: #fafafa;
}
.adsense {
	text-align: center; margin: 20px 10px;
}
.adsenseContent {
	text-align: center; position: relative; width: 476px; background: #374353; padding: 4px; float: left; margin: 8px; display: inline;
}
/* CAMPAIGNS
----------------------*/
#campaigns {
	text-align: center; float: right; width: 179px; height: 254; overflow: hidden;
}
.campaign1 {
	margin: 10px;
}
.campaign2 {
	margin: 20px 10px 0;
}
/* LEFT NAVIGATION
----------------------*/
#leftnav {
	float: left; width: 100px; display: inline; margin: 0 0 0 4px; clear: left; padding: 4px 0;/* background-color: #3f4c5e;*/
}
#leftnav ul {
	margin: 0; padding: 0; list-style: none;
}
#leftnav ul ul {
	margin: 0 0 2px; padding: 0 0 4px; list-style: none;
}
#leftnav li {
	color: #ffe373; font: bold 11px verdana, helvetica, arial, sans-serif; line-height: 1.5em; margin: 0 0 0 2px; padding: 0;
}
#leftnav a {
	color: #fafafa; font: normal 11px verdana, helvetica, arial, sans-serif;
}
/* NEWS
------------------------*/
#newscontainer {
	position: relative; width: 476px; background: #374353; padding: 4px; float: left; margin: 14px 8px 8px; display: inline;
}
ul.list, ul.list li {
	padding: 0; margin: 0; list-style: none; vertical-align: top;
}
ul.list {
	background-color: #fafafa; border: 1px solid Black; padding: 3px 2px 5px; width: 160px; float: right;
}
ul.list h3 {
	font: normal 0.7em verdana, helvetica, arial, sans-serif; margin: 0; padding: 2px 1px 3px 16px;
}
li.article4 {
	background: url(i/list_4.gif) left no-repeat;
}
li.article5 {
	background: url(i/list_5.gif) left no-repeat;
}
li.article6 {
	background: url(i/list_6.gif) left no-repeat;
}
li.article7 {
	background: url(i/list_7.gif) left no-repeat;
}
li.article8 {
	background: url(i/list_8.gif) left no-repeat;
}
li.article9 {
	background: url(i/list_9.gif) left no-repeat;
}
li.article10 {
	background: url(i/list_10.gif) left no-repeat;
}
ul.list a {
	color: #039; font-size: 1.1em; text-decoration: none; line-height: 130%;
}
ul.list a:hover {
	text-decoration: underline;
}
a.tips {
	margin: 4px 0 0; width: 160px; height: 20px; text-align: center; background-color: #ffe373; color: #003399; display: block; font: bold 0.8em verdana, helvetica, arial, sans-serif; padding: 1px 2px; border: 1px solid Black; float: right; clear: right;
}
a.tips:hover {
	background-color: #f8c600;
}
a.archive {
	margin: 4px 0 0; width: 160px; height: 20px; text-align: center; background-color: #78a1d5; color: #fff; display: block; font: bold 0.8em verdana, helvetica, arial, sans-serif; padding: 1px 2px; border: 1px solid Black; float: right; clear: right;
}
a.archive:hover, a.more:hover {
	background-color: #275fa5 !important;
}
div.spotlight {
	float: left; width: 304px;
}
div.article1, div.article2, div.article3 {
	border: 1px solid Black; padding: 5px;
}
div.article1 {
	background: #fafafa url(i/list_1_big.gif) left no-repeat; margin: 0;
}
div.article1 img.avatar, div.article3 img.avatar {
	float: right; margin: 0; width: 75px; height: 75px;
}
div.article2 {
	background: #fafafa url(i/list_2_big.gif) right no-repeat; margin: 4px 0;
}
div.article2 img.avatar {
	float: left; margin: 0 2px; width: 75px; height: 75px;
}
div.article3 {
	background: #fafafa url(i/list_3_big.gif) left no-repeat; margin: 0;
}
div.article1 h1, div.article2 h1, div.article3 h1, #fiction h1 {
	margin: 0 2px;
}
div.article1 h1 a, div.article2 h1 a, div.article3 h1 a, #fiction h1 a {
	color: #003399; font: bold 0.6em times, serif; text-decoration: none;
}
div.article1 h1 a:hover, div.article2 h1 a:hover, div.article3 h1 a:hover, #fiction h1 a:hover {
	text-decoration: underline;
}
div.article1 p, div.article2 p, div.article3 p, div#talent p {
	color: #000; font: normal 0.7em verdana, helvetica, arial, sans-serif; margin: 0 2px; line-height: 1.4em; text-align: left;
}
div.article1 a.more, div.article2 a.more, div.article3 a.more, #talent a.more, #library a.more {
	color: #fff; font: normal 0.8em verdana, helvetica, arial, sans-serif; margin: 0; padding: 0 3px 1px; background-color: #78a1d5; text-decoration: none;
}
h2.blocktitle {
	margin: -2px 0 3px; color: #ffe373; font: bold 1.2em verdana, helvetica, arial, sans-serif;
}
h2.blocktitle a {
	color: #ffe373;
}
img.xml {
	margin: 5px 1px 0; float: right;
}
/* TALENT
--------------------*/
#talent {
	position: relative; width: 476px; background: #374353; padding: 4px; float: left; margin: 8px; display: inline;
}
#talent h4 {
	width: 232px; margin: 0 0 3px; font: normal 0.7em Verdana, arial, sans-serif; line-height: 1.2em; color: Black;
}
#fiction {
	border: 1px solid Black; padding: 5px; background: #fafafa url(i/bg_quill.gif) right bottom no-repeat; margin: 0;
}
#art {
	float: right; border: 1px solid Black; padding: 5px 2px; background: #fafafa; margin: 0; width: 160px; text-align: center;
}
#art img {
	border: 1px solid Black; width: 140px; height: 100px;
}
#art h3 {
	margin: 6px 5px 3px; font: bolder 0.7em Verdana, arial, sans-serif; color: Black; text-align: left; width: 140px;
}
#art h4, #art p {
	text-align: left; margin: 0px 5px 6px; width: 140px;
}
/* TEASER (center block)
-------------------------*/
#finalteaser {
	position: relative; width: 476px; background: #374353; padding: 4px; float: left; margin: 8px; display: inline;
}
/* LIBRARY
--------------------*/
#library {
	float: left; width: 150px; padding: 2px 0; background-color: #fafafa; border: 1px solid black;
}
#library a {
	font: normal 0.8em Arial, sans-serif;
}
#library p {
	margin: 0 0 6px 8px; width: 136px; padding-top: 5px;
}
#library p a {
	text-decoration: none; line-height: 1.2em;
}
#library p a:hover {
	text-decoration: underline;
}
#library ul {
	margin: 0 0 0 20px; padding: 0;
}
#library li {
	margin: 0; padding: 0; line-height: 75%;
}
/* SCHOOL
--------------------*/
#school {
	 float: right; width: 146px; margin: 0 8px 4px 6px;
}
#school div {
	padding: 5px 0; background: #a7c1ed url(i/icon_sortinghat.gif) right bottom no-repeat; border: 1px solid #000;
}
#school h2 {
	margin: -1px 10px 2px;
}
#school p {
	margin: 0 10px; font: normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#school table {
	border: none; padding: 0; margin: 10px 65px 10px 10px;
}
#school td {
	padding: 2px 5px; color: White; font: normal 0.6em arial; text-align: right;
}
#school td.gryffindor {
	background-color: #990000;;
}
#school td.hufflepuff {
	background-color: #B49C3B;
}
#school td.ravenclaw {
	background-color: #003399;
}
#school td.slytherin {
	background-color: #3E8559;
}
/* POLLS
--------------------*/
#poll {
	float: right; width: 162px; margin: 0; text-align: center; border: 1px solid #000; padding: 4px 0; background-color: #fafafa;
}
#poll h2 {
	font: 700 0.7em Arial, sans-serif; color: #336699; margin: 0 2px 4px;
}
#poll table {
	padding: 0; margin: 0; border: none;
}
#poll label {
	display: block; text-align: left; font: normal 0.7em Arial, sans-serif; margin: 0; line-height: 90%
}
#poll a {
	display: block; font: normal 0.7em Arial, sans-serif; margin: 2px;
}
#poll h2 a {
	font: 700 1.0em Arial, sans-serif; color: #336699; margin: 0;
}
#poll td {
	width: 50% !important;
}
#poll td.pollresults {
	font: normal 0.7em Arial, sans-serif; color: #000; margin: 0 2px 4px; text-align: left;/* white-space: nowrap;*/
}
#poll td.pollresultsvotes {
	font: normal 0.7em Arial, sans-serif; color: #000; margin: 0 2px 4px;
}
#poll td.pollresultsvotes span {
	float: right; margin-top: -20px;
}
#poll td.pollresultssummary {
	font: normal 0.7em Arial, sans-serif; color: #000; margin: 0 2px 4px;
}
#poll input.radio {
	margin: 0; padding: 0;
}
#poll input.button {
	font: normal 0.7em Arial, sans-serif; margin: 6px 0 4px;
}
/* MORE TALENT
--------------------*/
#talent div.art img {
	border: thin solid #82331C; width: 95px; height: 70px; margin: 4px 10px;
}
#talent h4 {
	width: 232px; margin: 0 0 3px; font: normal 0.7em Verdana, arial, sans-serif; line-height: 1.2em; color: Black;
}
#fiction {
	border: 1px solid Black; padding: 5px; background: #fafafa url(i/bg_quill.gif) right bottom no-repeat; margin: 0;
}
#art {
	float: right; border: 1px solid Black; padding: 5px 2px; background: #fafafa; margin: 0; width: 160px; text-align: center;
}
#art img {
	border: 1px solid Black; width: 140px; height: 100px;
}
#art h3 {
	margin: 6px 5px 3px; font: bolder 0.7em Verdana, arial, sans-serif; color: Black; text-align: left; width: 140px;
}
#art h4, #art p {
	text-align: left; margin: 0px 5px 6px; width: 140px;
}
#footer {
	color: #afafaf; margin: 20px 0 0; text-align: center; clear:both;
}