body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding:0px;
  margin:0px;
  background:black;
  color:white;
}

p {
  
}

#maintext {
	text-align:left;
	margin-left:230px;
	padding-top:10px;
	padding-bottom:10px;
}
/*--copyright--*/
#copyright {
position:relative;
	top:-15px;
	clear:both;
  margin-left:255px;
	text-align:left;
	font-size:11px;
	}
	
#folio #copyright {
 margin-left:0;
	text-align:center;
}

/*--Links--*/
a {
  text-decoration:none;
  color:white;
}

a:hover {
  color:#7567C6;
}

/*--heading--*/
h2 {
  font-family:Verdana;
  font-size:100%;
  font-weight:normal;
  letter-spacing:1px;
  text-transform:uppercase;
}
/*--Navigation--*/
/*This is the bar across the top of the site where the logo & navigation text appears
You can change the background image, background color, border color, height,...*/
#navcontainer {
  border-bottom: 3px solid gray;
  
  height:70px;
  background-color:#423b77;
  background-image:url(../images/logo.jpg);
  background-repeat:no-repeat;
}
 
#navcontainer a:hover, #navcontainer a.current {
  color:#aaa;
}

#folionav a:hover, #folionav a.current {
  color:#aaa;
}

#folionav a {
	padding-left:40px;
}

#logo a:hover{
  color:white;
}

#navcontainer ul li {
  display: inline;
}

#navcontainer ul li a
{
	font-family:Verdana;
	font-size:70%;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration: none;
}
#navcontainer ul {
	margin:0;
	padding:44px 0 0 20px;  /*Top & left*/
}

#navcontainer li {
	display:inline;
	height:0px;
	padding-left:50px;
	padding-right:50px;
}


/*--Logo--*/
#logo {
	font-family:Verdana;
	font-weight:200;
	padding-top:20px;
	text-align:right;
	float:left;
	top:0px;
	left:0px;
	width:230px;
	height:70px;
	background-color:transparent;
	color:#7368c6;
}

#logo1 {
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:100;
}

#logo2 {
	font-size:90%;
	letter-spacing:2px;
}
/*--main--*/
#main {
	text-align:center;
	font-size:13px;
}

#main td {
	padding-right:10px;
}

}
/*--thumbs--*/
#thumb {
  display:inline;
  margin:0px;
}

#thumbs img {
  border-style:none;
  border:0px;
  margin:0px;
  padding:0px;
}

#thumbs {
  margin-top:20px;
}


#image {
	text-align:center;
	padding:22px;
}

#folionav li {
  display:inline;
  height:0px;
  padding:20px;
  text-transform:uppercase;
  font-size:110%;
}
#folionav {
  margin-top:20px;
}
#folionav ul {
margin:0px;
}


#main{
	margin:24px;
	padding:0;
}	


#filler {
	background-color:gray;
	}
	

.admin { 
font-family:"Trebuchet MS";
color:black;
font-size:8pt;
background-color:aliceblue; }

.admin a { color:black; }

#folio_admin div.category { 
  border:1px solid black; 
  width: 200px;
  height: 50px;
}

#edit_category .image { 
border:1px solid black;
width:150px;
margin:20px;
 }

folio_admin span.name { display:block; }

.admin input, #edit_category input, #edit_category select{ 
font-size:8pt; }

#edit_category .image .action { border:1px solid black;margin:2px; }
#edit_category .image .action:hover{ background-color:blue;color:white; }
#edit_category .image .id { float:right; font-weight:bold;margin-right:5px;}
#edit_category .image .buttons { margin-top:10px; }

.result { 
  background-color:red;
  color:white; 
  border:1px solid black; 
}

#outer {
	width:1015px;
	border:1px solid gray;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-bottom:10px;
}