body {font-size:11px;
font-family: verdana, arial, helvetica, sans-serif;
color: #202020;
background-color: #fff;
margin:0 5px;
padding:0;
}
a {color: #D98200; text-decoration: underline;}
a:hover {color: #ce7b00; text-decoration: underline;}
h1 span, h2 span, div hr {display:none;}
a img {border: none 1px #fff;}
#header {
float: left;
width: 990px;
margin: 0;
padding: 0;
border-bottom: solid 1px #fff;
}
#header h1{
float: left;
width: 175px;
height: 49px;
margin: 0;
padding: 0;
background-color: #fff;
background-image: url(http://i.rozali.com/l_rozali.gif);
background-repeat: no-repeat;
background-position: 0 9px;
}
#header h1 a{
display: block;
width: 175px;
height: 49px;
}
#login {
float: right;
margin: 13px 0 0 0;
padding: 0;
color: #626262;
font-family: verdana, arial, helvetica, sans-serif;
font-size:10px;
background-color: #fff3e1;
/* background-color: #fff3e1; */
}
#login a {
float: left;
display: block;
margin: 0 0 2px 0;
padding: 6px 4px 4px 4px;
color: #626262;
}
#login span {
float: left;
display: block;
margin: 0;
padding: 2px 4px 2px 4px;
background-color: #f0f0f0;
border-left: solid 1px #fff;
}
#username, #password {
background-color: #fff;
border: solid 1px #d7d7d7;
width: 105px;
margin: 0;padding: 2px;
font-family: verdana, arial, helvetica, sans-serif;
font-size:11px;
}
.button
{
background-color: #f09100;
color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
font-size:11px;
width: 25px; height: 18px;
border: none 1px #f09100;;
}
#mainMenu, #mainMenu2 {
width: 990px;
clear: both;
float: left;
margin: 0;
padding: 1px 0 1px 0;
background-color: #f9af5f;
list-style-type: none;
border-bottom: solid 1px #fff;
background-image: url(http://i.rozali.com/krasota_head.gif);
background-repeat: no-repeat;
background-position: top right;
}

#mainMenu2 {background-color: #FBC182;
background-position: -100px -100px;}

#mainMenu a, #mainMenu2 a{
display: block;
float: left;
color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
margin: 0 0 0 1px;
padding: 1px 4px 2px 5px;
list-style-type: none;
border-right: solid 1px #d59c46;
text-decoration: none;
}
#mainMenu a:hover, .select, #mainMenu a.select, #mainMenu2 a:hover, .select, #mainMenu2 a.select{
color: #B76D00;
background-color: #FFEFD7;
border-right: solid 1px #d3912e;
}
#subheader {
float: left;
clear: both;
width: 990px;
margin: 0;
padding: 7px 0 7px 0;
border-top: solid 5px #fff3e1;
border-bottom: solid 1px #dadae2;
}
/* */
#content {
position: relative;
float: left;
clear: both;
width: 990px;
background-image: url(http://i.rozali.com/line.gif);
background-repeat: repeat-y;
background-position: 170px 0;
}
h1#subtitle{
position: absolute;
left: 180px;
top: 0;
width: 300px;
height: 45px;
margin: 0;
padding: 0;
background-color: #fff;
background-image: url(http://i.rozali.com/h_krasota.gif);
background-repeat: no-repeat;
background-position: 0 10px;
}
#sponsor{
position: absolute;
right: 0;
top: 0;
width: 361px;
height: 43px;
margin: 1px 0 0 0;
padding: 0;
background-color: #fff;
text-align: right;
}
#left {
width: 163px;
float: left;
margin: 0;
padding: 0;
}

#menu {
margin: 0;
padding: 0;
list-style: none;
float: left;
clear: both;
}
#menu li{
float: left;
clear: both;
margin: 0;
padding: 0;
list-style: none;
border-bottom: solid 1px #d7dadf;
}
#menu li a, #menu li strong{
display: block;
width: 147px;
margin: 0;
padding: 3px 0 2px 16px;
list-style: none;
text-decoration: none;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
background-color: #fff;
background-image: url(http://i.rozali.com/m_bg.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
#menu li a.op, #menu strong.op{
background-color: #FFF5E8;
font-weight: bold;
}
#menu li a:hover, #menu li a.op:hover{
background-color: #FFF1DD;
background-image: url(http://i.rozali.com/m_bg.gif);
background-repeat: no-repeat;
background-position: 0 -65px;
color: #9F6000;
}

