/*------------------------------------------------------------------
[Info]

	Project:				Mondo Specijal (My bel - EXIT 2008)
	Version:				1.0
	Last change:			/
	Author:					Mondo
	Author URL:				http://www.mondo.rs

[Colors]
	
	#details:				#f60	(orange)
	Content: 				#000 	(black)

  
[Table of contents]

	0. Body
		1. =Container (#container)
			1. =Header (#header)
			2. =My Bel (#mybel)
				1. =Main Content (.mainContent)
				2. =Sidebar 1 (.sidebar1)
			3. =Navigation (#navigation)
			4. =Content (#content)
				1. =Main Content (.mainContent)
				2. =Sidebar 1 (.sidebar1)
			5. =Footer (#footer)
		
	1. Body Story (#two-col)
-------------------------------------------------------------------*/

@import url('tripoli.css');



/*------------------------------------------------------------------- =Body */

html, body {
	background-color: #000;
}
body {
	text-align: center;
	color: #ccc;
}

/*------------------------------------------------------------------- =Container */

#container {
	border: 1px solid #ccc;
	margin: 0 auto;
	text-align: left;
	width: 980px;
}

	#header {
		height: 100px;
	}
	
	#content {
		padding-top: 10px;
	}
	
	#mybel, #content {
		overflow: hidden;
	}
	
		.mainContent {
			float: left;
			width: 630px;
		}
		
		.sidebar1 {
			float: right;
			width: 340px;
		}
		
			.box {
				background: url(../images/bg-bar.gif) no-repeat left 4px;
				overflow: hidden;
			}
			
				.box h6 {
					background-color: #000;
					color: #fff;
					display: inline;
					padding: 0 5px;
				}
				
				.box h6 + p {
					padding: 10px 5px 0 5px;
				}
				
				.box p {
					padding: 0 5px;
				}
				
				.box ul {
					margin: 0;
				}
				
					.box ul li, .spis a {
						padding-left: 10px;
					}
					
				.box h2 {
					font-size: 1.6em;
					margin-top: 0;
					color: #f00;
					font-variant: small-caps;
					line-height: 1.6em;
					padding-left: 5px;
				}
				
				.box a:hover img {
					border-color: #000;
				}
				
				.width630 {
					float: left;
					width: 630px;
				}
				
				.width340 {
					float: left;
					margin-right: 10px;
					width: 340px;
				}
				
				.width280 {
					float: right;
					width: 280px;
				}
				
				.archive {
					height: 190px;
				}
				
				.clear {
					clear: both;
				}
				
				#container .a_head {
					color: #000;
				}
				
				.content .sidebar1 th {
					background-color: #222;
				}
				
				.content .sidebar1 td {
					background-color: #444;
				}
				
				.content table, .content tr, .content td, .content th {
					border-color: #000;
				}
				
				img.img_lead {
					margin: 0 0 20px 5px;
				}
/*------------------------------------------------------------------- =Header */


/*------------------------------------------------------------------- =My Bel */

#mybel a {
	color: #f00;
}

	#mybel .box {
		background-position: right 4px;
	}
		
		#mybel .box ul li {
			background: url(../images/bullet.gif) no-repeat left 50%;
		}
		
		#mybel .box .video {
			border: 3px solid #fff;
			margin-top: 20px;
			width: 300px;
		}



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

#footer {
	border-top: 1px solid #fff;
	clear: both;
	text-align: center;
}

	#footer table, #footer table td, #footer table th {
		border: 0;
		padding: 0;
		margin: 0;
	}
	#footer table td {
		padding: 5px;
	}