/* RESET CSS */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}
/* CONTENT CSS */
BODY{
background:#000000 url(../images/background.jpg) no-repeat center top fixed;
color:#FFF;
font-size:small;
}
P{
}
H1{
}
H2{
}
H3{
}
a:link, a:active, a:visited{
color:#666;
}
a:hover{
color:#FFF;
}
/* ***************************************************************************************************** */
/*LAYOUT*/
.left{float:left}
.right{float:right}
.noFloat{clear:both}
.wrapper{
width:950px;
margin:0 auto 0 auto;
}
#top{
width:950px;
height:228px;
display:block;
background:url(../images/canvas_b.png) no-repeat top;
}
#top .visualTop{
width:55px;
height:228px;
display:block;
background:url(../images/canvas_br.png) no-repeat bottom right;
position:relative;
bottom:0;
left:-55px;
z-index:98;
}
#top .visualBottom{
width:74px;
height:205px;
display:block;
background:url(../images/canvas_tr_machine.png) no-repeat right top;
position:relative;
bottom:0;
left:-74px;
z-index:99;
}
#top .logo{
width:281px;
height:181px;
display:block;
background:url(../images/logo.png) no-repeat;
position:relative;
top:107px;
left:-80px;
float:left;
z-index:100;
}
#canvas{
width:950px;
min-height:180px;
display:block;
background-color:#000;
}
#bottom{
width:950px;
height:141px;
display:block;
background:url(../images/canvas_t.png) no-repeat top;
}
#bottom .visualLeft{
width:153px;
height:219px;
display:block;
background:url(../images/canvas_tr.png) no-repeat right top;
position:relative;
left:-153px;
float:left;
}
#bottom .visualRight{
width:153px;
height:219px;
display:block;
background:url(../images/canvas_tl.png) no-repeat left top;
position:relative;
left:153px;
float:right;
}
#bottom .footer{
color:#666;
font-size:x-small;
text-align:left;
position:relative;
top:0px;
border-top:#262626 1px dashed;
width:auto;
height:30px;
margin:0 auto;
}
#subMenuHolder{
background:url(../images/red_bar.gif) no-repeat bottom;
width:690px;
height:120px;
}
#subMenuHolder .artistTitle{
position:relative;
top: 20px;
left:250px;
z-index:500;
height:95px;
}
#subMenuHolder ul.menu{
height:24px;
float:right;
position:relative;
z-index:600;
}
#subMenuHolder ul.menu li{
height:24px;
line-height:24px;
float:left;
padding-right:20px;
}
#subMenuHolder ul.menu li a{
color:#000;
text-decoration:none;
font-weight:bold;
font-size:14px;
}
#subMenuHolder ul.menu li a:hover, #subMenuHolder ul.menu li.active a{
color:#FFF;
}
#contentHolder{
width:650px;
height:100%;
padding:20px 30px 20px 40px;
line-height:20px;
display:table;
font-size:14px;
}
#dragonHolder{
width:0px;
height:0px;
position:relative;
z-index:800;
float:right;
}
#dragonHolder .visual{
width:274px;
height:246px;
display:block;
background:url(../images/dragon.png) no-repeat;
position:absolute;
top:120px;
left:-224px;
}
#rightModHolder{
position:relative;
float:right;
}
#rightModHolder .visual{
background: url(../images/perkament.png);
width:256px;
height:350px;
display:block;
position:absolute;
top:50px;
left:-240px;
}
#poloroidHolder{
width:710px;
position:relative;
z-index:999;
margin-left:auto;
margin-right:auto;
}
#poloroidHolder .menu{
width:710px;
height:200px;
display:block;
position:absolute;
}
/* ***************************************************************************************************** */
/* JOOMLA SPECIFIC CSS CODE */
#page{
display:table;
}
.article_separator{
}
.adminform{
}
.author{
}
.bannerfooter{
}
.bannergroup{
}
.bannerheader{
}
.banneritem{
}
.blog{
}
.blog_more{
}
.blogsection{
}
.breadcrumbs{
}
.button{
float:right;
}
.buttonheading{
}
.clr{
clear:both
}
.componentheading, .contentheading{
}
/*CUSTOM*/
.contentheading_home{
}
.leading_home{
color:#FFF;
}
.componentheading_jimmy, .contentheading_jimmy{
}
.componentheading_carmen, .contentheading_carmen{
}
.componentheading_wilco, .contentheading_wilco{
}
.componentheading_frank, .contentheading_frank{
}
.componentheading_henry, .contentheading_henry{
}
.content_email{
}
.content_rating{
}
.content_vote{
}
.contentdecription{
}
.contentpagetitle{
}
.contentpane{
}
.contentpaneopen{
}
.contentpaneopen_edit{
background-color:#000;
color:#FFF;
}
form.editor Fieldset span.mceEditorContainer table.mceEditor{
clear:left;
}
form.editor Fieldset{
background-color: #333;
color:#FFF;
padding:10px;
margin-bottom:20px;
border:#555 solid 1px;
}
form.editor Fieldset .save{
float:right;
height:50px;
display:block;
}
form.editor legend{
color: #9C0;
font-weight:800;
background:#333;
font-size:16px;
position:relative;
top:-20px;
padding:0px 10px;
border-top:#555 solid 1px;
border-left:#555 solid 1px;
border-right:#555 solid 1px;
}
#editor-xtd-buttons a{
width:auto;
height:auto;
line-height:20px;
background:#555;
color:#9C0;
float:left;
padding:5px;
margin:20px 20px 0 0;
text-decoration:none;
}
#editor-xtd-buttons a:hover{
background:#444;
color:#FFF;
}
.contenttoc{
}
.createdate{
}
.created-date{
}
.date{
}
.input{
}
.inputbox{
}
.intro{
}
.latestnews{
}
.login_form fieldset
{
border:none;
margin-bottom:20px;
}
.login_form fieldset .name, .login_form fieldset .pass, .login_form fieldset .remember
{
width:150px;
float:left;
margin-right:50px;
}
.loclink{
}
a.mainlevel:link, a.mainlevel:active, a.mainlevel:visited{
}
a.mainlevel:hover{
}
.message{
}
.metadata{
}
.modifydate{
}
.module{
}
.moduletable{
}
.moduletable_menu ul.menu{
position:absolute;
top:10px;
left:30px;
padding-left:10px;
border-left:#333 1px solid;
}
.moduletable_menu ul.menu li{
float:left;
margin-right:10px;
}
.moduletable_menu ul.menu li a{
color:#999;
text-decoration:none;
height:20px;
padding-right: 10px;
border-right:#333 1px solid;
}
.moduletable_menu ul.menu li a:hover, .moduletable_menu ul.menu li.active a{
color:#FFF;
}
.moduletable_titleJimmy, moduletable_titleWilco, moduletable_titleFrank, moduletable_titleHenry, moduletable_titleCarmen{
width:auto;
}
.moduletable_right{
color:#000;
}
.mosimage{
}
.mosimage_caption{
}
.mostread{
}
.newsfeed{
}
.outline{
}
.pagenav{
}
.pagenav_next{
}
.pagenav_prev{
}
.pagenavbar{
}
.pagenavcounter{
}
.pathway{
}
.pollstableboarder{
}
.read{
}
.search{
}
.searchintro{
}
.sections{
}
.sectiontable_footer{
}
.sectiontableentry{
}
.sectiontablefooter{
}
.pagination li{
float:left;
width:auto;
height:12px;
display:block;
margin-right:10px;
color:#333;
}
.pagination li a:link, .pagination li a:active, .pagination li a:visited{
color:#CCC;
padding:0 5px;
}
.pagination li a:hover{
color:#000;
text-decoration:none;
background-color:#FFF;
}
.pagecounter{
}
.sectiontableheader{
}
.small{
}.smalldark{
}
a.sublevel:link, a.sublevel:active, a.sublevel:visited{
}
a.sublevel:hover{
}
.title{
}
.wrapper{
}
/*FORMS*/
div.m4j_form_wrap a{
color:#000;
}
.moduletable_madForm h3{
visibility:hidden;
}
table.m4j_form_table td{
padding:5px;
}
div.m4j_header_text{
color:#FFF;
font-size:14px;
}
div.m4j_submit_wrap{
text-align:right;
}
div.m4j_heading{
display:none;
}