/*
-------------------------
I AM KLOOT page layout CSS
-------------------------
*/
/*
-------------------------
CODE STOARAGE

filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;

background: url("../graphics/brick.jpg");

for IE6 only code use *-
eg *-width: 493px;

-------------------------
*/
body 
{
	color:#FFFFFF;
	font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
	line-height:1.2em;
	margin:0pt;
	margin-top:10pt;
	margin-bottom:20pt;
	padding:0pt;
}

body 
{
	/*
	background: url(../graphics/iak-edge.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	*/
	background-image: url('../graphics/stars.jpg');
	background-color:#000000;
}

a:link {
	color: #FFFFFF;
	background-color: #222222;
	text-decoration: none;
}
a:visited {
	color: #CCCCCC;
	background-color: #222222;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	background-color: #444444;
	text-decoration: none;
}
a:active {
	color: #FF9900;
	text-decoration: none;
}

.highlight { 
	background: #FFA123;
	color: white;
} 
.alert {
	color: #FF0000;
	font-weight: bold;
}
/*
-------------------------
I AM KLOOT page layout div CSS
-------------------------
*/

#IAKwebsite {
width: 772px;
padding: 0;
background-image: none;
text-align:left;
}

/*
-------------------------
I AM KLOOT header CSS
-------------------------
*/

#websiteHeader {
width: 100%;
height:40px;
margin-bottom:10px;
}

#websiteHeader:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
-------------------------
I AM KLOOT menu CSS
-------------------------
*/

#websiteMenu {
height:auto;
width: 100%;
margin-bottom:5px;
}

#websiteMenu:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
-------------------------
I AM KLOOT menu left column CSS
-------------------------
*/

#menuLeft {
float:left;
margin-right:10px;
height:auto;
width: 126px;
}

#left1 {
margin-bottom:10px;
background-color:#3A3A3A;
min-height:125px;
width: 100%;
}

#left1:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#left1Content {
text-align:center;
padding:3px;
min-height:135px;
}

#left1Content:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#left1Image {
float:left;
background-color:#222222;
margin-left:7px;
margin-bottom:7px;
height:50px;
width:50px;
overflow:hidden;
}

#left2 {
background-color:#3A3A3A;
min-height:120px;
width: 100%;
}

#left2Content {
text-align:center;
padding:3px;
}

/*
-------------------------
I AM KLOOT menu centre column CSS
-------------------------
*/

#menuCenter {
float:left;
margin-right:10px;
width: 500px;
*-width: 493px;
overflow:hidden;
}

#centerMain {
overflow:hidden;
background-color:#3A3A3A;
*-height:220px;
min-height:220px;
margin-bottom:5px;
}

#centerMainContent {
}

#centerMainHeading {
margin:3px;
margin-bottom:0px;
text-align:center;
}

#centerMainImage {
float:left;
margin-left:3px;
margin-bottom:3px;
margin-right:10px;
height:220px;
width:190px;
overflow:hidden;
}

#centerMainText {
float:left;
width:280px;
}

#centerMenu {
width:505px;
overflow:hidden;
}

#centerMenu:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#centerMenu ul {
margin: 0;
padding: 0; 
}

#centerMenu li {
float:left;
margin-right:5px;
margin-bottom:2px;
list-style: none;
}

/*
-------------------------
I AM KLOOT menu right column CSS
-------------------------
*/

#menuRight {
float:right;
height:auto;
width: 126px;
overflow:hidden;
}

#right1 {
margin-bottom:10px;
background-color:#3A3A3A;
min-height:270px;
width: 100%;
}

#right1Content {
text-align:center;
padding:3px;
}

#right2 {
background-color:#3A3A3A;
min-height:131px;
width: 100%;
}

#right2Content {
text-align:center;
padding:3px;

}

/*
-------------------------
I AM KLOOT main CSS
-------------------------
*/

#websiteMain {
margin:0px;
margin-bottom:10px;
padding:0px;
background-color:#3A3A3A;
}

#mainHeading {
text-align:right;
}

#mainContent {
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}

#websiteMain:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
-------------------------
I AM KLOOT footer CSS
-------------------------
*/

#websiteFooter {
margin:0px;
padding:0px;
}

#footerQuote {
text-align:center;
margin-bottom:10px;
}

#footerInfo {
text-align:center;
}

#websiteFooter:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
-------------------------
100th Monkey forms CSS
-------------------------
*/

form
{
margin:0px;
}

input
{
color: #545454;
font-size:10px;
font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
background: #EFEFEF;
border: 1px solid #CCCCCC
}

/*
-------------------------
100th Monkey PREVIEW
-------------------------
*/

#preview {
margin:0px;
background-color:#330000;
}