/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }


/* ----------------
   GLOBAL STYLES
---------------- */

body { background: #000; text-align: center; }
body, div, p, td { font: 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #fff; }

a { color: #f6e98e; text-decoration: none; }
a:hover { color: #f6e98e; text-decoration: underline; }

ul { list-style: disc; margin-left: 20px; margin-bottom: 10px; }
ul li { padding-bottom: 2px; padding-left: 0; }
ol { margin-left: 15px; }

p { padding-bottom: 10px; }

h1 { }
h2 { }

input, textarea { background: #999; border: 1px solid #313131; }
select { background: #fff; border: 1px solid #fff; }
input, textarea, select { font: 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
select { color: #000; }

.clear { clear: both; float: none; }

.separator { background: url(../img/bg_separator.gif) left repeat-x; width: 770px; margin: 0 auto; padding: 20px 0; }
.separator.sm { width: 356px; clear: both; }

.red { color: #cd6950; }
.yellow { color: #f6e98e; }

/* ----------------
   LAYOUT
---------------- */

#search, #logo, #nav, .content, #footer { width: 770px; margin: 0 auto; text-align: left; }

#container { width: 820px; margin: 0 auto; text-align: left; }


/* ----------------
   HEAD
---------------- */

/* search form */

#search { margin: 10px auto; text-align: right; }
#search input { width: 195px; height: 15px; background: url(../img/bg_search_input.gif) left no-repeat; border: none; padding-left: 5px; padding-right: 5px; }
#search input { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; }
#search input.button { width: 15px; height: 15px; background: url(../img/bg_search_button.gif) no-repeat; padding: 0; cursor: pointer; }
#search input { vertical-align: middle; }

#search a { font-weight: bold; }

/* ----------------
   NAVIGATION
---------------- */

/* 1st level */

#nav { height: 25px; background: #d8d8d8; clear: both; position: relative; }
#nav ul { list-style: none; margin: 0; }
#nav ul li { display: block; float: left; }
#nav ul li a { display: block; border: 2px solid #d8d8d8; border-left: 3px solid #d8d8d8; height: 20px; }
#nav ul li#n_home a { width: 58px; background: url(../img/n_home.gif) left bottom no-repeat; }
#nav ul li#n_home a:hover, #nav ul li#n_home.sel a { background: url(../img/n_home_on.gif) left bottom no-repeat; }
#nav ul li#n_labs a { width: 103px; background: url(../img/n_labs.gif) left bottom no-repeat; }
#nav ul li#n_labs a:hover, #nav ul li#n_labs.sel a { background: url(../img/n_labs_on.gif) left bottom no-repeat; }
#nav ul li#n_event a { width: 69px; background: url(../img/n_event.gif) left bottom no-repeat; }
#nav ul li#n_event a:hover, #nav ul li#n_event.sel a { background: url(../img/n_event_on.gif) left bottom no-repeat; }
#nav ul li#n_about a { width: 66px; background: url(../img/n_about.gif) left bottom no-repeat; }
#nav ul li#n_about a:hover, #nav ul li#n_about.sel a { background: url(../img/n_about_on.gif) left bottom no-repeat; }
#nav ul li#n_downloads a { width: 75px; background: url(../img/n_downloads.gif) left bottom no-repeat; }
#nav ul li#n_downloads a:hover, #nav ul li#n_downloads.sel a { background: url(../img/n_downloads_on.gif) left bottom no-repeat; }
#nav ul li#n_press a { width: 112px; background: url(../img/n_press.gif) left bottom no-repeat; }
#nav ul li#n_press a:hover, #nav ul li#n_press.sel a { background: url(../img/n_press_on.gif) left bottom no-repeat; }
#nav ul li#n_sound a { width: 79px; background: url(../img/n_sound.gif) left bottom no-repeat; }
#nav ul li#n_sound a:hover, #nav ul li#n_sound.sel a { background: url(../img/n_sound_on.gif) left bottom no-repeat; }
#nav ul li#n_akcija a { width: 51px; background: url(../img/n_akcija.gif) left bottom no-repeat; }
#nav ul li#n_akcija a:hover, #nav ul li#n_akcija.sel a { background: url(../img/n_akcija_on.gif) left bottom no-repeat; }

/* 2nd level */

ul#nav2 { list-style: none; width: 573px; margin: 0 auto; clear: both; }
#nav2 li { float: left; padding: 0 12px; }
#nav2 a { display: block; width: 167px; height: 22px; }
#nav2 a#n21 { background: url(../img/hd_design_lab.png); }
#nav2 a#n21:hover, #nav2 li.sel a#n21 { background: url(../img/hd_design_lab_on.png); }
#nav2 a#n22 { background: url(../img/hd_music_lab.png); }
#nav2 a#n22:hover, #nav2 li.sel a#n22 { background: url(../img/hd_music_lab_on.png); }
#nav2 a#n23 { background: url(../img/hd_idea_lab.png); }
#nav2 a#n23:hover, #nav2 li.sel a#n23 { background: url(../img/hd_idea_lab_on.png); }

ul#nav2.press { width: 382px; }
#nav2 a#n212 { background: url(../img/hd_press_rel.png); }
#nav2 a#n212:hover, #nav2 li.sel a#n212 { background: url(../img/hd_press_rel_on.png); }
#nav2 a#n222 { background: url(../img/hd_press_img.png); }
#nav2 a#n222:hover, #nav2 li.sel a#n222 { background: url(../img/hd_press_img_on.png); }

ul#nav_event { list-style: none; width: 752px; margin: 0 auto; clear: both; }
/*ul#nav_event { list-style: none; width: 426px; margin: 0 auto; clear: both; }*/
ul#nav_event li { float: left; padding: 0 6px; }
ul#nav_event a { display: block; width: 176px; height: 22px; }
ul#nav_event a#mi_event_sophie_ellis_bextor { background: url(../img/hd_artist1.png); }
ul#nav_event a#mi_event_sophie_ellis_bextor:hover, ul#nav_event li.sel a#mi_event_sophie_ellis_bextor { background: url(../img/hd_artist1_on.png); }
ul#nav_event a#mi_event_booka_shade { background: url(../img/hd_artist2.png); }
ul#nav_event a#mi_event_booka_shade:hover, ul#nav_event li.sel a#mi_event_booka_shade { background: url(../img/hd_artist2_on.png); }
ul#nav_event a#mi_event_groove_armada_dj { background: url(../img/hd_artist3.png); }
ul#nav_event a#mi_event_groove_armada_dj:hover, ul#nav_event li.sel a#mi_event_groove_armada_dj { background: url(../img/hd_artist3_on.png); }
ul#nav_event a#mi_event_st_stereo { background: url(../img/hd_artist4.png); }
ul#nav_event a#mi_event_st_stereo:hover, ul#nav_event li.sel a#mi_event_st_stereo { background: url(../img/hd_artist4_on.png); }


/* ----------------
   CONTENT
---------------- */

.content { width: 750px; padding: 10px; background: url(../img/bg_content.png) bottom right no-repeat; }

/* main event teaser */

.tsr_feat {  width: 770px; margin: 0 auto; }
.tsr_feat_hd {}
.tsr_feat_content { background: #000; padding-bottom: 10px; }

/* index teasers */

.tsr_row {  width: 750px; margin: 0 auto; clear: both; }
.tsr_row div { float: left; width: 230px; margin-right: 30px; padding-bottom: 11px; background: #000; }
.tsr_row div.last { margin-right: 0; }

.tsr_row div.clear { width: 750px; float: none; padding: 0; margin: 0; font-size: 1px; line-height: 1px; }

.tsr_row div h1, .tsr_row div h2 { padding: 0; margin: 0; }
.tsr_row div h2 { font: 14px/14px Arial, Helvetica, sans-serif; color: #cd6950; padding: 0 0 0 10px; }
.tsr_row div h2 a { color: #cd6950; text-decoration: none; }
.tsr_row div h2 a:hover { color: #fff; text-decoration: none; }

.tsr_row div span { font-size: 10px; color: #f6e98e; padding-left: 10px; }
.tsr_row div .tsr_pic { padding: 5px 0 8px 10px; }

.tsr_row div .tsr_txt { padding: 5px 0 0 10px; font-size: 10px; line-height: 12px; }
.tsr_row div .tsr_txt a { color: #f6e98e; text-decoration: none; }
.tsr_row div .tsr_txt a:hover { color: #f6e98e; text-decoration: underline; }

/* CONTENT BOXES */

.content_box_hd { width: 770px; margin: 0 auto; padding: 0; }
.content_box_txt { width: 745px; margin: 0 auto; background: url(../img/bg_content.png) bottom right no-repeat; padding: 15px 15px 15px 10px; }

.content_box_txt h2 { font: 14px/14px Arial, Helvetica, sans-serif; color: #f6e98e; padding: 0 0 5px 0; }

/* content boxes in main labs page */
/*.content_box_txt div#box_design { background: url(../img/pic_box_design.jpg) right top no-repeat; min-height: 140px; padding-right: 435px; }*/
.content_box_txt div#box_music { background: url(../img/pic_box_music.jpg) right top no-repeat; min-height: 140px; padding-right: 435px; }
.content_box_txt div#box_idea { background: url(../img/pic_box_idea.jpg) right top no-repeat; min-height: 140px; padding-right: 435px; }

/* content box with latest design uploads */
.content_box_txt div.gallery_mini { margin: 0 -5px; }
.content_box_txt div.gallery_mini h2 { padding-left: 5px; }
.content_box_txt div.gallery_mini span { display: block; float: left; width: 141px; height: 89px; margin: 0 5px 15px 5px; }
.content_box_txt div.gallery_mini span a { display: block; width: 139px; height: 87px; border: 1px solid #000; margin-bottom:3px; }
.content_box_txt div.gallery_mini span a:hover { border: 1px solid #fff; }

.content_box_txt div.gallery_mini.noauth span { height: 70px; }

/* content box with latest music and ideas uploads */
.content_box_txt div.gallery_mini.muzika span { display: block; float: left; width: 141px; height: 89px; margin: 0 5px; background: url(../img/audio_mid.jpg) no-repeat; }
.content_box_txt div.gallery_mini.muzika span a { display: block; width: 139px; height: 58px; text-align: center; padding-top: 29px; font-size: 12px; text-decoration: none; border: 1px solid #000;  }
.content_box_txt div.gallery_mini.muzika span a:hover { color: #fff; border: 1px solid #fff; }
.content_box_txt div.gallery_mini.muzika span strong { font-size: 11px; }

/* content box with upload form */
.content_box_txt div.forms { margin-right: -20px; }
.content_box_txt div.forms form { width: 770px; clear: both; margin-bottom: -10px; padding-top: 3px; }
.content_box_txt div.forms form p { float: left; width: 235px; margin-right: 20px;}
.content_box_txt div.forms form p.wider { float: left; width: 407px; }
.content_box_txt div.forms form p.narrow { float: left; width: 63px; margin-right: 0;}
.content_box_txt div.forms form input { width: 233px; margin-bottom: 10px; }
.content_box_txt div.forms form textarea { width: 405px; margin-bottom: 10px; height: 138px; }
.content_box_txt div.forms form input.button { width: 63px; height: 20px; border: none; background: url(../img/button_siusti.gif) no-repeat; cursor: pointer; margin-top: 10px; }
.content_box_txt div.forms form p.narrow input.button { }

/* content box with gallery of pics */
.content_box_txt div.gallery .pics { position: relative; width: 745px; padding: 0; margin-top: 10px; }
.content_box_txt div.gallery .pics span { display: block; float: left; width: 100px; height: 83px; margin: 0 3px 6px 3px; }
.content_box_txt div.gallery .pics span a { display: block; width: 98px; height: 58px; border: 1px solid #000; margin-bottom: 2px; }
.content_box_txt div.gallery .pics span a:hover { border: 1px solid #fff; }

/* content box with gallery of pics for audo files */
.content_box_txt div.gallery .pics.sound span { background: url(../img/audio_small.jpg) no-repeat; height: 60px; }
.content_box_txt div.gallery .pics.sound span a { display: block; width: 98px; height: 44px; border: 1px solid #000; text-decoration: none; text-align: center; padding-top:15px; font-size: 12px; }
.content_box_txt div.gallery .pics.sound span a:hover { border: 1px solid #fff; color: #fff; }
.content_box_txt div.gallery .pics.sound span a strong { font-size: 11px; }

/* content box with one pic from gallery */
.content_box_txt div.gallery .pics.one { width: 645px; padding: 0 100px 0 0; }
.content_box_txt div.gallery .pics_nav { position: absolute; right: 0; top: 0; width: 145px; height: 377px; padding: 0; text-align: center; }
.content_box_txt div.gallery .pics_nav.bigger2 { height: 402px; }
.content_box_txt div.gallery .pics_nav p { padding: 0; width: 89px; clear: both; margin: 0 auto; }
.content_box_txt div.gallery .pics_nav .items { height: 18px; margin: 0 auto 146px auto; padding-top: 2px; background: url(../img/bg_items.gif) no-repeat; text-align: center; color: #bcc0c0; }
.content_box_txt div.gallery .pics_nav.bigger2 .items { margin: 0 auto 170px auto; }

.content_box_txt div.gallery .pic_big { width: 600px; height: 412px; background: #111212; text-align: center; padding-top:10px; }
.content_box_txt div.gallery .pic_big.bigger { height: 402px; }
.content_box_txt div.gallery .pic_big img { display: block; margin:0 auto 10px auto; }


.content_box_txt div.gallery .pics_nav .download { padding: 4px 0 0 0; }
.download a { display:block; width:89px; height: 20px; background: url(../img/button_parsisiusti.gif) no-repeat; }
.download a:hover { background: url(../img/button_parsisiusti_on.gif) no-repeat; }

.content_box_txt div.gallery .pics_nav .back_to_thumbs { padding-top: 146px; }
.content_box_txt div.gallery .pics_nav.bigger2 .back_to_thumbs { padding-top: 171px; }
.back_to_thumbs a { display:block; width:89px; height: 20px; margin: 0 auto; background: url(../img/atgal_sar.gif) no-repeat; }
.back_to_thumbs a:hover { background: url(../img/atgal_sar_on.gif) no-repeat; }

.back { display:block; float: left; width:42px; height: 20px; margin: 0 auto; background: url(../img/button_back.gif) no-repeat; }
.back:hover { background: url(../img/button_back_on.gif) no-repeat; }

.next { display:block; float: right; width:42px; height: 20px; margin: 0 auto; background: url(../img/button_next.gif) no-repeat; }
.next:hover { background: url(../img/button_next_on.gif) no-repeat; }

/* content box with one audio from gallery */

.content_box_txt div.gallery .pics.one.audio { width: 335px; height: 220px; }
.content_box_txt div.gallery .pics.one.audio .pic_big { width: 290px; height: 220px; text-align: left; background: none; }

.content_box_txt div.gallery .pics.one.audio .pics_nav .items { margin-bottom: 80px; }
.content_box_txt div.gallery .pics.one.audio .pics_nav .back_to_thumbs { padding-top: 80px; }

.content_box_txt div.gallery .pics.one.audio .author { width: 290px; height: 99px; background: url(../img/audio.jpg) no-repeat; text-align: center; padding-top: 83px; }

/* content box with one idea */

.content_box_txt div.gallery .pics.one.idea { width: 645px; min-height: 220px; height:auto; }
.content_box_txt div.gallery .pics.one.idea .pic_big { width: 580px; min-height: 200px; height:auto; text-align: left; background: none; background: #1f1f1f; padding: 10px; }

.content_box_txt div.gallery .pics.one.idea .pics_nav .items { margin-bottom: 80px; }
.content_box_txt div.gallery .pics.one.idea .pics_nav .back_to_thumbs { padding-top: 80px; }

/* content box button ENTER */
.enter { display: block; width: 80px; height: 20px; background: url(../img/enter.gif) no-repeat; margin-top: 13px; }
.enter:hover { background: url(../img/enter_on.gif) no-repeat; }

/* content box button MORE */
.more { display: block; width: 75px; height: 20px; background: url(../img/more.gif) no-repeat; margin-top: 13px; }
.more:hover { background: url(../img/more_on.gif) no-repeat; }
.content_box_txt div.gallery_mini .more { margin-left: 5px; margin-top: 15px; clear: both; }
.content_box_txt div.gallery_mini.ev .more { margin-top:0; }

/* simple content box with photo */
.foto { float: right; padding: 0 0 15px 15px; }

/* content box with coupon code form */
#coupon input { padding: 2px 2px 3px 2px; }
#coupon input.button { width: 75px; height: 20px; border: none; background: url(../img/button_tvirtinu.gif) no-repeat; cursor: pointer; margin-top: 10px; padding: 0; }

/* small teasers */

.tsr_small { float: left; width:365px; }
.tsr_small.frst { margin-right: 15px; }

.tsr_small_pic { float: left; width: 110px; height: 70px; margin-right: 10px; }
.tsr_small_pic a { display: block; width: 110px; height: 70px; }

.tsr_small_txt { float: left; width: 236px; }
.tsr_small_txt h2 { font-size: 11px; line-height: 11px; color: #f6e98e; }
.tsr_small_txt h3 { font: 14px/14px Arial, Helvetica, sans-serif; color: #cd6950; padding-bottom: 5px; }
.tsr_small_txt h3 a { color: #cd6950; text-decoration: none; }
.tsr_small_txt h3 a:hover { color: #fff; text-decoration: none; }


/* ----------------
   FOOTER
---------------- */

#footer { background: #000; padding: 6px 0; position: relative; }

.logolink { display: block; width: 79px; height: 29px; background: url(../img/logo_nokia.gif) no-repeat; margin: 0 11px; }

#footer span { position: absolute; right: 11px; top: 11px; font-size: 10px; }

#footer a { color: #fff; text-decoration: none; }


/* ----------------
   OLD INDEX PAGE
---------------- */

#temp { margin:0; padding:0; background-color:black; }
#temp, #temp td, #temp p, #temp input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; }

#temp a { color:#fff; text-decoration:underline; }
#temp a:hover { color:#d86a4e; text-decoration:underline; }

#temp form { margin: 10px 0 0 0; padding: 0; }
#temp input { color:#000; }

#temp img { border:0; }

#temp #container { margin:0 auto; width:646px; text-align:left; }

#temp #invitation1,#temp #invitation2 { margin-top: 38px; }

#temp #invitation1 p { color: #d86a4e; }

#temp #invitation2 { background: #0f1012; padding:10px; }

#temp #invitation2 p { margin:0; padding:0 0 10px 0; }

#temp #invitation2 .imp2 { color: #d86a4e; }

#temp #invitation2 strong.imp { color: #f4e270; }
#temp #invitation2 strong.imp a { color:#f4e270; text-decoration:underline; }
#temp #invitation2 strong.imp a:hover { color:#d86a4e; text-decoration:underline; }
#temp #invitation2 strong.title { color: #d86a4e; }

#temp #step1,#temp #step2 { margin-top: 10px; }
#temp #step1 form { margin-top:0; margin-bottom: 10px; }


.error_flab{color: #d86a4e}
.error_msg{color: #d86a4e}

.rules { position:absolute; right:47px; bottom:23px; }
.rules_ideas { display: block;  margin-top: 110px; padding-left: 4px;}


/* ----------------
   EVENT PAGE BOXES
---------------- */

.box_ins { float: left; width: 229px; margin-right: 29px; padding-bottom: 11px; }
.box_ins.last { margin-right: 0; }
.box_ins .tsr_pic { padding: 5px 0 8px 10px; }
.box_ins  h2 { padding: 0; margin: 0; }
.box_ins  h2 { font: 14px/14px Arial, Helvetica, sans-serif; color: #cd6950; padding: 0 0 0 10px; }
.box_ins  h2 a { color: #cd6950; text-decoration: none; }
.box_ins h2 a:hover { color: #fff; text-decoration: none; }
.box_ins .tsr_txt { padding: 5px 0 0 10px; font-size: 10px; line-height: 12px; }
.box_ins .tsr_txt a { color: #f6e98e; text-decoration: none; }
.box_ins .tsr_txt a:hover { color: #f6e98e; text-decoration: underline; }

#subscr_form { padding-left: 10px; font-size:10px; }
#subscr_form span { padding: 0; display: block; font-size:10px; }
#subscr_form input { width: 120px; }
#subscr_form input.button { width: 85px; height: 20px; border: none; background: url(../img/button_uzsisakyti.gif) no-repeat; cursor: pointer; }
#subscr_form .subscr_error { color:#d86a4e; }
#subscr_form .subscr_success { color: #fff; }