@charset "utf-8";
/* CSS file */
/**********  STRUCTURE  **********/
*
		{
			margin: 0; padding: 0;
		}
		
html, body
		{
			height: 100%;
		}

html
		{
			font-size: 100%;
			margin-bottom: 1px;  /* no scrollbar */
		}
body
		{
			background: #fff url(../img/pattern.jpg) top left repeat;
			color: #333;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.7em;
			overflow-x: hidden;
		}

/**********  HEADINGS  **********/
h1, h2, h3, h4, h5, h6
		{
			font-family: Helvetica, Arial, sans-serif;
			font-weight: 500;
			color: #be1e2d;
		}

h1
		{
			font-size: 2em;
			padding-bottom: 0.3em;
		}

h2
		{
			font-size: 1.6em;
			padding-bottom: 0.3em;
		}

h3
		{
			font-size: 1.4;
			padding-bottom: 0.3em;
		}

h4
		{
			font-size: 1.3em;
			padding-bottom: 0.1em;
		}

h5
		{
			font-size: 1.2em;
		}

h6
		{
			font-size: 1.1em;
		}


/**********  BASIC ELEMENTS  **********/
a, a:visited
		{
			color: #be1e2d;
			text-decoration: underline;
		}

a:hover
		{
			color: #741a23;
			text-decoration: none;
		}

strong
		{
			font-weight: bold;
		}

small
		{
			font-size: 0.7em;
		}

pre
		{
			font-family: monospace;
		}

p
		{
			padding: 0 0 0.8em 0.8em;
			font-size: 0.9em;
			line-height: 1.2em;
		}


/**********  BODY  **********/
#btd-container
		{
			height: auto !important;
			height: 100%;
			margin: 0 auto;
		}

#btd-header, #btd-footer
		{
			width: 965px;
			margin: 0 auto;
		}

#btd-footer
		{
			margin-bottom: 15px;
		}

#btd-body
		{
			width: 965px; height: auto;
			position: relative;
			margin: 0 auto; padding: 0;
		}

.bg-left
		{
			width: 260px; height: 935px;
			background: url(../img/bg_left.png) top left no-repeat;
			position: absolute;
			margin: 0 auto 0 -254px;
			z-index: -100;
		}

.bg-right
		{
			width: 120px; height: 750px;
			background: url(../img/bg_right.png) top left no-repeat;
			position: absolute;
			margin: 0 auto 0 958px;
			z-index: -100;
		}

.body-top
		{
			width: 965px; height: 16px;
			background: url(../img/body_top.png) top left repeat-y;
			margin-top: -7px;
		}

.body-content
		{
			width: 915px; height: auto;
			min-height: 650px;
			padding: 10px 25px 20px;
			background: url(../img/body.png) top left repeat-y;
		}

.body-bottom
		{
			width: 965px; height: auto;
			padding: 0.5em 1em;
			min-height: 10px;
			background: url(../img/body_bottom.png) top left repeat-y;
		}


/**********  OUTLINE  **********/
#btd-left
		{
			width: 680px;
			position: relative;
			float: left;
			overflow: hidden;
		}

.column-left, 
.column-right
		{
			width: 300px;
			position: relative;
			float: left;
			overflow: hidden;
			padding: 10px 5px 15px;
		}

.column-right
		{
			left: 35px;
		}

.column
		{
			width: 640px;
			overflow: hidden;
			padding: 10px 5px 15px;
		}

#btd-right
		{
			float: left;
			position: relative;
			overflow: hidden;
			width: 210px;
			left: 18px;
		}


/**********  HEADER  **********/
.top
		{
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 25px;
			background: #000;
		}

.social-links
		{
			width: 965px; height: auto;
			margin: 0 auto;
		}

ul.actions
		{
			margin-top: 3px;
			float: right;
		}

ul.actions li
		{
			display: inline;
			margin-right: 2px;
		}

.logo
		{
			width: auto; height: 185px;
			background: url(../img/logo.png) no-repeat;
		}

.mars
		{
			width: 320px; height: 180px;
		}

.mars a
		{
			display: block;
		}

/**********  FOOTER  **********/
.footer-content
		{
			width: auto; height: auto;
			background: url(../img/footer.png) top left repeat-y;
			padding: 0.8em 0.5em 0;
			color: #d6d6d6;
			font-size: 1em;
			text-align: center;
		}

.footer-bottom
		{
			width: auto; height: 16px;
			background: url(../img/footer_bottom.png) top left no-repeat;
		}

