@import url("reset.css");

/* ---------

blue #1f96cb
Yellow #f5c520
pink #DB7093
green #556B2F
SteelBlue #4682B4

------- */
span.b{color:#1f96cb;}
span.y{color:#f5c520;}
span.p{color:#DB7093;}
span.p2{ font-size:14px; font-weight:normal; color:#DB7093;}
span.g{color:#556B2F;}
span.n{color:#4682B4;}
a{
color:#1f96cb;
font-style:normal;
text-decoration:underline;
}
a:link {
color:#1f96cb;
font-style:normal;
text-decoration:underline;
}
a:visited {
color:#1f96cb;
text-decoration:underline;
}
a:hover {
color:#27b2e3;
font-style:normal;
text-decoration: none;
}
a:active {
text-decoration:none;
}

p{
padding:2px 0;
}


hr{
color:#ffffff;
border-top:1px solid #dddddd;
border-left:none;
border-right:none;
border-bottom:none;
}


h1{
display:none;
}

/* ---------------- */
*{
}

body{
padding-top:10px;
background: url("../images/k.gif") repeat-x;
color:#131313;
line-height:1.2;
}

#flame{
margin:auto auto;
}

#container{
background: #ffffff;
width:1200px;
margin:0px auto 0px auto;
text-align:center;
}

/* ---------------- */
#index-logo{
float:left;
}

#index-day{
float:right;
}


#main-menu, #photo_foot{
/*background: url("../images/menu-bg.png") no-repeat;*/
background-color:#000000;
width: 1200px;
height: 40px;
margin:auto auto;
padding:12px 0 0 0;
z-index: 10;
float:left;
box-shadow: 10px 3px 15px rgba(0,0,0,0.4);
-moz-box-shadow: 10px 3px 15px rgba(0,0,0,0.4);
-webkit-box-shadow: 10px 3px 15px rgba(0,0,0,0.4);
}


#main-menu{
border-radius: 25px 25px 0 0;
-moz-border-radius:  25px 25px 0 0;
-webkit-border-radius:  25px 25px 0 0;
}

#photo_foot{
border-radius: 25px 25px 0 0;
-moz-border-radius:  25px 25px 0 0;
-webkit-border-radius:  25px 25px 0 0;
}

ul#main-menu li{display:inline; margin:5px 0; padding:0 0; border:;}
ul#main-menu li a,ul#main-menu li a:link,ul#main-menu li a:visited{
color:#f5c520;
text-decoration: none;
text-shadow: 1px 1px 2px #333333;
font-size:20px;
}


ul#main-menu li a:hover {
color:#ffcc66;
text-decoration: none;
text-shadow: 0px 0px 5px #fff;
font-size:20px;
}

/* ---------------- */

#back_to_camera {
clear: both;
display: block;
height: 80px;
line-height: 40px;
padding: 20px;
float:left;
}

.fluid_container {
z-index: 9;
margin: 0 auto;
max-width: 1100px;
min-height: 200px;
width: 90%;
}

/* ---------------- */
#index-banner{
clear: both;
padding:10px 0;
}


/* ---------------- */

#contents{
float:left;
width: 1200px;
box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
margin-bottom:1em;
}

#single-contents{
font-size:16px;
line-height:1.4em;
text-align:left;
padding:20px 0 20px 0;
}

#side-bar{
width:330px;
float:left;
display:block;
padding:20px 0 20px 0;
text-align:right;
}

#side-bar img{
margin:10px 0 0 0;
}

#double-contents{
font-size:16px;
line-height:1.4em;
padding:20px 0 20px 0;
width:850px;
float:right;
display:block;
text-align:left;
}



/* ---------------- */

.news{
padding:20px;
}

.news-title, .ticket-title, .access-title{
padding:20px;
border-radius: 10px 0 0 0;
-moz-border-radius:  10px 0 0 0;
-webkit-border-radius: 10px 0 0 0;
}

.news-title span, .ticket-title span, .access-title span{
font-size:12px;
font-weight:bold;
}

.news-title h2, .ticket-title h2, .access-title h2{
margin-top:11px;
font-size:16px;
font-weight:bold;
}

