/******************************************************
*                                                     *
*   CSS file - http://www.zarazno.com/       			  	*
*   Copyright (c) Dobbin, 2008.               				*
*                                                     *
******************************************************/


/* BASE
------------------------------------------------------*/

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background: #314450 url("../images/bg.gif") repeat 0% 0%;
	font: normal 0.75em/145% Arial, Tahoma, sans-serif;
	color: #fff;
	text-align: center;
	padding: 25px 0px 25px 0px;
}

p
{
	margin: 0px 0px 10px 0px;
	line-height: 140%;
	color: #fff;
}

a
{
	outline: none;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

.hide
{
	display: none;
}

img
{
	border: 0px;
}

.padd-05
{
	padding: 5px;
}

.padd-10
{
	padding: 10px;
}

.padd-15
{
	padding: 15px;
}

.upper
{
	text-transform: uppercase;
}


/* CLEARING METHOD
------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* LAYOUT
------------------------------------------------------*/

#page-container
{
	width: 980px;
	margin: 0px auto;
	text-align: left;
}

#content-wrapper
{
	background-color: #29699d;
	padding: 10px;
}

#content-container
{
	background: url("../images/bg_content_container_bottom.gif") no-repeat 0% 100%;
}

#content-container .content-container-inner
{
	padding: 20px;
	background: url("../images/bg_content_container_top.gif") no-repeat 0% 0%;
}

#content
{
	width: 600px;
	float: left;
	background: url("../images/bg_content_title.jpg") no-repeat 0% 0%;
}
#content ol{margin-left:40px}
#content blockquote{margin-left:40px;margin-right:20px}

#sidebar
{
	width: 300px;
	float: right;
}


/* BRANDING
------------------------------------------------------*/

#branding
{
	height: 115px;
}

#branding h1
{
	float: left;
	padding-top: 20px;
}

#branding h1 a
{
	display: block;
	width: 211px;
	height: 48px;
	text-indent: -9999px;
	background-image: url(../images/logo2.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#branding img
{
	float: right;
}


/* ROOT NAVIGATION
------------------------------------------------------*/

#root-navigation ul
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
}

#root-navigation li
{
	float: left;
	margin: 0px 4px 0px 0px;
}

#root-navigation li a
{
	display: block;
	width: 130px;
	height: 37px;
	text-indent: -9999px;
}

#root-navigation li.nav-01 a {	background: url("../images/buttons/nav_blue.gif") no-repeat 0% 0%;	}
#root-navigation li.nav-02 a {	background: url("../images/buttons/nav_red.gif") no-repeat 0% 0%;	}
#root-navigation li.nav-03 a {	background: url("../images/buttons/nav_green.gif") no-repeat 0% 0%;	}
#root-navigation li.nav-04 a {	background: url("../images/buttons/nav_orange.gif") no-repeat 0% 0%;	}

#root-navigation li a:hover  {	background-position: 0% 100%;	}


/* LEVEL 1 NAVIGATION
------------------------------------------------------*/

#level-one-navigation
{
	padding: 10px 10px 10px 25px;
	background: url("../images/bg_level1_navigation.gif") no-repeat 0% 0%;
}

#level-one-navigation ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#level-one-navigation li
{
	float: left;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	background: url("../images/bg_level1_separator.gif") no-repeat 100% 50%;
}

#level-one-navigation li a
{
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
}

#level-one-navigation li a:hover, #level-one-navigation li.current a
{
	text-decoration: underline;
}


/* LEVEL 2 NAVIGATION
------------------------------------------------------*/

#level-two-navigation
{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#level-two-navigation ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#level-two-navigation li
{
	float: left;
	margin: 0px;
	margin: 0px 5px 0px 0px;
}

#level-two-navigation li.current
{
	background: url("../images/bg_level2_hover_right.gif") no-repeat 100% 50%;
}

#level-two-navigation li a
{
	display: block;
	font: normal 0.9em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
}

#level-two-navigation li.current a
{
	background: url("../images/bg_level2_hover_left.gif") no-repeat 0% 50%;
}

#level-two-navigation li a:hover
{
	text-decoration: underline;
}


/* CONTENT
------------------------------------------------------*/

#content.detail-view
{
	background: url("../images/bg_content_inside.jpg") no-repeat 0% 0%;
}

#content h1
{
	font: bold 2.2em/160% Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0px 0px 15px 0px;
}
#content h1.naslov-igre{
	font-size: 1 em;
}
#content h2
{
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #daefff;
	text-transform: uppercase;
	margin: 15px 0px 5px 0px;
}

#content p
{
	font: normal 1.0em/160% Arial, Tahoma, sans-serif;
	color: #fff;
	margin-top:20px;
	margin-bottom:20px
}

#content strong
{
	color: #ffc939;
}
#content a{color: #ffc939;}
#content a:hover{color: #ffc939;}
#content .okvir{
	border: 3px solid #FFFFFF;
}

/* CRUMBTRAIL
------------------------------------------------------*/

#crumbtrail
{		
	font: normal 0.9em Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding-left: 15px;
	height: 30px;
	background: url("../images/bullet_01.gif") no-repeat 0px 3px;
}

#crumbtrail a
{
	color: #daefff;
	text-decoration: none;
}

#crumbtrail a:hover
{
	text-decoration: underline;
}


/* CONTENT NAVIGATION OPTIONS
------------------------------------------------------*/

#content-navigation-options
{
	width: 230px;
	float: right;
	margin-top: 20px;
	padding: 0px;
	list-style: none;
}

#content-navigation-options li
{
	float: right;
	margin: 0px 0px 0px 20px;
}

#content-navigation-options li.comments
{
	margin-left: 0px;
}

#content-navigation-options li a
{
	font: bold 0.9em Arial, Tahoma, sans-serif;
	color: #fff;
	padding-left: 17px;
	text-decoration: none;
	text-transform: uppercase;
}

#content-navigation-options li.bookmark a
{
	background: url("../images/buttons/icon_bookmark.gif") no-repeat 0% 50%;
}

#content-navigation-options li.comments a
{
	background: url("../images/buttons/icon_comments.gif") no-repeat 0px 2px;
	padding-left: 18px;
}

#content-navigation-options li a:hover
{
	text-decoration: underline;
}



/* CATEGORY LIST
------------------------------------------------------*/

#category-list
{
	margin: 20px 0px 5px 0px;
	background: #fff url("../images/bg_category_topic_list_bottom.gif") no-repeat 0% 100%;
}
#category-list3
{
	margin: 20px 0px 5px 0px;
	background: #fff url("../images/bg_category_topic_list_bottom.gif") no-repeat 0% 100%;
	font: normal 1em/130% Arial, Tahoma, sans-serif;
	color: #565656;
}
#category-list10
{
	margin: 20px 0px 5px 0px;
	background: #fff url("../images/bg_category_topic_list_bottom.gif") no-repeat 0% 100%;
	font: normal 1em/130% Arial, Tahoma, sans-serif;
	color: #565656;
}
#category-list3 p
{
	
	color: #565656;
}
#category-list10 p
{
	
	color: #565656;
}
#category-list3 #podaci
{
	
	color: #565656;
}
#category-list10 #podaci
{
	
	color: #565656;
}
#category-list3 #podaci td
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECE9D8;
	padding-top: 5px;
	padding-bottom: 5px;
}
#category-list3 strong
{
	color: #565656;
}
.centriraj
{
	text-align:center
}
#category-list2
{
	margin: 20px 0px 5px 0px;
	background: #fff url("../images/bg_category_topic_list_bottom.gif") no-repeat 0% 100%;
}
#category-list20
{
	margin: 20px 0px 5px 0px;
	background: #fff url("../images/bg_category_topic_list_bottom.gif") no-repeat 0% 100%;
}

