/* 
orange="#FFA500" 
lightgrey="#D3D3D3"
darkgrey="#A9A9A9"
*/
/* general definitions */
BODY { margin: 0em;}
DIV, P, SPAN, A, LI {
  font-family: "verdana", "ariel", sans ;
  color: #666;
	font-size: 1em;
  }
H1 { font-size: 1.4em; color: #aaa; }
H2 { font-size: 1.2em; color: #aaa; }
A  { text-decoration: none; color: #444 }
A:ACTIVE {color: black; }
A:VISITED {color: #444;}
A:HOVER {color: black;}

/* classes for navigation */
UL.navigationlist { border: 0px solid black; margin: 0.2em; padding: 0px; }
LI.navigationlist { display: inline; margin: 0px; padding: 0em 0.2em; }
A.navlinks       { color: black; font-weight: bold; font-size: 0.9em; text-decoration: none; background-color: #fff; }
A.navlinks:ACTIVE {color: black; background-color: #bbb; }
A.navlinks:HOVER {color: black; background-color: #bbb;}
A.navlinks:VISITED {color: black; background-color: #fff;}

.articlecontrol {
}

/* principle block elements */
#maincol {
border: 0em solid black;
padding: 5px 0;
width: auto;
margin-left: 300px;
clear: left;
}
#footer {
margin-left: 300px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
padding: 3px;
margin-top: 0;
width: auto;
min-width: 50em;
font-size: 0.7em;
text-align: left;
color: #ddd;
}


#sitetitle { 
letter-spacing: 0.8em; 
color: black; 
font-size: 2em;}


#googleads {
border: 1px solid black; 
float: right; 
margin-top: 3em;
margin-left: 1em;
}


/* for admin area */
.fileupload {
width: 220px;
padding: 20px;
border: 0px solid black;
margin: 3px;
}
.errorbox {
padding: 3px;
margin: 3px;
width: 400px;
border: 1px solid black;
text-align: center;
color: white;
background-color: lightgrey;
font-weight: bold;
font-size: 0.8em;
}

/* for portfolio */
.rhsimg {
float: right;
width: 200px;
height: 130px;
border: 1px solid black;
margin: 3px 12px;
background-color: #fff;
}
.lhsimg {
float: left;
width: 200px;
height: 130px;
border: 1px solid black;
margin: 3px 12px;
background-color: #fff;
}
.portfolioitem {
margin: 8px 0px 0px 0px;
padding: 8px 8px;
border-bottom: 1px solid black;
border-top: 1px solid black;
background-color: #eee;
}

/* for viewpagedata function */
#pagedata {
border: 1px solid black;
font-size: 70%;
text-align: left;
padding: 4px;
display: none;
background-color: #D3D3D3;
margin-bottom: 100px;
  /* DHTML settings */
  position: absolute;  
  z-index: 20; 
  left: 100px; 
  top: 0px;
}

#showpagedatabutton{
text-align: center; 
color: #aaa;
}  

.labels { /* for the pagedata div */
  float: left;
  width: 120px;
  color: #FFA500;
  text-align: right;
  }