body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,th,td { margin: 0; padding: 0; }
body { margin: 0; background: url(/images/tlcback.jpg); font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; }

a, a:hover { color: #000; text-decoration: none; }
a:hover { background: none; text-decoration: underline; }
a img { border: 0; }

.wrap { margin: 0 auto; background: url(/images/myleaky/home/bg.gif) repeat-y; width: 992px; }

.header { width: 100%; height: 204px; background: url(/images/myleaky/home/header.jpg) no-repeat; }
.navigation { font-size: 15px; position: relative; text-align: center; color: #fff; top: -75px; }
.navigation a { color: #fff; border-right: 1px solid #fff; padding: 0 10px 0 5px; }
.navigation a.last { border-right: 0; }
.content { padding: 0 57px 20px 79px; }

.ad-top { width: 100%; height: 125px; background: url(/images/advert.jpg) top center no-repeat; position: relative; margin-top: -60px; }
.ad-top-banner { position: absolute; top: 172px; margin-left: 151px; width: 728px; height: 90px; }

.house { color: #322213; letter-spacing: -0.1em; text-align: center; width: 211px; height: 164px; background: url(/images/myleaky/home/house.jpg) no-repeat; float: left; margin-left: 4px; }
.house.f { margin-left: 0; }
.house h2 a { display: block; width: 200px; height: 29px; text-indent: -3000px; margin: 7px 0 0 5px; outline-style: none; }
.house .place { font-size: 18px; }
.house .points { font-size: 24px; }
.house .top-earners { font-size: 13px; font-weight: bold; }

.house.gryffindor h2 a { background: url(/images/myleaky/home/house-gryffindor.jpg) no-repeat; }
.house.slytherin h2 a { background: url(/images/myleaky/home/house-slytherin.jpg) no-repeat; }
.house.hufflepuff h2 a { background: url(/images/myleaky/home/house-hufflepuff.jpg) no-repeat; }
.house.ravenclaw h2 a { background: url(/images/myleaky/home/house-ravenclaw.jpg) no-repeat; }

.well { margin-top: 5px; float: left; }
.well.side { width: 211px; }
.well.center { margin: 5px 4px 0 4px; width: 426px; }
.well.left { width: 641px; margin-right: 4px; }

.well .box { width: 100%; background: url(/images/myleaky/home/b-bg.gif) repeat-y; margin-bottom: 4px; }
.well .box .top { width: 100%; height: 7px; background: url(/images/myleaky/home/b-top.jpg) no-repeat; }
.well .box .bot { width: 100%; height: 8px; background: url(/images/myleaky/home/b-bot.jpg) no-repeat; }
.well .box .inner { background: #cfb67d url(/images/myleaky/home/bi-bg.gif) repeat-x; margin: 0 5px; }
.well .box .inner.ad { background-image: none; padding: 10px 5px 0 20px; }

.well.center .box { background: url(/images/myleaky/home/bw-bg.gif) repeat-y; }
.well.center .box .top { background: url(/images/myleaky/home/bw-top.jpg) no-repeat; }
.well.center .box .bot { background: url(/images/myleaky/home/bw-bot.jpg) no-repeat; }
.well.left .box { background: url(/images/myleaky/home/bl-bg.gif) repeat-y; }
.well.left .box .top { background: url(/images/myleaky/home/bl-top.jpg) no-repeat; }
.well.left .box .bot { background: url(/images/myleaky/home/bl-bot.jpg) no-repeat; }

.well .box .inner.about { background-image: none; padding: 10px; }
.well .box .inner.about .info { border: 1px solid #a38c56; text-align: center; }
.well .box .inner.about .info.ml-home { text-align: left; }

.info.ml-home h2 { font-weight: normal; }
.info.ml-home h2 a { color: #a50000; }

.info.updates h2 { font-size: 20px; font-weight: normal; }
.info.updates .update { background-position: 8px 10px; margin-top: 5px; text-align: left; font-size: 13px; border-bottom: 1px solid #CFB67D; padding: 0px 0 7px 35px; }
.info.updates .update span { color: #555; font-size: 11px; }
.info.updates .update.issue { font-size: 11px; padding-left: 0; }
.info.updates .update.issue span { font-size: 10px; }
.info.updates .resolved { font-weight: bold; }
.info.updates .resolved b { color: #a50000; }
.info.updates .update a { color: #a50000; }

.well .box img { margin-left: 10px; }

h3.title { position: relative; width: 100%; height: 27px; text-indent: -3000px; top: -4px; }
h3.title.new-to-myleaky { background: url(/images/myleaky/home/title-new-to-myleaky.jpg) no-repeat; }
h3.title.upcoming-events { background: url(/images/myleaky/home/title-upcoming-events.jpg) no-repeat; }
h3.title.wizard-rockers { background: url(/images/myleaky/home/title-wizard-rockers.jpg) no-repeat; }
h3.title.newest-groups { background: url(/images/myleaky/home/title-newest-groups.jpg) no-repeat; }
h3.title.newest-videos { background: url(/images/myleaky/home/title-newest-videos.jpg) no-repeat; }
h3.title.my-groups { background: url(/images/myleaky/home/title-my-groups.jpg) no-repeat; }
h3.title.register { top: -17px; background: url(/images/myleaky/home/title-register.jpg) no-repeat; height: 43px; }

h4 { background-color: #ebd299; border-top: 1px solid #775534; border-bottom: 1px solid #775534; font-size: 15px; }
h4 a { display: block; padding: 2px 5px; color: #4c3520; }
h4 a:hover { color: #4c3520; }
.info { background-color: #fff; padding: 5px 10px; font-size: 11px; }
.info.group { padding-left: 60px; }

h5 { font-size: 15px; font-weight: normal; }
span.red { color: #c10000; display: block; margin: 5px 0; font-size: 16px; font-weight: bold; }
span.links { font-size: 18px; font-weight: bold; }

.avatar { clear: left; float: left; margin: -5px 5px 0 -5px; }
.new-avatar { text-align: center; }
.new-avatar img { max-width: 175px; padding: 1px; border: 1px solid #322213; background-color: #fff; }

.ttext { background-color: #fff; padding: 5px; border: 1px solid #a38c56; }
.ttext a { color: #a50000; font-weight: bold; }
.ttext h2 { font-weight: normal; color: #4c3520; text-align: center; font-size: 22px; }
.ttext h5 { font-size: 17px; }
.ttext h6 { font-size: 14px; font-weight: normal; }
.ttext input.text { width: 215px; font-size: 14px; font-weight: bold; padding: 3px 2px; margin: 5px 0; }
.ttext label { font-weight: bold; font-size: 14px; }
.ttext .botcheck { text-align: center; margin: 0; }
.ttext .botcheck label { font-size: 13px; }
.ttext .validate { font-size: 15px; font-weight: bold; text-align: center; }
.ttext .error { margin: 10px; background-color: #FFEEEE; border: 1px solid #DD4444; padding: 10px; }
.ttext.band { padding-left: 35px; background: #fff url(/images/myleaky/wall/mp3.png) 10px 10px no-repeat; }

.register .head { margin-top: 25px; border: 1px solid #7d5d40; background-color: #ebd299; padding: 0 5px 5px 5px; }
.register .head span { float: right; margin-top: -17px; font-size: 16px; }
.register .half { width: 53%; float: left; }
.register .half.right { width: 45%; margin-left: 11px; }
.register label { display: block; font-size: 16px; font-weight: normal; margin-top: 10px; color: #422e1b; }
.register label.small { font-size: 12px; }
.register .input { background-color: #ebd299; border: 1px solid #7d5d40; padding: 5px 25px; }
.register .input input { padding: 4px 3px; font-size: 14px; font-weight: bold; width: 185px; }
.register b { display: block; font-size: 15px; margin-top: 10px; }
.register select { width: 260px; }

a.attention { display: block; border: 1px solid #7d5d40; background-color: #ebd299; padding: 5px; margin-top: 15px; font-size: 14px; color: #000; }
a.attention span { color: #a50000; }