@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	
	background:url(../img/bkg-body.png) repeat top left;
	font:normal normal 14px Arial, Helvetica, sans-serif;
	color:#cdd7b6;
	line-height:1.3em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p 
{margin:5px 0;}

a{
text-decoration:none;
color:#ccff00;
}

a:hover{
text-decoration:underline;
}

.pngfix { behavior: url(lib/iepngfix.htc); }

h2{
font:normal normal 35px Arial;
text-transform:uppercase;
line-height:35px;
padding-bottom:10px;
}

h2 a{
font:normal normal 35px Arial;
text-transform:uppercase;
line-height:35px;
color:#cdd7b6;
}

h2 a:hover{
color:#ccff00;
text-decoration:none !important;
}

h3{font:normal bold 14px Arial, Helvetica, sans-serif;}

h3 a{font:normal bold 14px Arial, Helvetica, sans-serif;}
.clear{
clear:both;
}

.mt20{
margin-top:20px;
}

#wrapper{
width:940px;
margin:0 auto;
}

#header{
width:940px;
margin-top:60px;
margin-bottom:20px;
}

.fl{
float:left;
}

.fr{
float:right;
}

#event-date{
font:normal normal 23px Arial, Helvetica, sans-serif;
color:#ced8b7;
padding-left:10px;
text-transform:uppercase;
}

* html #event-date{
font:normal normal 16px Arial, Helvetica, sans-serif;
}

*+html #event-date{
font:normal normal 16px Arial, Helvetica, sans-serif;
}

ul#music-styles{
float:right;
height: 165px;
width:610px;
margin-top:60px;
background: url(../img/muzica-jam.gif) no-repeat top left;
text-indent: -99999px;
}

ul#music-styles li{
text-transform:uppercase;
font-family:"Delicious Heavy";
display:inline;
}

ul#music-styles li#one{
color:#69d2e7;
font-size:50px;
padding-right:20px;
}

ul#music-styles li#two{
color:#add8c7;
font-size:48px;
}

ul#music-styles li#three{
color:#cdd7b6;
font-size:36px;
padding-right:10px;
}

ul#music-styles li#four{
color:#ccff00;
font-size:55px;
}

ul#music-styles li#five{
color:#666666;
font-size:70px;
line-height:76px;
}

.box{
padding:20px;
border:1px solid #060606;
background:transparent url(../img/bkg-box.png) repeat top left;

}

* html .box{
background:#2e2f2c;
}

.box.social-links{
width:578px;
height:18px;
padding:15px 20px;
float:left;
}



.box.artisti, .box.program, .box.festival, .box.locatie{
float:left;
margin:0 20px 20px 0;
width:258px;
height:248px;
}


.box.festival p{
margin-bottom:30px;
}

.box.editii{
float:right;
width:258px;
height:248px;
margin-bottom:20px;
}


.box.bottom{
width:258px;
height:40px;
padding:8px 20px 0 20px;
float:left;
margin:0 0 20px 20px;
line-height:36px;
}

.box.bottom.no-margin-left{
margin-left:0px;
}

.box.bottom.no-margin-top{
margin-top:0px;
}

.box.content{
min-height:770px;
width:578px;
float:left;
margin-bottom:20px;
padding-bottom:20px
}

* html .box.content{
height:810px;
}

*+html .box.content{
min-height:770px;
}

.box.content2{
min-height:700px;
width:578px;
float:left;
margin-bottom:20px;
padding-bottom:20px
}

* html .box.content2{
height:740px;
}

*+html .box.content2{
min-height:700px;
}


.bold{
font-weight:bold;
}

.blue{
color:#69d2e7;
}

ul#social-links{
margin:0;
padding:0;
}

ul#social-links li{
width:143px;
float:left;
}

ul#social-links li a{
padding-left:25px;
color:#cdd7b6 !important;
float:left;
}

ul#social-links li a.flickr{
background:transparent url(../img/lnk-flickr.png) no-repeat center left;
}

ul#social-links li a.facebook{
background:transparent url(../img/lnk-facebook.png) no-repeat center left;
}

ul#social-links li a.twitter{
background:transparent url(../img/lnk-twitter.png) no-repeat center left;
}

ul#social-links li a.myspace{
background:transparent url(../img/lnk-myspace.png) no-repeat center left;
}


/* editii anterioare box */

ul#jam-editions{
margin:0;
padding:0;
}

ul#jam-editions li{
height:20px;
padding-top:10px;
text-align:right;
margin-bottom:25px;
}




