* {margin: 0; padding: 0;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: url(/images/0bg_body.gif) top left repeat-x #e9e9e9; }
img { border: none; }
a { text-decoration: none; }
#main { margin: 0 auto; width: 1060px; background-color: #fff; min-height:800px; }
#header { height: 100px; width: 1060px; background: url('/images/0bg_header.gif') top left no-repeat; margin: 0 auto 10px auto;}
#header .inside { float: right; display: inline; width: 300px;}
#wrapper {
	float: left;
	width: 100%;
	background-color: #fff;
	padding-top: 10px;
}
#leftside {
	float: left;
	width: 340px; /*Width of left column in pixel*/
	margin-left: -1060px; /*Set margin to that of -(MainContainerWidth)*/
}
#rightside {
	float: left; display: inline;
	width: 340px; /*Width of right column*/
	margin-left: -340px; /*Set left margin to -(RightColumnWidth)*/
}
#footer {
	clear: left;
	margin: 0 auto; width: 1060px;
	text-align: center;
	padding: 15px 0 10px 0;
	background-color: #fff;
}
.bannertop { width: 470px; float: right; margin-right: 15px; }
#content .inside { margin-left: 10px;}
#rightside .frms { padding-top: 10px; }

.ender {background: url('/images/0ender.gif') no-repeat; margin: 0 auto; height: 2px; clear: both;}
.headbkm { position: absolute; z-index: 3; top: 20px; left: 818px; width: 119px; }
.navbar { padding: 60px 0 0 90px; height: 35px; float: left; width: 500px; }
.navbar ul { list-style: none; height: 35px; }
.navbar ul li { height: 35px; float: left; display: inline; text-align: center; }
.navbar ul li a { float: left; height: 100%; padding: 0 10px; font-size: 14px; line-height: 33px; font-family: Verdana, Arial; color: #f788b4; font-weight: normal; text-transform: uppercase; }
.navbar ul li a:hover {color: #fff; }
.logged { height: 40px; width: 300px; }
.loggedbox { height: 100%; line-height: 40px; color: #ffffff; text-align:right; }
.loggedbox a { font-size: 16px; color: #ffffff; text-decoration: underline; padding-left: 10px; padding-right: 10px; }
.loggedbox img { vertical-align: middle; }
#box1 { background: url('/images/0bg_box_1.gif') bottom no-repeat; margin-bottom: 20px;}
#box2 { background: url('/images/0bg_box_2.gif') bottom no-repeat; margin-bottom: 20px;}
h1 { width: 600px; margin: 0 auto; padding-top: 20px; text-align: center; }
#content h3 { position: relative; font-size: 24px; color: #e93c00; text-indent: 10px; margin-bottom: 5px;}
h3.column { background: url('/images/0bg_h3_column.gif') no-repeat; }
#rightside h3 {
	color:#FFFFFF;
	font-weight:bold;
	text-indent: 12px;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	clear: both;
}
h3#ads { background: url('/images/0bg_h3_ads.gif') right no-repeat #e93c00; height: 30px; line-height: 28px; margin-left: 10px; width: 320px;}
h3#log { background: url('/images/0bg_h3_log.gif') right no-repeat #559ec4; height: 30px; line-height: 28px; margin-left: 10px; width: 320px;}
h3#com {background: url('/images/0bg_h3_com.gif') left no-repeat #88ae37; height: 30px; line-height: 28px; width: 710px; text-indent: 10px; font-size: 16px; color: #fff;}
h3#profilh3 {background: url('/images/0bg_h3_profil.gif') left no-repeat #489dec; height: 30px; line-height: 28px; width: 710px; text-indent: 10px; font-size: 16px; color: #fff;}
h3#profilpics {background: url('/images/0bg_h3_profilpics.gif') left no-repeat #d22a71; height: 30px; line-height: 28px; width: 710px; text-indent: 10px; font-size: 16px; color: #fff;}
h3#upl {background: url('/images/0bg_h3_upload.gif') left no-repeat #e48d53; height: 30px; line-height: 28px; width: 710px; text-indent: 10px; font-size: 16px; color: #fff;}
h3#reg {background: url('/images/0bg_h3_reg.gif') left no-repeat #e253cc; height: 30px; line-height: 28px; width: 710px; text-indent: 10px; font-size: 16px; color: #fff;}

h3#tbar {background: url('/images/0bg_h3_female.gif') left no-repeat #e73f2d; height: 30px; line-height: 28px; width: 710px; text-indent: 10px; font-size: 16px; color: #fff;}

h3#fem {background: url('/images/0bg_h3_female.gif') left no-repeat #e73f2d; height: 30px; line-height: 28px; width: 710px; text-indent: 10px; font-size: 16px; color: #fff;}
h3#mal {background: url('/images/0bg_h3_male.gif') left no-repeat #3da6e2; height: 30px; line-height: 28px; width: 710px; text-indent: 10px; font-size: 16px; color: #fff;}
h3#findl {background: url('/images/0bg_h3_search.gif') left no-repeat #47c647; height: 30px; line-height: 28px; width: 710px; text-indent: 10px; font-size: 16px; color: #fff;}
h3#stats {background: url('/images/0bg_h3_stats.gif') left no-repeat #35caa5; height: 30px; line-height: 28px; width: 710px; text-indent: 10px; font-size: 16px; color: #fff;}
h3 a { color: #fff; text-decoration: underline; }
h3 a:hover { text-decoration: none; }
a { color: #9d1717; text-decoration: none; }
#container { margin-left: 0;}
.thumbs, #flvindex, .tagsindex, .stars, .clearboth, .vidslist {
	margin: 0 auto;
	padding-top: 4px;
}
div.sides {
	width: 235px;
	margin: 0 auto;
	padding-top: 4px;
	background: url('/images/0bg_section_side.gif') repeat-y;
}

.thumbs a, p.vert a {
	margin: 0;
	padding: 0;
	border: none;
}
.thumbs a:hover img {
	border: none;
}
.srchno { font-size: 14px; font-weight: bold; }

.sectionb2 { width: 500px; height: 16px; margin: 0 auto 10px auto; background: url('/images/0bg_bottom_column.gif') no-repeat;}
.sectionb3 { width: 235px; height: 16px; margin: 0 auto 10px auto; background: url('/images/0bg_bottom_side.gif') no-repeat;}


.tag_cloud {padding: 3px 1px; text-decoration: none; font-weight: bold;}
.tagsindex p {
	margin: 0 15px;
}

p.pages {
	margin: 10px auto 3px auto;
	font-size: 12px;
	text-align: center;
}
p.pages span {
	font-size: 14px;
	font-weight: bold;
	margin: auto 3px;
}
p.pages img { margin-bottom: -3px; }
p.result {
	font-size: 11px;
	text-align: center;
	color: #333;
}
p.vert {
	
	margin-left: 14px;
}
p.vert a img {
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	margin: 0 3px 3px 0;
	padding: 0;
	border: solid 1px #111;
}

.stars ul {
	list-style: none;
	margin-left: 20px;
	padding: 0;
	width: 940px;
}
.stars ul li {
	font-size: 16px;
	font-weight: bold;
	width: 25%;
	float: left;
	margin: 0;
}

.clearboth {
	clear: both;
	position: relative;
}
.cleartn {clear: both; height: 0; font-size: 1px; line-height: 0px;}

.cleared:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

ul.vidslist {
	list-style: none;
	margin: 0;
	font-size: 12px;
	clear: both;
}
#leftside ul.vidslist, #rightside ul.vidslist {
	width: 210px;
}
ul.vidslist li {
	list-style: none;
	margin: 0 0 15px 10px;
	padding: 0;
	float: left;
	width: 220px;
	height: 220px;
	display: inline;
	border: solid 1px #ccc;
	background: url('/images/0bg_vidslist.gif') bottom no-repeat;
}

#leftside ul.vidslist li, #rightside ul.vidslist li {
	width: 210px;
}

ul.vidslist li img {
	display: block;
	margin: 10px auto 0 auto;
	padding: 2px;
	width: 200px;
	height: 150px;
}


.centered {
	text-align: center;
}

#player {
	margin: 3px auto;
	text-align: center;
}
.flvplay #ajaxDiv {
	position: relative;
	margin-left: 20px;
	text-align: center;
}
.addcomment {
	margin-left: 20px;
}