ul#menu ul{
margin: 0;
padding: 0;
list-style: none;
float: left;
clear: both;
}

ul#menu ul li{
margin: 0;
padding: 0;
list-style: none;
border-bottom: solid 1px #d7dadf;
}

ul#menu ul li a, ul#menu ul li strong{
display: block;
width: 147px;
margin: 0;
padding: 3px 0 2px 16px;
list-style: none;
text-decoration: none;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
background-color: #fff;
background-image: url(http://i.rozali.com/m_bg.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

ul#menu li a.rrub, ul#menu li strong.rrub {background-color: #FFDFB0;}

#menu li a.rrub:hover{
background-color: #FFF1DD;
background-image: url(http://i.rozali.com/m_bg.gif);
background-repeat: no-repeat;
background-position: 0 -65px;
color: #9F6000;
}

/* */
#main {
width: 810px;
float: right;
margin: 0;
padding: 0;
}
.path {
clear: both;
margin: 45px 0 10px 0;
padding: 2px 0 4px 0;
border-top: solid 1px #dadae2;
border-bottom: solid 1px #dadae2;
font-family:verdana, arial, helvetica, sans-serif;
font-size: 10px;
}
.front {
width: 500px;
float: left;
margin: 0;
padding: 0;
}
.frontRight {
width: 300px;
float: right;
margin: 0;
padding: 0;
}
.inside {
width: 495px;
float: left;
margin: 0;
padding: 0;
overflow: hidden;
}
.itext {
font-size: 12px;
line-height: 16px;
color: #000;
text-align: justify;
}
.comm {
clear: both;
margin: 5px 0 20px 0;
padding: 8px 8px 8px 50px;
border: solid 1px #f9af5f;
background-color: #fff;
background-image: url(http://i.rozali.com/comm.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
}
ul.fcom {
clear: both;
float: left;
width: 495px;
margin: 5px 0 10px 0;
padding:0;
list-style: none;
}
ul.fcom li{
width: 245px;
margin: 3px 0 5px 0;
padding: 0 0 4px 0;
list-style: none;
border-bottom: solid 1px #c1beb9;
}
ul.fcom li.c1{float: left;}
ul.fcom li.c2{float: right;}
div.comm p{
margin: 5px 0 5px 0;
padding:0;
}
div.inside h1{
font-size: 18px;
margin: 15px 0 15px 0;
padding:0;
color: #ce7b00;
}
.insideRight {
width: 300px;
float: right;
margin: 0;
padding: 0;
}
.com {
clear: both;
margin: 0;
padding: 0;
border: solid 1px #f9af5f;}
div.com div{
margin: 0;
padding: 5px;
border: solid 2px #f0f0f0;}
div.com h1{
color: #f09100;
margin: 0 0 5px 0;
padding: 0;
font-size: 12px;
font-weight: bold;
}
div.com p{
margin: 4px 0 4px 0;
padding: 0 0 6px 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #585858;
background-image: url(http://i.rozali.com/dots.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
div.com strong {color: #2d2d2d;}
.shopping {
margin: 0 0 8px 0;
border: solid 1px #fbc002;}
div.shopping div{
margin: 0;
padding: 5px 5px 0 5px;
border: solid 2px #f0f0f0;}
div.shopping p{
margin: 10px 0;
padding: 0;
}
div.shopping h1{
color: #dca700;
margin: 0 0 10px 73px;
padding: 0;
font-size: 12px;
font-weight: bold;
}
.head1 {
font-size: 12px;
margin: 0 0 4px 0;
padding: 0;
color: #ce7b00;
}
.head1 a {color: #ce7b00;text-decoration:none;}
a.more{
margin: 0;
padding: 0 7px 0 0;
background-image: url(http://i.rozali.com/more.gif);
background-repeat: no-repeat;
background-position: right center;
font-family:verdana, arial, helvetica, sans-serif;
}
.limg{
float: left;
margin: 0 8px 8px 0;
padding: 0;
}
#selectedStoryes, #newStoryes {
clear: both;
float: left;
}
div.col1 div, div.col2 div{
margin: 0;
padding: 0 0 0 76px;
display: block;
}
div.col1 p, div.col2 p {
margin: 6px 0 14px 0;
padding: 0;
}
.col1, .col2 {
float: left;
margin: 8px 0 0 0;
padding: 0;
width: 243px;
}
.col2 {
float: right;
}
.head3 {
clear: both;
font-family:verdana, arial, helvetica, sans-serif;
margin: 0;
padding: 1px 2px 2px 4px;
color: #fff;
font-size: 11px;
background-color: #f9af5f;
background-image: url(http://i.rozali.com/krasota_head.gif);
background-repeat: no-repeat;
background-position: top right;
}
.head4 {
font-family:verdana, arial, helvetica, sans-serif;
margin: 5px 0 5px 0;
color: #f9af5f;
font-size: 11px;
}
h1.head2, h2.head2 {
clear: both;
font-family:verdana, arial, helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 8px;
color: #5f3e37;
background-color: #f3ede7;
border: solid 1px #c1beb9;
background-image: url(http://i.rozali.com/bg_hh1.gif);
background-repeat: no-repeat;
background-position: right top;
}
div.inside h1.head2 {
font-size: 11px;
margin: 0;
padding: 8px;
color: #5f3e37;
}
#footer {
width: 990px;
float: left;
clear: both;
margin: 5px 0 0 0;
padding: 1px 0 0 0;
border-top: solid 1px #d8dcdf;
font-family:verdana, arial, helvetica, sans-serif;
font-size: 9px;
color: #818181;
}
#footer p{
margin: 0 0 7px 10px;
padding: 0;
}
#footer p.fmenu {
width: 990px;
float: left;
background-color: #f0f0f0;
margin: 0 0 7px 0;
padding: 6px 0 5px 0;
border-bottom: solid 1px #d8dcdf;
}
#footer p.fmenu span.left{margin-left: 10px;}
#footer p.fmenu a.right{margin-right: 10px;}
.banner3 {
clear: both;
width: 300px;
margin: 0 0 5px 0;
padding: 0;
font-size: 9px;
font-family:verdana, arial, helvetica, sans-serif;
text-align: right;
}
.banner4 {
clear:both;
width: 160px;
margin: 0 0 0 0;
padding: 0;
font-size: 9px;
font-family:verdana, arial, helvetica, sans-serif;
text-align: right;
}
#news {
width: 100%;
float: left;
margin: 2px 0 8px 0;
padding: 0;
background-color: #fff3e1;
background-image: url(http://i.rozali.com/white.gif);
background-repeat: repeat-y;
background-position: top center;
border-bottom: solid 1px #ce7b00;
}
div.insideRight #news {
background-image: none;
}
div.insideRight #news img{
margin-left: 7px;
}
#news p.nl, #news p.nr{
float: left;
width: 145px;
margin: 0 0 4px 0;
padding: 0;
font-size: 9px;
}
#news p.nr{
float: right;
}
#news img{
margin: 0 0 6px 0;
padding: 0;
}
#news a.a{
display: block;
text-decoration: none;
margin: 0;
padding: 0 3px 0 5px;
}
#news a.a em{
text-decoration: underline;
}
.l {
float: left;
margin: 0;
padding: 0 6px 6px 0;
}
.r {
float: right;
margin: 0;
padding: 0 0 6px 6px;
}
.left {float: left;}
.right {float: right;}
.rss {
margin: 0;
padding: 0 0 0 16px;
background-color: transparent;
background-image: url(http://i.rozali.com/rss.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
ul.links {
margin: 5px 0 5px 0;
padding: 0;
list-style: none;
}
ul.links li{
margin: 8px 0 8px 0;
padding: 0;
list-style: none;
}
#topbanner {
float: left;
margin: 0;
padding: 0 0 0 12px;
width: 728px;
height: 90px;
background-color: transparent;
background-image: url(http://i.rozali.com/ad_bg.gif);
background-repeat: no-repeat;
background-position: left center;
}
#search {
float: right;
background-color: #EEEEEE;
border: solid 1px #c1beb9;
margin: 0;
padding: 0;
width: 240px;
height: 88px;
}
.google {
background-color: #fff;
border: solid 1px #d7d7d7;
margin: 0 0 0 10px;
padding: 2px;
width: 182px;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
}
#search p{margin: 4px 10px 10px 10px;padding: 0;}
#search label {margin: 0 10px 0 0;padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size:10px;}
.bbox {
width: 158px;
margin: 5px 0 5px 0;
padding: 5px 0 5px 0;
border: solid 1px #e75770;
text-align: center;
}
.abox {
width: 100%;
margin: 5px 0 5px 0;
padding: 0 0 5px 0;
border-top: solid 3px #f0f0f0;
border-bottom: solid 3px #f0f0f0;
font-family: verdana, arial, helvetica, sans-serif;
font-size:9px;
}
.abox p{
margin: 5px 0 5px 0;
padding: 0;
}
.cbox {
width: 153px;
margin: 5px 0 5px 0;
padding: 0 4px 5px 4px;
border-bottom: solid 3px #f9af5f;
background-color: #fff3e1;
font-family: verdana, arial, helvetica, sans-serif;
font-size:9px;
}
.cbox p{
margin: 5px 0 5px 0;
}
.book{
text-align: center;
}
#newsletter {
background-color: #EFEFEF;
margin: 2px 0 2px 0;
padding: 4px;
width: 153px;
}
.newsletter {
background-color: #fff;
border: solid 1px #d7d7d7;
margin: 0;
padding: 2px;
width: 115px;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
}
.newstories {
width: 500px;
float: left;
clear: both;
margin:0;
padding:0;
}
.pager {
clear: both;
margin: 0 0 5px 0;
padding: 10px 0 10px 0;
/* border-bottom: solid 1px #c1beb9; */
text-align: center;
}
.paging {
margin: 0 3px 0 0;
padding: 2px 5px 2px 5px;
border: solid 1px #D1CECB;
color: #D1CECB;
}
strong.paging {
margin: 0 3px 0 0;
padding: 2px 5px 2px 5px;
border: solid 1px #f9af5f;
color: #000;
}
a.paging {
margin: 0 3px 0 0;
padding: 2px 5px 2px 5px;
border: solid 1px #c1beb9;
color: #f09100;;
}
a.paging:hover {
background-color: #f3ede7;
}
.small {
margin: 0 0 10px 0;
padding: 0;
color: #787878;
font-size: 10px;
text-align: center;
}
.topstory {
width: 100%;
float: left;
clear: both;
margin:0;
padding: 0 0 10px 0;
}
.error {color: #CC0000;}
form#sendstory {
margin: 8px 0;
padding: 8px 0 0 0;
border-top: solid 1px #dadae2;
border-bottom: solid 1px #dadae2;
}
form#sendstory p{
clear: both;
margin: 0 0 4px 0;
padding: 4px 2px 2px 6px;
}
form#sendstory label{
display: block;
float: left;
width: 150px;
margin:0;
padding:0;
}
.input {
width: 300px;
margin:0;
padding: 2px;
border: solid 1px #7F7F7F;
}
.note {
display: block;
clear: both;
margin: 2px 0 2px 0;
padding: 0 0 0 152px;
color: #666666;
font-size: 10px;
}
#langLink {
margin: 4px 0 0 0;
padding: 2px 2px 2px 2px;
font-size: 10px;
color: #fff;
background-color: #339966;
border: solid 1px #3C3C3C;
text-decoration: none;
}
dl {
float: left;
clear: both;
width: 100%;
margin: 5px 0 10px 0;
padding: 0 0 6px 0;
border-bottom: solid 1px #dadae2;
}
.avatar {
float: left;
margin: 0 10px 10px 0;
padding:0;
}
dt {
margin:0;
padding:0;
color: #626262;
}
dd {
clear: both;
margin:0;
padding:0;
}
.tools {
clear: both;
margin: 0 0 10px 0;
padding: 5px 0 0 0;
border-top: solid 1px #dadae2;
border-bottom: solid 1px #dadae2;
}

