body {
	background-color:rgb(32,32,32);
}

#wrapper {
	width:800px;
	height:450px;
	background-color:rgb(64,64,64);
	border:1px solid rgb(199,178,153);
	margin:50px auto;
	position:relative;
}

#view_pane {
	width:615px;
	height:430px;
	background-color:rgb(21,21,21);
	border:none;
	position:absolute;
	left:175px;
	top:10px;
	overflow:scroll;
}

#view_pane h3 {
	font-family:verdana, arial, sans-serif;
	font-size:15px;
	color:#fff;	
	margin-left:10px;
}

#view_pane h3 a {
	font-size:15px;
	color:#fff;	
}

#view_pane img {
	border:5px solid #fff;
	outline:none;
	margin:5px 0px 5px 10px;
}

#view_pane p {
	color:#fff;
	margin-left:10px;
	font-family:verdana, arial, sans-serif;
	font-size:10px;
}

div.category {
	padding:20px 0px;
}

/*---------------NAVIGATION STYLING-----------*/
#nav_panel {
	width:155px;
	height:430px;
	border:none;
	position:absolute;
	left:10px;
	top:10px;
}

#nav_panel ul {
	list-style: none;
	padding:0;
	margin:0;
	border:none;
	text-align:center;
}

#nav_panel li {
	border:none;
	margin-bottom:5px;
}

#nav_panel li a {
	display:block;
	padding:15px 0px;
	border:none;
	background-color:rgb(99,99,99);
	color:#fff;
	text-decoration:none;
	font-family:verdana, arial, sans-serif;
	font-size:10px;	
}

/*-----------------STYLES THE CATEGORIES------------*/
#nav_panel li a.categories {
	display:block;
	padding:5px 0px;
	border:none;
	background-color:rgb(99,99,99);
	color:#fff;
	text-decoration:none;
	font-family:verdana, arial, sans-serif;
	font-size:10px;	
}

#nav_panel li a.categories:hover {
	background-color:rgb(83,83,83);
	color:#fff;
}

#nav_panel li a:hover {
	background-color:rgb(83,83,83);
	color:#fff;
}

html>body #nav_panel li a {
	width:auto;
}

#nav_panel p {
	font-family:verdana, arial, sans-serif;
	font-size:10px;
	color:#fff;
}