/*  -----------------------------------------------------
    
	INFO
	
	Project:				G17+
	Version:				1.0
	Last change:			--/--/--
	Author:					Milan Zivkovic
	Author URL:				http://www.designer.rs

	- - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	TABLE OF CONTENTS
   
	Reset CSS
	Generic
		Headings
		Tables
		Lists
		Forms
		Notifications
	Containers
		Widths
		Margins
		Header
			Navigation
		Content
			Page Specific
			Pagination
		Footer

	- - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	COLORS
	
	text		dark gray;
	links		red;
	headings	blue;
    
	----------------------------------------------------- */
	
	/*  =Reset
	----------------------------------------------------- */
	
	@import url("reset.css");
	
	
	/*  =Print
	----------------------------------------------------- */
	
	/*@import url("print.css") print;*/
		
		
	/*  =Generic
	----------------------------------------------------- */
	
	hr {
		border: none;
		border-bottom: 1px dotted #999;
		clear: both;
		color: #999;
		height: 1px;
		margin-bottom: 20px;
	}
	
	small,
	sub,
	sup {
		font-size: 10px;
	}
	
	big {
		font-size: 14px;
	}
	
	em,
	address {
		font-style: italic;
	}
	
	strong,
	label,
	th,
	dt {
		font-weight: bold;
	}
	
	blockquote {
		padding-left: 35px;
	}
		
	del {
		color: #999;
		text-decoration: line-through;
	}
	
	ins {
		color: #333;
		text-decoration: underline;
	}
	
	sub {
		vertical-align: sub;
	}
	
	sup {
		vertical-align: super;
	}
	
	code {
		font-family: "Lucida Console", Monaco, monospace;
	}
	
	#content .last {
		margin-right: 0!important;
		display: inline;
		/*overflow: hidden;*/
		position: relative;
		zoom: 1;
	}
		
	.hidden {
		display: none;
	}
	
	.floatleft {
		float: left;
	}
	
	.floatright {
		float: right!important;
	}
			
	.alt {
		background-color: #fafafa;
	}
	
	
	/*  =Links
	----------------------------------------------------- */
		
		#press a:link,
		#press a:visited {
			color: #888;
			display: block;
			padding-top: 65px;
			text-align: center;
		}
		
	#footer a:link,
	#footer a:visited {
		color: #333;
	}
	
	a:link,
	a:visited,
	#footer a:hover,
	#footer a:active,
	#footer p a:link,
	#footer p a:visited,
	#press a:hover,
	#press a:active,
	#content .button:hover {
		color: #0c66c7;
		text-decoration: none;
	}
	
	.more a:link,
	.more a:visited {
		color: #767e00;
	}
	
		a:hover,
		a:active,
		#footer p a:hover,
		#footer p a:active {
			text-decoration: underline;
		}
		
		#header a:link,
		#header a:visited {
			color: #555;
		}
		
	
		.sf-menu a {
			border-right: 1px solid #e7e7e7;
			padding: 5px 10px;
			text-decoration:none;
		}
		
			.sf-menu li li a {
				border: none;
				padding: 5px;
			}
			
		.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		}
		
		#header a:hover,
		#header a:active {
			color: #0c66c7;
			text-decoration: none;
		}
		
		#register a:link,
		#register a:visited,
		.featured a:link,
		.featured a:visited,
		h1#main-title a,
		h1#main-title span,
		h6.section-title span a:link,
		h6.section-title span a:visited {
			color: #fff;
		}
		
			#register a:hover,
			#register a:active {
				color: #eee;
			}
			
		#twitter .g17-media a:link,
		#twitter .g17-media a:visited {
			display: inline-block;
			float: right;
			height: 16px;
			margin-right: 5px;
			text-indent: -9999px;
			width: 16px;
		}
		
		.predsednistvo hr,
		.u-vladi-srbije hr {
			margin-bottom: 10px;
		}
		
	
	/*  =Headings
	----------------------------------------------------- */
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #555;
		font-weight: bold;
		text-align: left;
	}
	
	h1 {
		font-size: 24px;
	}
	
	h2 {
		font-size: 24px;
		line-height: 24px;
	}
	
		#main h2,
		#main h3 {
			font-weight: normal;
		}
	
		#footer h2 {
			margin-bottom: 10px;
			text-align: center;
			text-transform: uppercase;
		}
	
	h3 {
		font-size: 20px;
	}
	
	h4 {
		font-size: 18px;
	}
	
	h5 {
		font-size: 16px;
	}
	
	h6 {
		font-size: 14px;
	}
	
	.featured h2 {
		font-size: 17px;
		line-height: 20px;
		margin: 10px 15px;
	}
	
		h6.section-title {
			font-weight: normal;
			margin: 0 0 5px -10px;
			padding-left: 5px;
		}
			
		h6.section-title span,
		h1#main-title a,
		h1#main-title span {
			color: #fff;
			display: inline-block;
		}
		
		h6.section-title span {
			font-size: 14px;
			padding: 4px 10px 13px 0;
		}
		
		h1#main-title a,
		h1#main-title span {
			display: block;
			font-size: 17px;
			line-height: 17px;
			height: 50px;
			padding-top: 5px;
		}
		
		/*.page-inner h1#main-title span {
			padding: 7px 15px 14px 5px;
		}*/
		
	h1#main-title {
		clear: both;
		padding-left: 9px;
	}
	
	#info h1#main-title {
		margin: 370px 0 0 -9px;
		position: absolute;
	}
	
		#info h1#main-title a,
		#info h1#main-title span {
			height: 40px;
			padding: 8px 10px 7px 5px;
		}
	
	
	/*  =Tables
	----------------------------------------------------- */
	
	table {
	}
	
	caption {
		font-size: 10px;
		font-style: italic;
		text-align: center;
	}
	
		tr {
		}
		
			tr:hover {
			}
		
			th {
			}
		
			td {
			}
			
			td,
			th {
				padding: 0 5px;
			}
	
	
	/*  =Lists
	----------------------------------------------------- */
	
	ol,
	ul {
		padding-left: 10px;
	}
	
		ul li,
		#footer-menu ul li {
			padding-left: 15px;
		}
		
		.statut li {
			margin-bottom: 10px;
		}
		
		#blog ul,
		#footer-menu ul {
			margin: 0;
			padding: 0;
		}
		
			#blog ul {
				margin-bottom: 10px;
			}
		
			#blog li {
				border-bottom: 1px dotted #e6e6e6;
				padding: 5px 0 5px 15px;
			}
		
			#blog li.noborder {
				border-bottom: none;
			}
			
		#footer-menu li {
			background: none;
			float: left;
			margin: 20px 10px 20px 0;
			padding: 0;
			text-align: left;
			text-transform: uppercase;
			width: 120px;
		}
		
			#footer-mwnu a {
				font-weight: normal;
				margin-bottom: 5px;
				text-transform: uppercase;
			}
			
				#footer-menu ul li {
					float: none;
					margin-left: -15px!important;
					text-transform: none;
					width: auto;
				}
				
				#footer-menu .item57 {
					width: 140px;
				}
				
				#footer-menu .item58 {
					width: 110px;
				}
				
				#footer-menu .item59 {
					width: 85px;
				}
				
				#footer-menu .item61,
				#footer-menu .item62 {
					width: 60px;
				}
		
		
	/* =Forms
	----------------------------------------------------- */		

	form {
	}
	
		#content form label {
			color: #777;
			display: block;
			float: left;
			margin-right: 30px;
			text-align: right;
			width: 100px;
		}
	
		form p {
			overflow: hidden;
		}
		
		#content input,
		#content textarea {
			border: 1px solid #aaa;
			border-collapse: collapse;
			clear: right;
			padding: 5px;
		}
		
		#content fieldset {
			border: 1px solid #eee;
			margin-left: 10px;
			padding: 10px;
		}
		
			#content legend {
				margin: 0 5px;
				padding: 5px;
			}
			
			#content .button {
				border: none;
				height: 26px;
				margin-left: 10px;
				width: 87px;
			}
			
	/* fixmystreet form */
	
	#fixmystreet-answers {
		clear: both;
		overflow: hidden;
	}
	
		#fixmystreet-answers dt {
			font-weight: normal;
			padding-bottom: 10px;
		}
		
		#fixmystreet-answers dt,
		#fixmystreet-answers dd {
			border-left: 2px solid #e0e0e0;
			float: right;
			padding-left: 18px;
			text-align: left;
			width: 450px;
		}
		
		#fixmystreet-answers dd {
			margin-bottom: 18px;
		}
		
		#fixmystreet-answers .user {
			border: none;
			float: left;
			margin: 0;
			padding: 0;
			text-align: right;
			width: 100px;
		}
		
			#fixmystreet-answers .solved {
				border-color: #75b532;
			}
			
			#fixmystreet-answers .pale {
				color: #aaa;
			}
				
		.character-number {
			padding-left: 130px;
		}
		
			.character-number strong {
				color: #d00;
			}
		
		
	/* search form */
		
		.search input {
			background: none;
			border: none;
			color: #b9b8b8;
			font-weight: bold;
			margin: 5px 7px;
		}
		
			.search.focus input {
				color: #666;
				font-weight: normal;
			}
		
		.search #mod_search_searchword {
			width: 140px;
		}
		
		.search .button {
			cursor: pointer;
			display: inline-block;
			height: 20px;
			text-indent: -9999px;
			width: 20px;
		}
	
	/* login form */
	
	#login-form form {
		padding: 10px 10px 10px 15px;
	}
	
		#login-form .inputbox {
			width: 156px;
		}
		
		.logout .button {
			line-height: normal;
			height: auto;
		}

	
	/*  =Notices
	----------------------------------------------------- */

	.notice,
	#system-message {
		background: #f2f2f2;
		border: 1px dotted #eee;
		display: block;
		margin-bottom: 10px;
		padding: 10px;
	}
	
		#system-message,
		.failure {
			background-color: #fdf5f5;
			border-color: #e2a4a4;
			color: #a93232;
		}
	
		.success {
			background-color: #f5fdf5;
			border-color: #a4e2a4;
			color: #338120;
		}
	
		.update {
			background-color: #f5f5fd;
			border-color: #a4a4e2;
			color: #324ea9;
		}
	
	
	/*  =Containers
	----------------------------------------------------- */
	
	body {
		background: url(../images/bg-header.png) repeat-x;
		color: #333;
		font: 12px/18px Arial, Helvetica, sans-serif;
	}
	
	#container,
	#footer #footer-inner {
		margin: 0 auto;
		position: relative;
		text-align: left;
		width: 940px;
	}
	
		.col {
			display: inline;
			float: left;
			margin: 0 20px 30px 0;
		}
		
			.col-inner {
				margin-bottom: 30px;
			}
		
		.box {
		}

	
	/*  =Widths
	----------------------------------------------------- */
	
	.width_220 {
		width: 220px;
	}
	
	.width_300 {
		width: 300px;
	}
	
	.width_375 {
		width: 375px;
	}
	
	.width_460 {
		width: 460px;
	}
	
	.width_620 {
		width: 620px;
	}
	
	
	/*  =Margins
	----------------------------------------------------- */
	
	p,
	ul,
	ol,
	blockquote,
	table,
	fieldset {
		margin-bottom: 18px;
	}
	
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin-bottom: 10px;
	}
	
	#login-form p {
		margin-bottom: 5px;
	}
		
	#blog .more,
	#footer-menu ul {
		margin-top: 5px;
	}
	
	#footer-menu ul li,
	#info h1 + p,
	#ideas p {
		margin: 0;
	}
	
	
	/*  =Sprites
	----------------------------------------------------- */
	
	.brand,
	#main-menu .active,
	#user-menu,
	#login-form,
	.search,
	.featured,
	.section-title,
	.section-title span,
	.banner a,
	ul li,
	#footer-menu ul li,
	#press li,
	h1#main-title,
	h1#main-title a,
	h1#main-title span,
	#twitter,
	#twitter .g17-media a,
	#footer dd,
	.button,
	.button a:link,
	.button a:visited,
	.button input,
	.pagination li a,
	.pagination li strong,
	#content .button {
		background: url(../images/sprites.png) no-repeat;
	}
	
		ul li,
		#footer-menu ul li {
			background-position: -640px -454px;
		}
		
			#blog li {
				background-position: -640px -449px;
			}
	
		#main-menu .active {
			background-position: center 27px;
		}
		
		#user-menu {
			background-position: -97px -39px;
		}
			
		#login-form {
			background-position: left -449px;
		}
		
		.search {
			background-position: -220px -314px;
		}
		
		.search.focus {
			background-position: -220px -345px;
		}
		
		#featured1 {
			background-position: 0px -93px;
		}
		
		#featured2 {
			background-position: -220px -93px;
		}
		
		#featured3 {
			background-position: 0px -179px;
		}
		
		#featured4 {
			background-position: -220px -179px;
		}
		
		.section-title {
			background-position: -645px -330px;
		}
		
			.section-title span {
				background-position: right -265px;
			}
			
		#fixmystreet a {
			background-position: left -266px;
		}
		
		#docs a {
			background-position: -199px bottom;
		}
		
		#press #photo {
			background-position: -440px -91px;
		}
		
		#press #video {
			background-position: -546px -91px;
		}
		
		#press #audio {
			background-position: -440px -177px;
		}
		
		#press #news {
			background-position: -546px -177px;
		}
		
		h1#main-title {
			background-position: -645px -34px;
		}
		
			h1#main-title a,
			h1#main-title span {
				background-position: right -394px;
			}
			
		#twitter {
			background-position: -424px 108px;
		}
		
			#twitter #facebook {
				background-position: -97px top;
			}
		
			#twitter #flickr {
				background-position: -113px top;
			}
		
			#twitter #youtube {
				background-position: -129px top;
			}
		
		.button {
			background-position: -647px -365px;
		}
		
			.button a:link,
			.button a:visited,
			.button input {
				background-position: right -300px;
			}
			
		.pagination li a {
			background-position: -97px -16px;
		}
		
		.pagination li strong {
			background-position: -125px -16px;
		}
		
		#content .button {
			background-position: -189px -449px;
		}
	

	/*  =Header
	----------------------------------------------------- */

	#header {
		height: 85px;
		margin-bottom: 35px;
		text-transform: uppercase;
		background:url(../images/po.png) no-repeat;
	}
	
		#header .brand {
			float: left;
			height: 93px;
			text-indent: -9999px;
			width: 97px;
		}
		
		.search {
			clear: right;
			float: right;
			height: 31px;
			line-height: 31px;
			margin-top: 17px;
			width: 190px;
		}
		
		#login-form {
			display: none;
			height: 212px;
			position: absolute;
			right: 96px;
			text-transform: none;
			top: 22px;
			width: 189px;
			z-index: 1000;
		}
		
		#header #user-menu .button {
			background: none;
			border: none;
			text-transform: uppercase;
		}


	/*  =Navigation
	----------------------------------------------------- */
		
		#header #main-menu {
			font-size: 13px;
			margin: 50px 0 0;
			position: relative;
			z-index: 100;
		}
		
		/*** ESSENTIAL STYLES ***/
		.sf-menu, .sf-menu * {
			margin:			0;
			padding:		0;
			list-style:		none;
		}
		.sf-menu {
			line-height:	1.0;
		}
		.sf-menu ul {
			background: #f0efef;
			border: 1px solid #d9d9d9;
			border-top-color: #f0efef;
			position:		absolute;
			top:			-999em;
			width:			200px; /* left offset of submenus need to match (see below) */
		}
		.sf-menu ul li {
			line-height: 20px;
			text-transform: none;
			width: 100%;
		}
		.sf-menu li:hover {
			visibility:		inherit; /* fixes IE7 'sticky bug' */
		}
		.sf-menu li {
			background: none;
			float: left;
			height: 34px;
			padding: 0;
			position: relative;
		}
		.sf-menu a {
			display:		block;
			position:		relative;
		}
		.sf-menu li:hover ul,
		.sf-menu li.sfHover ul {
			left:			0;
			top:			33px; /* match top ul list item height */
			z-index:		99;
		}
		ul.sf-menu li:hover li ul,
		ul.sf-menu li.sfHover li ul {
			top:			-999em;
		}
		ul.sf-menu li li:hover ul,
		ul.sf-menu li li.sfHover ul {
			left:			200px; /* match ul width */
			top:			0;
		}
		ul.sf-menu li li:hover li ul,
		ul.sf-menu li li.sfHover li ul {
			top:			-999em;
		}
		ul.sf-menu li li li:hover ul,
		ul.sf-menu li li li.sfHover ul {
			left:			10em; /* match ul width */
			top:			0;
		}
		
		/*** DEMO SKIN ***/
		.sf-menu {
			float:			left;
			margin-bottom:	1em;
		}
		
		.sf-menu li:hover, .sf-menu li.sfHover,
		.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
			outline:		0;
		}
		
		.sf-sub-indicator {
			display: none;
		}
		
		#main-menu ul .active {
			background: #fff;
		}
		
		.sf-menu .item62 a {
			border: none;
		}
		
		#user-menu {
			float: right;
			margin: 0;
			padding: 0;
		}
		
			#user-menu li {
				background: none;
				float: left;
				padding: 4px 17px 5px;
			}
			
				#user-menu.logout #login {
					padding: 4px 9px 5px;
				}
			
			.item1 {
				display: none!important;
			}
		

	
	/*  =Content
	----------------------------------------------------- */
	
	#content {
		clear: both;
		zoom: 1;
	}
	
		.featured {
			height: 86px;
		}
			
			.banner a {
				display: block;
				height: 110px;
				text-indent: -9999px;
				width: 220px;
			}
			
		#info {
			height: 520px;
			position: relative;
		}
		
		#ideas {
			height: 182px;
		}
		
		.page-inner #press {
			clear: both;
		}
		
		#press ul {
			margin: 0;
			overflow: hidden;
			padding: 0;
		}
			
			#press li {
				height: 87px;
				float: left;
				margin-right: 11px;
				padding: 0;
				width: 106px;
			}
			
				#sidebar #press li {
					margin: 0 8px 8px 0;
				}
			
		#twitter {
			height: 175px;
		}
			
			#twitter small {
				clear: both;
				color: #d6d6d6;
				display: block;
				float: right;
				font-size: 10px;
				line-height: 12px;
				margin-bottom: 25px;
				padding-left: 100px;
			}
			
			#twitter .g17-media span {
				margin-left: 5px;
			}
			
		.button {
			padding-left: 6px;
		}
		
			.button,
			.button a,
			.button input {
				border: none;
				display: block;
				height: 28px;
				line-height: 28px;
			}
			
			.button a,
			.button input {
				padding: 0 10px 0 4px;
			}
			
		#main {
			margin-right: 100px;
			text-align: justify;
		}
			
			#main-inner {
				font-size: 14px;
				overflow: hidden;
				padding: 12px;
			}
			
				#main-inner.story {
					padding-top: 0;
				}
			
				#main-inner.story img {
					float: left;
					margin-right: 10px;
				}
				
				#main-inner.article-list img {
					display: none;
				}
		
			#main .date {
				color: #979797;
				display: inline-block;
				font-size: 12px;
				margin: 0 0 5px 12px;
			}


	/*  =Page specific
	----------------------------------------------------- */
		
			
	/*  =Pagination
	----------------------------------------------------- */
	
	.pagination {
		overflow: hidden;
	}
	
		#content .pagination li {
			float: left;
			margin-right: 3px;
			padding: 0;
		}
		
			.pagination li a,
			.pagination li strong {
				display: block;
				font-size: 12px;
				line-height: 23px;
				text-align: center;
				width: 28px;
			}
			
				.pagination li a {
					color: #333;
				}
			
				.pagination li strong {
					color: #fff;
				}

	
	/*  =Footer
	----------------------------------------------------- */

	#footer {
		background: url(../images/bg-footer.png) repeat-x;
		clear: both;
		overflow: hidden;
	}
	
		#footer #footer-inner {
			text-align: center;
		}