ul.greetingpics {
clear: both;
margin: 5px 0 5px 150px;
padding: 0;
list-style: none;
}

ul.greetingpics li{
float: left;
width: 25px;
margin: 5px 10px 3px 3px;
padding: 0;
}

#sendstory ul.greetingpics li label{
width: 25px;height: 25px;
float: none;display: block;
background-color: #ffffff;
border: solid 1px #F5F5F5;
background-image: url(http://i.rozali.com/valentinki/1.gif);
background-repeat: no-repeat;
background-position: 0 0;}

#sendstory ul.greetingpics li label span{display: none;}
#sendstory ul.greetingpics li label.v1 {background-image: url(http://i.rozali.com/valentinki/1.gif);}
#sendstory ul.greetingpics li label.v2 {background-image: url(http://i.rozali.com/valentinki/2.gif);}
#sendstory ul.greetingpics li label.v3 {background-image: url(http://i.rozali.com/valentinki/3.gif);}
#sendstory ul.greetingpics li label.v4 {background-image: url(http://i.rozali.com/valentinki/4.gif);}
#sendstory ul.greetingpics li label.v5 {background-image: url(http://i.rozali.com/valentinki/5.gif);}
#sendstory ul.greetingpics li label.v6 {background-image: url(http://i.rozali.com/valentinki/6.gif);}
#sendstory ul.greetingpics li label.v7 {background-image: url(http://i.rozali.com/valentinki/7.gif);}
#sendstory ul.greetingpics li label.v8 {background-image: url(http://i.rozali.com/valentinki/8.gif);}
#sendstory ul.greetingpics li label.v9 {background-image: url(http://i.rozali.com/valentinki/9.gif);}