.centl {
	width: 700px;
	float: left;
	margin: 0 0 10px 10px;
	padding: 0;
}
.centr {
	width: 345px;
	margin: 0 0 10px 0;
	padding; 0;
	float: right;
	clear: right;
	font-size: 18px;
	font-weight: bold;
}
.centr p { margin: 3px auto; font-family: Arial, Helvetica;}
.centr a { text-decoration: blink; }

.vertlist { list-style: none; width: 610px; }
.vertlist li { list-style: none; height: 128px; clear: both; margin-bottom: 7px; border-bottom: 1px dashed #ccc; }
.vertlist li img { display: block; float: left; width: 160px; height: 120px; margin: 0 5px 0 5px; }
.vertlist .vidlistdesc { font-size: 16px; font-weight: bold; }
.vertlist .vidlistviews { width: 150px; }
.vertlist .vidlistlength { width: 150px; }

form#testform { width: 300px; border: none; margin: 0 auto; padding-top: 20px;}
form#testform fieldset { display: block; border: none; width: 300px;}
form#testform label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#222; margin-bottom:0.5em; font-size: 14px; line-height:1.5em; font-style:normal;}
form#testform input {padding:0; margin-bottom:0.8em; border: solid 1px #666; background-color: #f1f1f1; font-size: 14px; width: 180px; float: right; display: inline;}
form#testform #button1 { background:#ddd; border: solid 1px #333; color:#333; font-weight: bold; letter-spacing: 2px; cursor:pointer; width:100%; font-size: 14px; }

form#komentari { width: 700px; border: none; margin: 0 auto; padding-top: 10px; padding-left: 6px;}
form#komentari fieldset { display: block; border: none; width: 700px; padding-left: 10px;}
form#komentari label { display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; text-indent: 10px;}
form#komentari textarea { width: 680px; height: 8em; border: solid 1px #666; background-color: #fafafa; overflow: hidden; }
form#komentari #postit { background:#ddd; border: solid 1px #333; color:#333; font-size: 14px; font-weight: bold;  cursor:pointer; width: 150px; margin: 5px 0 5px 532px; }

form#regform { width: 300px; border: none; margin: 0 auto; padding-top: 20px;}
form#regform fieldset { display: block; border: none; width: 300px;}
form#regform label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#222; margin-bottom:0.5em; font-size: 14px; line-height:1.5em; font-style:normal;}
form#regform input, form#regform textarea {padding:0; margin-bottom:0.8em; border: solid 1px #666; background-color: #f1f1f1; font-size: 14px; width: 180px; float: right; display: inline;}
form#regform #button2 { background:#ddd; border: solid 1px #333; color:#333; font-weight: bold; letter-spacing: 2px; cursor:pointer; width:100%; font-size: 14px; }

form#pedit { width: 420px; margin-left: 0;}
form#pedit input, form#pedit select { border: solid 1px #666; background-color: #f1f1f1; }
form#pedit table.datumsel { display: inline; background: transparent; position: relative;}
form#pedit textarea { overflow: auto; display: block; width: 405px; height: 90px; border: solid 1px #666; background-color: #f1f1f1; }

form#searchl { height: 28px;}
form#searchl fieldset {display: block; border: none; vertical-align: middle;}
form#searchl label {float: left; display: inline; margin-left: 10px; line-height: 1.5em;}
form#searchl input {float: left; display: inline; height: 1.2em;  margin-left: 5px; border: solid 1px #666; background-color: #f1f1f1;}
form#searchl select {float: left; display: inline; margin-left: 5px; border: solid 1px #666; background-color: #f1f1f1; font-size: 10px;}
form#searchl option { border: none;}
form#searchl #button3 { background:#ddd; border: solid 1px #333; color:#333; font-family: Tahoma, Arial; line-height: 1.2em; font-size: 12px; font-weight: bold; height: 18px; padding-bottom: 3px;}
form#searchl #polja, form#searchl #polti{ width: 60px;}
form#searchl #godja, form#searchl #godti{ width: 25px;}
form#searchl #slika { border: solid 1px #fff; background: transparent; margin-top: 3px;}

#commlist { width: 700px; clear: both;}
.commsingle { margin-bottom: 5px; clear: both;}
p.comminfo {
	margin-bottom: 1px;
	margin-left: 72px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #000000;
	font-size: 12px;
	background-color: #ddd;
}

p.comminfo a {
	font-weight: bold;
	font-size: 14px;
}

p.comminfo span {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	float: right;
	text-align: right;
	width: 200px;
	display: inline;
	padding-right: 5px;
}

img.avatar {
	float: left;
	display: inline;
	margin-bottom: 2px;
	margin-left: 7px;
}
img.avatarbig {
	width: 250px;
	height: 250px;
	border: solid 5px #eee;
	padding: 2px;
	display: block;
	clear: both;
}

.commtxt {
	color: #333;
	margin: 0 auto 2px 72px;
	padding: 8px 4px 4px 5px;
	background-color: #fafafa;
	white-space: pre-wrap;
}
.prof { margin-bottom: 5px; }
.profl { float: left; display: inline; width: 270px; position: relative;}
.profr { float: right; display: inline; width: 440px; background: url('/images/0bg_box_profr.gif') bottom no-repeat; position: relative;}
.profr ul { list-style: none; margin-left: 10px; width: 250px; padding-top: 6px;}
.profr ul li { padding-bottom: 2px; }
.profr ul li em { width: 100px; display: inline-block; font-style: normal; font-weight: bold; }
.profr ul form li em { width: 100px; display: inline-block; font-style: normal; }
.profr .about { overflow: auto; display: block; height: 90px; }

.profr input#username { width: 100px; border: solid 1px #333; background-color: #f1f1f1; }

ul.gals { list-style: none; height: 65px; margin-bottom: 5px; padding-left: 2px; }
ul.gals li { float: left; display: inline; margin-left: 5px; }

ul.midpics {  list-style: none; margin-bottom: 5px; margin-left: -5px; margin-right: 0; }
ul.midpics li { float: left; width: 138px; display: inline; margin-left: 5px; margin-right: 0; position: relative;}
ul.midpics li img { width: 124px; border: solid 5px #eee; padding: 2px; display: block;}
ul.midpics li .nick { text-align: center;}

.logbox { margin-left: 15px;padding-top: 6px;}
.logbox ul { list-style: none; padding-left: 5px; padding-right: 10px;}
.logbox ul li { margin-bottom: 3px; }
.logboxerr { font-size: 14px; font-weight: bold; color: #e50000; padding-top: 6px; text-indent: 20px;}

.uploadpic { margin-bottom: 5px; padding-left: 6px;}
.uploadpic form { margin: 0;}
.uploadpic form input { }
.red, .grn { font-size: 14px; font-weight: bold; text-indent: 10px; margin-bottom: 5px; }
.red { color: #e50000; }
.grn { color: #32b100; }

.picadmin { display: block; margin: 0 auto; padding-top: 10px; padding-right: 15px; text-align: right; font-size: 14px;}
.picadmin span { display: inline-block; padding-left: 15px; }
.picadmin img { margin-bottom: -3px; }
.reginfo { padding-left: 5px; padding-top: 5px;}
.reginfo p { margin-bottom: 3px; }
.reginfo ul { margin-left: 20px; margin-bottom: 3px;}

.avatarchange { position: absolute; width: 170px; height: 30px; z-index: 10; left: 47px; top: 220px; line-height: 26px; text-align: center; font-size: 18px; background: url(/images/0bg_avatarchange.gif) no-repeat; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.preko18, .notlogged { position: absolute; width: 138px; height: 138px; z-index: 20; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; top: 0px; left: 0px; text-align: center;}

.contacts { position: absolute; width: 80px; z-index: 30; top: 7px; left: 350px; }
.userbuttons { position: absolute; width: 160px; z-index: 3; top: 5px; left: 275px; }
.userbuttons img { margin-bottom: 5px;}

.smsreg { margin-left: 10px; margin-bottom: 5px; }

.statbox { margin-left: -5px; }
.statbox .boxes { float: left; display: inline; width: 223px; margin-left: 5px; height: 60px;}
.statbox .gr { border: solid 5px #ccfddb; background-color: #ccfddb; }
.statbox .rd { border: solid 5px #ffe6e1; background-color: #ffe6e1; }
.statbox .bl { border: solid 5px #eaf4ff; background-color: #eaf4ff; }
.statbox .boxes p { padding-left: 3px; padding-top: 2px; margin-bottom: 3px; }

.toolTip, .tTip { position: relative; }
.toolTipWrapper { width: 180px; position: absolute; z-index: 1000; bottom: 32px; display: none; color: #555; font-weight: bold; font-size: 12px; }
.tTipWrapper { width: 180px; position: absolute; z-index: 1000; top: 2px; display: none; color: #555; font-weight: bold; font-size: 12px; }
.toolTipTop, .tTipTop { width: 180px; height: 6px; background: transparent url(/images/bubbleTop.gif) no-repeat;	}
.toolTipMid, .tTipMid { padding: 0 5px 1px 5px; text-align: center; background: #eee url(/images/bubbleMid.gif) repeat-y top; line-height: 1.3em;}
.toolTipMid span.grn, .tTipMid span.grn { color: #65ef00; }
.toolTipMid span.red, .tTipMid span.red { color: #f4712a; }
.toolTipBtm, .tTipBtm { height: 11px; background: transparent url(/images/bubbleBtm.gif) no-repeat; }
