html, body, blockquote, p, form, q, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, br, a, ul, ol, li, img, fieldset
{
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
}
html {height: 100%;}
body {color:#753d4d; font:11px Tahoma, Verdana, Arial; background:url(../im/tema2/bodybg.jpg) repeat-x}
a{color:#C83C61; text-decoration:none;} a:hover {text-decoration:underline}

#top{float:left; width:100%; background: url('../im/tema2/bg.jpg') no-repeat center top; padding:10px 0 0 0}
#wrapper {width:980px; margin:0 auto;}
#tnav {width:980px; height:22px; padding:3px 0 0 0; float:left; background:url(../im/tema2/tnav-bg.jpg) no-repeat;}
#tnav li {float:left; background:url(../im/tema2/tnav-li.gif) no-repeat right; padding:2px 6px 0 6px; height:17px;}
#tnav a {color:#B34C77; font-weight:bold}

#header {width:980px; height:136px; background:url(../im/tema2/headerbg.jpg) no-repeat left top; float:left; position:relative;}
#logo {position:absolute; top:20px; left:5px;} #logo span{display:none;} #logo a {display:block; width:280px; height:60px;}
#header h2 {font-size: 20px; margin:0; padding:0; width:370px; position:absolute; top:90px; left:8px; overflow:hidden; color:#FF5285; font-weight:normal}

#search {width:203px; height:55px; padding:30px 15px 0 15px; position:absolute; right:254px; bottom:19px; background:url(../im/tema2/search.jpg) no-repeat; color:#ADC927}
#search h1 {margin:0; color:#ADC927; font-size:13px; height:20px} #search h1 span {float:left;} #search a {float:right; font-size:11px; font-weight:normal; background:url(../im/tema2/b2.gif) no-repeat left 7px; color:#ADC927; padding:2px 0 0 8px;}
#search form {float:left;} #search form input {border:solid 1px #ADC927; width:170px} #search form input.sbutton {border:0; width:23px; height:22px; background:url(../im/tema2/sbutton.gif) no-repeat; cursor:pointer}

#login {width:218px; height:82px; padding:35px 0px 0 15px; position:absolute; right:0; top:0; background:url(../im/tema2/login.jpg) no-repeat; color:#ADC927;}
#login label {display:block; float:left; width:70px; padding:4px 0 0 0} #login input {float:left; width:130px; border:solid 1px #ADC927; margin:0 0 4px 0}
#login a.reg {font-weight:bold; display:block; float:left; clear:both; white-space: nowrap; background:url(../im/tema2/b2.gif) no-repeat left 9px; padding:4px 0 0 8px; color:#628100} #login input.lbutton {background:url(../im/tema2/button1.jpg) no-repeat; width:71px; float:right; border:0; margin:3px 16px 0 0; color:#fff; font-weight:bold; padding-bottom:3px; cursor:pointer}
#login p {margin:0 0 5px 0; padding:0 10px 0 0; float:left;}  #login p span {float:left; width:170px;} #login p a {float:right;}

.mylinks {padding:6px 0 0 0; width:206px; float:left; clear:both; height:23px;}
.mylinks a em {display:none;}
.mylinks a {display:block; float:left; width:20px; height:20px; margin:0 8px 0 0}
.mylinks a.msg:hover, .mylinks a.msgnew:hover, .mylinks a.profile:hover, .mylinks a.profilem:hover,  .mylinks a.friends:hover, .mylinks a.friendsnew:hover, .mylinks a.cal:hover, .mylinks a.blog:hover, .mylinks a.leksikon:hover, .mylinks a.fav:hover, .mylinks a.astro:hover, .mylinks a.dnevniks:hover, .mylinks a.gallery:hover {background-position:0 1px;}
.mylinks a.msg {background:url(/html/im/mylinks/msg.gif) no-repeat;}
.mylinks a.msgnew {background:url(/html/im/mylinks/msgnew.gif) no-repeat;}
.mylinks a.profile {background:url(/html/im/mylinks/profile.gif) no-repeat;}
.mylinks a.profilem {background:url(/html/im/mylinks/profilem.gif) no-repeat;}
.mylinks a.cal {background:url(/html/im/mylinks/calendar.gif) no-repeat;}
.mylinks a.blog {background:url(/html/im/mylinks/blog.gif) no-repeat;}
.mylinks a.leksikon {background:url(/html/im/mylinks/leksikon.gif) no-repeat;}
.mylinks a.fav {background:url(/html/im/mylinks/fav.gif) no-repeat;}
.mylinks a.astro {background:url(/html/im/mylinks/astro.gif) no-repeat;}
.mylinks a.friends {background:url(/html/im/mylinks/friends.gif) no-repeat;}
.mylinks a.friendsnew {background:url(/html/im/mylinks/friendsnew.gif) no-repeat;}
.mylinks a.dnevniks {background:url(/html/im/mylinks/dnevniks.gif) no-repeat; margin-top:2px}
.mylinks a.gallery {background:url(/html/im/mylinks/gallery.gif) no-repeat; margin-top:2px}

#main {width:980px;float:left;}
#content {width:980px; float:left; padding:0 0 15px 0}
#lcol {width:200px; float:left; margin-right:20px;} #ccol {width:443px; float:left;} #rcol {width:295px; float:right}

.mmenu {float:left; width:190px; background:#FFF0F5; border-bottom:solid 1px #FFDEE7; padding:5px; margin:0 0 15px 0}
.mmenu ul {float:left; width:100%;}
.mmenu li {background:url(../im/tema2/line1.gif) no-repeat bottom center; float:left; clear:both; width:168px; padding:0 11px;}
.mmenu li a {display:block; padding:8px 0 8px 6px; float:left; font-weight:bold; text-decoration:none; background:url(../im/tema2/b3.gif) no-repeat left;}
.mmenu li a:hover, #mlinks a:hover {text-decoration:none; color:#732036}
.mmenu li.sel {background:url(../im/tema2/menu-sel.jpg) no-repeat; height:25px; } .mmenu li.l {background:none;} .mmenu li.l.sel {background:url(../im/tema2/menu-sel.jpg) no-repeat;}
.mmenu li strong { display:block; padding:5px 0 0 8px; color:#fff;}
#cats.mmenu {background: url(../im/tema2/cats-bg.gif) repeat-y #fff; margin:0; border-bottom:solid 1px #FF9BB7}
.mmenu h1 {font-size:11px; margin:-5px -5px 5px -5px; height:22px; background:url(../im/tema2/cats-h1.gif) no-repeat; color:#fff; padding:8px 0 0 15px}

.rbox {width:275px; float:left; border-bottom:solid 1px #FFB8CC; padding:10px; margin:0 0 15px 0; color:#C83B66; background:url(../im/tema2/rbox-bg.gif) repeat-y}
.rbox h1 { margin:-10px -10px 0 -10px; font-size:11px; color:#fff; height:27px; padding:8px 0 0 10px; background:url(../im/tema2/rbox-h1.jpg) no-repeat }
.rbox img {float:left;padding:1px; background:#fff; border:solid 2px #FF9BB7; margin:0 5px 0 0}
.rbox ul {float:right; width:160px;} .rbox li {background:url(../im/tema2/line1.gif) no-repeat left bottom; padding:5px 0}
.rbox li.l {background:none;}
.rbox p {clear:both; background:#FFEEF4; color:#F96F93; padding:8px; margin:10px 0 0 0; float:left; width:260px; line-height:16px} 
.rbox p a {background:url(../im/tema2/b3.gif) no-repeat left 6px; padding:0 0 0 6px; color:#F96F93;}
#authorgal a {margin:0 5px 0 0; display:block; float:left;} #authorgal p a {display: inline; float:none;} #authorgal p {padding:4px 8px 6px 8px}

#fb {clear:both; padding:12px 0 5px 0; float:left; width:980px; text-align:center; border-top:solid 1px #B5CF62;}
#footer {width:980px; clear:both; float:left;}
#mlinks a, #copy a{text-decoration:none; color:#839154} #mlinks a:hover, #copy a:hover {color:#628100;}
#mlinks {width:960px; float:left; font-size:12px; padding:15px 10px 0 10px; background: url(../im/tema2/footer-bg.gif) no-repeat; height:29px; margin:9px 0 0 0;}
#mlinks span {float:left;} #mlinks span.fr {float:right;}
#mlinks a {display:block; float:left; margin:0 15px 0 0;}
#mlinks span.fr a {margin:0 0 0 15px;}
#copy { float:left; font-size:10px; padding:10px 0; color:#A0A0A0;}

.post {width:100%; float:left; clear:both; margin:10px 0 0 0; padding:0 0 15px 0; border-bottom:solid 1px #DE69A0;}
.posttitle {float:left; width:100%; margin:0 0 7px 0}
.posttitle h1 { margin:0; float:left; font-size: 20px; color:#C10077; font-weight:normal; width:360px;}
.posttitle span {color:#fff; display:block; float:left; background:url(../im/tema2/datebg.gif) no-repeat; width:70px; height:13px; text-align:center; margin:0 10px 0 0; font-weight:bold; margin-top:3px}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash .post h1 a {visibility: hidden; font-size: 20px; float:left; text-decoration:underline; float:left;}
.sIFR-hasFlash #header h2 {visibility: hidden; font-size: 22px; margin:0; padding:0; width:370px; position:absolute; top:90px; left:8px; overflow:hidden;}
/* ----------------------------------------------------- */
.postcontent {font-size:12px; line-height:16px;}
.post .postinfo {background:#FFE9F0; padding:6px 8px; color:#BD6980; margin:10px 0 0 0; line-height:18px}
.post a {color:#BD6980;} .post .postinfo a {text-decoration:underline;}

.navi {float:left; width:431px; padding:6px; clear:both; background:#FFE9F0; color:#BD6980}
.navi a {background:url(../im/tema2/b3.gif) no-repeat right; padding:0 6px 0 0; display:block; color:#BD6980; float:left; margin:0 6px 0 0}
.navi strong {display:block; float:left;}

.pager {float:left; clear:both; width:443px; border-bottom:solid 1px #DE69A0; padding:10px 0; color:#BD6980} .pager a{color:#BD6980; text-decoration:underline}
.pager a, .pager strong, .pager span {padding:0 6px 0 0;}

#comments {background:#FFE9F0; float:left; clear:both; padding:5px; width:433px; margin:10px 0 0 0;}
#comments h3 {color:#e490ac; font-size:14px; margin:0 0 5px 0;}
.comm {background:#fde5f1; float:left; width:425px; padding:5px; border-top:solid 1px #fcdaea; border-bottom:solid 1px #fcdaea; color:#c20273; margin:0 0 8px 0}
.comm .cby {background:#fbbfdb; margin:0 0 5px 0; border-bottom:solid 1px #f2accd; padding:3px; font-size:10px;float:left; width:419px;}
.comm .cby a {font-weight:bold; background: url(../im/pink/b2.gif) no-repeat left; padding:0 0 0 6px}

#comments #langLink {background:#F983A6; color:#fff; padding:0 3px;text-decoration: none;}
label.comm_err {color:red;}
#comments form input.comm_err, #comments form textarea.comm_err {border:solid 1px red;}
.translator {float:left; width:100%; clear:both; text-align:right; margin:0 0 8px 0}
#comments input, #comments textarea {float:left; margin:0 0 8px 0; width:250px; border:solid 1px #F983A6;}
#comments label {display:block; width:83px; padding:3px 0 0 0; float:left; clear:both;}
#comments input.submit3 { width:91px; height:20px; background:url(../im/tema2/button4.jpg) no-repeat; border:none; color:#fff; font-weight:bold; font-size:11px; cursor:pointer}

/* RATING */
.vote {float:left; width:100%; clear:both; padding:5px 0 0 0}
.vote span {float:left;}
.vote strong {float:right; padding:0 5px 0 0;}
.star-rating{list-style:none; padding:0px; float:right; margin:1px 0 0 0; width: 60px;height: 11px;position: relative;background: url(../im/rating2.gif) top left repeat-x;}
.star-rating li{padding:0px;margin:0px;float: left;}
.star-rating li a{display:block;width:12px;height: 11px;text-decoration: none; z-index: 20;position: absolute;padding: 0px;font-size:1px;}
.star-rating li a:hover{background: url(../im/rating2.gif) left bottom;z-index: 1;left: 0px;}
.star-rating li a span {display:none;}
.star-rating a.one-star{left: 0px;}
.star-rating a.one-star:hover{width:12px;}
.star-rating a.two-stars{left:12px;}
.star-rating a.two-stars:hover{width: 24px;}
.star-rating a.three-stars:hover{width: 36px;}
.star-rating a.three-stars{left: 24px;}
.star-rating a.four-stars{left: 36px;}
.star-rating a.four-stars:hover{width: 48px;}
.star-rating a.five-stars{left: 48px;}
.star-rating a.five-stars:hover{width: 60px;}
.star-rating span {position:relative; display:block; background:url(../im/rating.gif) repeat-x left bottom; font-size:1px; height:11px;}
/* END RATING */

.bform {font-size:12px; padding:5px 0; border-bottom:solid 1px #BD6980;}
#bform {margin:0;} #bform label {display:block;} #bform div {margin:0 0 10px 0}
#bform input.submit { width:71px; height:20px; background:url(../im/tema2/button3.jpg) no-repeat; border:none; color:#fff; font-weight:bold; font-size:11px; cursor:pointer}
#bform input.text, #bform select {border:solid 1px #BD6980;}