p.lovetop {
margin: 20px 0 20px 0;
padding: 30px 10px 10px 10px;
background-color: #fff;
font-family: georgia;
font-size: 17px;
color: #AB0C27;
background-image: url(http://i.rozali.com/valentinki/love1.gif);
background-repeat: no-repeat;
background-position: top center;
text-align: center;
}

p.lovebottom {
margin: 20px 0 20px 0;
padding: 5px 10px 60px 10px;
font-size: 10px;
color: #525252;
background-color: #fff;
background-image: url(http://i.rozali.com/valentinki/love2.gif);
background-repeat: no-repeat;
background-position: bottom center;
text-align: center;
}

p.c {
text-align: center;
}

.stxt {
font-size: 10px;
color: #7A7A7A;
}

.qu {
margin: 5px 0 5px 0px;
padding: 5px;
border: solid 1px #EA3853;
background-color: #FDEEF0;
font-size: 10px;
color: #7A7A7A;
}

.love {
border: solid 1px #fff3e1;}

dl.zodiak {
clear: none;
width: 360px;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
}

dl.zodiak dt{
margin: 0 0 5px 0;
padding: 0 0 0 0;
font-size: 21px;
color: #f09100;
}

dl.zodiak dd{
margin: 0 0 1px 0;
padding: 3px;
background-color: #fff3e1;
}

dl.zodiak dd.zodata{background-color: #fff;margin-bottom: 3px;}

ul.morehoro {
clear: both;
margin: 5px 0 15px 0;
padding: 0 0 0 0;
list-style: none;
}

ul.morehoro li{
margin: 4px 0 5px 0;
padding: 0 0 0 0;
list-style: none;
}

div.partner {
clear: both;
float: left;
width: 100%;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
background-color: #fff;
background-image: url(http://i.rozali.com/dot_b.gif);
background-repeat: repeat-x;
background-position: 0 40px;
}

div.partner a{
display: block;
float: left;
font-size: 10px;
margin: 8px 0 0 0;
padding: 3px 3px 3px 3px;
text-decoration: none;
background-color: #fff;
border-top: solid 1px #f9af5f;
border-right: solid 1px #f9af5f;
border-bottom: solid 1px #f9af5f;
}

div.partner a:hover, div.partner a.sel,div.partner a.selfirst:hover{
padding: 4px 3px 2px 3px;
border-bottom: solid 1px #fff3e1;
text-decoration: none;
background-color: #fff3e1;
}

div.partner a.first{
border-left: solid 1px #f9af5f;
}

div.partner p.partner1 {
clear: both;
float:left;
width: 498px;
margin: 0;
border-right: solid 1px #f9af5f;
border-bottom: solid 2px #f9af5f;
border-left: solid 1px #f9af5f;
background-color: #fff3e1;
}

div.partner p.partner1 span{
display: block;
padding: 9px 5px 9px 5px;
}

.inside table td font {font-size:12px;}
.inside table td {font-size:12px;}