/*MAIN styling*/

body{

	overflow-y: scroll;
}
.background
{
	position			: absolute;
	background			: url('/styles/images/background_home.jpg');
	background-position	: top center;
	background-repeat	: no-repeat;
	z-index				: 1;
	overflow: hidden;
	
}

.music-nav-bar
{
	position			: relative;
	top					: 0px;
	height				: 20px;
	width				: 100%;
	background			: #b7b7b7;
	z-index				: 2;
}

#player
{
	position:relative;
	left:50%;
	margin-left:-450px;
	width:400px;
}

#page-wrapper
{
	
	position			: relative;
	width				: 900px;
	height				: auto;
	margin 				: 0px 60px 0px -450px;
	left				: 50%;
	z-index				: 2;
}
	
	#page-loader
	{
		position: absolute;
		left:50%;
		display:none;
	}
	
#logo
{
	position			: relative;
	width				: 162px;
	height				: 50px;
	background          : url('/styles/images/logo.png');
	float				: right;
	top					: 18px;
	display				: inline;

}

.main-content
{
	position:relative;
	z-index:3;
	width:auto;
	height:auto;
	left:108px;
}


/*MENU styling*/

.menu
{
	position			:relative;
	top					:114px;
	width				:108px;
	height				:auto;
	z-index:3;
}

.menu li
{
	width:108px;
	height:24px;
	margin: 0px 0px 0px 4px;
	list-style: none;
}

.menu li a
{
	width:108px;
	height:24px;
	display:block;
	text-decoration: none;
}

#home
{
	background: url('/styles/images/home.png');
}

#news
{
	background: url('/styles/images/news.png');
}

#gallery
{
	background: url('/styles/images/gallery.png');
}

#cv
{
	background: url('/styles/images/cv.png');
}

#contact
{
	background: url('/styles/images/contact.png');
}

/*NEWS SYTLING*/
#post
{
	margin-left:60px;
	margin-bottom: 34px;

}
#clear
{
	clear:left;
}
.news-text
{
	position:relative;
	display:inline;
	float:left;
}

	.link
	{
		margin-top:20px;
		float:left;
	}
	.news-link
	{
		position: relative;
		float:none;
		height:20px;
		background: black;
		color: white;
		font-family: Verdana;
		font-size: 11px;
		width: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left:7px;
		padding-right: 30px;
	}
	
	.news-detail
	{
		
		float:right;
		color:black;
		font-family: Verdana;
		font-size: 10px;
		text-decoration: underline;
		cursor:pointer;
		margin-top:23px;
	
	}
	.news-up
	{
		width:460px;
		height:17px;
		display:block;
		background: url('/styles/images/news_up.png');
		float:none;
	}

	.news-down
	{
		width:460px;
		height:22px;
		display:block;
		background: url('/styles/images/news_down.png');
		float:none;
	}

	.news-mid
	{
		width:460px;
		height:auto;
		background: #dedede;
		float:none;
	
	}

		.news-title
		{
			position: relative;
			margin-left: 20px;
			padding-top:10px;
			margin-bottom: 18px;
			font-family: Verdana;
			font-size: 11px;
			color: black;
			text-transform:uppercase;
			display:block;
		
		}
	
		.news-short
		{
			margin-left: 20px;
			margin-right:10px;
			font-family: Verdana;
			font-size: 11px;
			color:	#606060;
			display:block;
		
		}
	
		.pic
		{
		
			position:relative;
			display: inline;
			float:left;
			
			
			
		}
		.pic img
		{
			margin-right:20px;
			-webkit-box-shadow: 3px 3px 5px #888;
			-moz-box-shadow: 3px 3px 5px #888;
			
		}
		
		
/*gallery Styling*/

#year-select
{
	position: relative;
	top:-50px;
	left:110px;
	width:600px;

}

#year-selector
{
	position: relative;
	width:13px;
	height:8px;
	margin-left:7px;
}

#year-text
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: 200;
	color:#484a4a;
	margin-right:60px;
	cursor:pointer;
	display:inline;
}


#right-bar
{
	position:relative;
	float:left;
	margin-top: 13px;
	margin-left:103px;

}
	#thumbnails
	{
		position:relative;
		width:209px;
		height:auto;
		list-style: none;
		list-style-type: none;
		
	
	}
	
		.thumbnail
		{
			float:left;
			margin:2px;
			line-height:0px;
			border: 1px grey solid;
		}
	
	#image-info
	{
		position:relative;
		color:black;
		font-family: Verdana;
		font-size:11px;
		margin-bottom:70px;
	}

	#image-info span
	{
		display:block;
	}

#image
{
	position:relative;
	margin-left:20px;
	margin-right: 20px;
	width: 336px;
	height:505px;
	background:white;
	margin-top:-13px;
	display:inline;
	float:left;
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	
}

#gallery-view
{
	margin-left:60px;
}

#image_loader
{
	position:absolute;
	width:16px;
	width:16px;
	display:none;
	margin-left:100px;
	margin-top:53px;
	z-index: 1000;
	

}

/*CV STYLING*/

#basic-info span
{
	color:black;
	display: block;
	font-family: Verdana;
	font-size: 11px;

}

#edu-info span
{
	color:black;
	display: block;
	font-family: Verdana;
	font-size: 11px;

}

#edu-header
{
	margin-bottom:20px;
}

#ref
{
	margin-left:103px;
}
#references
{
	width: 304px;
	margin-top:70px;
	margin-right: 48px;
	float:left;
}

.ref-window
{
	position:relative;

	margin-right: 30px;
	margin-bottom: 10px;

}
.ref-header
{
	position:relative;
	width:294px;
	padding-top:4px;
	padding-bottom: 4px;
	padding-left:10px;
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
	color:white;
	background: black;
	
}

.ref-content
{

	position:relative;

	width:302px;
	display:none;
	font-family: Verdana;
	font-size: 12px;
	color:black;
	
}

.open-button
{
	position:relative;
	float:right;
	margin-right: 10px;
}

#basic-info
{
	position: relative;
	margin-left: 103px;
	margin-bottom:20px;
}


#edu-info
{
	position: relative;
	margin-left: 103px;
}

#contact-info
{
	position:relative;
	top:130px;
	left:-103px;
	font-size:10px;
	font-family: Verdana;
	margin-left:8px;
	line-height:13px;
}


.contact-type
{

	color:#ac4f9e;
}

.contact-text
{
	color:#808080;
}

#self-photo
{	position:relative;
	top:-50px;
	float:right;
	margin-right:110px;
}

.overlay {
	
	/* must be initially hidden */
	
	position:absolute;
	float:left;
	top:0px;
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#000;
	opacity: 0.8;
	
	width:5000px;
	height:100%;	
	min-height:200px;
	
	/* CSS3 styling for latest browsers */
}
#arrow-left
{
	float:left;
	display: inline;
	margin-top:253px;
	width:13px;
	height:27px;
	
}

#arrow-right
{
	float:left;
	display: inline;
	margin-top:253px;
	width:13px;
	height:27px;
}