@charset "utf-8";
html, body {
margin:0;
min-width: 980px;
}
:focus { outline:none; }
.main_title, #pixels{
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 24px;
font-style:normal;
font-weight:bold;
color:#363636;
}
.main_title2, #pixels{
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 28px;
font-style:normal;
color:#363636;
}
.highlights_title2 {
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 18px;
font-style:normal;
color:#363636;
}
.highlights_title3 {
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 16px;
font-style:normal;
color:#363636;
}
p{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#464646;
line-height:20px;
}
.article_title {
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
size:14px;
color:#898989;
font-weight:bold;
padding-top:2px;
}
a, a:hover{
text-decoration:none;
}
#home, #fringe2012{
width: 100%;
}
.story a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#464646;
text-decoration: underline;
font-weight:normal;
}
.story a:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#464646;
font-weight:normal;
}
/*-------ARTIST DETAILS---------*/
#artist_btn_container a {
background:url(images/show_btn.png) no-repeat;
}
/*#artist_btn_container a:hover {
background:url(images/hide_btn.png) no-repeat;
z-index:5;
}
#artist_btn_container a:active{
background:url(images/hide_btn.png) no-repeat;
z-index:5;
}*/
.hover_hide {
background:url(images/hide_btn.png) no-repeat;
z-index:5;
}
.active_hide {
background:url(images/hide_btn.png) no-repeat;
z-index:5;
}
.active_hide a{
}
/*-------PAGES---------*/
.story{
/* margin: 0 0 0 300px;*/
margin: 0 auto;
min-width: 980px;
width: 980px;
}
.story .float-left, .story .float-right{
padding: 45px 0 0 45px;
position: relative;
/* width: 638px; */
width:980px;
}
.jspan {
width:542px;
height:448px;
overflow-x: hidden;
overflow-y: hidden;
}
.jspan2 {
width:640px;
height:542px;
overflow-x: hidden;
overflow-y: hidden;
}
.container {
overflow: hidden;
width:630px;
float:left;
height:448px;
}
.lfcontainer {
overflow:hidden;
width:540px;
float:left;
height:100%;
margin-right:25px;
}
.jspan3 {
width:550px;
height:355px;
overflow-x: hidden;
overflow-y: hidden;
}
.artist_container{
overflow: hidden;
width:510px;
float:left;
height:100%;
}
#home{
background:url(images/firstBG.jpg) 50% 0 no-repeat fixed;
height: 1000px;
margin: 0 auto;
padding: 0 0 0 0;
}
#home #home_content{
width:638px;
height:534px;
margin-left:184px;
}
/*#home #home_content #home_video{
width:409px;
height:327px;
float:left;
margin-left:35px;
}
#home #home_content #home_video #video{
width:409px;
height:327px;
float:left;
}
#home #home_content #news{
float:left;
width:638px;
height:182px;
padding-top:25px;
}
#home #home_content #news #news_icon{
float:left;
height:207px;
}
#home #home_content #news #news_title {
float:left;
width:598px;
}
#home #home_content #news #news_article {
float:left;
font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#464646;
font-size:12px;
}
#home #home_content #news .article_title {
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
size:14px;
color:#898989;
font-weight:bold;
padding-top:2px;
}
#home #home_content #news #news_article #news_divider{
float:left;
margin: 0 7px 0 7px;
}
#home #home_content #news #news_article #article1 {
float:left;
width:500px;
}
#home #home_content #news #news_article #article2{
float:left;
width:185px;
padding-left:5px;
}
#home #home_content #news #news_article #article3{
float:left;
width:185px;
padding-left:5px;
}*/
#fringe2012{
background: url(images/secondBG.jpg) 50% 0 no-repeat fixed;
color: white;
height: 1300px;
margin: 0 auto;
overflow: hidden;
padding: 60px 0 0 0;
}
#fringe2012 #fringe2012_content{
width:638px;
height:448px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
size:12px;
color:#464646;
border:1px solid #a6a4a4;
padding: 10px 0 10px 10px;
margin-left:184px;
}
#fringe2012 .bgfringe2012{
background:url(images/auras_fringe.png) 50% 0 no-repeat;
height: 1000px;
width:900px;
position: absolute;
margin:0 0 0 0;
}
#hello{
background:url(images/thirdBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 55px 0 0 0;
margin: 0 auto;
}
#hello #hello_content{
width:638px;
height:448px;
size:12px;
color:#464646;
border:1px solid #a6a4a4;
margin-top:0;
padding: 10px 0 10px 10px;
margin-left:184px;
}
#message{
background:url(images/fourthBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#message #message_content{
width:638px;
size:12px;
color:#464646;
border:1px solid #a6a4a4;
margin-top:0;
padding: 10px 10px 10px 10px;
margin-left:184px;
}
#highlights{
background:url(images/fifthBG.jpg) 50% 0 no-repeat fixed;
height: 1000px;
padding: 0 0 0 0;
margin: 0 auto;
}
#highlights #highlights_content{
width:670px;
height:305px;
size:12px;
color:#464646;
padding: 0 10px 10px 10px;
margin-left:184px;
}
#highlights #highlights_content2{
width:670px;
height:148px;
float:left;
size:12px;
color:#464646;
padding: 10px 10px 10px 10px;
margin-left:184px;
}
#highlights #highlights_content2 .vid_container{
width:168px;
height:148px;
float:left;
}
#highlights #highlights_content2 .vid_container .vid_thumb{
float:left;
padding-top:15px;
}
#highlights #highlights_content2 .news{
width:475px;
height:148px;
float:left;
size:12px;
color:#464646;
margin-left:20px;
}
#highlights #highlights_content2 .news .news_header{
width:475px;
height:41px;
}
#highlights #highlights_content2 .news .news_header .news_title2{
padding:0 0 10px 7px;
}
#highlights #highlights_content .highlights_box1{
/*background:url(images/highlights1.png) no-repeat;*/
width:160px;
height:301px;
size:12px;
color:#464646;
margin-top:0;
float:left;
}
.bgcontainer{
position:relative;
overflow:hidden;
}
img.a, img.c, img.e, img.g {
position: relative;
left:175px;
top: 0;
z-index: 10;
}
img.b, img.d, img.f, img.h{
position: absolute;
left: 0;
top: 0;
}
#highlights #highlights_content .highlights_box2{
/* background:url(images/highlights2.png) no-repeat;*/
width:160px;
height:301px;
size:12px;
color:#464646;
margin-top:0;
margin-left: 10px;
float:left;
}
#highlights #highlights_content .highlights_box3{
/* background:url(images/highlights3.png) no-repeat;*/
width:160px;
height:301px;
size:12px;
color:#464646;
margin-top:0;
margin-left: 10px;
float:left;
}
#highlights #highlights_content .highlights_box4{
/* background:url(images/highlights4.png) no-repeat;*/
width:160px;
height:301px;
size:12px;
color:#464646;
margin-top:0;
margin-left: 10px;
float:left;
}
#highlights #highlights_content .highlights_box1 .highlights_title,
#highlights #highlights_content .highlights_box2 .highlights_title,
#highlights #highlights_content .highlights_box3 .highlights_title,
#highlights #highlights_content .highlights_box4 .highlights_title
{
padding-top:100px;
padding-left:5px;
padding-right:5px;
width:150px;
margin:0;
position:absolute;
z-index:30;
}
#livefringe{
background:url(images/sixthBG.jpg) 50% 0 no-repeat fixed;
height: 1000px;
padding: 0 0 0 0;
margin: 0 auto;
}
#livefringe #livefringe_content{
width:628px;
height:542px;
size:12px;
color:#464646;
margin-left:184px;
}
/*#livefringe #livefringe_content .lfcontainer{
overflow:hidden;
width:610px;
height:542px;
float:left;
border:1px solid white;
}*/
.lfcontainer{
width:600px;
}
.lfcontainer a, .lfcontainer a:hover{
text-decoration:none;
background:none;
}
#livefringe_content .lfcontainer .photo_banner{
width:249px;
height:108px;
float:left;
border-bottom:1px solid #a1a1a1;
}
#livefringe_content .lfcontainer .artist_header{
float:left;
padding: 7px 0 0 7px;
}
#livefringe_content .lfcontainer .artist_header h2{
margin:0;
font-weight:normal;
text-decoration:underline;
font-size:17px;
}
#livefringe_content .lfcontainer .artist_header p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#464646;
margin-top:0;
}
#livefringe_content .lfcontainer .artist_header .live_details{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#464646;
margin-top:0;
}
#livefringe_content .lfcontainer .live_box1{
background:url(images/profile_rou_cane.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-right:9px;
}
#livefringe_content .lfcontainer .live_box2{
background:url(images/profile_rou_blksqr.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;;
margin-left:9px;
}
#livefringe_content .lfcontainer .live_box3{
background:url(images/live_sample_bg_rollout.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-right:9px;
}
#livefringe_content .lfcontainer .live_box4{
background:url(images/profile_rou_hantaran.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-left:9px;
}
#livefringe_content .lfcontainer .live_box5{
background:url(images/profile_rou_necessary.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-right:9px;
}
#livefringe_content .lfcontainer .live_box6{
background:url(images/profile_rou_imam.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-left:9px;
}
#livefringe_content .lfcontainer .live_box7{
background:url(images/profile_rou_masterskaya.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-right:9px;
}
#livefringe_content .lfcontainer .live_box8{
background:url(images/profile_rou_prayer.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-left:9px;
}
#livefringe_content .lfcontainer .live_box9{
background:url(images/profile_rou_inri.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-right:9px;
}
#livefringe_content .lfcontainer .live_box10{
background:url(images/profile_rou_hymn.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-left:9px;
}
#livefringe_content .lfcontainer .live_box11{
background:url(images/profile_rou_mighty.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-right:9px;
}
#controller1{
position:absolute;
top:35px;
width:65px;
height:66px;
}
#gallery{
background:url(images/seventhBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 0 0 0 0;
margin: 0 auto;
}
#gallery #gallery_content{
width:628px;
height:700px;
size:12px;
color:#464646;
margin-left:184px;
}
#gallery #gallery_content #gallery_container{
width:526px;
height:542px;
float:left;
}
#gallery_content .lfcontainer .photo_banner{
width:249px;
height:108px;
float:left;
border-bottom:1px solid #a1a1a1;
}
#gallery_content .lfcontainer .artist_header{
float:left;
padding: 7px 0 0 7px;
}
#gallery_content .lfcontainer .artist_header h2{
margin:0;
font-weight:normal;
text-decoration:underline;
}
#gallery_content .lfcontainer .artist_header p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#464646;
margin-top:0;
}
#gallery_content .lfcontainer .artist_header p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#464646;
margin-top:0;
}
#gallery_content .lfcontainer .gallery_box1{
background:url(images/profile_rou_triple.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-right:9px;
}
#gallery_content .lfcontainer .gallery_box2{
background:url(images/profile_rou_iraq.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;;
margin-left:9px;
}
#gallery_content .lfcontainer .gallery_box3{
background:url(images/profile_rou_neo.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-right:9px;
}
#gallery_content .lfcontainer .gallery_box4{
background:url(images/profile_rou_phillip.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-left:9px;
}
#gallery_content .lfcontainer .gallery_box5{
background:url(images/profile_rou_munkao.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-right:9px;
}
#gallery_content .lfcontainer .gallery_box6{
background:url(images/profile_rou_fumiko.png) no-repeat;
width:249px;
height:255px;
float:left;
border:1px solid #a1a1a1;
margin-top:20px;
margin-left:9px;
}
#overview{
background:url(images/fourthBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#ticketing{
background:url(images/firstBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#school{
background:url(images/secondBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#m1{
background:url(images/thirdBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#team{
background:url(images/fourthBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#selection{
background:url(images/firstBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#pressfaq{
background:url(images/secondBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#pressreleases{
background:url(images/thirdBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#volunteer{
background:url(images/fourthBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#sponsors{
background:url(images/firstBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#sponsors2{
background:url(images/thirdBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#donors{
background:url(images/secondBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#tourists{
background:url(images/thirdBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#contact{
background:url(images/fourthBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#terms{
background:url(images/firstBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#partners{
background:url(images/firstBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#entertainment{
background:url(images/fourthBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#fringenews{
background:url(images/fourthBG.jpg) 50% 0 no-repeat fixed;
height: 1300px;
padding: 100px 0 0 0;
margin: 0 auto;
}
#overview #overview_content,
#ticketing #ticketing_content,
#school #school_content,
#m1 #m1_content,
#pressfaq #pressfaq_content,
#pressreleases #pressreleases_content,
#volunteer #volunteer_content,
#donors #donors_content,
#contact #contact_content,
#partners #partners_content
{
width:638px;
size:12px;
color:#464646;
border:1px solid #a6a4a4;
margin-top:0;
padding: 10px 10px 10px 10px;
margin-left:184px;
}
/**
#fringenews #fringenews_content
{
width:670px;
size:12px;
color:#464646;
border:1px solid #a6a4a4;
margin-top:0;
padding: 10px 10px 10px 10px;
margin-left:184px;
}
**/
#team #team_content,
#selection #selection_content,
#sponsors #sponsors_content,
#tourists #tourists_content,
#terms #terms_content,
#sponsors #sponsors_content,
#sponsors2 #sponsors2_content,
#entertainment #entertainment_content,
#fringenews #fringenews_content
{
width:638px;
height:448px;
size:12px;
color:#464646;
border:1px solid #a6a4a4;
margin-top:0;
padding: 10px 10px 10px 10px;
margin-left:184px;
}
#tourists #tourists_content ul li{
}
.bgfringe2012{
background:url(images/auras_fringe.png) 50% 0 no-repeat;
height: 1000px;
width:900px;
position: absolute;
margin:0 0 0 0;
}
#sponsors_list li {
line-height:25px;
}
/*--Profile Buttons--*/
.lfcontainer .cane_btn {
display:block;
width:249px;
height:255px;
background:url(images/canebtn.png);
}
.lfcontainer .cane_btn:hover {
background:url(images/canebtn.png);
background-position:0 255px;
}
.lfcontainer .black_btn {
display:block;
width:249px;
height:255px;
background:url(images/blackbtn.png);
}
.lfcontainer .black_btn:hover {
background:url(images/blackbtn.png);
background-position:0 255px;
}
.lfcontainer .tongues_btn {
display:block;
width:249px;
height:255px;
background:url(images/tonguesbtn.png);
}
.lfcontainer .tongues_btn:hover {
background:url(images/tonguesbtn.png);
background-position:0 255px;
}
.lfcontainer .hantaran_btn {
display:block;
width:249px;
height:255px;
background:url(images/hantaranbtn.png);
}
.lfcontainer .hantaran_btn:hover {
background:url(images/hantaranbtn.png);
background-position:0 255px;
}
.lfcontainer .necessary_btn {
display:block;
width:249px;
height:255px;
background:url(images/necessarybtn.png);
}
.lfcontainer .necessary_btn:hover {
background:url(images/necessarybtn.png);
background-position:0 255px;
}
.lfcontainer .necessary_btn {
display:block;
width:249px;
height:255px;
background:url(images/necessarybtn.png);
}
.lfcontainer .necessary_btn:hover {
background:url(images/necessarybtn.png);
background-position:0 255px;
}
.lfcontainer .ark_btn {
display:block;
width:249px;
height:255px;
background:url(images/arkbtn.png);
}
.lfcontainer .ark_btn:hover {
background:url(images/arkbtn.png);
background-position:0 255px;
}
.lfcontainer .prayer_btn {
display:block;
width:249px;
height:255px;
background:url(images/prayerbtn.png);
}
.lfcontainer .prayer_btn:hover {
background:url(images/prayerbtn.png);
background-position:0 255px;
}
.lfcontainer .inri_btn {
display:block;
width:249px;
height:255px;
background:url(images/inribtn.png);
}
.lfcontainer .inri_btn:hover {
background:url(images/inribtn.png);
background-position:0 255px;
}
.lfcontainer .hymn_btn {
display:block;
width:249px;
height:255px;
background:url(images/hymnbtn.png);
}
.lfcontainer .hymn_btn:hover {
background:url(images/hymnbtn.png);
background-position:0 255px;
}
.lfcontainer .mighty_btn {
display:block;
width:249px;
height:255px;
background:url(images/mightybtn.png);
}
.lfcontainer .mighty_btn:hover {
background:url(images/mightybtn.png);
background-position:0 255px;
}
.lfcontainer .triple_btn {
display:block;
width:249px;
height:255px;
background:url(images/triplebtn.png);
}
.lfcontainer .triple_btn:hover {
background:url(images/triplebtn.png);
background-position:0 255px;
}
.lfcontainer .iraq_btn {
display:block;
width:249px;
height:255px;
background:url(images/iraqbtn.png);
}
.lfcontainer .iraq_btn:hover {
background:url(images/iraqbtn.png);
background-position:0 255px;
}
.lfcontainer .goddess_btn {
display:block;
width:249px;
height:255px;
background:url(images/goddessbtn.png);
}
.lfcontainer .goddess_btn:hover {
background:url(images/goddessbtn.png);
background-position:0 255px;
}
.lfcontainer .kimjongphil_btn {
display:block;
width:249px;
height:255px;
background:url(images/kimjongphilbtn.png);
}
.lfcontainer .kimjongphil_btn:hover {
background:url(images/kimjongphilbtn.png);
background-position:0 255px;
}
.lfcontainer .fengshui_btn {
display:block;
width:249px;
height:255px;
background:url(images/fengshuibtn.png);
}
.lfcontainer .fengshui_btn:hover {
background:url(images/fengshuibtn.png);
background-position:0 255px;
}
.lfcontainer .weoui_btn {
display:block;
width:249px;
height:255px;
background:url(images/weouibtn.png);
}
.lfcontainer .weoui_btn:hover {
background:url(images/weouibtn.png);
background-position:0 255px;
}