/* *************************************************************	*/
/* ******************			GENERAL STYLES			***************	*/
/* *************************************************************	*/

* {
	margin:	0;
	padding:	0;
}

body	{
	margin:	0;
	padding:	0;
	background:	#242427 url(img/background.jpg) no-repeat center top;
	color:	#242427;
	text-align:	center;
}

a{
	color:	#7CAF00;
	text-decoration:	none;
}

a:hover{
	text-decoration:	underline;
}


/* *************************************************************	*/
/* ******************			CLEARING FLOATS			***************	*/
/* *************************************************************	*/



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

.clearfix {
	display: 								inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {	
	height: 1%;
}
.clearfix {	
	display: 								block;	
}
/* End hide from IE-mac */


.align_center	{
	text-align:	center;
	padding:	10px 0 0;
}

.align_center	a:active	{
	background-color:	#7CAF00;
	color:	white;
}

/* *************************************************************	*/
/* **********************			LAYOUT			**********************	*/
/* *************************************************************	*/

#skip	
{
	display:	none;
}

#aligner	
{
	width:	100%;
	text-align:	center;
  
	font:	62.5% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#container	
{
	margin:	10px auto 70px auto;
	width:	750px;
	text-align:	left;
	font-size:		1.1em;
}

#header	
{
	
}

h2	
{
	color:	#94BE32;
}



#content
{
	margin:	40px auto;
	position:	relative;
	font-size:	1.1em;
}

#content.narrow
{
	width:	34em;
}

#content.music-videos
{
width:	35em;
}

#content.medium
{
	width:	44em;
}

#content.wide
{
	width:	54em;
}


#pecat
{
	display:	block;
	position:	absolute;
	bottom:	-26px;
	left:	347px;
	width:	60px;
	height:	60px;
	background:	url(img/p.gif) no-repeat;
}

*	html	#pecat
{
	bottom:	-26px;
}


.narrow	#pecat
{
	left:	16.5em;
}

.wide	#pecat
{

}

.whiteBox
{
	padding:	2em;
	background:	white;
}

.videos
{
	overflow:	hidden;
}

/* *************************************************************	*/
/* *********************			MAIN MENU 		********************	*/
/* *************************************************************	*/


#mainMenu	
{
	display:	block;
	padding:	1em 0.4em;
	background:	white;
	cursor:	default;
	text-align:	center;
}


#mainMenu	li	
{
	display:	inline;
	list-style-type:	none;
}

#mainMenu	a	
{
	margin:	0 0.1em 0.7em;
	padding:	1em 0.7em 0.4em;
	color:	#474747;
	font-size:	1.1em;
	font-weight:	bold;
	text-transform:	uppercase;
	text-decoration:	none;
	letter-spacing:	0.07em;
}
		
#mainMenu	a:hover	
{
	text-decoration:	underline;
}

#mainMenu	a.active	
{
	background-color:	#474747;
	color:	#94BE32;
}

#mainMenu	a.active:hover
{
	color:	white;
}


/* *************************************************************	*/
/* ********************			MAIN CONTENT 		********************	*/
/* *************************************************************	*/

#videos
{
	width:	400em;
}

.column
{
	width:	34em;
	float:	left;
	border-top:	2px solid #777;
	margin-right:	6em;
}

.singleVideo
{
	display:	block;
	margin:	1em 0;
	padding:	10px	0	10px 180px;
	list-style-type:	none;
	border-bottom:	2px solid #777;
}

.videoPreview
{
	display:	block;
	float:	left;
	margin-left:	-170px;
}

*	html	.videoPreview
{
	margin-left:	-85px;
}

.videoPreview	img
{
	border:	0;
}

.videoDescription	ul
{
	
}

.videoDescription	li
{
	list-style-type:	circle;
	padding:	0.2em;
	color:	#777;
}

.videoDescription	span
{
	color:	#242427;
}


.industrial-movie
{
	padding: 10px 0;
	border-bottom:	2px solid #777;
	margin-bottom: 5px;
}

.industrial-movie object
{
	margin-left: -5px;
}

.prevNextLinks
{
	display:	block;
	position:	relative;
}

.prevNextLinks	span
{
	position:	absolute;
	left:	44%;
	color:	#474747;
}

.prevNextLinks	a
{
	color:	#5A7F00;
	text-decoration:	none;
	padding:	4px;
}

.prevNextLinks	a:hover
{
	color:	white;
	background:	#5A7F00;
}

.nextLink
{
	position:	absolute;
	right:	0;
}

/* *************************************************************	*/
/* ******************				BIOGRAPHY	 		*****************	*/
/* *************************************************************	*/

.bio_slika
{
	border-bottom:	1px solid #ddd;
}

#biography	dl
{
	border-bottom:	1px solid #ddd;
}

#biography	dt
{
	display:	block;
	float:	left;
	width:	17em;
	padding:	0.2em;
	
	margin-bottom:	0.4em;
	border-top:	1px solid #ddd;
}

#biography	dd
{
	margin-left:	17em;
	padding:	0.2em;
	
	margin-bottom:	0.4em;
	border-top:	1px solid #ddd;
}

#biography	dt.bigContent,
#biography	dd.bigContent
{
	margin-bottom:	0.4em;
	border-bottom:	0;
}

#biography		dd.bigContent
{
	margin-left:	18em;
}


/* *************************************************************	*/
/* ********************				CLOCKS	 		********************	*/
/* *************************************************************	*/

#pedja_slika
{
	text-align: center;
	margin-top: 1em;
	margin-left: 140px;
}

#pedja_slika img
{
	border: 1px solid #777;
	margin-right: 10px;
	width: 147px;
}

h1.title
{
	font-size: 3em;
	text-align: left;
}

h2.subtitle
{
	font-size: 2em;
	color: #474747;
	text-align: left;
}

#clocks
{
	margin:	2em 0;
	padding-left:	20px;
}

#clocks	li
{
	list-style-type:	none;
	float:	left;
	display:	block;
	margin:	1em .6em;
}

#clocks	li	span
{
	display:	block;
	text-align:	center;
	font-size:	1.1em;
	font-weight:	bold;
	text-transform:	uppercase;
}



/* *************************************************************	*/
/* ****************				VIDEO PLAYER	 		****************	*/
/* *************************************************************	*/

#video_playa
{
	margin:	20px	auto	0	20px;
	display:	block;
	width:	320px;
	height:		240px;
}




/* *************************************************************	*/
/* ******************				LINKS 				***************	*/
/* *************************************************************	*/

#links
{
	padding: 2em 0 2em 10em;
}

*	html	#links
{
	padding: 2em 0 2em 8em;
}

#links li
{
	display: block;
	list-style: none;
	margin-bottom: 1em;
	margin-left: 5em;
}


/* *************************************************************	*/
/* ******************				BLOG CONTENT 				***************	*/
/* *************************************************************	*/

.blog #content
{
	width: auto;
}

.blog	#left_column
{
	float:	left;
	width:	74%;
}

.blog	#right_column
{
	float:	right;
	width:	25%;
}

.post
{
	margin-bottom:	2em;
	padding-bottom:	1em;
	
	font-family:	verdana, arial, helvetica, sans-serif;
	font-size:	0.9em;
	line-height:	1.6em;
}

h2.storytitle
{
	font-family:	"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.7em;
	margin:	0.3em	0	0.2em;
}

.meta
{
	padding-bottom:	0.4em;
	border-bottom:	1px solid #ddd;
	color:	#777;
}

.feedback
{
	padding:	0.3em	0	0.4em;
	border-top:	1px solid #ddd;
	border-bottom:	4px solid #ddd;
	color:	#777;	
}

.blog p
{
	margin:	1em	0;
}

/* *************************************************************	*/
/* ******************				COMMENTS 				***************	*/
/* *************************************************************	*/

#komentari
{
	padding:	0 2em;
}


#commentlist
{
	list-style-type:	none;
}

#commentlist li
{
	padding:	2em 0;
	border-bottom:	4px solid #ddd;
	font-family:	verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;;
}

.comment_meta
{
	color:	#777;
}


/* *************************************************************	*/
/* ******************				SIDEBAR 				***************	*/
/* *************************************************************	*/


#menu ul
{
}


#menu ul ul,
#searchform
{
	margin-bottom:	1em;
	padding: 0 0 0.4em 1.2em;
	border-bottom: 1px solid #ddd;
}

#searchform
{
	padding: 0 0 0.4em;
}

#menu li,
#menu h2
{
	list-style-type: none;
	font-weight: normal;
	font-size: 1em;
	color: #242427;
}

#menu li li
{
	list-style-type: circle;
	color:	#777;
	border-bottom: none;
}

/* *************************************************************	*/
/* ******************				SIDEBAR 				***************	*/
/* *************************************************************	*/

.other-work-menu
{
	margin:	40px;
}

.other-work-menu ul
{
	margin-left:	20px;
}

.videos	h2
{
	font-size:	1.2em;
}