#category-list .category-list-inner
{
	padding: 10px;
	background: url("../images/bg_category_topic_list_top.gif") no-repeat 0% 0%;
}
#category-list2 .category-list-inner
{
	padding: 10px;
	background: url("../images/bg_category_topic_list_top.gif") no-repeat 0% 0%;
}
#category-list20 .category-list-inner
{
	padding: 10px;
	background: url("../images/bg_category_topic_list_top.gif") no-repeat 0% 0%;
}
#category-list3 .category-list-inner
{
	padding: 20px 20px 20px 20px;
	background: url("../images/bg_category_topic_list_top.gif") no-repeat 0% 0%;
}
#category-list10 .category-list-inner
{
	padding: 20px 20px 20px 20px;
	background: url("../images/bg_category_topic_list_top.gif") no-repeat 0% 0%;
}
.category-row
{
	padding: 10px;
	background-color: #daefff;
	border-bottom: 1px solid #c3e1f9;
}

.alternate
{
	background-color: #fff;
	border: none;
}

.category-item
{
	width: 280px;
	float: left;
}
.category-item2{}

#content .category-item h2
{
	font: bold 0.9em Arial, Tahoma, sans-serif;
	margin: 0px;
	text-transform: none;
}
#content .category-item2 h2
{
	font: bold 0.9em Arial, Tahoma, sans-serif;
	margin: 0px;
	text-transform: none;
}

#content  .category-item h2 a
{
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #3d90d4;
	padding-right: 12px;
	background: url("../images/bullet_02.gif") no-repeat 100% 50%;
}
#content  .category-item2 h2 a
{
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #3d90d4;
	padding-right: 12px;
	background: url("../images/bullet_02.gif") no-repeat 100% 50%;
}

#content .category-item p
{
	font: normal 0.9em/130% Arial, Tahoma, sans-serif;
	color: #565656;
	margin: 4px 0px 0px 0px;
}
#content .category-item2 p
{
	font: normal 0.9em/130% Arial, Tahoma, sans-serif;
	color: #565656;
	margin: 4px 0px 0px 0px;
}

