:root {
  --darkcolor: #d98c8d;
  --lightcolor: #ecc6c6;
}

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
	font-family:Sans-serif;
	/*line-height: 1.5em;*/
}

a, a:link, a:visited, a:active, a:hover { text-decoration: none; }
a, a:link, a:visited { color: green; }
a:active, a:hover { color: purple; }

main {
	position: absolute;
	top: 75px; /* Set this to the height of the header */
	bottom: 25px; /* Set this to the height of the footer */
	left: 225px; 
	right: 225px;
	overflow: auto;
	background: #fff;
}

main .title {
	background: #cfbfcf;
	background: linear-gradient(to right, var(--lightcolor), white);
	font-size: 150%;
 	padding: 5px 0 2px 5px;
	margin: 10px 0 10px -5px;
}
		
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 73px; 
	border-bottom: 2px solid #666;
	overflow: hidden; /* Disables scrollbars on the header frame. To enable scrollbars, change "hidden" to "scroll" */
	background: var(--darkcolor);
	background-image: url("logic1.png");
	background-repeat: no-repeat;
	text-align: center;
	font-size: 250%;
}

#header div { padding-top: 5px; }

#footer {
	position: absolute;
	left: 225px;
	right: 225px;
	bottom: 0;
	height: 25px; 
	overflow: hidden; /* Disables scrollbars */
	background: #b299b2;
 	background: linear-gradient(to right, var(--darkcolor), white);
}
		
#left {
	position: absolute; 
	top: 75px; /* Set this to the height of the header */
	bottom: 0;
	left: 0; 
	width: 225px;
	overflow: auto; /* Scrollbars will appear on this frame only when there's enough content to require scrolling */
	background: #cfbfcf;
	background: linear-gradient(var(--lightcolor), var(--darkcolor), var(--darkcolor));
}

#right {
	position: absolute;
	top: 75px;
	bottom: 25px;
	right: 0; 
	width: 225px;
	overflow: auto; /* Scrollbars will appear on this frame only when there's enough content to require scrolling */
   	background: #cfbfcf;
 	background: linear-gradient(var(--lightcolor), var(--lightcolor), white);
}

#portrait {
	position: absolute;
	top: 25px;
    right: 25px;
    height: 233px;
    width: 175px;
    z-index: 1;
    box-shadow: 0px 0px 15px 0px #666;
}
		
.innertube {
	margin: 15px; /* Provides padding for the content */
}

nav {
	text-align: center;
	color: #666;
}

nav ul {
	list-style-type: none;
	margin: 0; padding: 0;
}

nav li {
	font-size: 150%;
	margin-top: 15px;
}

nav a, nav a:link, nav a:visited { color: #666; }
nav a:active, nav a:hover { color: #fff; }
		
/*IE6 fix*/
* html body{
	padding: 75px 225px 25px 225px; /* Set the first value to the height of the header, the second value to the width of the right column, third value to the height of the footer, and last value to the width of the left column */
}

* html main{ 
	height: 100%; 
	width: 100%; 
}