.news-contents h2{
font-size:20px;
font-weight:normal;
color:#1f96cb;
border-bottom:1px solid #1f96cb;
margin-bottom:0.8em;
}

.news-contents{
padding:20px 30px 40px 30px;
margin:10px 0;
border-bottom:5px solid #dddddd;
border-radius: 0 0 10px 0;
-moz-border-radius: 0 0 10px 0;
-webkit-border-radius: 0 0 10px 0;
}


.news-title{
border-top:2px solid #1f96cb;
border-bottom:2px solid #1f96cb;
background-color:#f5f5f5;
}

.news-title span{
color:#1f96cb;
}

h3.news-date{
border-bottom:1px solid #dddddd;
font-size:20px;
}

p.news-lineup, .news-text{
font-size:12px;
}


.news blockquote{
padding-left:1em;
border-left:1px solid #dddddd;
}

.ticket-title{
border-top:2px solid #f5c520;
border-bottom:2px solid #f5c520;
background-color:#f5f5f5;
}

.ticket-title span{
color:#f5c520;
}

#QR{
margin:-10px 40px;
float:right;
}

.access-title{
border-top:2px solid #f5c520;
border-bottom:2px solid #f5c520;
background-color:#f5f5f5;
}

.access-title span{
color:#f5c520;
}
.access-text{
font-size:14px;
margin:1em 0;
padding:1em;
border-left:2px solid #f5c520;;
}


/* ---------------- */
.single-title{
margin:0 0 0 30px;
/*text-align:center;*/
}

.artists{
margin:20px 0 ;
padding:0 20px;
}


.artists img{
margin:0 20px;
padding:4px;
float:left;
}

.artists-text{
width:800px;
float:right;
font-size:16px;
}


.artist-date{
font-size:12px;
display:block;
width:95%;
color:#000000;
margin:18px 10px 15px 10px;
font-weight:bold;
text-align:center;
background-color:#e1e5ce;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.artists2{
margin:20px 0 ;
padding:0 40px;
width:500px;
float:left;
text-align:center;
}

.artists2  img{
margin:20px 0;
padding:4px;
}



.artists-text2{
font-size:16px;
text-align:left;
}


.artists h2{
color:#1f96cb;
font-size:24px;
font-weight:bold;
margin:25px 5px 15px 5px;
padding:5px 0px;
border-bottom:1px dotted #1f96cb;
}

.artists h2 p{
font-size:14px;
color:#000000;
margin:3px 10px;
display:inline;
}

.artists2 h2{
color:#1f96cb;
font-size:24px;
font-weight:bold;
margin:0 5px 5px 5px;
padding:0px;
text-align:center;
}

.artists2 p{
font-size:14px;
color:#000000;
margin:3px 10px 15px 10px;
display:block;
font-weight:bold;
border-bottom:1px dotted #1f96cb;
text-align:center;
}


#lineup{
margin:auto auto;
width:100%;
padding:0 18px;
}

.artist-photo , .artist-photo2 , .artist-photo3 {
display:block;
width:230px;
float:left;
text-align:center;
height:200px;
margin:1px 1px 1px 1px;
}

.artist-photo {
background-color:#000;
}
.artist-photo2 {
background-color:#000066;
}

.artist-photo3 {
background-color:#666666;
}

.artist-photo img, .artist-photo2 img, .artist-photo3 img{
margin:5px;
width:210px;
height:140px;
}

.artist-photo h2, .artist-photo2 h2, .artist-photo3 h2{
width:210px;
color:#1f96cb;
font-size:16px;
font-weight:bold;
margin:5px 0 0 0;
}


.credit{
margin:20px 15px;
padding:0 25px;
text-align:right;
}

.andmore{
color:#1f96cb;
font-size:16px;
font-weight:bold;
text-align:center;
margin:0 auto;
padding:15px 0;
background-color:#000;
width:96%;
}



/* ---------------- */



#footer{
clear: both;
font-size:12px;
padding:100px 0 50px 0;
text-align:center;
line-height:15px;
color:#333333;
width:100%;
margin:auto auto;
background: url("../images/main_bg.jpg") repeat #ffffff;
}