img {
border: 0px;
}


span.code {
    font-family: 'andale mono', 'lucida sans typewriter', 'monaco', monospace ;
    font-weight: bold ;
    color: #006 ;
	font-size: .9em;
}

h3 {
cursor: pointer;
}

/* MAIN PAGES */
#main {
background-color:#FFFFFF;
width: 890px;
height: 550px;
margin: auto;
margin-top: 10px;
padding: 0;
position: relative;
border: 1px solid #444;
}

/* CONTENT ITEMS FOR MAIN PAGE */
#aboutContent {
top: 0px;
left: 0px;
height: 100%;
width: 100%;
position: fixed;
padding: 0px;
visibility: hidden;
overflow: auto;
z-index: -10;
border: 0px solid #ccc;
border-left: 0px;
}

#codeContent {
top: 0px;
left: 0px;
height: 435px;
width: 710px;
position: absolute;
background: #ffffff;
padding: 5px;
visibility: hidden;
overflow: auto;
z-index: 2;
border: 1px solid #ccc;
border-left: 0px;
}

#linksContent {
top: 70px;
left: 126px;
height: 435px;
width: 710px;
position: absolute;
background: #ffffff;
padding: 5px;
visibility: hidden;
overflow: auto;
z-index: 2;
border: 1px solid #ccc;
border-left: 0px;
}

/* LINES AND MENUS ON MAIN PAGE */
#leftLine {
top: 70px;
left: 125px;
height: 447px;
width: 1px;
position: absolute;
background: #cccccc;
border: 0px;
padding: 0px;
margin: 0px;
}

#leftMenu {
top: 250px;
left: 5px;
height: 100px;
width: 115px;
position: absolute;
background: #ffffff;
border: 0px;
padding: 0px;
margin: 0px;
text-align: right;
}

.clearBoth {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}

a { color:#557CF2; }
a:hover { text-decoration:none; }
li { margin:2px; color:#555; padding:2px}
ul { padding-left:1em; }
img { border: none; margin: 0; padding: 0; }
.bordered { border:1px solid #aaa; }
/*h1 { text-align:right; margin:2px; color:#000; font-family:Georgia,Arial,Tahoma; font-size: 3em;}*/
h3, h5 { margin-bottom:4px; }
textarea { background:#ccc; color:#333; border:1px solid #aaa; }
#content { width:700px; background:#eee; margin-left:auto; margin-right:auto; padding:8px; border-left:10px solid #ccc; border-right:10px solid #ccc; }


/* CONTAINER TO HOLD IMAGE THUMBNAILS AND ENLARGE CLASS */
#imagesList {
top: 5px;
left: 5px;
position: relative;
z-index: 3;
height: 40px;
}

.larger {
width: 100px;
height: 40px;
position: relative;
z-index: 4;
}