html {
margin:0;
padding:0;
width:100%;
min-width:1000px;
font: 10pt Arial, Helvetica, sans-serif;
background:#fff;
}
* {
margin:0;
padding:0;
border:0;
}
a {
color:#ee282f;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
strong {
font-weight:bolder !important;
}
hr {
width:80%;
background:#ccc;
margin:5px 10%;
height:1px;
}
div#wrapper {
min-width:1000px;
width:expression(document.viewport.getWidth() < 1000 ? "1000px": "auto" );
background: url(images/street.jpg) top center no-repeat;
}
body.page div#wrapper {
background: url(images/sky.jpg) top center no-repeat;
}
div#head {
height:526px;
width:100%;
}
body.page div#head {
height:130px !important;
}
div#logo {
width:20%;
height:240px;
text-align:center;
float:left;
padding: 17px 0 0 0;
background: url(images/joker.png) no-repeat center 18px;
}
body.page div#logo {
margin-bottom:-200px;
position:absolute;
left:0px;
}
div#logo a#logocard {
width:175px;
height:240px;
margin-top:0px;
}
div#logo #logocard {
margin-top:10px;
}
div#logo img#logocard {
margin-top:0px !important;
}
div#topmenu {
margin: 0px 0 0 20%;
padding-top:32px;
line-height:35px;
}
body.page div#topmenu {
width:80%;
}
div#topmenu ul {
list-style:none;
}
div#topmenu ul li {
float:left;
margin:0 13px;
}
div#topmenu a {
color:#000;
font-size:11pt;
font-weight:bold;
font-style:italic;
}
div#girls {
font-size:9pt;
font-weight:bold;
width:1000px;
clear:both;
margin:0 auto;
}
h1#question {
font-size:24pt;
font-weight:lighter;
width:400px;
top: -115px;
left: 360px;
position:relative;
}
span#description {
font-size:12pt;
top: -110px;
left: 360px;
position:relative;
width:400px;
font-style:italic;
display:block;
}
div#baloon {
color:#000;
background: url(images/tooltip-left.png) top left no-repeat;
text-align:center;
font-size:7pt;
font-weight:bolder;
height:140px;
width:145px;
z-index:1;
position:absolute;
margin-top:-35px;
padding:20px 18px 0 20px;
left:-1000px;
}
div#girls a{
position:absolute;
display:inline;
z-index:2;
}
#alisa a.quiet {
color:#f00;
margin: -35px 0 0 190px;
}
#alisa a.body {
margin: -30px 0 0 160px;
width:40px;
height:105px;
}
#sasha a.quiet {
color:#25d503;
margin: -35px 0 0 285px;
}
#sasha a.body {
margin: -20px 0 0 270px;
width:30px;
height:95px;
}
#masha a.quiet {
color:#00f;
margin: -15px 0 0 340px;
}
#masha a.body {
margin: 10px 0 0 325px;
width:30px;
height:70px;
}
#nastya a.quiet {
color:#de00ff;
margin: -20px 0 0 65px;
}
#nastya a.body {
margin: -45px 0 0 10px;
width:60px;
height:135px;
}
#olya a.quiet {
color:#00e4ff;
margin: -35px 0 0 780px;
}
#olya a.body {
margin: -20px 0 0 790px;
width:40px;
height:75px;
}
#lena a.quiet {
color:#f00;
margin: -10px 0 0 700px;
}
#lena a.body {
margin: 0px 0 0 725px;
width:20px;
height:65px;
}
#anjela a.quiet {
color:#00f;
margin: -35px 0 0 840px;
}
#anjela a.body {
margin: -20px 0 0 855px;
width:30px;
height:90px;
}
#yana a.quiet {
color:#00e4ff;
margin: -30px 0 0 920px;
padding-left:25px;
}
#yana a.body {
margin: -15px 0 0 935px;
width:30px;
height:95px;
}
#natasha a.quiet {
color:#de00ff;
margin: -175px 0 0 820px;
}
#natasha a.body {
margin: -165px 0 0 840px;
width:20px;
height:40px;
}
div#content {
margin-top:0px;
}
body.page #content { margin-top:0px; clear:both; }
div#sidebar-left {
width:20%;
float:left;
clear:left;
padding:0 10px 0 0;
}
body.page div#sidebar-left {
margin-top:150px;
}
div#sidebar-left ul {
border-left:20px solid #425b8a;
}
div#sidebar-left ul li {
padding: 15px 15px 15px 40px;
margin: 0;
list-style:none;
font-size:11pt;
font-weight:bold;
}
div#sidebar-left ul li.active {
background: url(images/leftmenu-active.jpg) left top no-repeat;
height:36px;
}
div#sidebar-left div#user {
padding:10px;
margin:0 0 50px 0;
display:block;
}
div#sidebar-right {
width:27%;
padding:10px;
float:right;
color:#425b8a;
}
body.page div#sidebar-right {
}
div#sidebar-right a {
color:#425b8a;
}
div#sidebar-right h2 {
text-align:center;
color:#425b8a;
font-size:10pt;
margin-bottom:10px;
}
div#sidebar-right ul {
list-style:none;
}
div#sidebar-right .openning-quote {
float:left;
font-size:38pt;
font-weight:bolder;
margin:-20px 0 0 -10px;
}
div#sidebar-right .closing-quote {
float:right;
font-size:38pt;
font-weight:bolder;
margin-top:-45px;
}
div#sidebar-right p {
margin: 10px 25px 10px 25px;
padding-top:10px;
}
div#sidebar-right .block {
margin-bottom:20px;
}
div#sidebar-right .rounded-block {
border:1px solid #425b8a;
padding:20px;
margin:5px;
}
div#body {
margin: 0 30% 100px 22%;
}
div#body img { margin:5px; }
div#body h1 {
color:#ee282f;
text-align:center;
font-size:16pt;
font-weight:lighter;
}
div#body h2 {
color:#ee282f;
font-size:12pt;
}
div#body h3 {
color:#ee282f;
font-size:11pt;
}
div#body p {
text-indent:30px;
margin: 10px 0 20px 0;
}
div#body ul {
margin: 5px 0 20px 40px;
list-style: circle;
}
div#body ol {
margin: 5px 0 20px 40px;
list-style: decimal;
}
div#body ul li, div#body ol li {
margin:5px 0;
}
div#bottommenu {
clear:both;
text-align:center;
}
div#bottommenu ul {
list-style:none;
}
div#bottommenu ul li {
display:inline;
margin: 0 15px;
}
div#bottommenu a {
color:#000;
font-size:10pt;
font-weight:bolder;
}
h2#articles-title {
margin:50px 50px 20px 70px;
font-size:1.2em;
text-align:left;
width:900px;
}
div#articles {
border:1px solid #ee282f;
width:900px;
padding:0px;
font-size:.8em;
text-align:left;
}
div#left-articles {
float:left;
width:45%;
margin:10px 10px 10px 20px;
}
div#right-articles {
float:left;
width:42%;
margin:10px 20px 10px 10px;
}
div.article {
margin: 15px 0 25px 0;
}
div.article h3 {
margin-bottom:5px;
font-size:1.2em;
}
div.article h3 a {
color:#6c7da3;
}
div#footer {
clear:both;
padding:20px 30px 30px;
text-align:center;
}
/************************************************************/
form.wide {
margin-left:5%;
text-align:left;
float:none;
display:block;
}
form.wide input,
form.wide textarea,
form.wide select {
margin:5px; padding:5px;
border:1px solid #ccc;
clear: both;
width:90%;
}
form.wide input[type=submit],
form.wide input[type=button] {
width:40%;
}
form.wide label {
padding: 5px; margin: 5px;
width:90%;
background: #ee282f;
color:#fff;
display: block;
}
form.narrow div.group {
width:44%;
float:left;
margin: 5px 2.5%;
}
form.narrow input, form.narrow textarea, form.narrow select {
margin:5px; padding:5px;
border:1px solid #ccc;
font: .9em "Times New Roman", Times, serif;
clear: both;
width:100%;
}
form.narrow input[type=submit], form.narrow input[type=button] {
margin: 5px 10px; padding:5px;
width:50%;
}
form.narrow label {
width:100%;
text-align:left;
padding: 5px;
margin: 6px 6px 0 6px;
background: #f4f0e2;
display: block;
}
form.nice {
}
form.nice input,
form.nice textarea {
margin:5px; padding:5px 10px;
width:200px;
background:url(images/nice-input.png) 0 -3px no-repeat;
margin-left:20px;
height:20px;
}
form.nice select {
margin:5px; padding:5px 10px;
clear: right;
width:215px;
margin-left:20px;
}
form.nice input.button {
background:url(images/nice-button.png) no-repeat !important;
width:135px;
height:45px;
padding:0;
margin-left:5px;
}
form.nice label {
padding: 5px; margin: 5px;
width:150px;
color: #425b8a;
background:none;
display:block;
float:left;
}
.adminlinks {
float: right;
margin: 0;
font-size:0.8em;
height:20px !important;
}
.adminlinks a, .adminlinks a:hover {
height:20px !important;
font-size:9pt !important;
display:inline !important;
float:left !important;
}
#adminbar {
height:30px;
margin:0;
padding:3px;
border:1px solid #bdb8a9;
}
a.ico {
padding: 7px 15px 0 40px;
margin: -3px 5px;
height:30px;
display:block;
float:left;
font-size:11pt;
background-position: top left;
background-repeat: no-repeat;
border-right:1px solid #ccc;
}
a.ico:hover {
text-decoration:none;
}
a.little {
padding: 0px 3px 0 20px;
margin: 0 5px;
height:16px;
font-size:12pt;
border-right:none;
}
a.medium {
padding: 4px 3px 0 35px;
height:32px;
border-right:none;
}
a.printer { background-image:url('images/icons/32/printer.png'); }
a.order { background-image:url('images/icons/32/order.png'); }
a.back { background-image:url('images/icons/32/previous.png'); }
a.next { background-image:url('images/icons/32/next.png'); }
a.logout { background-image:url('images/icons/32/log-out.png'); }
a.login { background-image:url('images/icons/32/users.png'); }
a.new { background-image:url('images/icons/32/new.png'); }
a.edit { background-image:url('images/icons/32/edit.png'); }
a.remove { background-image:url('images/icons/32/remove.png'); }
a.static { background-image:url('images/icons/32/static-data.png'); }
a.preferences { background-image:url('images/icons/32/preferences.png'); }
a.help { background-image:url('images/icons/32/help-browser.png'); }
a.little.edit { background-image:url('images/icons/16/edit.png'); }
a.little.remove { background-image:url('images/icons/16/remove.png'); }
a.little.package { background-image:url('images/icons/16/package.png'); }
a.little.delete { background-image:url('images/icons/16/remove.png'); }
img.ico { width:32px; height:32px; float:left; margin:0px 3px !important; }
.adminlist {
margin:0px !important;
border:1px solid #bdb8a9;
list-style-type: none !important;
}
.adminlist img { margin:0px !important; }
.adminlist ul { margin:0px !important; }
.adminlist li {
padding:5px 5px 2px 5px;
list-style-type: none !important;
margin:0px;
border-bottom: 1px solid #ccc;
}
.adminsorthandle {
cursor:move;
margin:0px 3px 0 3px;
}
/* Content Elements: Messages */
#messages{
padding: 0;
margin: 0;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-top: 4px;
white-space: nowrap;
}
#messages span {
margin-bottom: 3px;
text-align: left;
padding: 10px 20px 10px 55px;
display:block;
}
#messages .success, #messages .message {
background:#F8FAFC url(images/icons/32/dialog-information.png) no-repeat scroll 15px 50%;
background-position: 15px 50%;
border-bottom:2px solid #B5D4FE;
border-top:2px solid #B5D4FE;
}
#messages .error, #messages .warning {
background: #fff6bf url(images/icons/32/dialog-error.png) center no-repeat;
background-position: 15px 50%;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}