ul#jam-editions li.jam-2008{
background:transparent url(../img/2008.png) no-repeat top left;
border-bottom:1px solid #4e8f9c;
}

ul#jam-editions li.jam-2008 a{
color:#4e8f9c;
}

ul#jam-editions li.jam-2007{
background:transparent url(../img/2007.png) no-repeat top left;
border-bottom:1px solid #666666;
}

ul#jam-editions li.jam-2007 a{
color:#666666;
}


ul#jam-editions li.jam-2006{
background:transparent url(../img/2006.png) no-repeat top left;
border-bottom:1px solid #ccff00;
}

ul#jam-editions li.jam-2006 a{
color:#ccff00;
}

ul#jam-editions li.jam-2005{
background:transparent url(../img/2005.png) no-repeat top left;
border-bottom:1px solid #cdd7b6;
margin-bottom:0px !important;
}

ul#jam-editions li.jam-2005 a{
color:#cdd7b6;
}


/*artist page*/

ul#artists{
margin:0;
padding:0
}

ul#artists li{
float:left;
width:180px;
margin:0 18px 40px 0;
}

ul#artists li.no-margin{
margin-right:0px;
}

ul#artists li a img{
border:1px solid #666666;
}



ul#artists li a span{
color:#cdd7b6;
font-size:12px !important;
}

/*END artist page*/

a.nav-link-one{
display:block;
float:left;
margin-right:10px;
background:#ccff00 url(../img/bck-nav-lnk1.png) no-repeat top left;
height:20px;
padding:7px 7px 0 17px;
margin-right:7px;
font:normal normal 14px Arial, Helvetica, sans-serif;
line-height:14px;
color:#202120;
}

a.nav-link-one:hover{
text-decoration:underline;
}

a.nav-link-two{
display:block;
float:left;
background:#69d2e7 url(../img/fwd-nav-lnk1.png) no-repeat top right;
height:20px;
padding:7px 17px 0 7px;
margin-right:7px;
font:normal normal 14px Arial, Helvetica, sans-serif;
line-height:14px;
color:#202120;
}

a.nav-link-one:hover{
text-decoration:underline;
}

.links-box{
margin-top:40px;
}

/*editii anterioare*/

.fest-pic{
display:block;
float:left;
margin-right:20px;
}

.fest-prog{
float:left;
width:400px;
}

.fest-prog h3{
margin-bottom:5px;
}

.fest-prog ul, ul.prog{
list-style:square;
color:#cdd7b6;
list-style-position:inside;
margin-bottom:20px;
}



/*editii anterioare*/




#footer{
padding:15px 20px 0 20px;
border:1px solid #060606;
background:transparent url(../img/bkg-box.png) repeat top left;
width:900px;
height:35px;
margin-bottom:50px;
font-size:13px;
}

* html #footer{
background:#2e2f2c;
}


.day{
font:normal normal 16px Arial, Helvetica, sans-serif;
color:#2f302d;
background:#69d2e7;
padding:3px;
}

#viewport{
        width: 258px;
		height: 180px;
        overflow:hidden;
        position: relative;
}
#viewport ul{
        position: relative;
        padding: 0;
		margin:0;

}
#viewport li{
        width: 258px;
        height: 180px;
        float: left;
        list-style: none;
		background:transparent;
		overflow:hidden;
}


#viewport li p{
 font-size: 11px;
 line-height:13px;      
}

#viewport li span{
color:#666666;      
}

.lnk-prev{
background:url(../img/lnk-prev.png) no-repeat;
display:block;
width:13px;
height:12px;
float:left;
margin-right:10px;
margin-top:10px;
cursor:pointer;
}

.lnk-prev:hover{
background:url(../img/lnk-prev-hover.png) no-repeat;
}

.lnk-next{
background:url(../img/lnk-next.png) no-repeat;
display:block;
width:13px;
height:12px;
float:left;
margin-top:10px;
cursor:pointer;
}

.lnk-next:hover{
background:url(../img/lnk-next-hover.png) no-repeat;
}

#jam{
margin:200px auto 0 auto;
width:300px;
height:400px;
}

#jam p{
margin-top:20px;
text-align:center;
}

ul.parteneri{
margin:10px 0 0 0;
padding:0;
}

ul.parteneri li{
float:left;
margin-right:20px;
margin-bottom:30px;
}

ul.parteneri li a{
float:left;
}

li.clear{
clear:both;
margin:0px !important;
}

.band{
margin:0;
padding:0;
line-height:15px;
}