BODY, HTML { background: #301240; text-align: center; }
BODY { padding: 0 10px 20px 10px; }
UL { padding: 0; margin: 0; list-style: none; }

/* Main template */

#box1 { width: 958px; margin: auto; text-align: left; }
#box2 { background: #4f355c; padding: 0 14px 14px 14px; }
#box3 { background: #fff; padding: 25px; }

#footer { font-size: 10px; color: #795e87; text-align: center; }
#footer A { color: #795e87; }
#footer SPAN { margin: 0 3px; }

#menu1 { position: absolute; height: 28px; margin: -28px 0 0 0; font-size: 15px; padding-left: 14px; font-weight: bold; overflow: hidden; }
#menu1 LI { float: left; margin-right: 1px; }
#menu1 LI A { float: left; padding: 5px 25px 10px 25px; background: #341749 url(bg01.gif) repeat-x; color: #fff; }
#menu1 LI A:hover,
#menu1 LI A.active { background: #fff; color: #000; text-decoration: none; }

#menu2 { background: #fff url(bg04.gif) 0 100% repeat-x; font-size: 12px; padding: 0 0 0 12px; }
#menu2 LI { float: left; margin-right: 10px; }
#menu2 LI A { float: left; }
#menu2 LI A SPAN { float: left; cursor: pointer; padding: 15px 12px 10px 12px; }
#menu2 LI A.active { background: #fff url(bg05.gif) 0 100% no-repeat; font-weight: bold; }
#menu2 LI A.active SPAN { background: url(bg05.gif) 100% 100% no-repeat; padding: 18px 12px 7px 12px; }

#menu3 { padding: 0; margin: 0; }
#menu3 LI { display: inline; padding: 0; margin: 0; background: none; }
#menu3 LI A { display: block; background: #f5f5f5; padding: 3px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #e8e8e8; }
#menu3 LI A.active { font-weight: bold; background: #765a8a; color: #fff; }

#menu4 { font-size: 12px; padding: 0 0 0 12px; border-bottom: 1px solid #e8e8e8; background: #fff; }
#menu4 LI { float: left; margin-right: 10px; }
#menu4 LI A { float: left; padding: 8px 12px 8px 12px; }
#menu4 LI A.active { font-weight: bold; }

#col01 { float: left; width: 335px; overflow: hidden; min-height: 1px; margin-right: 15px; }
#col02 { float: left; width: 530px; overflow: hidden; min-height: 1px; }
#col02 TABLE.data { margin: 7px 0 0 0; }

H2.type1 { color: #fff; font-size: 11px; text-transform: uppercase; background: #5d3970; font-weight: normal; border-right: 10px solid #755785; padding: 3px 10px 4px 10px; line-height: normal; margin: 15px 0 0 0; }

/* Content */

.content UL { margin: 1em 0 0 0; padding: 0 0 0 20px; }
.content UL LI { background: url(dot01.gif) 0 6px no-repeat; padding: 0 0 0 12px; }
.content UL UL { margin: 10px 0; }

TABLE.form { border: none; width: 100%; }
TABLE.form TH { width: 30%; border: solid #fff; border-width: 2px 0; background: #f5f5f5; padding: 4px 10px 5px 0; text-align: right; font-weight: normal; }
TABLE.form TH.subheading { text-align: center; background: #765a8a; padding: 5px; font-weight: bold; border: solid #fff; border-width: 5px 0; color: #fff; }
TABLE.form TD { width: 70%; border: solid #fff; border-width: 2px 0; background: #f5f5f5; padding: 2px 0; }
TABLE.form TD.tbl { padding: 3px; }
TABLE.form TD.tbl TABLE { margin: 0; }
TABLE.form TD.tbl TABLE TH { width: auto; border: none; border-width: 1px 0; padding: 3px 5px; line-height: normal; background: #c7dafe; text-align: left; }
TABLE.form TD.tbl TABLE TD { width: auto; border: none; border-bottom: 1px solid #eee; border-width: 1px 0; padding: 3px 5px; line-height: normal; }
TABLE.form TD.tbl TABLE TD.input { padding: 0; }
TABLE.form TD.data { padding: 5px 0; }
TABLE.form .max { width: 350px; }
TABLE.form .norm { width: 200px; }
TABLE.form .small { width: 100px; }
TABLE.form .min { width: 50px; }
TABLE.form INPUT.date { width: 55px; }
TABLE.form INPUT.time { width: 42px; }
TABLE.form .disabled { background: #eee; }
TABLE.form INPUT,
TABLE.form SELECT,
TABLE.form IMG { vertical-align: middle; }
TABLE.form TR.error TH { color: #eb3927; }
TABLE.form TR.error TD { color: #eb3927; }
TABLE.form TR.error INPUT,
TABLE.form TR.error SELECT,
TABLE.form TR.error TEXTAREA { background: #ffe6e6; color: #eb3927; }

P.actions { margin: 1em 0 0 0; text-align: center; }
P.actions INPUT { overflow: visible; padding: 2px 15px; cursor: pointer; margin-right: 3px; background: #765a8a; font-weight: bold; border: 1px solid #d3cadc; color: #fff; }

P.pages { text-align: center; background: #f5f5f5; padding: 5px 10px; line-height: normal; color: #ddd; }
P.pages A { text-decoration: none; border: solid #f5f5f5; border-width: 1px 4px 2px 4px; }
P.pages A:hover { background: #765a8a; border-color: #765a8a; color: #fff; }
P.pages A.active { background: #765a8a; border-color: #765a8a; color: #fff; font-weight: bold; }

#sitemap A { text-decoration: none; font-weight: bold; }
#sitemap A:hover { text-decoration: underline; }
#sitemap UL A { font-weight: normal; }

/* Front page */

IFRAME.iframe01 { width: 530px; height: 250px; margin: 1em 0 0 0; }

UL.newslist { padding: 0; margin: 0; }
UL.newslist LI { padding: 0 0 20px 0; background: none; }
UL.newslist DIV.img { float: left; width: 55px; margin-right: 10px; }
UL.newslist DIV.img A { border: 1px solid #000; float: left; }
UL.newslist DIV.img A:hover { border-color: #765a8a; }
UL.newslist DIV.txt { float: left; width: 270px; line-height: 18px; }
UL.newslist H3 { margin: 0; font-size: 14px; font-weight: bold; }
UL.newslist P { margin: 3px 0 0 0; }
UL.newslist P.date { color: #797979; margin: 0; font-size: 10px; }
UL.newslist P.tools { background: #f3f3f3; border-bottom: 1px solid #d9d9d9; padding: 5px; font-size: 10px; color: #ccc; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: center; margin: 5px 0 0 0; }

UL.logos { padding: 0; margin: 0; }
UL.logos LI { float: left; margin: 5px 8px 0 0; font-size: 1px; background: none; }

DIV.subscribe { border: 3px solid #e0e0e0; background: url(bg02.gif) repeat-y; margin: 1em 0 0 0; line-height: normal; }
DIV.subscribe DIV.c1 { float: left; width: 381px; margin-right: 3px; }
DIV.subscribe DIV.c1 DIV.pad { padding: 10px; }
DIV.subscribe DIV.c2 { float: left; width: 140px; font-weight: bold; }
DIV.subscribe DIV.c2 DIV.pad { padding: 13px 10px; text-align: center; }
DIV.subscribe A { text-decoration: underline; }
DIV.subscribe INPUT { float: left; }
DIV.subscribe INPUT.default { float: left; border: 1px solid; border-color: #989898 #d9d9d9 #d9d9d9 #989898; width: 150px; padding: 2px 5px; margin: 0 5px 0 0; }
DIV.subscribe INPUT.button { color: #fff; border: none; overflow: visible; background: #444; padding: 2px 10px 1px 10px; cursor: pointer; margin: 0 10px 0 0; }
DIV.subscribe DIV.c1 A { float: left; margin: 3px 0 0 0; }

UL.links { padding: 10px; line-height: 18px; margin: 0; }
UL.links LI { float: left; width: 33%; padding: 0; background: none; }
UL.links LI LI { float: none; width: auto; }
UL.links LI UL { margin: 5px 0 0 0; padding: 0; }
UL.links H3 { font-size: 11px; margin: 0; font-weight: bold; color: #000; }
UL.links A { text-decoration: underline; }

UL.profiles { padding: 10px; line-height: normal; margin: 0; }
UL.profiles LI { float: left; width: 16%; background: none; }
UL.profiles A { float: left; text-decoration: underline; padding: 0px 0 2px 22px; margin: 5px 0 0 0; }
UL.profiles A.myspace { background: url(logo_myspace.gif) no-repeat; }
UL.profiles A.virb { background: url(logo_virb.gif) no-repeat; }
UL.profiles A.imeem { background: url(logo_imeem.gif) no-repeat; }
UL.profiles A.youtube { background: url(logo_youtube.gif) no-repeat; }
UL.profiles A.lastfm { background: url(logo_lastfm.gif) no-repeat; }
UL.profiles A.netvibes { background: url(logo_netvibes2.gif) no-repeat; }
UL.profiles A.facebook { background: url(logo_facebook.gif) no-repeat; }
UL.profiles A.orkut { background: url(logo_orkut.gif) no-repeat; }

UL.listing1 { padding: 0 0 0 10px; margin: 0; }
UL.listing1 LI { float: left; width: 173px; padding: 5px 0 0 0; margin: 0; position: relative; background: none; }
UL.listing1 DIV.img { float: left; width: 83px; }
UL.listing1 DIV.img IMG { border: 1px solid #000; }
UL.listing1 DIV.txt { float: left; width: 90px; line-height: 14px; padding-bottom: 31px; }
UL.listing1 H3 { font-size: 11px; font-weight: bold; margin: 0; color: #000; }
UL.listing1 H3 A { color: #000; }
UL.listing1 H3 A:hover { color: #755785; text-decoration: none; }
UL.listing1 P.buy { text-transform: uppercase; font-weight: bold; line-height: normal; position: absolute; bottom: 0px; height: 26px; overflow: hidden; }
UL.listing1 P.buy A { float: left; color: #351849; background: url(bg03.gif) no-repeat; }
UL.listing1 P.buy A SPAN { float: left; padding: 6px 10px 10px 10px; cursor: pointer; background: url(bg03.gif) 100% -26px no-repeat; }
UL.listing1 P.buy A:hover { text-decoration: none; background-position: 0 -52px; }
UL.listing1 P.buy A:hover SPAN { text-decoration: none; background-position: 100% -78px; }

DL.howto { line-height: 18px; padding: 0; margin: 0; overflow: hidden; }
DL.howto DT { margin: 1em 0 0 0; padding: 0; font-weight: bold; }
DL.howto DD { margin: 0 0 -1px 0; padding: 0 0 1em 0; border-bottom: 1px solid #d9d9d9; }

DL.comments { line-height: 18px; padding: 0; margin: 0; overflow: hidden; border-top: 1px solid #d9d9d9; }
DL.comments DT { margin: 1em 0 0 0; padding: 0; font-weight: bold; }
DL.comments DD { margin: 0 0 -1px 0; padding: 0 0 1em 0; border-bottom: 1px solid #d9d9d9; }

UL.disco { padding: 0; margin: 0; }
UL.disco LI { padding: 15px 0 0 0; margin: 0; background: none; }
UL.disco DIV.img { float: left; width: 90px; }
UL.disco DIV.img A { border: 1px solid #000; float: left; }
UL.disco DIV.img A:hover { border-color: #765a8a; }
UL.disco DIV.txt { float: left; width: 245px; line-height: 18px; }
UL.disco DIV.txt H3 { font-size: 11px; color: #000; margin: 0; }
UL.disco DIV.txt UL { padding: 0; margin: 0; }
UL.disco DIV.txt LI { padding: 0; }
UL.disco H3 { margin: 0; font-size: 14px; font-weight: bold; }
UL.disco P { margin: 3px 0 0 0; }
UL.disco P.date { color: #797979; margin: 0; font-size: 10px; }
UL.disco UL.tools { background: #f3f3f3; border-bottom: 1px solid #d9d9d9; font-size: 10px; color: #ccc; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 5px 0 0 0; padding: 1px 0; overflow: hidden; line-height: normal; }
UL.disco UL.tools LI { float: left; margin: 0 0 0 -2px; padding: 0; background: url(bg06.gif) repeat-y; }
UL.disco UL.tools LI A { float: left; padding: 5px 8px 6px 22px; }
UL.disco UL.tools LI A.buy { background: url(ico_buy.gif) 7px 8px no-repeat; }
UL.disco UL.tools LI A.tones { background: url(ico_tones.gif) 7px 8px no-repeat; }
UL.disco UL.tools LI A.art { background: url(ico_art.gif) 7px 8px no-repeat; }
UL.disco UL.tools LI A.video { background: url(ico_video.gif) 7px 8px no-repeat; }

TEXTAREA.code { padding: 4px; width: 325px; background: #e7d9ee; border: 1px solid; border-color: #817985 #f7f2f9 #f7f2f9 #817985; overflow: auto; font-family: monospace; margin: 1em 0 0 0; }

DIV.subcol1 { float: left; width: 180px; min-height: 1px; overflow: hidden; margin-right: 30px; }
DIV.subcol2 { float: left; width: 670px; min-height: 1px; overflow: hidden; }

P.msg-error { border: 2px solid #e40000; color: #e40000; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-error A { color: #e40000; }
P.msg-ok { border: 2px solid #4ca82e; color: #4ca82e; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-ok A { color: #4ca82e; }
P.msg-info { border: 2px solid #dad4a6; color: #807f48; padding: 8px 12px; background: #fdfbe2; line-height: normal; text-align: center; }
P.msg-info A { color: #807f48; }