#drafts { background: black url('/img/preloader.gif') no-repeat 50% 50%; }
#drafts #layout { display: none; }

.liners #layout { background: #3d3428 url('/img/illustrations/liners5.jpg') 50% 0% no-repeat; }
/*
.perfectlie #layout { background: black url('/img/illustrations/perfectlie2.jpg') 50% 0% no-repeat; }
#drafts #layout { background: white url('/img/illustrations/amazingwinterconcert2.jpg') 9% 93px no-repeat;  }

#drafts #layout { background: black; overflow: hidden; }
*/
#drafts #layout #body { margin-bottom: 600px; height: 100%; font-size: 1.3em; line-height: 1.3em; zoom: 1;}

/*****temp******/
#drafts #layout #header { position: relative; z-index: 30; }
#drafts #layout #body { margin-bottom: 772px;}
body { background: white; }

#drafts .logo div { background: transparent url('/img/logo_red.png') no-repeat left top;}
* html #drafts .logo div { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo_red.png',sizingMethod='crop');}
#drafts .logo .border { border-bottom: #c61639 2px solid; }
/*****temp******/





.perfectlie .logo div { background: transparent url('/img/logo_white.png') no-repeat left top;}
* html .perfectlie .logo div { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo_white.png',sizingMethod='crop');}
.perfectlie .logo .border { border-bottom: white 2px solid; }

.liners .logo div { background: transparent url('/img/logo_brown.png') no-repeat left top;}
* html .liners .logo div { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo_brown.png',sizingMethod='crop');}
.liners .logo .border { border-bottom: #372419 2px solid; }

#drafts #body p { float: left; width: 100%; clear: both; margin: 0px 0px 0.8em; }
#drafts #body br { display: none; }


/***** LAYOUT ****/

#drafts #ice { position: absolute; left: 50%; top: 50%; }
#drafts #ice div { position: absolute; width: 1300px; height: 1300px; left: -650px; top: -650px; background: black url('/img/illustrations/ice/ice.jpg') 0 0 no-repeat; }
#drafts #ice div div { width: 800px; height: 800px; background: transparent none no-repeat left top; }
#drafts #ice div div.vanya { top: 255px; left: 268px; background-image: url(/img/illustrations/ice/vanya.jpg);  }
#drafts #ice div div.slava { top: 283px; left: 388px; background-image: url(/img/illustrations/ice/slava.jpg);  }
#drafts #ice div div.borya { top: 332px; left: 317px; background-image: url(/img/illustrations/ice/borya.jpg);  }
#drafts #ice div div.liza { top: 369px; left: 298px; background-image: url(/img/illustrations/ice/liza.jpg);  }
#drafts #ice div div.tolya { top: 311px; left: 423px; background-image: url(/img/illustrations/ice/tolya.jpg);  }
#drafts #ice div div.nikita { top: 276px; left: 396px; background-image: url(/img/illustrations/ice/nikita.jpg);  }
#drafts #ice div div.guitar { top: 420px; left: 480px; background-image: url(/img/illustrations/ice/guitar.jpg);  }

#drafts #balloons { position: absolute; left: 0px; top: 197px; width: 100%; font-size: 0.8em;}
#drafts #balloons a { font-size: 1.2em;}
#drafts #balloons div { position: absolute; z-index: 100; }
#drafts #balloons .vanya { top: 100px; right: 7%;  }
#drafts #balloons .slava { top: 160px; right: 6%;   }
#drafts #balloons .borya { top: 220px; right: 4%;   }
#drafts #balloons .liza { top: 280px; right: 8%; }
#drafts #balloons .tolya { top: 340px; right: 2%; }
#drafts #balloons .nikita { top: 400px; right: 6%; }
#drafts #balloons .guitar { top: 460px; right: 3%;  }


#drafts .disclaimer { right: 3%; top: 400px; width: 350px; font-size: 0.8em; }
#drafts .five_years { right: 2%; top: 111px; width: 19%; }
/*
#drafts .disclaimer p { position: relative; }
#drafts .disclaimer h4 { font-weight: normal; font-size: 1.8em; margin: 0px 0px 0.5em; float: left; clear: both;}
#drafts .links { position: absolute; right: 5%; top: 510px; width: 40%; color: white; z-index: 1000; }
*/
/*
#drafts .disclaimer a { color: white; }
*/
/*****temp******/

#drafts span { padding: 1px 3px 2px; white-space: nowrap; font-size: 1.2em; line-height: 1.3em; zoom: 1; float: left; clear: both; }

#drafts a.switch { cursor: pointer; text-decoration: none; border-bottom: white 1px dashed; line-height: 1.2em; vertical-align: 1px; }
#drafts a.selected { cursor: default; border-bottom: none; }

#drafts .concerts { left: 9%; top: 255px; width: 30%; }
#drafts .concerts .item { float: left; clear: both; margin-bottom: 1.4em; }
#drafts .concerts span { line-height: 1.3em; }
#drafts .concerts span.date { font-style: italic; }
#drafts .concerts span.city { font-size: 1.5em; line-height: 1em; }
#drafts .concerts span.info { font-size: 0.8em; line-height: 1.1em; }

#drafts .song { left: 32%; top: 69%; }
#drafts .song span { font-size: 1.6em; line-height: 1.3em; }


/******* COLORS ****/

/*****temp******/
.bg_grey span {  background: transparent url('/img/pixels/grey60.png') repeat left top; color: white; }
* html .bg_grey span { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pixels/grey60.png',sizingMethod='scale'); }
.bg_grey span a { color: #8e0509; }

.bg_black span { background: transparent url('/img/pixels/black73.png') repeat left top; color: white; }
* html .bg_black span { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pixels/black73.png',sizingMethod='scale'); }
#layout .bg_black span a { color: #ccc; }

.bg_red span { background: transparent url('/img/pixels/red73.png') repeat left top; }
* html .bg_red span { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pixels/red73.png',sizingMethod='scale'); }
/*****temp******/

.disclaimer,
.five_years,
.sponsors,
.concerts,
.song { position: absolute; z-index: 10; }
.words { position: absolute; z-index: 0; }

/*
.disclaimer { font-size: 0.85em; }
.disclaimer span { background: transparent url('/img/pixels/red73.png') repeat left top; }
* html .disclaimer span { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pixels/red73.png',sizingMethod='scale'); }
.perfectlie .disclaimer span { color: #ccc; }
.liners .disclaimer span { color: #eee; }
.perfectlie .disclaimer span a { color: white; }
.liners .disclaimer span a { color: white; }
.perfectlie .disclaimer span a.selected { color: #bbb; }
.liners .disclaimer span a.selected { color: #eee; }
*/

.concerts { }
.concerts .item { }
.concerts span { background: transparent url('/img/pixels/black73.png') repeat left top; color: white; }
* html .concerts span { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pixels/black73.png',sizingMethod='scale'); }
.concerts span b {  }
.perfectlie .concerts span.date,
.perfectlie .concerts span.info b { color: #fd4a50; }
.liners .concerts span.date,
.liners .concerts span.info b { color: #e7a6a8; }
.concerts span.city {  }
.concerts a { color: white; }


.sponsors { top: 430px; left: 9%; width: 30%; }
.sponsors .item { margin-top: 19px; }




.song span {  background: transparent url('/img/pixels/grey60.png') repeat left top; color: white; }
* html .song span { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pixels/grey60.png',sizingMethod='scale'); }
.song span a { color: #8e0509; }

#liners, #perfectlie { display: none; }
.liners #liners { display: block }
.perfectlie #perfectlie { display: block }

.words {  }
.perfectlie .words { left: 30%; top: 70%; background: transparent url('/img/illustrations/perfectlie_words.png') no-repeat left top; width: 462px; height: 218px; }
* html .perfectlie .words { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/illustrations/perfectlie_words.png',sizingMethod='scale'); }
.liners .words { left: 30%; top: 70%; background: transparent url('/img/illustrations/liners_words.png') no-repeat left top; width: 598px; height: 147px; }
* html .liners .words { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/illustrations/liners_words.png',sizingMethod='scale'); }