/* CSS Document */ /*----------------------------------------------------------------------------------------------- STANDARD -----------------------------------------------------------------------------------------------*/ * {margin:0; padding:0;} body{border:none;background-color:#24437a;color:#000;margin:0;padding:0; background-image: url(img/bgtop.jpg); background-repeat: repeat-x; font-size: 75%;} body, input, textarea, select {font-family: Verdana, Ariel, Tahoma, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;} a,td,th,p,h1,h2,h3,li,dt,dd {font-size:1em; color:#000;} p,blockquote,dd {line-height:1.5em;} img {border:0;} fieldset {border:solid 1px #cc3366; margin-top:1em; padding:.5em;} legend {padding:.5em; background-color:#cc3366; color:#fff} fieldset fieldset {margin:0; border:solid 1px #ccc;} fieldset fieldset legend {background-color:#fff; color:#000;} .end {clear:both;} .clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both; } .hidden {position:absolute; margin-left:-9999px;} i {display: none;} a {color: #990000; text-decoration: underline; background-color: transparent;} a:hover {background-color: transparent; text-decoration: underline; color: #000;} /*----------------------------------------------------------------------------------------------- NAVIGATION -----------------------------------------------------------------------------------------------*/ .head{background-image: url(img/headerbg.jpg); width: 765px; height: 212px; margin: 0; padding: 0;} #nav {width: 778px; height: 48px; list-style-image: none; list-style-type: none; margin: 0; padding:0px;} #nav li {float:left; margin-bottom:0px; margin-top:0px;} #m1 a, #m1 em { display:block; width: 61px; height:48px; background:url(img/nav-home.jpg);} #m1 .active { display:block; width: 61px; height:48px; background:url(img/nav-home-active.jpg);} #m2 a, #m2 em { display:block; width: 67px; height:48px; background:url(img/nav-preview.jpg);} #m2 .active { display:block; width: 67px; height:48px; background:url(img/nav-preview-active.jpg);} #m3 a, #m3 em { display:block; width: 60px; height:48px; background:url(img/nav-join.jpg);} #m3 .active { display:block; width: 60px; height:48px; background:url(img/nav-join-active.jpg);} #m4 a, #m4 em { display:block; width: 74px; height:48px; background:url(img/nav-members.jpg);} #m4 .active { display:block; width: 74px; height:48px; background:url(img/nav-members-active.jpg);} #m5 a, #m5 em { display:block; width: 118px; height:48px; background:url(img/nav-superheroines.jpg);} #m5 .active { display:block; width: 118px; height:48px; background:url(img/nav-superheroines-active.jpg);} #m6 a, #m6 em { display:block; width: 51px; height:48px; background:url(img/nav-blog.jpg);} #m6 .active { display:block; width: 51px; height:48px; background:url(img/nav-blog-active.jpg);} #m7 a, #m7 em { display:block; width: 62px; height:48px; background:url(img/nav-forum.jpg);} #m7 .active { display:block; width: 62px; height:48px; background:url(img/nav-forum-active.jpg);} #m8 a, #m8 em { display:block; width: 54px; height:48px; background:url(img/nav-links.jpg);} #m8 .active { display:block; width: 54px; height:48px; background:url(img/nav-links-active.jpg);} #m9 a, #m9 em { display:block; width: 71px; height:48px; background:url(img/nav-contact.jpg);} #m9 .active { display:block; width: 71px; height:48px; background:url(img/nav-contact-active.jpg);} #m10 a, #m10 em { display:block; width: 147px; height:48px; background:url(img/nav-end.jpg);} #m10 .active { display:block; width: 147px; height:48px; background:url(img/nav-end-active.jpg);} #m1 em, #m2 em, #m3 em, #m4 em, #m5 em, #m6 em, #m7 em, #m8 em, #m9 em, #m10 em {border-bottom:solid 6px #D38540;} #m1 span, #m2 span, #m3 span, #m4 span, #m5 span, #m6 span, #m7 span, #m8 span, #m9 span, #m10 span {position:absolute; margin-left:-9999px;} /*----------------------------------------------------------------------------------------------- STRUCTURE -----------------------------------------------------------------------------------------------*/ #wrap {margin: 0 auto;width: 760px;} #content {margin: 20px 0;} #l {width: 150px; float: left;} #r {width: 580px; background-color: #fff; float: right;} /*----------------------------------------------------------------------------------------------- NAVIGATION -----------------------------------------------------------------------------------------------*/ ul#category {margin-left: 0; padding-left: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif;width: 130px; float: left; font-size: 0.9em;} ul#category a {display: block; padding: 5px; width: 130px; background-color: #10284A; border-bottom: 1px solid #eee;} ul#category a:link, #navlist a:visited {color: #eee; text-decoration: none;} ul#category a:hover {background-color: #FFCC00; color: #000;} ul#category a.selected {background-color: #FFCC00; color: #000;} /*----------------------------------------------------------------------------------------------- LINKS -----------------------------------------------------------------------------------------------*/ #notice {width: 560px; background-color: #990000; color: #fff; padding: 10px; margin: 0 0 20px 0; border-bottom: 10px solid #24437a; color: #fff;} #notice h2 {color: #fff} #notice h2 a {font-size: 1.1em; color: #fff; background-color: transparent;} #notice h2 a:hover {color: #FFCC00;} #notice p {color: #fff;} #notice p a {color: #fff; text-decoration: none; background-color: transparent;} #notice p a:hover {color: #FFCC00;} /*----------------------------------------------------------------------------------------------- FEATURED -----------------------------------------------------------------------------------------------*/ #featured {margin: 0 0 20px 0; width: 540px;} #featured .l {float: left; width: 260px;} #featured .r {float: left; width: 250px; margin: 0 10px 0 10px;} #featured h3 {font-size: 1.3em;} /*----------------------------------------------------------------------------------------------- LINKS LIST -----------------------------------------------------------------------------------------------*/ #list {width: 540px; padding: 0 20px;} #list h2 {margin: 0 0 15px 0; font-size: 0.9em; background-color: #FFCC00; padding: 4px; color: #000;} #list h3 {margin: 0 0 5px 0; font-size: 1.3em;} #list p {margin: 0px 0;} #list p.cat {display: block; margin-bottom: 15px; color: #999; font-size: 0.8em;} #list p.cat a {color: #999; text-decoration: none; text-decoration: underline;} #list p.cat a:hover {color: #666;} #list img {margin: 4px 0;} /*----------------------------------------------------------------------------------------------- FOOTER -----------------------------------------------------------------------------------------------*/ #footer {margin: 20px 0; padding: 20px 0; font-size: 0.9em; color: #fff;} #footer a {color: #fff;} #footer a:hover {color: #FFCC00;} /*----------------------------------------------------------------------------------------------- SUBMIT -----------------------------------------------------------------------------------------------*/ #add p {color: #666; font-size: 1em; margin: .6em 0 .6em 0;} #add input, #add select {width:15em; margin:3px} #add fieldset {border:0; padding:.5em; background-image: url(admin/images/blockbg.gif); background-repeat: repeat; margin: 0 0 10px 0;} #add label {display:block; float:left; width: 8em; font-weight:bold; text-align:right; padding-top:.7em; font-size: .9em; margin: 0 4em 0 0;} #add label span, #add p span {color:#f00; font-size:.8em; font-weight:normal;} #add .required {font-size: .8em; color: #990000; padding: 0 0 2em 1em; display: inline;} #add div.action, div.action {border-top: 2px solid #000; margin-bottom: 10px; text-align: left; padding-top: 8px; font-size: 12px;} #add div.action input {width: auto;}