/* CSS Document */ *{ margin:0; padding:0; } body{ background:url(../images/bodybd.gif) repeat-x top #e3d6a7; text-align: center; font-size:62.5%; width:100%; } /*Maincontainer*/ #maincontainer{ position:relative; margin: 0 auto; padding:0 0 0 0; width:720px; height:100%; text-align:left; margin-top:60px; } /*Top Container*/ #centerbox{ position:relative; background:url(../images/headerbg.jpg) no-repeat bottom left #ede4b0; width:720px; height:300px; /*height:438px;*/ display:block; border-left:thick solid #000000; border-right:thick solid #000000; border-top:thick solid #000000; } #centerbox li a img{ border:none; margin-right:3px;} #centerbox ul{ list-style:none;} #centerbox li{float:right; clear:both; margin-right:5px; margin-top:2px} #centerbox a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#000000} #centerbox a:hover{ color:#A19A77} /*Bottom Container*/ #bottombox{position:relative;background:#ede4b0;width:720px;min-height:350px;border-left:thick solid #000000;border-right:thick solid #000000;border-bottom:thick solid #000000;} #bottombox .textcontent{padding:20px 0px 30px 20px; width:690px;} #bottombox .textcontent h2{font-size:2.3em; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif, Times, serif; color:#A19A77} #bottombox .textcontent p{font-size:1.4em; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif, Times, serif; color:#615738} #bottombox .textcontent ul{list-style:none;margin-bottom:20px; color:#615738} #bottombox .textcontent ul li{font-size:1.4em; font-family:Verdana, Arial, Helvetica, sans-serif, Times, serif;, Times, serif;} #bottombox .textcontent ul li a{color:#CC6600} /*Artist Page*/ #bottombox #clearartist{ clear:both;} #bottombox #retourner {float:right; margin-right:10px; padding-top:10px;} #bottombox #retourner img{ border:none;} #bottombox #artistpage{padding:0px 18px 0 40px; margin-top:20px; margin-bottom:25px; float:left;} #bottombox #artistpage h2{ text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.8em; color:#584c36; display:inline; } #bottombox #artistpage b{font-size:1.6em; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; color:#584c36;} #bottombox #artistpage p{font-size:1.4em; margin-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif, Times, serif; color:#615738; margin-top:10px; } #bottombox #artistpage #TNholder{ margin-bottom:10px;} #bottombox #artistpage #TNholder ul{float:left; list-style:none;} #bottombox #artistpage #TNholder li{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color:#584c36; font-weight:bold; margin-bottom:5px;} #bottombox #artistpage #TNholder .imagelink { margin-top:10px; } #bottombox #artistpage #TNholder li a {text-decoration:none; color:#5E522A; font-weight:lighter;} #bottombox #artistpage #TNholder li a:hover{color:#CC0000;} #bottombox #artistpage #TNholder img {margin-left:60px; border:#000000 thin solid;} #bottombox #artistpage #TNholder br {clear:both;} /*Gallery Page*/ #bottombox #gallery {width:700px; background-image:url(../images/gallerybackground.jpg);background-repeat:repeat-y; margin-left:50px; padding-left:10px; padding-top:10px; position:relative;} #bottombox #gallery #galleryitem { height:100%; width:640px; margin-bottom:10px} #bottombox #gallery #galleryitem .imagehoder{ width:300px;clear:both; float:left;} #bottombox #gallery #galleryitem img{border:#000000 thin solid; margin-bottom:10px; } #bottombox #gallery #galleryitem ul{float:left; padding-left:30px; list-style:none; margin-top:10px; position:;} #bottombox #gallery #galleryitem h1{ text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#5E522A;} #bottombox #gallery #galleryitem b{ text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#584c36;} #bottombox #gallery #galleryitem li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color:#584c36; font-weight:bold; margin-bottom:5px;} #bottombox #gallery #galleryitem .title {color:#5E522A; font-weight:lighter;} #bottombox #gallery #galleryitem .imagelink { margin-top:20px; margin-bottom:20px} #bottombox #gallery #galleryitem li a {text-decoration:none; color:#5E522A; font-weight:lighter;} #bottombox #gallery #galleryitem li a:hover{color:#CC0000;} #bottombox #gallery br{clear:both;} /*LOGIN*/ #bottombox #logincontainer{padding:60px 28%; width:100%;} #bottombox #logincontainer #loginform {width:300px;background-color:#FFFADE;background:url(../images/leftbottomside.jpg) no-repeat bottom left #FFFADE;} #bottombox #logincontainer #loginform h1{ background:url(../images/lefttopside.jpg) no-repeat;text-align:center; padding:0; margin:0; font-size:1.8em; margin-bottom:10px;} #bottombox #logincontainer #loginform b{display:block;background:url(../images/righttopside.jpg) no-repeat top right; padding-top:10px; } #bottombox #logincontainer #loginform ul {background:url(../images/rightbottomside.jpg) no-repeat bottom right; list-style:none; height:100%; width:100%; text-align:center;} #bottombox #logincontainer #loginform li {float:left; clear:left; width:100%; padding-bottom:1em; padding-left:10px; font-size:1.4em;} #bottombox #logincontainer #loginform label{float:left; width:10em; margin-right:2em;} #bottombox #logincontainer #loginform input{margin-left:10px;} #bottombox #logincontainer #loginform br{clear:both;} /*ADMIN NAV PAGES*/ #bottombox #AdminNav{padding-top:10px; padding-left:10px;} #bottombox #AdminNav h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.8em; color:#584c36; margin-bottom:10px; font-weight:normal; } #bottombox #AdminNav #messagebox{ margin-left:220px; width:250px; background:url(../images/leftbottomside.jpg) no-repeat bottom left #FFFADE;} #bottombox #AdminNav #messagebox h2 {background:url(../images/lefttopside.jpg) no-repeat;text-align:center; padding:0; margin:0; font-size:1.4em; color:#584c36;} #bottombox #AdminNav #messagebox b {display:block;background:url(../images/righttopside.jpg) no-repeat top right; padding-top:10px; } #bottombox #AdminNav #messagebox p{background:url(../images/rightbottomside.jpg) no-repeat bottom right; list-style:none; text-align:center;} /*Admin_Aristmenu Edit or Deleat*/ #bottombox #admin_artistmenu {width:100%; padding-left:200px; margin-top:30px; margin-bottom:30px;} #bottombox #admin_artistmenu table{width:400px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;} #bottombox #admin_artistmenu th{text-align:left;} #bottombox #admin_artistmenu td{color:#584c36;} #bottombox #admin_artistmenu a{text-decoration:none} #bottombox #admin_artistmenu a img{border:none;} #bottombox #admin_artistmenu h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.8em; color:#584c36; margin-bottom:20px; font-weight:normal; margin-left:70px;} /*EDIT ARTIST*/ #bottombox #editartist{padding:0 0 0 11px;} #bottombox #editartist h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.8em; color:#584c36; margin-bottom:10px; font-weight:normal;} #bottombox #editartist #artistinfo{padding:1em 1em 0 1em; height:100%; margin-bottom:240px;} #bottombox #editartist #artistinfo ul{list-style:none;} #bottombox #editartist #artistinfo li {float:left; clear:left; width:100%; padding-bottom:1em; font-size:1.2em; color:#615738; font-family:Verdana, Arial, Helvetica, sans-serif;} #bottombox #editartist #artistinfo label {float:left; width:10em; margin-right:1em;text-align:right; } #bottombox #editartist #addnewfield {padding:1em 1em 0 1em; float:right;} #bottombox #editartist #addnewfield a{ text-decoration:none;margin-bottom:10px; } #bottombox #editartist #addnewfield a img{ border:0; margin-right:30px;} #bottombox #editartist #editcontianer #picturecontainer{float:right; margin-right:5px;} #bottombox #editartist #editcontianer #picturecontainer img{border:#000000 thin solid; margin-right:20px;} #bottombox #editartist #editcontianer .delinfoli {margin-top:10px} #bottombox #editartist #editcontianer .delinfoli a .delimg{border:none; width:20px; height:20px; background:url(../images/smalldelate.jpg) no-repeat;} #bottombox #editartist #editcontianer .delinfoli a{ color:#CC0000; text-decoration:none; font-size:1.4em } #bottombox #editartist #clear{clear:both; margin-bottom:10px; } #bottombox #editartist #editcontianer{padding:1em 1em 0 1em; } #bottombox #editartist #editcontianer ul{list-style:none; float:left; margin-bottom:30px;} #bottombox #editartist #editcontianer li{float:left; clear:left; width:100%; padding-bottom:1em; font-size:11px; color:#615738;font-family:Verdana, Arial, Helvetica, sans-serif;} #bottombox #editartist #editcontianer label{float:left; width:10em; margin-right:1em;text-align:right; } #bottombox #editartist #newfiels {padding:1em 1em 0 2em; margin-bottom:290px; } #bottombox #editartist #newfiels ul{list-style:none; margin-bottom:0px; } #bottombox #editartist #newfiels li{float:left; clear:left; width:100%; padding-bottom:1em; font-size:1.1em; color:#615738;font-family:Verdana, Arial, Helvetica, sans-serif;} #bottombox #editartist #newfiels label{float:left; width:10em; margin-right:1em;text-align:right;} #bottombox #editartist #messagebox{ margin-left:220px; width:250px; background:url(../images/leftbottomside.jpg) no-repeat bottom left #FFFADE;} #bottombox #editartist #messagebox h2 {background:url(../images/lefttopside.jpg) no-repeat;text-align:center; padding:0; margin:0; font-size:1.4em; color:#584c36;} #bottombox #editartist #messagebox b {display:block;background:url(../images/righttopside.jpg) no-repeat top right; padding-top:10px; } #bottombox #editartist #messagebox p{background:url(../images/rightbottomside.jpg) no-repeat bottom right; list-style:none; text-align:center;} /*D-PAGES*/ /*CREATE ARTIST PAGE*/ #bottombox .arttcontent {padding:20px 18px 20px 30px;} #bottombox .arttcontent h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.6em; color:#584c36; margin-bottom:10px; margin-top:10px} #bottombox .arttcontent ul{list-style:none;margin-bottom:20px; color:#615738; width:100%; } #bottombox .arttcontent li {font-family:Verdana, Arial, Helvetica, sans-serif;float:left; clear:left; width:100%; padding-bottom:1em; padding-left:10px; font-size:1.2em;} #bottombox .arttcontent label{float:left; width:10em; margin-right:2em; text-align:right;} #bottombox .arttcontent li b{ font-weight:lighter; font-size:0.8em; color:#000000; } #bottombox .arttcontent .downloadsection{font-weight:bold; margin-top:20px;} #bottombox .arttcontent br {clear:both} #bottombox .arttcontent a{color:#CC6600} #bottombox .arttcontent h2{font-size:2.3em; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif, Times, serif; color:#A19A77} #bottombox .arttcontent .TNholder { height:200px; margin-top:30px; margin-bottom:50px } #bottombox .arttcontent .TNholder ul{ float:left; width:150px; } #bottombox .arttcontent .TNholder img{ border: thin solid #000000; float:left; margin-left:60px} /*ADMIN LINK*/ #bottombox #links{padding:20px 18px 20px 30px;} #bottombox #links h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.6em; color:#584c36; margin-bottom:10px;} #bottombox #links ul{list-style:none; margin-bottom:0px; } #bottombox #links li{float:left; clear:left; width:100%; padding-bottom:1em; font-size:11px; color:#615738;font-family:Verdana, Arial, Helvetica, sans-serif;} #bottombox #links label{float:left; width:10em; margin-right:1em;text-align:right;} #bottombox #links br{ clear:both;} #bottombox #links .delinfoli {margin-top:10px} #bottombox #links .delinfoli a .delimg{border:none; width:20px; height:20px; background:url(../images/smalldelate.jpg) no-repeat;} #bottombox #links .delinfoli a{ color:#CC0000; text-decoration:none; font-size:1.4em } /*ADminheader*/ #bottombox #adminheader { width:100%; padding-top:15px; margin-bottom:10px;} #bottombox #adminheader ul {list-style:none; width:100%; margin-left:150px;} #bottombox #adminheader li{float:left;} #bottombox #adminheader #editdelt{margin-left:18px} #bottombox #adminheader img {border:none} #bottombox #adminheader br {clear:both; } /*user artist page menu*/ #bottombox .textcontent .Artistmenu{width:720px; text-align:center; margin-left:60px } #bottombox textcontent .Artistmenu ul{list-style:none;margin:0px 10px 0px 100px;padding:0;list-style-type:none;float:left;} #bottombox .Artistmenu ul li {float:left; margin:10px 10px 10px 10px;} #bottombox .Artistmenu ul li a{float:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.2em; text-transform:uppercase; color:#CC6600; text-decoration:none; width:10em; font-weight:bold; } /*user SUBartist page menu*/ #bottombox #Artistsubmenu{margin-bottom:15px; padding:0 0 0 0; margin-left:70px;} #bottombox #Artistsubmenu ul{ list-style:none; margin:0px 0px 0px 0px; text-align:center; } #bottombox #Artistsubmenu li { display:inline; margin:0; padding:0; line-height:15px; } #bottombox #Artistsubmenu a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em;color:#CC6600;text-transform:none;text-decoration:none; font-weight:bold;float:left; margin-right:20px; width:100px; display:block; } #bottombox #Artistsubmenu br {clear:both} /*Footer Stuff*/ #footer{ margin:10px 0 20px 0; padding:0; max-width:650px; max-height:2em; } #footer ul{ list-style:none; margin:0; padding:0; list-style-type:none; width:615px; float:left; } #footer li { float:left; margin:0 15px 0 0; } #footer li a{ float:left; font-family:"Times New Roman", Times, serif; font-size:1.2em; text-transform:uppercase; text-decoration:none; color:#000000; } #footer a img{ border:none; position:absolute; left:615px; } #footer br{ clear:both;} #footer a #key { display:block; border:none; margin-left:70px; float:right; } /*Navagtion Controls */ #layer1{ background:url(../images/eoin__nav3.jpg) no-repeat; overflow:visible; position:absolute; z-index:100; left:180px; top:-35px; width:77px; height:35px; } #layer1 ul{position:absolute; left:-10000px; background-color:#EBDD93; border-right:#000000 thin solid; border-left:#000000 thin solid;border-bottom:#000000 thin solid; } #layer1:hover{background:url(../images/eoin__nav2.jpg) no-repeat;} #layer1:hover ul{ display:block; left:0; top:32px; list-style:none; padding-left:10px; padding-top:5px; padding-right:10px; padding-bottom:10px;} #layer1 li{ margin-bottom:5px;} #layer1 a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.4em; text-transform:uppercase; color:#584c36; text-decoration:none; font-weight:bold; margin-top:10px; } #layer1 a:hover{ color:#990000} #nav { width:720px; height:35px; position:absolute; bottom:0; left:0; background:url(../images/eoin__nav.jpg); margin:0; padding:0; } #nav { list-style:none; } #nav li { float: left; } #nav li a { position: absolute; top:0; margin:0; padding:0; display:block; height:35px; text-indent:-9999px; font-size:1%; background:url(../images/eoin__nav.jpg); } li#nav_acceil a { left:97px; width:74px; background-position:-97px 0; } li#nav_artistes a { left: 180px; width: 77px; background-position: -180px 0; } li#nav_galerie a { left: 266px; width: 71px; background-position: -266px 0; } li#nav_affilies a { left: 345px; width: 117px; background-position: -345px 0; } li#nav_contactez-nous a { left: 475px; width: 144px; background-position: -475px 0; } li#nav_acceil a:hover { background-position: -97px -35px; } li#nav_artistes a:hover { background-position: -180px -35px; } li#nav_galerie a:hover { background-position: -266px -35px; } li#nav_affilies a:hover { background-position: -345px -35px; } li#nav_contactez-nous a:hover { background-position: -475px -35px; } /*Nave Active Page*/ #body_accueil li#nav_acceil a{ background-position: -97px -35px; } #body_artistes li#nav_artistes a{ background-position: -180px -35px; } #body_galerie li#nav_galerie a{ background-position: -266px -35px; } #body_sites li#nav_affilies a{ background-position: -345px -35px; } #body_contactez li#nav_contactez-nous a{ background-position: -475px -35px; }