/********************************************
	blogmag.info CSS
	Copyright (C) 2009. blogmag.info
********************************************/
/*----|Begin left menu |--------------*/
a.nav-leftmenu
{
	border-top: #fff 1px solid;
	display: block;
	padding-left: 7px; /*font: 62.5%/1.5 Verdana, sans-serif;*/
	margin: 0px;
	text-transform: none;
	border-left: #999 0.35em solid; /*width: 8.2em;*/
	width: auto;
	color: #333;
	border-bottom: #b7b7b7 1px solid; 
	/*font-family: Arial, Verdana, Helvetica, sans-serif;*/
	/*height: 1.8em;*/
	height: 5%;
	background-color: #f2f2f2;
	text-decoration: none;
	line-height: 1.8em;
	text-align: left;
	font-size: 1.2em;
	}
a.nav-leftmenu:hover
{
	background-image: none;
	background-color: #fff;
	text-decoration: none;
}
#nav-row1 {
	BORDER-LEFT-COLOR: #c00
}
#nav-row2 {
	BORDER-LEFT-COLOR: #ce02df
}
#nav-row3 {
	border-left-color: #0077df;
}
#nav-row4 {
	BORDER-LEFT-COLOR: #57b226
}
#nav-row5 {
	BORDER-LEFT-COLOR: #ff0c28
}
#nav-row6 {
	BORDER-LEFT-COLOR: #f18101;
}
#nav-row7
{
	border-left-color: #663399;
}
#nav-row8
{
	border-left-color: #000099;
}
#nav-row9 {
	BORDER-LEFT-COLOR: #c00
}
#nav-row10 {
	BORDER-LEFT-COLOR: #ce02df
}
#nav-row11 {
	border-left-color: #0077df;
}
#nav-row12 {
	BORDER-LEFT-COLOR: #57b226
}
#nav-row13 {
	BORDER-LEFT-COLOR: #ff0c28
}
#nav-row14 {
	BORDER-LEFT-COLOR: #f18101;
}
#nav-row15 {
	BORDER-LEFT-COLOR: #c00
}
#nav-row16 {
	BORDER-LEFT-COLOR: #ce02df
}
#nav-row17 {
	border-left-color: #0077df;
}
#nav-row18 {
	BORDER-LEFT-COLOR: #57b226
}
#nav-row19 {
	BORDER-LEFT-COLOR: #ff0c28
}
#nav-row20 {
	BORDER-LEFT-COLOR: #f18101;
}
/*****End left menu ******/
/*---------------------------------------------------------------*/

h1 {
	font-size: 1.375em;
	font-weight: bold;
	line-height: 1.1875em;
	margin-top: 0px;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 1.32em;
	font-weight: bold;
	line-height: 1.25em;
	margin-top: 0px;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.25em;
	margin-top: 0px;
	margin-bottom: 0.5em;
}
h4, h5, h6
{
	/*font-size: 0.76em;*/
	line-height: 1.25em;
	margin-top: 0px;
	margin-bottom: 0.25em;
	font-size: 1.28em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 
{
	color: #444;
}
p 
{
	font-size: 1.2em;
	line-height: 1.25em;
	margin-top: 0px;
	color: #444;
}
.p_white, .p_white a
{
	font-size: 1.2em;
	line-height: 1.25em;
	margin-top: 0px;
	color: #ffffff;
}
.align_left
{
	margin: 7px;
	float: left;
}

.whitetext, .whitetext a
{
	color: #ffffff;
}
.textB, .textB a
{
	font-size: 1.22em;
	line-height: 1.25em;
	margin-top: 0px;
	color: #858585;
	text-decoration: none;
}
/******************************************/

.bottom
{
	position: static;
	width: 100%;
	background-color: #dcdcdc;
}

.barblock
{
	float: none;
	background-color: #ffffff;
	width: 47.625em;
	position: relative;
	top: 0em;
	z-index: 100;
	background-image: url(../Images/bg3.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	padding-top: 0.9em;
}
.barblock img
{
	width: 47.625em;
}

.leftblock
{
    clear: left;
    float: left;
    height: auto;
    position: relative;
    visibility: visible;
    z-index: 100;
    display: block;
    padding-left: 0em;
    padding-right: 0em;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 120px;
    min-width: 120px;
    background-color: #FFFFEA;
}
.centerblock
{
	padding: 2px 0px;
	float: left;
		
		height: auto;
		position: relative;
		visibility: visible;
		z-index: 100;
	width: 457px;
		min-width: 468px;
		margin-left: 10px;
	top: 0px;
	left: 0px;
}
.rightblock
{
	height: auto;
	position: relative;
	width: 17%;
	top: 0em;
	display: block;
	visibility: visible;
	z-index: 100;
	float: right;
	clear: right;
	text-align: center;
	padding-right: 3px;
}
.break 
{
	clear: both;
}
/*---------| Div rounded begin |------------------*/
div
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}


.box1-generic
{
	border-right: #b7cceb 1px solid;
	border-top: #b7cceb 1px solid;
	border-left: #b7cceb 1px solid;
	color: #333333;
	border-bottom: #b7cceb 1px solid;
	/*ZOOM: 1;*/
	background-color: #f2f6fc;
}

.cr-rnd .cr-nw {
	BACKGROUND: #fff; FONT: 0px/0 arial; WIDTH: 2px; POSITION: relative; HEIGHT: 2px
}
.cr-rnd .cr-ne {
	BACKGROUND: #fff; FONT: 0px/0 arial; WIDTH: 2px; POSITION: relative; HEIGHT: 2px
}
.cr-rnd .cr-sw {
	BACKGROUND: #fff; FONT: 0px/0 arial; WIDTH: 2px; POSITION: relative; HEIGHT: 2px
}
.cr-rnd .cr-se {
	BACKGROUND: #fff; FONT: 0px/0 arial; WIDTH: 2px; POSITION: relative; HEIGHT: 2px
}
.cr-rnd .cr-nw {
	CLEAR: both; MARGIN-RIGHT: auto
}
.cr-rnd .cr-sw {
	CLEAR: both; MARGIN-RIGHT: auto
}
.cr-rnd .cr-ne {
	MARGIN-LEFT: auto
}
.cr-rnd .cr-se {
	MARGIN-LEFT: auto
}
.cr-rnd .bd
{
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.cr-rnd .dot
{
	border-top: #000 1px solid;
	font: 0px/0 arial;
	width: 1px;
	position: relative;
	height: 1px;
}
.cr-rnd .cr-nw .dot {
	LEFT: 1px; TOP: 1px
}
.cr-rnd .cr-ne .dot {
	LEFT: 0px; TOP: 1px
}
.cr-rnd .cr-sw .dot {
	LEFT: 1px; TOP: 0px
}
.cr-rnd .cr-se .dot {
	LEFT: 0px; TOP: 0px
}
.cr-rnd .cr-ne {
	TOP: -2px
}
.cr-rnd .cr-sw {
	TOP: 2px
}
.cr-rnd-border
{
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	border-left: #000 1px solid;
	border-bottom: #000 1px solid;
}
/* ne treba */
.cr-rnd-border .cr-nw {
	LEFT: -1px; TOP: -1px
}
.cr-rnd-border .cr-ne {
	LEFT: 1px; TOP: -3px
}
.cr-rnd-border .cr-sw {
	LEFT: -1px; TOP: 3px
}
.cr-rnd-border .cr-se {
	LEFT: 1px; TOP: 1px
}
/**********************/

.box1 .dot
{
	border-left-color: #b7cceb;
	border-bottom-color: #b7cceb;
	border-top-color: #b7cceb;
	border-right-color: #b7cceb;
}
.box1 .cr-nw {
	LEFT: -1px; TOP: -1px
}
.box1 .cr-ne {
	RIGHT: -1px; TOP: -3px
}
.box1 .cr-sw {
	LEFT: -1px; TOP: 3px
}
.box1 .cr-se {
	RIGHT: -1px; TOP: 1px
}

.box2
{
	width: 100%;
	position: relative;
	background-color: #3b5998;
}
.box2 .dot
{
	border-left-color: #3b5998;
	border-bottom-color: #3b5998;
	border-top-color: #3b5998;
	border-right-color: #3b5998;

}
/*----------- End of Div rounded -----------------------------*/

.entry
{
	margin: 15px 8px 30px 12px;
	padding: 0;
	width: 430px;
}

.entry-title {
margin: 0;
padding: 0;
}

.entry h3 {
margin: 0 0 8px 0;
padding: 0;
color: #fd7303;
}

.entry h3 a {
border: none;
color: #fd7303;
}

.entry h3 a:hover {
border: none;
color: #fb994a;
}
/*************************/

#horosmenu_hr {
position:relative;
width:120px;
height:169px;
background:transparent url(../Images/horoskop-znakovi-offb.jpg);
overflow:hidden;
margin:0 auto;

}

#horosmenu_hr ul {
margin:0;
padding:0;
}

