@charset "UTF-8";
/* CSS Document */

body, p, td, li, a, div, h1, h2, h3, h4, h5, h6, span {
	font-family: Corbel, Trebuchet MS, Helvetica, Verdana, sans-serif;
}
#popup_div, body, p, td, li, a, #menu a, #submenu a {
	font-size: 14px;
}
.galleryText, .galleryText a, #gallery_control, .text_odd, .text_even, .text_odd a, .text_even a {
	font-size: 11px;
}
h1 {
	font-size: 20px;
}

#design-by-vikiallo {
	position:absolute;
	top: 575px;
	left: 50%;
	margin-left: 150px;
	z-index: 1;
}
#design-by-vikiallo a {
	font-size: 11px;
	color: #848484;
	text-decoration:none;
}
#design-by-vikiallo a:hover {
	text-decoration:underline;
}

#popup_div {
	z-index: 20;
	position: absolute;
	left: 50%;
	top: 150px;

	background-color:#aaa;
	display: none;
	border: 1px solid #000000;
	
	font-weight: bold;
	color: #000000;
}

h1 {
	font-weight: bold;
	color: #ffffff;
	
	margin: 0px;
}

body, p, td, li, a {
	font-weight: normal;
	color: #ffffff;
	
	margin: 0px;
}


html, body {
	background-color: #000000;
}

#background {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -490px;
	
	width: 980px;
	height: 600px;
	background-image:url(design/background.png);
}

#photo {
	position: absolute;
	top: 129px;
	left: 50%;
	margin-left: 24px;

	width: 455px;
	height: 240px;
	overflow: hidden;
}

#menu {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -490px;
	
	height: 25px;
}

#submenu {
	position: absolute;
	top: 374px;
	left: 50%;
	margin-left: 251px;
	
	width: 227px;
	height: 214px;
}

#content {
	position: absolute;
	top: 145px;
	left: 50%;
	margin-left: -465px;
	
	width: 470px;
	height: 210px;

	overflow: auto;
}

/* GALLERY CSS */

#gallery {
	position: absolute;
	width: 600px;
	height: 170px;
	
	top: 406px;
	left: 50%;
	margin-left: -360px;
	overflow: hidden;
}

#gallery div {
	position:absolute;
}

#gallery img {
	border: none;
}

.galleryText, .galleryText a {
	color: #000000;
	text-align:center;
	text-decoration:none;
	font-weight: normal;
}
.galleryText a:hover {
	text-decoration:underline;
}

#gallery_control {
	position: absolute;
	width: 87px;
	height: 140px;
	
	top: 411px;
	left: 50%;
	margin-left: -472px;
	
	color: #848484;
}

.pic_odd {
	margin-left: 0px;
}
.pic_even {
	margin-left: 50px;
}
.text_odd, .text_even, .text_odd a, .text_even a {
	width: 120px;
	color: #848484;
}
.text_odd {
	margin-left: 160px;
	margin-top: 10px;
}
.text_even {
	margin-left: -80px;
	margin-top: 90px;
}


/* MENU */

#menu, #submenu {
	z-index: 2;
}

#menu a {
	line-height:25px;
	height: 25px;
	
	text-decoration: none;
	color: #848484;
	
	padding-left: 7px;
	padding-right: 7px;
	margin-left: 6px;
	
	display: block;
	float: left;
}

#menu a:hover {
	background-color:#404040;
	color: #ffffff;

/*
	background-color:#808080;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}

#menu li {
	display:inline;
}

#submenu a {
	line-height:25px;
	text-decoration: none;
	color: #848484;
	
	padding-left: 7px;
	padding-right: 7px;
	
	display: block;
}

#submenu a:hover {
	color: #ffffff;

}

#submenu ul {
	position:relative;
	top: 50%;

	list-style: none;
	margin: 0;
	padding: 0;
}

#submenu li {
	padding-left: 10px;
	padding-right: 30px;
	text-align:right;
}

/* Editor CSS */
#editor {
	position: absolute;
	top: 66px;
	left: 50%;
	margin-left: -461px;
	
	z-index:100;
}

#new_content {
	width: 460px;
	height: 238px;
}

#close_button {
	position:absolute; 
	top: 70px; 
	left: 50%; 
	margin-left: -28px; 
	z-index: 200; 
	border: 1px solid #7e9db9; 
}

#edit_button {
	position:absolute; 
	top: 135px; 
	left: 50%; 
	margin-left: -45px;
	z-index: 10;
}

#tree_button {
	position:absolute; 
	top: 135px; 
	left: 50%; 
	margin-left: -25px;
	z-index: 10;
}

#logout_button {
	position:absolute; 
	top: 135px; 
	left: 50%; 
	margin-left: -5px;
	z-index: 10;
}