.batuda
		{
			color: #fff;
		}


/**********  YOUTUBE VIDEOS  **********/
ul.videos
		{
			display: block;
		}

ul.videos li
		{
			padding: 1em 0;
		}

.sponsors img
		{
			vertical-align: middle;
			padding: 0.2em 0.5em;
		}


/**********  MAIN NAVIGATION  **********/
div.nav
		{
			float: right;
			position: relative;
			top: -60px;
			margin-bottom: -70px;
			margin-right: 10px;
		}

.top-nav
		{
			width: 100%;
		}

.top-nav li
		{
			float: left;
			display: block;
			position: relative;
			text-transform: uppercase;
		}

.top-nav li a, .top-nav li a:visited
		{
			display: block;
			margin: 0.5em 1em;
			color: #000;	
		}

.top-nav li a.novosti
		{
			width: 111px; height: 44px;
			background: url(../img/novosti.png) 0 0 no-repeat;
		}

.top-nav li a.novosti:hover,
.top-nav li a.novosti.current
		{
			background: url(../img/novosti.png) 0 -44px no-repeat;
		}


.top-nav li a.izvodaci
		{
			width: 115px; height: 43px;
			background: url(../img/izvodaci.png) 0 0 no-repeat;
		}

.top-nav li a.izvodaci:hover,
.top-nav li a.izvodaci.current
		{
			background: url(../img/izvodaci.png) 0 -43px no-repeat;
		}

.top-nav li a.info
		{
			width: 68px; height: 39px;
			background: url(../img/info.png) 0 0 no-repeat;
		}

.top-nav li a.info:hover,
.top-nav li a.info.current
		{
			background: url(../img/info.png) 0 -39px no-repeat;
		}

.top-nav li a.press
		{
			width: 86px; height: 34px;
			background: url(../img/press.png) 0 0 no-repeat;
		}

.top-nav li a.press:hover,
.top-nav li a.press.current
		{
			background: url(../img/press.png) 0 -34px no-repeat;
		}

.top-nav li a.linkovi
		{
			width: 105px; height: 40px;
			background: url(../img/linkovi.png) 0 0 no-repeat;
		}

.top-nav li a.linkovi:hover,
.top-nav li a.linkovi.current
		{
			background: url(../img/linkovi.png) 0 -40px no-repeat;
		}


/**********  SUBNAVIGATION  **********/
.nav li .sub-nav
		{
			position: absolute;
			display: none;
			float: left;
			min-width: 150px;
			top: 50px; left: 0;
			margin: 0; padding: 0;
			background: #fff;
			background: url(../img/subnav_bg.png) top left repeat;
			z-index: 100;
		}

.nav li .sub-nav li
		{
			margin: 0; padding: 0;
			float: none;
		}

.nav li .sub-nav li a
		{
			margin: 5px; padding: 5px;
			background: #fff100;
			text-decoration: none;
			text-transform: lowercase;
			font-weight: bold;
			font-size: 1.1em;
		}


/**********  NEWS  **********/
.post .title
		{
			border-top: 3px solid #000;
			border-bottom: 3px solid #000;
			padding: 0.5em 0;
		}

.post .title h2
		{
			padding-bottom: 0;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #fff;
			font-size: 1.4em;
			font-weight: bold;
		}

.post .img,
.post .content,
.post .content-news
		{
			margin: 10px 0 30px;
		}

.post .img
		{
			float: left;
			width: 100px; height: 100px;
			border: 1px solid #be1e2d;
		}

.post .content
		{
			/*float: right;*/
			width: 180px; height: auto;
			line-height: 1.1em;
		}

.post .content-news
		{
			height: auto;
			padding-top: 10px;
		}

.post .content-news span
		{
			line-height: 1.2em;
		}

.post .content-news img
		{
			margin: 0 20px 10px 0;
			float: left;
			border: 1px solid #be1e2d;
		}

.post .content  a
		{
			font-weight: bold;
			display: block;
			padding-top: 5px;
		}

.pagination
		{
			padding-left: 10px;
		}

.pagination .current
		{
			padding-left: 2px;
			font-weight: bold;
		}


.error
		{
			padding: 5px;
		}

.error h1
		{
			border-top: 3px solid #000;
			border-bottom: 3px solid #000;
			padding: 10px 5px;
		}

.error p
		{
			margin-top: 20px;
			font-size: 1em;
		}