#horosmenu_hr li {
list-style-type:none;
width:40px;
height:42px;
display:inline;
}

#horosmenu_hr a {
display:block;
float:left;
width:40px;
height:0;
overflow:hidden;
color:#000;
text-decoration:none;
padding-top:42px;
background:transparent url(../Images/horoskop-znakovi-on2b.jpg) no-repeat 500px 500px;
}


#horosmenu_hr a#item1:hover {background-position: 0 0; z-index:50;}
#horosmenu_hr a#item2:hover {background-position: -40px 0; z-index:50;}
#horosmenu_hr a#item3:hover {background-position: -80px 0; z-index:50;}
#horosmenu_hr a#item4:hover {background-position: 0 -40px; z-index:50;}
#horosmenu_hr a#item5:hover {background-position: -40px -40px; z-index:50;}
#horosmenu_hr a#item6:hover {background-position: -80px -40px; z-index:50;}
#horosmenu_hr a#item7:hover {background-position: 0 -84px; z-index:50;}
#horosmenu_hr a#item8:hover {background-position: -40px -84px; z-index:50;}
#horosmenu_hr a#item9:hover {background-position: -80px -84px; z-index:50;}
#horosmenu_hr a#item10:hover {background-position: 0 -126px; z-index:50;}
#horosmenu_hr a#item11:hover {background-position: -40px -126px; z-index:50;}
#horosmenu_hr a#item12:hover {background-position: -80px -126px; z-index:50;}

/***************************************/
.inputsubmit
{
	border-right: #0e1f5b 1px solid;
	border-top: #d9dfea 1px solid;
	font-size: 0.69em;
	border-left: #d9dfea 1px solid;
	color: #ffffff;
	border-bottom: #0e1f5b 1px solid;
	font-family: "lucida grande" , tahoma, verdana, arial, sans-serif;
	background-color: #3b5998;
	text-align: center;
}
/********************************************
********************************************/


body, input, select, textarea
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333;
}
/**********************/
* 		{ margin: 0; padding: 0; }
html
{ 
height: 100%;
margin-bottom: .1em;
font: 62.5%/1.5 Verdana, sans-serif;
color: #fff; 
/*background-image: url(../Images/bg_b.gif);*/
}



body	
{
	font-size: 100.1%;
}

#sizer
{
    width: 100%;
    min-width: 980px; /*background: url(../Images/bg_sl1.jpg) no-repeat 0 0;*/
    background-position: 0px 0px;
    background-image: url('../Images/bg_sl3a.jpg');
    background-color: #01131f;
    background-position: 60% -7%;
    background-repeat: repeat-x;
}

table	{ font-size: inherit; }

a img,
fieldset			{ border: 0; }
a
{
	color: #0099cc;
}
a:hover				{ text-decoration: none; }

:focus				{ outline: none; }

.grid
{
	width: 960px;
	margin: 0 auto;
}
.grid:after
{
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: .01em;
	clear: both;
	visibility: hidden;
}

/************************

	MASTHEAD, NAVIGATION, FOOTER AND BRANDING
	
************************/

#header .header-master-grid
{
	/*background: url(i/header/logo.png) no-repeat 0 0; */
	background-color: transparent;
}

#sky
{
	width: 100%;
	height: 100px;
	overflow: hidden;
}
#sky .grid			{ background: none; }

#logo
{
    background-position: 0 0;
    float: left;
    background-color: transparent;
    margin-top: 10px;
    background: url(i/header/logo.png) no-repeat 0 0;
}
#logo a
{
	display: block;
	width: 206px;
	height: 100px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}
