/*
 SilverStripe Haze Theme
 Implemented by Rafał Hirsz (hirsz.mundusnovis.info)
 */

/**
  * Misc and defaults
   #102D4C -- tamno plava
   #B3161F -- logo crvena
   #C20D2E -- logo light crvena
   #354AC5 -- oxid plava
   #0063DC -- flickr plava
   #FF0084 -- flickr crvena
   #F2F7FB -- svetlo svetlo plava
  */

* {
	margin: 0;
	padding: 0;
}
html { background: #fff url(/patterns/grad-w.png) repeat-x 0px 100px; }

/* 
html { background: #fff url(/patterns/aqua-fg.png) repeat-x 0px 80px; }

html { background: #fff url(/patterns/swirl.jpg) repeat-x 0px 100px; } 
  html { background: #fff url(../images/bg.gif) repeat-x 0px -5px; } */
body {
	font-size: 75%;
	/* font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif; 
	color: #333;
	padding-top: 160px;
}
ul.tabstrip li.current a, ul.tabstrip li.sel a, ul.tabstrip li.over a, ul.tabstrip li a { color: #808080 !important; }
#Form_EditForm fieldset #OpenIDDescription p {
	background: none;
	padding: 0;
	color: #777;
}
.clear { clear: both; }

/**
  * The container
  */
#Container {
	 /* margin: 0 50px;  */
	 margin: 0 10%; 
}

/**
  * The header
  */
#Header {
	position: absolute;
	top: 0;
	width: 80%;
}
	#Header h1 {
		font-size: 2.5em;
		color: #9fa0a4;
	}

/**
  * Navigation
  */
#Navigation {
	position: absolute;
	top: 100px;
	z-index: 2;
}
	#Navigation ul {
		list-style: none;
	}
		#Navigation ul li {
			display: block;
			line-height: 3;
			float: left;
		}
			#Navigation ul li a {
				display: block;
				height: 3.0em;
				padding: 0 10px;
				font-size: 1.3em;
				text-decoration: none;
			}
				#Navigation ul li a span {
					text-align: center;
					text-transform: uppercase;
					font-weight: bold;
					color: #fff;
					color: #888;
				}
			#Navigation ul li :hover,
			#Navigation ul li .current {
				/* background: #fff url(../images/nav_selected.gif) repeat-x; */
				background: #fff url(/patterns/grad-bw.png) repeat-x;
				background: #fff url(/patterns/grad-w2.png) repeat-x;
				background: #fff url(/patterns/grad-w2p.png) repeat-x;
			}
				#Navigation ul li :hover span,
				#Navigation ul li .current span {
					background: none;
					color: #c1bfbf;
				    color: #B3161F; 
				    color: #ccc; 
				    color: #B3161F; 
				    color: #0063DC; 
				}


			#LayoutContainer{
			}
/**
  * Breadcrumbs
  */
#Breadcrumbs {
	color: #333;
	font-weight:bold;
}
	#Breadcrumbs p,
	#Breadcrumbs p a {
		color: blue;
	}
	#Breadcrumbs p :hover ,#Breadcrumbs p :visited{
		color: blue;
	}

/**
  * Main content
  */
#Wrapper {
	float: left;
	width: 100%;
}
	#Subcontent{
		background:transparent url(../images/bk_maincontent.jpg) repeat-y scroll 100% 0pt;
		min-height:500px;
		padding-right: 22px
	}

	#Sidebar + #Wrapper #Subcontent {
		/* margin-right: 192px; */
		margin-right: 242px;
	}

	#Subcontent a img {
		border: none;
	}

/**
  * Sidebars
  */
#Sidebar {
	/* margin-left: -170px;
	width: 170px; */

	margin-left: -220px;
	width: 220px;

	float: right;
	position: relative;
}
	#Sidebar ul {
		font-size: 1.1em;
		list-style: none;
		line-height: 2;
	}
		#Sidebar ul li a {
			color: blue;
			text-decoration: none;
			font-weight: bold;
			
			padding: 4px 8px;
			font-size: 0.9em;
			line-height: 1.5;
		}
		#Sidebar ul li a:hover,
		#Sidebar ul li a.current {
			background: #efdaec ;
			color: #9a9a9a;
		}
	#Sidebar .menu .menu li a {
		padding: 4px 17px;
		font-size: 1em;
	}
	
	#Sidebar .sidebarBox ul {
 		line-height: 1.2;
 		
  	}
  	#Sidebar .sidebarBox ul li{
 		border-top:1px solid #ccc;
 		margin: 10px 0px;
  	}

/**
  * The footer
  */
#Footer { padding-top: 15px; }
	#Footer p {
		font-size: 1.0em;
		color: #c0c0c0;
		text-align: center;
		line-height:1.5;
	}
		#Footer p a:link {
			color: #cccccc;
		}
		#Footer p a:visited,
		#Footer p a:hover {
			color: #333333;
		}