/* -------------------------------------- Realisatie: Diepsloot.nl Maart 2009 -------------------------------------- */ /* --- Global --- */ body {background:url(http://russianmafia.nl/images/pattern-repeat-bg.png); font:11px Verdana, sans-serif; color:#444037;} #wrapper {background:url(http://russianmafia.nl/images/gradient-repeat-bg.png) repeat-x;} * {margin:0; padding:0;} img {border:0; vertical-align:bottom;} /* -- Links --- */ a {color:#444037; text-decoration:underline;} a:hover {color:#635c50; text-decoration:none;} /* --- Container --- */ #container {width:990px; height:auto; background:url(http://russianmafia.nl/images/container-repeat-bg.gif) repeat-y; margin:0 auto; display:block; overflow:hidden;} #container-outgame {width:990px; height:auto; margin:0 auto; display:block;} /* --- Header --- */ #header {width:990px; height:166px; background:url(http://russianmafia.nl/images/header-bg.png) no-repeat;} #header h1.logo a {width:368px; height:58px; background:url(http://russianmafia.nl/images/logo.png) no-repeat; display:block; position:relative; top:34px; text-indent:-99999px; float:left;} #header #userpanel {width:310px; height:auto; display:block; position:relative; top:5px; float:right;} #header #userpanel table.stats {width:310px; height:auto; display:block; margin-top:4px; color:#f1b900;} #header #userpanel table.stats strong {color:#fff;} #header #userpanel table.stats tr {height:25px;} #header #userpanel table a {color:#fff; font-weight:bold; text-decoration:none;} #header #userpanel #user {width:300px; height:60px; display:block; margin-right:10px; line-height:60px; font-size:14px; color:#fff; text-align:right; float:right;} /* --- Header outgame --- */ #header-outgame {width:990px; height:273px; background:url(http://russianmafia.nl/images/outgame/header-bg.png) no-repeat;} #header-outgame h1.logo a {width:368px; height:58px; background:url(http://russianmafia.nl/images/logo.png) no-repeat; display:block; position:relative; top:80px; right:120px; text-indent:-99999px; float:right;} #header-outgame span.screenshots a {width:122px; height:14px; background:url(http://russianmafia.nl/images/outgame/titel-screenshots-bg.png) no-repeat; display:block; margin:244px 0 0 10px; text-indent:-99999px; float:left;} #header-outgame #user-count {width:420px; height:24px; line-height:24px; display:block; margin:240px -390px 0 0; font-size:14px; font-style:italic; color:#fff; float:right;} #header-outgame #user-count span {background:url(http://russianmafia.nl/images/outgame/pijl-menu-bg.gif) no-repeat left; display:block; margin-left:10px; text-indent:10px; float:left; } /* --- Content --- */ #content {width:990px; height:auto; display:block;} #content-outgame {width:990px; height:267px; background:url(http://russianmafia.nl/images/outgame/content-bg.png) no-repeat; display:block;} /* --- Left column --- */ #left-column {width:200px; height:auto; display:block; margin-top:4px; float:left;} #left-column h3 {width:186px; height:36px; text-indent:-99999px; margin-left:7px;} #left-column h3.beheer {background:url(http://russianmafia.nl/images/h3-beheer.png) no-repeat;} #left-column h3.misdaad {background:url(http://russianmafia.nl/images/h3-misdaad.png) no-repeat;} #left-column ul {width:200px; height:auto; margin:5px 0;} #left-column li {list-style:none;} #left-column li a {width:200px; height:27px; background:url(http://russianmafia.nl/images/menu-left-bg.png) no-repeat; line-height:27px; text-indent:40px; display:block; color:#fff; text-decoration:none;} #left-column li a:hover {background:url(http://russianmafia.nl/images/menu-left-hover-bg.png) no-repeat; text-decoration:underline;} /* --- Middle column --- */ #middle-column {width:570px; height:auto; display:block; margin:4px 10px; float:left;} #middle-column .content-top {width:570px; height:35px; background:url(http://russianmafia.nl/images/content-title-bg.png) no-repeat;} #middle-column .content-top h2 {height:30px; padding-top:4px; text-indent:10px; font-size:16px;} #middle-column .content-item {width:570px; min-height:200px; height:auto; background:url(http://russianmafia.nl/images/content-repeat-bg.png) repeat-y;;} #middle-column .content-item p {width:550px; height:auto; display:block; padding:10px;} #middle-column .content-item-bottom {width:570px; height:42px; background:url(http://russianmafia.nl/images/content-bottom-bg.png) no-repeat bottom right; margin-bottom:20px;} /* --- Right column --- */ #right-column {width:200px; height:auto; display:block; margin-top:4px; float:right;} #right-column h3 {width:186px; height:36px; text-indent:-99999px; margin-left:7px;} #right-column h3.beheer {background:url(http://russianmafia.nl/images/h3-beheer.png) no-repeat;} #right-column h3.misdaad {background:url(http://russianmafia.nl/images/h3-misdaad.png) no-repeat;} #right-column ul {width:200px; height:auto; margin:5px 0;} #right-column li {list-style:none;} #right-column li a {width:200px; height:27px; background:url(http://russianmafia.nl/images/menu-right-bg.png) no-repeat; line-height:27px; text-indent:40px; display:block; color:#fff; text-decoration:none;} #right-column li a:hover {background:url(http://russianmafia.nl/images/menu-right-hover-bg.png) no-repeat; text-decoration:underline;} /* --- Intro --- */ #intro {width:420px; height:230px; display:block; margin:30px; float:left;} #intro h2 {width:293px; height:17px; background:url(http://russianmafia.nl/images/outgame/titel-intro-bg.png) no-repeat; text-indent:-99999px;} #intro p {padding:10px 30px 0 0; line-height:16px; color:#fff;} #intro p a {color:#f1b900; text-decoration:none;} /* --- Intro --- */ #inloggen {width:450px; height:230px; display:block; margin:30px; float:right;} #inloggen h2 {width:273px; height:17px; background:url(http://russianmafia.nl/images/outgame/titel-login-bg.png) no-repeat; text-indent:-99999px;} #inloggen fieldset {border:0;} #inloggen fieldset ul {margin:10px 0 0 0; padding:0;} #inloggen fieldset li {width:320px; height:30px; margin-bottom:10px; line-height:30px; list-style:none;} #inloggen fieldset li label {width:140px; display:block; color:#f1b900; float:left;} #inloggen fieldset li input {width:170px; height:20px; padding:5px; background:url(http://russianmafia.nl/images/outgame/input-inloggen.png) no-repeat; border:0; color:#f6e4c8;} #inloggen fieldset li input.button {width:170px; height:30px; background:url(http://russianmafia.nl/images/outgame/button-inloggen.png) no-repeat; border:0; margin-right:5px; float:right;} #inloggen fieldset li.links {width:160px; height:40px; line-height:20px; margin-top:26px;} #inloggen fieldset li.links a {color:#f6e4c8; text-decoration:none;} #inloggen fieldset li.links a:hover {text-decoration:underline;} /* --- Prijzen --- */ #prijzen {width:340px; height:313px; background:url(http://russianmafia.nl/images/outgame/prijzen-bg.png) no-repeat; margin-top:-23px; float:left;} #prijzen h2 {display:block; text-indent:-99999px;} /* --- Aanmelden --- */ #aanmelden {width:650px; height:173px; background:url(http://russianmafia.nl/images/outgame/registeren-bg.png) no-repeat; margin-top:-23px; float:left;} #aanmelden h2 {height:38px; display:block; text-indent:-99999px;} #aanmelden fieldset {width:650px; display:block; border:0;} #aanmelden fieldset ul {margin:5px; display:block;} #aanmelden fieldset li {width:320px; height:30px; line-height:30px; list-style:none; margin-bottom:10px; float:left;} #aanmelden fieldset li.left {text-indent:20px;} #aanmelden fieldset li label {width:170px; height:30px; display:block; color:#40250f; float:left;} #aanmelden fieldset li input {width:123px; height:20px; background:url(http://russianmafia.nl/images/outgame/input-registeren.png) no-repeat; padding:5px;border:0; display:block; color:#f1b900; float:left;} #aanmelden fieldset li.bottom {width:430px; height:30px; display:block; float:right;} #aanmelden fieldset li.bottom input.check {width:40px; height:5px; margin-top:9px; background:none; display:block; float:left;} #aanmelden fieldset li.bottom label {width:240px; height:30px; color:#40250f; float:left;} #aanmelden fieldset li.bottom input.button {width:133px; height:30px; background:url(http://russianmafia.nl/images/outgame/button-registreren.png) no-repeat;} input.volgende {width:170px; height:30px; background:url(http://russianmafia.nl/images/outgame/button-wachtwoord.png) no-repeat; border: 0px;} /* --- Footer --- */ #footer {width:990px; height:201px; background:url(http://russianmafia.nl/images/container-footer-bg.png) no-repeat; margin:0 auto 40px auto;} #footer p.statistieken {width:340px; height:50px; display:block; margin:54px 0 0 7px; line-height:18px; color:#231e13; float:left;} #footer p.copyrights {width:350px; height:50px; line-height:18px; display:block; margin:30px 7px 0 0; float:right;} #footer p.copyrights a.avecs {color:#f6e4c8; text-decoration:none;} #footer-outgame {width:650px; height:187px; background:url(http://russianmafia.nl/images/outgame/footer-vlag-bg.png) no-repeat top left; margin-bottom:20px; float:left;} #footer-outgame p.copyrights {width:350px; height:50px; line-height:18px; display:block; margin:6px 7px 0 0; float:right;} #footer-outgame p.copyrights a.avecs {color:#f6e4c8; text-decoration:none;}