#header-leaderboard
{
	float: right;
	display: inline;
	width: 728px;
	height: 90px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

/*** MAIN HORIZON DIVSET ***/

#horizon
{ 
	float: left;
	margin-top: 8px;
	width: 960px;
	height: auto;
	/****background: url(i/header/toolbar-top.png) no-repeat 0 0;*/
	/*background: url(i/header/horizon-2.png) no-repeat 0 0;*/
}

#horizon .grid		{  }

.horizon-1
{
	/****background: url(i/header/toolbar-top-logged-out.png) no-repeat 0 0 !important;*/ /*background: url(i/header/horizon-1.png) no-repeat 0 0 !important;*/
	background-color: #042B42;
	/*filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;*/

}


#dboard-loggedout
{
	float: left;
	width: 590px;
	padding: 10px 15px;
	font-family: 'Trebuchet MS' , 'Trebuchet' , sans-serif;
	overflow-x: hidden z;
	/*z-index: 1;
	position: absolute;*/
}
#headerpart2
{
 
}
#dboard-loggedout h2
{
	float: left;
	width: 240px;
	padding: 14px 10px 0 0;
	font-weight: normal;
	font-size: 1.2em;
	color: #fff;
	text-align: right;
}
#dboard-loggedout h2 strong { color: #ff6c00; }
#dboard-loggedout ol
{
	float: left;
	width: 320px;
	padding-left: 20px;
	background: url(i/common/strelice.gif) no-repeat 0 50%;
}
#dboard-loggedout li
{
	list-style: none;
	padding: 5px 0 0;
	font-style: italic;
	font-size: 1.1em !important;
	color: #ffffff;
}
#dboard-loggedout li.first-child    { padding: 0 0 5px; }
#dboard-loggedout li a      { position: relative; }

/*** USER TOOLBAR ***/

#user-toolbar
{
    float: left;
    width: 545px;
    
}
#user-greet				{ float: left; width: 186px; padding: 12px 15px; }
 
#my-avatar				{ position: relative; display: block; padding: 0 0 2px 50px; text-decoration: none; color: #a6a6a6; }
#my-avatar img			{ position: absolute; left: 0; top: 1px; width: 30px; height: 30px; padding: 2px; background: url(i/toolbar/avatar-frame.gif) no-repeat 0 0; }
#my-avatar em			{ font-style: normal; color: #00bff3; }
#my-avatar:hover em		{ color: #ff6c00 !important; }

#mailbox-status			{ display: block; padding-top: 4px; margin-left: 45px; line-height: 1em !important; text-decoration: none; color: #fff; background: url(i/toolbar/mailbox.gif) no-repeat -141px 0; }
#mailbox-status span	{ display: block; padding: 0 0 5px 27px; background: url(i/toolbar/mailbox.gif) no-repeat 0 100%; }
#mailbox-status em		{ font-style: normal; color: #00bff3; }
#mailbox-status:hover	{ }

.you-have-messages a#mailbox-status			{ position: relative; background: url(i/toolbar/mailbox.gif) no-repeat -423px 0; }
.you-have-messages a#mailbox-status span	{ background: url(i/toolbar/mailbox.gif) no-repeat -282px 100%; }
.you-have-messages a#mailbox-status span em	{ color: #fff; }

/* user tools */

#user-toolbar-nav					{ float: right; width: 370px; height: 39px; padding: 10px 0 5px; }
#user-toolbar-nav li				{ list-style: none; float: left; display: inline; background-position: 50% 100%; background-repeat: no-repeat;}
#user-toolbar-nav li a				{ position: relative; display: block; height: 38px; padding: 0 10px; outline: none; text-indent: -9999px; overflow: hidden; }

#dodaj-surf-link		{ background-image: url(i/toolbar/dodaj-surf.gif); }
#moji-surfovi-link		{ background-image: url(i/toolbar/moji-surfovi.gif); }
#uredi-profil-link		{ background-image: url(i/toolbar/uredi-profil.gif); }
#kontrolna-ploca-link	{ background-image: url(i/toolbar/kontrolna-ploca.gif); }
#odjavi-se-link			{ background-image: url(i/toolbar/odjavi-se.gif); }
#pomoc-link				{ background-image: url(i/toolbar/pomoc.gif); }

#dodaj-surf-link	  a  { width: 47px; }
#moji-surfovi-link	  a  { width: 53px; }
#uredi-profil-link	  a  { width: 50px; }
#kontrolna-ploca-link a  { width: 69px; }
#odjavi-se-link		  a  { width: 40px; }
#pomoc-link			  a  { width: 25px; }

/*** SEARCH ***/

#search
{
    float: left;
    position: relative;
    width: 345px;
    
    padding: 1px;
    margin-right: 4px;
}
#search form								{ }
#search legend								{ display: none; }
#search fieldset							{ float: left; width: 300px; padding-bottom: 2px; background: url(i/common/search-form-bottom.gif) no-repeat 0 100%; }
#search fieldset .field                     { float: left; width: 298px; padding: 2px 0 0; background: url(i/common/search-form-top.gif) no-repeat 0 0; z-index: 2000; }
#search fieldset .input_text 				{ float: left; display: inline; width: 240px; margin: 2px 0 0 5px; padding: 0 0 0 10px; font-size: 1.4em; background: url(i/common/input-search.gif) repeat-x 0 -2px; border: 0; }
#search fieldset .input_image				{ float: right; display: inline; height: 2.1em; width: 39px; font-size: 1em !important; margin-right: 2px; }

/* #search-filters-toggler                     { clear: both; padding: 0 5px; text-align: right; } */

#search #search-filters-toggler	    { float: left; display: inline; margin: 0 0 0 2px; line-height: 0; outline: none; }
#search #search-filters-toggler a	{ display: block; width: 29px; height: 25px; background: url(i/common/search-filter-toggler.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }

#search-filters						{ position: absolute; top: 21px; right: 1px; width: 144px; height: 18px; padding: 53px 15px 13px; background: url(i/common/search-filters.gif) no-repeat 0 100%; z-index: 2001; }
#search-filters .label_check		{ float: left; width: 65px; text-transform: uppercase; }
#search-filters .label_check input	{ margin-right: 3px; }

#label-advanced-vijesti				{ width: 75px !important; }
#label-advanced-surf				{ width: 65px !important; }


/*** MAIN NAV ***/

#main-nav ul
{
    float: left;
    width: 950px;
    padding: 0 0 0 10px;
}

#b-naslovnica #main-nav ul
{
	padding-bottom: 12px;
	background: url(i/category-nav/bottom-border.gif) repeat-x 0 100%;
}

#main-nav li
{
	float: left;
	display: inline;
	position: relative;
	margin-right: 1px;
	list-style: none;
	
}
#main-nav li a
{
	float: left;
	padding-right: 1px;
	font: bold 1.2em/1 'Trebuchet MS' , Trebuchet, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	outline: none;
	text-decoration: none;
	
}
#main-nav li a span
{
    display: block;
    padding: 10px 7px 8px 8px;
}
	
#main-nav li a
{ 
	/*background: url(i/main-nav/tab-link-right.gif) no-repeat 100% 0;*/
background-color: #f0fff0; }
	
#main-nav li a span

{
	background-color: #f0fff0; 
	/*background: url(i/main-nav/tab-link-left.gif) no-repeat 0 0;*/
}

#main-nav li a:hover
{
	color: #fff;
	background-image: none;
	background-color: #cc3300;
}
#main-nav li a:hover span
{
	/*background-image: url(i/main-nav/tab-hover-left.gif);*/
	background-color: #cc3300;
}

#main-nav li.active
{ 
	position: relative;
	bottom: -12px;
	/*background: url(i/category-nav/active.gif) no-repeat 50% 100% !important;*/
 /*background-color: #006699; */
 }


#main-nav li.active a
{
	position: relative;
	top: -12px;
	color: #fff;
	/*background-image: url(i/main-nav/tab-active-right.gif) !important;*/
	cursor: default;
	background-color: #006699; }

#main-nav li.active a span
{
	/*background-image: url(i/main-nav/tab-active-left.gif) !important;*/
	background-color: #006699;
}

#main-nav li.m2-active a
{
	color: #fff;
	/*background-image: url(i/main-nav/tab-semiactive-right.gif) !important;*/
	border-bottom: 1px solid #363636;
	background-color: #006699;
}
#main-nav li.m2-active a span
{
	/*background-image: url(i/main-nav/tab-semiactive-left.gif) !important;*/
	background-color: #006699;
}

#main-nav li.m2-active a          { position: relative; bottom: -1px; }
#main-nav li.m2-active a span     { position: relative; margin-top: -1px; padding-bottom: 8px; }

#main-nav li.active-homepage-link
{
	position: relative;
	bottom: 0;
	padding-bottom: 12px;
	margin-bottom: -12px;
	/*background: url(i/category-nav/active.gif) no-repeat 50% 100%;*/
	/*background-color: #006699;*/
}
#main-nav li.active-homepage-link a
{
	color: #fff;
	/*background-image: url(i/main-nav/tab-active-right.gif) !important;*/
	cursor: default;
	background-color: #006699;
}
#main-nav li.active-homepage-link a span
{
	/*background-image: url(i/main-nav/tab-active-left.gif) !important;*/
	background-color: #006699;
}

/*** CATEGORY NAVIGATION ***/

#category-nav
{
	float: left;
	width: 960px;
	padding-top: 1px;
	background: url(i/category-nav/ul2.gif) no-repeat 0 0;
}
#category-nav ul
{
	float: left;
	width: 950px;
	padding: 0 0 0 10px;
}
#category-nav li
{
	list-style: none;
	float: left;
	display: inline;
	padding-right: 1px;
	background: url(i/category-nav/pipe.gif) no-repeat 100% 0;
}
#category-nav li a
{
	position: relative;
	display: block;
	font: 1.1em/1 'Trebuchet MS' , Trebuchet, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	outline: none;
	text-decoration: none;
}
#category-nav li a:hover	{ text-decoration: underline; }

#category-nav li a			{  }
#category-nav li a span
{
	display: block;
	padding-right: 11px;
	padding-left: 12px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#category-nav li.active 	    {  position: relative; margin-bottom: -6px; 
	margin-left: -1px; 
	padding-bottom: 6px; 
/*background: url(i/category-nav/active-dark2.gif) no-repeat 50% 100%;*/  
}

#category-nav li.active a
{
	text-decoration: none;
	background: url(i/category-nav/active-left2.gif) #660066 no-repeat 0px 100%;
	text-decoration: none !important;
	cursor: default;
}
#category-nav li.active a span
{
	padding-left: 11px !important;
	margin-left: 3px;
	background: url(i/category-nav/active-right2.gif) no-repeat 100% 100%;
}


/*** FOOTER ***/

#footer
{
	width: 960px;
	margin: 15px auto 0;
	font-family: 'Trebuchet MS' , Trebuchet, sans-serif;
}

#footer .footercol			{ float: left; width: 440px; padding: 15px 20px 20px; }
#footer .footercol p
{
	color: #ffffff;
}

#footer p					{ font-size: 12px; }

#footer a
{ 
	/*color: #00bff3;*/
color: #ffffff; }

#footer a:hover				{ color: #ff6c00 !important; }

#footer .grid
{
	margin: 0 auto;
	background: url(i/common/footergrid-guglcom-logo.gif) #004D71 no-repeat 100% 100%;
}

#footer #archive-box,
#footer #tour-box				{ position: relative; width: 430px; padding: 12px 25px 5px 25px; background: transparent none no-repeat 0 0; }

#footer #archive-box p,
#footer #tour-box p				{ padding: 2px 0 20px 85px; }

#footer #archive-box a,
#footer #tour-box a	
{
color: #00bff3;
}

#footer #archive-box
{
	/*background: url(i/icons/footer-archive.png) no-repeat 0 0 !important;*/
	background-image: none;
	background-color: #242424;
	background-image: none;
}

#footer #tour-box
{
	/*background: url(i/icons/footer-vodic.png) no-repeat 0 0 !important;*/
	background-image: none; 
	background-color: #242424;
	/* background-color: #3b5998;*/ 
	
}

#footer #tour-box h4,
#footer #archive-box h4			{ margin-bottom: .75em; font: normal 2.4em/1 'Trebuchet MS', Trebuchet, sans-serif; color: #00bff3; }

#footer #tour-box h4 a, 
#footer #archive-box h4 a		{ text-decoration: none; }

.archive-link span, .take-a-tour-link span
{
	display: block;
	position: absolute;
	width: 100px;
	height: 100px;
	left: 0;
	top: 0;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	
}

#footer-nav, #copyright
{
	color: #ffffff;
}

#footer-nav
{
	margin-top: 15px; 
	/*background: #212121 url(i/common/footernav-guglcom-logo.gif) no-repeat 100% 0;*/
	background-color: #032134;
}

#footer-nav p
{
	padding: 14px 20px 14px 110px;
	color: #ffffff;
	background: url(i/common/footer-guglcom-icon.gif) no-repeat 47px 9px;
}
#footer-nav a
{
	color: #f0f8ff;
}

#copyright
{
	padding: 10px 20px 40px !important;
	font-size: 1em !important;
	text-align: right;
	color: #d3d3d3;
}
#copyright a					{ color: #333; }
#copyright a:hover				{ color: #666 !important; }



/***********************************

	MAIN CONTENT COMMON PROPERTIES
	
************************************/


#content			{ }
#content .grid
{
	width: 960px;
	color: #000;
	background: #fff url(../CSS/i/categorybox/all-categories-shadow-top.gif) repeat-x 0 0;
}
#profiling-output	{ padding: 20px; color: #0f0; background: #000; font-size: 12px; }

#main-content
{
	float: left;
	clear: both;
	width: 615px;
	min-height: 25em;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 10px;
}
#side-content
{
	float: right;
	display: inline;
	width: 310px;
	padding: 10px 10px 10px 0;
}

#side-content #side-box
{
	margin: 0 !important;
	padding: 0 !important;
}

/*** GENERAL TYPOGRAPHY ***/

.calendar caption,
#content h1					{ margin-bottom: 10px; font: 2.4em/1.3 'Trebuchet MS', Trebuchet, sans-serif; }
#content h1 .subheadline	{ display: block; padding: 0 2px; color: #ff6c00; font-size: .5em; text-transform: uppercase; }
#content h1 em				{ font-style: normal; color: #ff6c00; }

.content-block li,
.content-block p			{ font-size: 1.2em; }

.content-block ul,
.content-block ol,
.content-block p			{ margin-bottom: 1.5em; }

.content-block li			{ list-style: square; margin-left: 20px; }

.content-block li strong,
.content-block p strong		{ padding: 0 2px; background: #ffe; }

.real-content h1			{ margin-bottom: 1em !important; }
.real-content h2			{ margin-bottom: 1.5em; font: 1.6em/1.2 'Trebuchet MS', Trebuchet, sans-serif; }
.real-content h3			{ margin-bottom: .75em; font: 1.2em/1.5 'Trebuchet MS', Trebuchet, sans-serif; color: #ff6c00; text-transform: uppercase; }

.real-content p,
.real-content li,
.real-content dt,
.real-content dd			{ font-size: 1.2em; }

.real-content p				{ margin-bottom: 1.5em; }
.real-content li			{ margin-left: 20px; }
.real-content ul li			{ list-style: square; }
.real-content p + ul		{ margin-top: -.9em; }

.code-block,
.real-content ul,
.real-content ol			{ margin-bottom: 1.8em; }

.code-block					{ padding-left: 15px; border-left: 5px solid #eee; }
.code-block code			{ font-size: 12px; color: #060; }

code.var { color: #006600; font-size: 12px; background-color: #ffc; padding: 0 1px; }
code.val { color: #006600; font-size: 12px; background-color: #ffc; padding: 0 1px; }

/*** H1s ***/

.category-listing-h1	{ position: absolute; left: -9999px; top: -9999px; }

#b-my-entries-link h1		{ float: left; width: 100%; }



/*********************************

	LISTING FILTERS AND SWITCHERS
	
*********************************/

#b-system-entries-link #main-content .filter li,
#b-user-entries-link #main-content .filter li,
#b-category-link #main-content .filter li	{ list-style: square !important; background: red; }

#listing-filter-wrapper 					{ position: relative; float: left; display: inline; clear: both; height: 22px; width: 614px; margin-left: -8px; background: url(i/homepage/list-filter-border-bottom.gif) repeat-x 100% 100%; }
#listing-filter-wrapper .criteria-switcher	{ right: 0 !important; top: 0 !important; }

.criteria-switcher			    { position: absolute; top: 1px; right: 0; width: 142px; padding-right: 6px; }
.criteria-switcher li		    { float: left; display: inline; height: 20px; margin: 0 2px 0 0; list-style: none !important; }
.criteria-switcher li a,
.criteria-switcher li strong	{ display: block; height: 20px; text-indent: -9999px; overflow: hidden; }

.by-popularity-link,
.by-popularity-active		    { width: 85px !important; }

.by-popularity-link	a		    { background: #9b9b9b url(i/homepage/popular-link.gif) no-repeat 0 0; }
.by-popularity-active a,
.by-popularity-active strong    { background: #ff6c00 url(i/homepage/popular-active.gif) no-repeat 0 0; }
                                          
.by-date-link,                            
.by-date-active				{ width: 53px !important; }

.by-date-link a				{ background: #9b9b9b url(i/homepage/new-link.gif) no-repeat 0 0; }

.by-date-active a,
.by-date-active strong		{ background: #ff6c00 url(i/homepage/new-active.gif) no-repeat 0 0; }

.by-popularity-link a:hover,
.by-date-link a:hover       { background-color: #00bff3; }




.surf-only-link,
.surf-only-active				{ display: block; width: 109px; height: 22px; text-indent: -9999px; overflow: hidden; background-color: #ff6c00; }
.surf-only-link:hover,
.surf-only-active:hover		    { background-color: #00bff3; }

.surf-only-off 	{ background-image: url(i/homepage/surf-only-off.gif) }
.surf-only-on 	{ background-image: url(i/homepage/surf-only-on.gif); background-color: green !important; }

#b-system-entries-link .news-list,
#b-user-entries-link .news-list,
#b-category-link .news-list 	{ float: left; display: inline; clear: both; width: 600px; padding: 0 5px 10px 7px; margin-left: -8px;
    border: 1px solid #dedede; border-width: 0 1px 5px; }


/**********************

	ENTRY LISTINGS
	
**********************/

.news-item						{ margin-bottom: 0; list-style: none !important; float: left; width: 600px; min-height: 60px; padding: 10px 0 14px; border-bottom: 1px dotted #b2b2b2; background: #fff; }
#b-view-link .news-item			{ border: 0; }
#dupes .news-item				{ border-top: 1px dotted #b2b2b2; border-bottom: 0; }
.news-item dl,
.news-item #entry-assets		{ float: left; display: inline; width: 545px; margin-left: 50px; }
.news-item .interactivity		{ float: left; width: 44px; margin: 0 0 0 -597px; padding-top: 5px; }

/* entry interaction widget */

.news-item .interactivity li	{ list-style: none !important; }

.news-item .points				{ width: 42px; margin-left: 1px; padding: 2px 0 !important; text-align: center; background: url(i/icons/points.gif) no-repeat -126px 0; }
	.points							{ font: bold 1.1em/1.3 'Trebuchet MS', Trebuchet, sans-serif !important; text-align: center; }
	.points a						{ text-decoration: none; }
	
	.user-entry .points			{ color: #fff; background-position: -84px 0 !important; }
	.system-entry .points		{ color: #0c3f80; }

.news-item .vote,
.news-item .voted,
.sunk .voted					{ background: url(i/e/vote-button.gif) no-repeat 0 0; }

.news-item .voted				{ background-position: -88px 0 !important; }
.sunk .voted					{ background-position: -132px 0 !important; }

.news-item .vote a,
.news-item .voted span			{ display: block; width: 44px; height: 30px; text-indent: -9999px; overflow: hidden; }
.news-item .vote a:hover		{ background: url(i/e/vote-button.gif) no-repeat -44px 0; }


/* entry content */

.news-item h1,
.news-item dt			{ float: left; width: 545px; margin-bottom: 10px; font: 2.1em/1.3 "Trebuchet MS", Trebuchet, sans-serif !important; }

.news-item h1 a,
.news-item dt a			{ text-decoration: none; color: #000 !important; border-bottom: 1px dotted #ff6c00; }

.news-item h1 a:hover,
.news-item dt a:hover 	{ color: #00bff3 !important; border-bottom: 1px solid #00bff3; }

.news-item h1 a:visited,
.news-item dt a:visited	{ color: #666 !important; border-bottom-color: #ccc; }

.news-item .abstract		{ font-size: 1.2em; }

.news-item .meta			{ position: relative; float: right; width: 525px; padding: 10px 20px 0 0; line-height: 18px; color: #aaa; }

.news-item .meta .sink				{ position: absolute; right: 0; top: 10px; height: 15px; width: 1px; padding-left: 25px; margin-left: 20px; text-indent: -9999px; overflow: hidden; background: url(i/e/vote-button.gif) no-repeat -176px 3px; }
.news-item .meta .comments			{ padding-left: 18px; background: url(i/icons/bubble.gif) no-repeat 0 2px; }
.news-item .meta .origin,
.news-item .meta .date              { color: #aaa !important; }
.news-item .meta .share-trigger		{ padding-left: 18px; background: url(i/icons/envelope.gif) no-repeat 0 3px; }
.news-item .meta .edit-trigger		{ color: #ff6c00; }


/*** SPONSORED ITEM ***/

.sponsored .points				    { background: url(i/icons/points.gif) no-repeat -168px 0; }
.sponsored h1 a,
.sponsored dt a                     { border-bottom-color: #c8c595; }
.sponsored-label                    { color: #999; font-style: italic; font-size: .9em; font-family: 'Trebuchet MS', Trebuchet, sans-serif; text-transform: uppercase; }
.sponsored .meta a                  { color: #c8c595; }

/* if entry has image */

.has-image div,
.has-image dd		{ float: right; width: 455px; }
.has-image .meta	{ float: right; width: 435px; }

/*
.news-image			{ float: left !important; width: 79px !important; margin: 0 8px .2em 0;  background: #fff; }
.news-image a		{ float: left; width: 77px; line-height: 0; border: 1px solid #ccc; }
.news-image a img	{ float: left; width: 75px; border: 1px solid #fff; }
*/

.news-image			{ float: left !important; width: 81px !important; height: 81px; padding: 0; margin: 0; background: url(i/categorybox/thumb-frame.gif) no-repeat 2px 2px; }
.news-image a		{ float: left; width: 76px; height: 76px; padding: 1px 4px 4px 1px; }
.news-image a img	{ float: left; width: 75px; height: 75px; border: 1px solid #fff }


/* sunk content (lighten it up) */

.sunk dd						{ display: none; }
.sunk dt 						{ width: 545px; padding-top: 3px; font-size: 1.8em; }
.sunk dt * 						{ color: #ccc; }
.sunk dt a,
.sunk dt a:visited					{ color: #ccc !important; border-bottom-color: #ccc; }
.sunk dt a:hover					{ color: #00bff3 !important; border-bottom-color: #00bff3; }
.sunk .interactivity li 			{ display: none; }
.sunk .interactivity li.voted 		{ display: list-item; }



/*** RELATED ENTRIES (those are late to a party, so they need a parent article) ***/

.related-entries 				{ clear: both; width: 550px; padding: 20px 0 0; margin-left: 50px; }
.related-entries h3				{ padding: 0 0 2px 20px; margin-bottom: 5px; font: 1.1em/1.5 'Trebuchet MS', Trebuchet, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #ff6c00; border-bottom: 1px solid #eee; background: url(i/icons/related-h3.gif) no-repeat 4px 4px; }
.related-entries li				{ list-style: none; padding: 0 0 2px 20px; font-size: 1.1em; color: #aaa; background: url(i/icons/dropdown-n-close.gif) no-repeat -84px 0; }
.related-entries li strong		{ font-weight: normal; }
.related-entries li a:visited	{ color: #999; }

#b-view-link .related-entries	{ padding-bottom: 15px; }

#entry-extras div.ad			{ clear: both; width: 550px; padding: 10px 0 10px 50px; margin-bottom: 10px; background: #f6f5e0; }

li.ad   { list-style: none; }


/*********************

	ENTRY COMMENTS
	- comment list and form 
	
*********************/

#entry-comments						{ float: left; clear: both; width: 600px; }

#entry-comments a.avatar			{ background-image: url(i/e/avatar-frame-gray.gif); }

#commentlist						{ float: left; width: 600px; margin-bottom: 20px; }
#commentlist h3						{ float: left; width: 462px; min-height: 20px; padding: 10px 18px 18px 120px; font-size: 1.2em; background: url(i/e/comm-txt.gif) no-repeat -1800px 0; }
#commentlist h3 span				{ position: absolute; display: block; left: -9999px; width: 100px; height: 30px; }
#commentlist h3 a					{ float: right; font-weight: normal; }

#commentlist li						{ float: left; clear: both; width: 580px; list-style: none; }
#commentlist li dl					{ float: left; display: inline; margin-left: 50px; width: 530px; padding: 15px 0; border-bottom: 1px dotted #b2b2b2; }
#commentlist li dt					{ float: left; display: inline; width: 35px; margin-left: -50px; text-align: right; }
#commentlist li dd					{ float: right; width: 463px; }
#commentlist li dd.comm-author		{ float: left; display: inline; width: 60px; margin: 0; }

#commentlist li dd.comm-author .avatar      { float: left; width: 50px !important; height: 50px !important; padding: 3px; line-height: 0; }
#commentlist li dd.comm-author .avatar img  { width: 50px !important; height: 50px !important; }

#commentlist li dd.comm-body		{ margin-bottom: .9em; font-size: 1.2em; overflow: hidden; }
#commentlist li dd.comm-meta		{ }

#commentlist li dd.toplink			{ float: right; width: 200px; text-align: right; margin-top: -1.5em; }

#comments-errors,
#new-comment					{ clear: both; }

#new-comment					{ position: relative; }

#new-comment,
#new-comment fieldset,
#new-comment .field,
#new-comment .comm-field-bottom	{ float: left; background: url(i/e/comm-txt.gif) no-repeat 0 0; }

#new-comment					{ width: 600px; padding-top: 50px; }
#new-comment fieldset			{ width: 600px; background: none !important; }
#new-comment .field				{ padding: 0; margin-bottom: 5px; background-repeat: repeat-y !important; background-position: -600px 0 !important; }
#new-comment .comm-field-bottom	{ padding: 0 30px 30px; background: url(i/e/comm-txt.gif) no-repeat -1200px 100% !important; }

.comm-meta						{ color: #aaa; }

#new-comment .field label		{ position: absolute; left: -9999px; }
#new-comment .field textarea	{ width: 540px; border: 0; background: transparent; font: 1.2em /* 'Lucida Grande', */ Verdana, sans-serif; overflow: auto; }

#new-comment .input_image		{ float: right; display: inline; margin-right: 40px; }

/*** Comments notify tool ***/

.comments-notify				{ position: absolute; float: right; top: 0; right: 0; font-size: 1.2em; }
.comments-notify a				{ float: right; padding: 9px 20px 9px 30px; color: #ff6c00; background: url(i/e/comm-notify-icon.gif) no-repeat 0 8px; }
.turn-off a						{ color: #666 !important; }

/*** Comment form for NON registered users ***/

.call-to-action					{ border-top: 20px solid #fff; clear: both; background: url(i/e/comm-teaser.gif) no-repeat 0 100%; }

.call-to-action h2				{ padding: 55px 20px 15px 48px; font: normal 1.8em/1.2 'Trebuchet MS', Trebuchet, sans-serif; color: #ff6c00; background: url(i/e/comm-teaser.gif) no-repeat 0 0; }

.call-to-action	li,
.call-to-action	p				{ font-size: 1.2em; margin: 0; }

.call-to-action ul              { padding-bottom: 40px; }

.call-to-action	li		        { margin: 0 0 5px 68px; }
.call-to-action	p				{ padding: 0 20px 5px 48px; }





















/*************************

	ARCHIVE STUFF
	- pagination
	- breadcrumbs
	- et cetera
	
**************************/

/*** pagination ***/

.pagination					{ clear: both; padding: 20px 20px 20px 50px; margin: 0 auto; }
.pagination li				{ float: left; display: inline; list-style: none; padding: 0 1px; font: 1em/1.5 'Trebuchet MS', Trebuchet, sans-serif; text-transform: uppercase; }
.pagination li a			{ display: block; padding: 2px 7px; border: 1px solid #f3f3f3; }
.pagination li a:hover		{ color: #fff; background: #00bff3; border: 1px solid #00bff3; }
.pagination li strong		{ display: block; padding: 2px 7px; border: 1px solid #000; color: #fff; background: #000; }


/*** ARCHIVE ***/

.breadcrumbs			{ padding: 10px 2px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; }

.months-list 			{ overflow: auto; width: 596px; padding: 10px 2px; margin-bottom: 20px; border-top: 1px dotted #ccc; }
.months-list li			{ list-style: none; float: left; display: inline; width: 130px; padding-right: 10px; font-size: 1.2em; margin-bottom: 1em; }

.calendar 				{ clear: both; padding: 20px 0; margin: 0 0 1.5em; }

.calendar table			{ width: 600px; }
.calendar caption		{ }
.calendar th			{ width: 85px; text-transform: uppercase; border-bottom: 1px solid #ccc; }
.calendar td			{ border-bottom: 1px solid #eee; }

.calendar td a,
.calendar td strong		{ display: block; outline: none; }
.calendar td a:hover	{ color: #fff; background: #00bff3; }

.calendar th,
.calendar td a,
.calendar td strong		{ padding: 5px; text-align: center; font: 1.2em 'Trebuchet MS', Trebuchet, sans-serif; }

.calendar td strong		{ color: #fff; background: #1d1d1d; }










/*******************************

	SIDE BOX
	
******************************/

#side-box			        { float: right; display: inline; margin: 5px 15px 15px 0; width: 303px; }
#side-content #side-box    { float: left; display: inline; margin: 5px 0 15px 4px !important; }

#side-box h2		{ width: 303px; height: 61px; background: url(i/side-box/top-lista-h2.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }

#side-box 									{ }
#side-box h3								{ width: 303px; height: 37px; text-indent: -9999px; overflow: auto; }
#side-box .chart-table-wrapper				{ clear: both; padding: 13px; background: #404040 url(i/side-box/chart-table-bg.gif) repeat-x 0 0; }
#side-box .chart-table-wrapper table		{ width: 276px; table-layout: fixed; }
#side-box .chart-table-wrapper table th,
#side-box .chart-table-wrapper table td 	{ padding: 2px 5px; font-family: 'Trebuchet MS', Trebuchet, sans-serif; background: #535353; }
#side-box .chart-table-wrapper table td a	{ display: block; height: 100%; padding: 2px 5px; text-decoration: none; }
#side-box .chart-table-wrapper table td a:hover { background: #666; }

#side-box .chart-table-wrapper table th			{ text-align: right; width: 16px; font-weight: normal; color: #fff; }
#side-box .chart-table-wrapper table .source		{ text-align: left; padding: 0; }
#side-box .chart-table-wrapper table .status		{ text-align: center; width: 16px; }
#side-box .chart-table-wrapper table .percentage	{ text-align: center; width: 26px; color: #fff; }

#top-surfers h3		{ background: url(i/side-box/surferi-h3.gif); }
#top-partners h3	{ background: url(i/side-box/medijski-partneri-h3.gif); }

#top-surfers td a	{ color: #ff6c00; }
#top-partners td a	{ color: #00bff3; }

#side-box .chart-table-wrapper .no-stats			{ color: #fff; }












/***********************

 	MESSAGES

***********************/

.confirmation,
.no-results,
.warning,
.error,
.notice 		{ clear: both; overflow: auto; margin: 1.5em 0; padding: 1.8em 20px 0; border: 10px solid #fe0; background: #ffc; }

.no-results,
.warning		{ color: #369; }
.error			{ color: #f00; }
.confirmation,
.notice			{ color: #060; }

.warning h3,
.error h3,
.notice h3,
.confirmation h3 		{ margin: 0 0 .5em; font: normal 2.4em/1.2 'Trebuchet MS', Trebuchet, sans-serif; }

.warning p,
.error p,
.notice p,
.confirmation p,
.warning ul,
.error ul,
.notice ul 		{ margin: 0 0 1.5em; }

.warning p,
.error p,
.notice p,
.confirmation p,
.warning li,
.error li,
.notice li		{ font-size: 1.6em; }

.smallprint		{ font-size: .75em; }

.notice 		{ background-color: #060; border: 1px solid #333; }
.notice h3 		{ color: #333; }
.notice p 		{ color: #333; }

.error ul li 	{ list-style: square; color: white; }





/*************************

	FORMS
	
*************************/

.field								{ padding: 0 0 10px; }

textarea							{ overflow: auto; }

.add-entry-steps p					{ font-size: 1.2em; }

.add-entry-steps form fieldset 			{ float: left; width: 878px; border: 1px solid #ddd; clear: left; margin: 0 0 1.8em; padding: 20px; overflow: auto; }
.add-entry-steps form fieldset:after	{ content: "."; display: block; height: 0; line-height: 0; font-size: .01em; clear: both; visibility: hidden; }

.add-entry-steps form legend 		{ padding: 0 4px; color: #888; font-weight: normal; font-size: 1.4em; }
.add-entry-steps form legend span 	{ color: #888; }

.add-entry-steps form label 		{ display: block; float: none; font-size: 1.4em; font-weight: bold; margin: 0 0 .2em; }
.add-entry-steps form label span 	{ color: #888; font-weight: normal; }

.add-entry-steps form .input_text,
.add-entry-steps form textarea 		{ width: 865px; margin-bottom: 10px; font: 1.4em Verdana, sans-serif; border: 1px solid #69c; border-color: #666 #ccc #ccc #666; color: #369; padding: 3px 5px; background: #cef; }

.add-entry-steps form textarea		{ width: 865px; overflow: auto; }




/*** ADD LINK STEPS ***/

#b-submit-link #main-content		{ width: 920px; }

#choose-entry-category				{ overflow: hidden; }

#choose-entry-category li			{ float: left; width: 145px; height: 25em; padding: 5px 9px; margin: 0 10px 10px 0; font-size: 11px !important; list-style: none; border: 1px solid #eee; border-top-width: 5px; background: #f6f6f6; }
#choose-entry-category li *			{ font-size: 1em !important; }
#choose-entry-category li dt		{ font-size: 1em; margin-bottom: 3px; }

#choose-entry-category li dd li			{ font-size: 1em !important; height: auto; border: 0; padding: 0; margin: 0; }
#choose-entry-category li dd li label	{ padding: 2px; font-size: 1em !important; font-weight: normal; }


input.input_submit 			{ float: right; color: #fff; padding: 3px 5px; border: 1px solid #059bc4; border-color: #79dffb #059bc4 #059bc4 #79dffb; background: #00bff3; }
#cancel-dupe-submit			{ float: left; padding: 3px 5px; font-size: 1.4em; }


/*** MAIN CONTENT LOGIN FORM ***/

#main-content-login-form fieldset		{ float: left; width: 558px; border: 1px solid #ddd; clear: left; margin: 0 0 1.8em; padding: 20px; }

#main-content-login-form .field			{ float: left; width: 540px; clear: both; }
#main-content-login-form .field label	{ float: left; width: 150px; padding: 2px 10px 2px 0; font-size: 1.4em; text-align: right; }
#main-content-login-form .field .input_text 	{ width: 200px; font: 1.4em 'Lucida Grande', Verdana, sans-serif; border: 1px solid #69c; border-color: #666 #ccc #ccc #666; color: #369; padding: 3px 5px; background: #cef; }
#main-content-login-form .field .label-check	{ display: inline; width: 370px; padding-left: 160px; text-align: left; }
#main-content-login-form .submit-holder			{ width: 380px; padding: 0 0 0 160px; }
#main-content-login-form .input_submit			{ float: none; }

.input-hidden,
.input_hidden		{ position: absolute; left: -9999px; }


/*** LOGIN POPUP ***/

#login-dialog							{ width: 527px; padding-bottom: 45px; border: 0; background: url(i/login/bottom.png) no-repeat 50% 100%; }
#login-dialog form						{ width: 527px; padding-top: 65px; background: url(i/login/top.png) no-repeat 50% 0; }
#login-dialog fieldset					{ width: 327px; height: 169px; padding: 0 0 0 200px; margin: 0; border: 0; background: url(i/login/sides.png) no-repeat 50% 0; }

#login-dialog legend					{ display: none; }

#login-dialog .field					{ position: relative; width: 307px; margin-bottom: 25px; padding: 0 !important; }

#login-dialog label						{ float: left; display: inline; position: absolute; width: 180px; height: 34px; padding: 0 !important; left: -180px; text-indent: -9999px; overflow: hidden; }

#login-dialog .input-wrapper			{ display: block; width: 226px; height: 24px; padding: 5px 10px; background: url(i/login/input-border.gif) no-repeat 0 0; }
#login-dialog .input-wrapper input		{ width: 226px; border: 0; font-size: 20px; color: #313131; }

#login-dialog label.label-check				{ float: none; width: 305px !important; position: relative; top: -10px; left: 0; margin: 0 0 15px !important; padding-left: 2px; font-weight: bold; font-size: 1.1em; text-indent: 0 !important; color: #313131; }
#login-dialog label.label-check input		{ margin-right: 8px; }

#login-dialog .submit-holder				{ line-height: 0; padding: 0; margin: 0; }

#login-dialog .submit-holder .input_image		{ float: left; }
#login-dialog .submit-holder .register-link		{ float: left; padding: 1.3em 8px; }
#login-dialog .submit-holder .register-link a	{ font-weight: bold; color: #00bff3; }

	.jqmClose { position: absolute; display: block; width: 15px; height: 15px; text-indent: -9999px; overflow: hidden; text-align: left; background: url(i/icons/dropdown-n-close.gif) no-repeat 0 -19px; z-index: 5000; cursor: pointer; }
	.jqmClose:hover	{ background-position: -15px -19px !important; }

#login-dialog .jqmClose	{ top: 45px; right: 45px; }

/*** SEND TO FRIEND POPUP ***/

#friendsend						{ background: #f3f3f3 url(i/login/send2friend-grad.gif) repeat-x; border: 2px solid #fff; }
#form-friendsend				{ position: relative; }
#form-friendsend .field			{ padding-bottom: 5px; }
#friendsend fieldset 			{ width: 560px; padding: 15px 20px; overflow: hidden; }
#friendsend h3 					{ margin-bottom: .2em; color: #ff6c00; font-weight: normal; font-size: 1.1em; font-family: 'Trebuchet MS', Trebuchet, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
#friendsend label 		{ display: block; float: none; font-size: 1.2em; font-weight: bold; margin: 0 0 .2em; }
#friendsend label span 	{ color: #888; font-weight: normal; }
#friendsend-title-prefix	{ display: block; width: 429px; margin-bottom: .2em; color: #000 !important; font-size: 1.4em; }
#friendsend .input_text,
#friendsend textarea 		{ width: 429px; margin-bottom: 10px; font: 1.4em 'Lucida Grande', Verdana, sans-serif; border: 1px solid #69c; border-color: #666 #ccc #ccc #666; color: #369; padding: 3px 5px; background: #cef; }
#friendsend textarea		{ overflow: auto; }
#friendsend-msg-extra		{ width: 420px; height: 80px; padding: 10px; font: 1.4em/1.2 'Courier New', monospace !important; overflow: auto; background: #eee !important; border: 1px solid #ccc !important; }
#friendsend .jqmClose		{ top: 0; right: 0; }
#friendsend-response		{ float: left; font-size: 1.6em; color: #060; }
#friendsend-response .error-note	{ color: #f00; }
#friendsend-mailto			{ float: right; width: 97px; padding: 1px; background: #fff; }
#friendsend-mailto	a		{ display: block; width: 75px; padding: 10px 10px 100px; border: 1px solid #666; text-align: center; color: #000; background: url(i/icons/send-n-bookmark.gif) no-repeat -18px 100%; }
#friendsend-mailto	a:hover	{ color: #444; border: 1px solid #999; }


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow 	{ display: none; position: fixed; top: 10%; left: 50%; margin-left: -300px; width: 600px; background-color: #eee; color: #333; border: 1px solid black; padding: 12px; }
.jqmOverlay { background-color: #000; }













/*** ADS ***/

#side-ad 				{ clear: both; width: 300px; height: 250px; padding: 5px; margin-bottom: 10px; }
noscript.ad-noscript 	{ position: absolute; left: -9999px; }















/**************************

 	USER PROFILE PAGE

**************************/

#main-content .user-main-info					{ float: left; width: 590px; padding: 10px; border-bottom: 10px solid #fff; }
#main-content .user-main-info h1				{ float: right; width: 526px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
#main-content .user-main-info .avatar			{ float: left; padding: 3px; width: 50px; height: 50px; line-height: 0; background: url(i/e/avatar-frame-gray.gif) no-repeat; }
#main-content .user-main-info .avatar img       { width: 50px; height: 50px; }
#main-content .user-actions						{ float: right; width: 526px !important; color: #999; }

#main-content .source-main-info .favicon        { float: left; width: 16px; height: 16px; padding: 5px; margin-top: 3px; border: 3px solid #eee; }
#main-content .source-main-info .favicon img    { width: 16px; height: 16px; }               
#main-content .source-main-info h1              { float: right; width: 555px; }

#b-system-entries-link h1 span,
#b-user-entries-link h1	span	{ color: #00bff3; }

.user-stats					{ float: left; width: 610px; margin-bottom: 10px; background: #282828 url(i/up/stats-bottom.gif) no-repeat 0 100%; }
.user-stats-inner			{ float: left; width: 580px; padding: 10px 15px; background: url(i/up/stats-top.gif) no-repeat 0 0; }

div.graph					{ float: left; }

.user-stats table			{ float: right; width: 210px; border-collapse: collapse; }
.user-stats table th,
.user-stats table td		{ padding: 5px 2px; font: 1.1em/1.5 'Trebuchet MS', Trebuchet, sans-serif; text-transform: uppercase; text-align: left;  }
.user-stats table th		{ color: #999; }
.user-stats table td		{ text-align: right; color: #fff; }










/***********************

	HOMEPAGE SPRING 
	
***********************/


/*** slideshow ***/

#featured-news						{ float: left; clear: both; width: 960px; background: #252525 url(i/featured-news/featured-bg.gif) repeat-x 0 0; }
#featured-news #guglcom-flash		{ float: left; width: 960px; }
#featured-news p					{ padding: 20px; color: #fff; }


/*** CATEGORY BOXES ***/

#homepage-categories
{
	float: left;
	padding: 5px 10px;
	background: #fff url(i/categorybox/all-categories-shadow-top.gif) repeat-x 0 0;
}

.categorybox
{
	float: left;
	display: inline;
	width: 303px;
	overflow: hidden;
	margin: 5px;
}

.categorybox-double h2,
.categorybox h2			{ float: left; width: 302px; font: normal 1.1em/1 'Trebuchet MS', Trebuchet, sans-serif; text-transform: uppercase; background: url(i/categorybox/h2-bottom.gif) no-repeat 0 100%; }

.categorybox-double h2 a,
.categorybox-double h2 strong,
.categorybox h2 a		{ float: left; text-decoration: none; color: #fff; background: green url(i/categorybox/cat-tab-left.gif) no-repeat 0 0; }

.categorybox-double h2 a span,
.categorybox-double h2 strong span,
.categorybox h2 a span	{ float: left; padding: 6px 11px 4px 11px; background: url(i/categorybox/cat-tab-right.gif) no-repeat 100% 0; }

.categorybox-double h2 a span,
.categorybox h2 a span  { cursor: pointer; }

.categorybox-double h2 a:hover,
.categorybox h2 a:hover	{ color: #fff !important; background-color: #ff6c00 !important; }

.categorybox ul 		{ float: left; clear: both; width: 303px; padding-top: 4px; background: url(../CSS/i/categorybox/category-box-bottom.gif) no-repeat 0 100%; overflow: hidden; }

.categorybox li 					{ float: left; width: 303px; list-style: none; }
.categorybox li.more-link			{ width: 303px; }
.categorybox li.more-link a 		{ float: right; display: inline; width: 39px; height: 22px; margin-right: 29px; text-indent: -9999px; overflow: hidden; }
.categorybox li.more-link a:hover	{ background: url(i/categorybox/more-link-hover.gif) no-repeat 0 1px; }

.categorybox dl				{ float: left; display: inline; width: 275px; padding: 9px; margin: 0 5px 2px; background: #f6f6f6; }
.categorybox .sponsored dl	{ background: #f6f5e0 !important; }
.categorybox .entry-image	{ float: left; padding-top: 2px; }
.categorybox dt,
.categorybox .entry-meta	{ float: right; width: 247px; }

.categorybox dt				{ margin-bottom: .3em; font: 1.3em/1.2 'Trebuchet MS', Trebuchet, sans-serif !important; }
.categorybox dt a			{ display: block; font-weight: bold; color: #000; text-decoration: none; }
.categorybox dt a:hover		{ text-decoration: underline; }
.categorybox .entry-meta				{ font: 1.1em/1.8 Arial, Helvetica, sans-serif; color: #a6a6a6; }
.categorybox .entry-meta a				{ color: #ff6c00; }
.categorybox .entry-meta a.comments			{ color: #00bff3; text-decoration: none; }
.categorybox .entry-meta a.comments:hover	{ color: #000; }

.categorybox .first-child dl			{ width: 278px; padding: 4px 9px 9px 6px; }
.categorybox .first-child .entry-image			{ width: 81px; height: 81px; padding: 0; background: url(i/categorybox/thumb-frame.gif) no-repeat 2px 2px; }
.categorybox .first-child .entry-image a		{ float: left; width: 76px; height: 76px; padding: 1px 4px 4px 1px; }
.categorybox .first-child .entry-image a img	{ float: left; width: 75px; height: 75px; border: 1px solid #fff }
.categorybox .first-child dt,
.categorybox .first-child .entry-meta	{ width: 190px; }
.categorybox .first-child dt			{ padding-top: 5px; }

.categorybox .comments	{ padding-left: 16px; background: url(i/icons/comment-bubble.gif) no-repeat 0 2px; }

#reklame-overview h2 a			{ background-color: #c8c595; }
#zabava-overview h2 a {	background-color: #99cc66; }
#klub-overview h2 a			{ background-color: #c00; }
#slike-overview h2 a		{ background-color: #369; }
#video-overview h2 a			{ background-color: #160; }
#besplatno-overview h2 a		{ background-color: #999; }
#infoservisi-overview h2 a		{ background-color: #38f; }
#vijesti-overview h2 a			{ background-color: #f80; }
#surf-overview h2 a		{ background-color: #f00; }
#blog-overview h2 a	{ background-color: #f40; }
#forum-overview h2 a { background-color: #003399;}
#featured-surfs h2 a,
#featured-surfs h2 strong			{ background-color: #ff6c00; }
/***- ***/

#reklame-overview		{ float: right; padding-bottom: 5px; }
#reklame-overview h2 a	{ float: right; text-transform: none; }
#reklame-overview p		{ clear: both; padding: 0 1px; }
#northeast-banner 		{ margin: 0 !important; padding: 8px 1px !important; line-height: 0;  }

#slike-overview, #infoservisi-overview, #blog-overview
{
	clear: both;
}


#teaser         { border-top: 10px solid #fff; }
#teaser a img   { cursor: pointer; }



/*** FEATURED SURFS ***/

#featured-surfs							{ position: relative; float: left; clear: both; display: inline; overflow: hidden; width: 616px; margin: 5px 5px 0 15px; padding-bottom: 15px; }

#featured-surfs .criteria-switcher		{ background: url(i/categorybox/h2-bottom-double.gif) no-repeat 0 100% !important; }

#featured-surfs h2						{ width: 613px; background: url(i/categorybox/h2-bottom-double.gif) no-repeat 0 100% !important; }
#featured-surfs ol						{ float: left; clear: both; padding: 4px 5px 0; width: 606px; margin: 0; background: url(i/categorybox/category-box-bottom-double9422.gif?v=20080319) no-repeat 0 100%; }
#featured-surfs ol li					{ float: left; width: 301px; margin: 0 0 4px 0; padding-bottom: 1px; list-style: none; background: #fff4eb url(i/homepage/featured-corners.gif) no-repeat 0 100%; }
#featured-surfs ol li.odd				{ float: left; clear: both; }
#featured-surfs ol li.even				{ float: right; }

#featured-surfs ol li.more-link		    { width: 606px; position: relative; margin: -3px 0 0; background: none !important; }
#featured-surfs ol li.more-link a		{ float: right; display: inline; width: 39px; height: 22px; margin-right: 24px; text-indent: -9999px; overflow: hidden; }
#featured-surfs ol li.more-link a:hover	{ background: url(i/categorybox/more-link-hover.gif) no-repeat 0 2px; }

#featured-surfs ol li dl				{ float: left; width: 284px; height: auto !important; height: 7em; min-height: 7.1em; padding: 7px 10px 7px 7px; background: #fff4eb url(i/homepage/featured-corners.gif) no-repeat 0 0; }

#featured-surfs dt						{ float: right; width: 245px; padding: 3px 0 2px; }
#featured-surfs dt a					{ font: bold 1.3em/1.2 'Trebuchet MS', Trebuchet, sans-serif; text-decoration: none; color: #000; }
#featured-surfs dt a:hover				{ text-decoration: underline; }

#featured-surfs dd.points				{ float: left; width: 28px; height: 28px; background: url(i/homepage/points.gif) no-repeat 0 0 !important; }
#featured-surfs dd.points a				{ display: block; padding: 5px 0 10px; color: #fff; }

#featured-surfs dd.item-meta			{ float: right; width: 244px; padding-bottom: 1px; font: 1.1em/1.4 Arial, Helvetica, sans-serif; color: #aaa; }
#featured-surfs dd.item-meta ul li		{ clear: both; width: 190px; margin: 0; }
#featured-surfs dd.item-meta a			{ text-decoration: none; }
#featured-surfs dd.item-meta a.comments { color: #00bff3; padding-left: 18px; background: url(i/homepage/comments.gif) no-repeat 0 .2em; }
#featured-surfs dd.item-meta a.source	{ color: #ff6c00; }
#featured-surfs dd.item-meta a:hover	{ color: #000 !important; }