#content .category-item span
{
	color: #3d90d4;
}
#content .category-item2 span
{
	color: #3d90d4;
}

#content .category-item em
{
	font-style: normal;
	color: #ea6900;
}
#content .category-item2 em
{
	font-style: normal;
	color: #ea6900;
}

.category-item img
{
	float: left;
	margin: 0px 10px 3px 0px;
}
.category-item2 img
{
	float: left;
	margin: 0px 10px 3px 0px;
}


/* SIDEBAR
------------------------------------------------------*/

#sidebar h1
{
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #fff;
	padding: 10px 10px 11px 15px;	
	margin-top: 10px;
	background: url("../images/bg_sidebar_h1.gif") no-repeat 0% 0%;
}
#sidebar h1 a {
	color: #FFFFFF;
	text-decoration: none;
}


#sidebar .sidebar-container
{
	background: #fff url("../images/bg_sidebar_container.gif") no-repeat 0% 100%;
	padding: 10px;
}

#sidebar .category-item h2
{
	font: bold 0.9em Arial, Tahoma, sans-serif;
	margin: 0px;
	text-transform: none;
}

#sidebar  .category-item h2 a
{
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #3d90d4;
	padding-right: 12px;
	background: url("../images/bullet_02.gif") no-repeat 100% 50%;
}

#sidebar .category-item
{
	width: auto;
	float: none;
	padding: 10px;
	background-color: #daefff;
	border-bottom: 1px solid #c3e1f9;
}

#sidebar .alternate
{
	background-color: #fff;
	border: none;
}

#sidebar .category-item p
{
	font: normal 0.9em/130% Arial, Tahoma, sans-serif;
	color: #565656;
	margin: 4px 0px 0px 0px;
}

#sidebar .category-item span
{
	color: #3d90d4;
}

#sidebar .category-item em
{
	font-style: normal;
	color: #ea6900;
}


/* PAGING
------------------------------------------------------*/

#paging-container
{
	background: url("../images/bg_content_paging.gif") repeat-x 0% 0%;
	text-align: center;
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #bfdaf1;
	padding-top: 6px;
}

#paging-container a
{
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #3d90d4;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
}

#paging-container a.current
{
	color: #ea6900;
}

#paging-container .nav
{
	display: block;
	float: left;
	width: 38px;
	height: 26px;
	padding: 0px;
	margin-top: -6px;
	text-indent: -9999px;
	background: url("../images/buttons/paging_left.gif") no-repeat 0% 0%;
}

#paging-container .next
{
	float: right;
	background: url("../images/buttons/paging_right.gif") no-repeat 100% 0%;
}


/* CONTENT COMMENTS
------------------------------------------------------*/

#content-comments
{
	margin-top: 10px;
	background: #fff url("../images/bg_content_comments_bottom.gif") no-repeat 0% 100%;
}

#content-comments .content-comments-inner
{
	background: url("../images/bg_content_comments_top.gif") no-repeat 0% 0%;
	padding: 15px;
}

#content-comments p
{
	font: normal 0.9em Arial, Tahoma, sans-serif;
	color: #3d90d4;
	text-decoration: none;
	padding: 3px 0px 3px 10px;
	margin: 0px 0px 15px 0px;
	border-left: 1px solid #e2eef9;
}

#content-comments strong
{
	color: #ea6900;
}



/* PAGE FOOTER
------------------------------------------------------*/

#page-footer
{
	padding: 14px 5px 2px 5px;
	font: normal 0.9em Arial, Tahoma, sans-serif;
	color: #7fbced;
	text-transform: uppercase;
}

#page-footer ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#page-footer li
{
	float: left;
	margin: 0px;
	padding: 0px 12px 0px 12px;
	background: url("../images/bg_footer_nav_separator.gif") no-repeat 100% 50%;
}

#page-footer li.copyright
{
	float: right;
	background: none;
}

#page-footer li a
{
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #7fbced;
	text-decoration: none;
}

#page-footer li a:hover
{
	color: #fff;
	text-decoration: underline;
}
#content h1.naslov-igre {
	font-size: 1 em;
}
#content #igrica{margin: 0px auto;width:600px}
#content #forma{
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#content #forma p{margin-top:5px;margin-bottom:5px}
#content #forma fieldset{border:none}
#content #forma #naslov{
	padding:3px;
	border: 1px solid #006699;
}
#content #forma #url{padding:3px;border: 1px solid #006699;}
#content #forma #email{padding:3px;border: 1px solid #006699;}
#content #forma #ime{padding:3px;border: 1px solid #006699;}
#content #forma #tekst{padding:3px;border: 1px solid #006699;}
#content #forma #posalji{
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #FF6600;
	font-weight: bold;
	border: 1px solid #FF6600;
}