* { margin: 0; padding: 0; }
a { color: white; text-decoration: none; outline: none; }
a:hover, #left h2 a:hover, #left a:hover { text-decoration: underline; }
body { background-color: black; background-image: url(images/bg.png); background-position: top center; background-repeat: no-repeat; font-family: Calibri, Tahoma, sans-serif; font-size: 1em; }
img { border: none; }
.clear { clear: both; height: 1px; line-height: 1px; margin: 0; padding: 0; }
.cpp { list-style: url(images/cpp.png); padding-left: 7px; }
.css { list-style: url(images/css.png); padding-left: 7px; }
.doc { list-style: url(images/word.png); padding-left: 7px; }
.exe { list-style: url(images/exec.png); padding-left: 7px; }
.file { list-style: url(images/file.png); padding-left: 7px; }
.folder { list-style: url(images/folder.png); padding-left: 7px; }
.image { list-style: url(images/image.png); padding-left: 7px; }
.image1 { list-style: url(images/image1.png); padding-left: 7px; }
.web { list-style: url(images/web.png); padding-left: 7px; }
.xls { list-style: url(images/excel.png); padding-left: 7px; }
.zip { list-style: url(images/zip.png); padding-left: 7px; }
#content { color: white; float: right; width: 960px; }
#content h1 { margin: 0 0 25px 0; }
#content p { margin: 5px 0; }
#data { background-image: url(images/databg.png); border: 1px solid #a8a8a8; float: right; margin: 0 0 15px 0; padding: 10px; width: 690px; z-index: -100; }
#data .cssform input[type="text"], #data .cssform input[type="password"] { width: 200px; }
#data .cssform label { float: left; font-weight: bold; width: 200px; }
#data .cssform p { clear: both; margin: 0; padding: 5px 0 5px 0; }
#data .cssform textarea { font-family: inherit; height: 150px; width: 200px; }
#data .entry { margin-bottom: 20px; }
#data .list { border-bottom: 1px solid #a8a8a8; }
#data .randomimage { margin: 0 auto; text-align: center; }
#data .randomimage img { border: 1px solid #a8a8a8; padding: 4px; }
#data .small { font-size: smaller; }
#data .spacer { margin-bottom: 50px; }
#data .submit { padding: 0 10px; }
#data .updated { font-size: x-small; margin-top: 25px; }
#data h1 { font-size: 1.2em; margin: 2px 0 8px 0; }
#data h2 { font-size: 1.1em; margin: 2px 0 5px 0; }
#data h3 { background-image: url(images/menubg.png); border-bottom: 1px solid white; font-size: 1em; padding-left: 5px; }
#data ul { margin: 5px 0 5px 25px; }
#footer { border-top: 1px solid #0099ff; margin: 0 auto; width: 960px; display: none; }
#footer p { color: white; font-size: 0.8em; margin: 0; }
#left { background-image: url(images/leftbg.png); border: 1px solid #a8a8a8; float: left; font-size: 0.9em; margin: 0 0 15px 5px; padding: 5px 5px 10px 5px; width: 200px; }
#left h2 { border-bottom: 1px solid white; color: white; font-size: 1.2em; margin: 10px 0 5px 0; }
#left h2 a, #left a { text-decoration: none; }
#left ul, #menu ul { list-style: none; }
#logo { float: left; margin: 20px 0 0 25px; }
#logo img { float: left; }
#menu { background-image: url(images/menubg.png); border: 1px solid #a8a8a8; float: right; font-size: 1em; height: 33px; margin: -50px 0 0 0; width: 710px; }
#menu ul li { background-image: url(images/menubg.png); border: 1px solid #a8a8a8; float: left; height: 23px; margin: 2px; padding: 1px 10px; text-shadow: 2px 0 10px white; }
#menu ul li a { color: white; padding: 4px 10px; text-decoration: none; }
#menu ul li a:hover { color: #0099ff; text-decoration: underline; }
#menu ul li ul { background-image: url(images/menubg.png); border: 1px solid #a8a8a8; display: none; list-style: none; margin: 3px 0 0 -20px; padding: 0; position: absolute; width: 160px; }
#menu ul li ul li { background-image: url(images/menubg.png); float: left; font-size: 0.8em; height: 25px; margin: 2px; padding: 0; width: 155px; }
#menu ul li ul li a { float: left; height: 25px; padding: 4px 0 0 5px; width: 155px; }
#slogan { color: white; float: right; font-size: 0.9em; margin-top: 195px; padding-right: 15px; display: none; }
#title { color: white; float: left; margin: 90px 0 0 55px; text-shadow: 3px 0 20px white; }
#gallerymainimage { margin: 0 auto; }
#galleryholder { border: 1px solid #a8a8a8; padding: 2px; text-align: center; width: 685px; height: 540px; background-image: url(images/menubg.png); display: table-cell; vertical-align: middle; }
#gallerythumbs { width: 690px; height: 75px; margin-bottom: 10px; }
#gallerythumbs .forward { float: right; z-index:5; z-index: 1000; padding-top: 25px;	width: 15px; height: 50px; height: 50px; cursor: pointer; background-image: url(images/menubg.png); }
#gallerythumbs .back { float: left; z-index:5; z-index: 1000; padding-top: 25px; width: 15px; height: 50px; height: 50px; cursor: pointer; background-image: url(images/menubg.png); }
#gallerythumbsholder { position: absolute; z-index: 10; width: 650px; height: 75px; overflow-y:hidden; overflow-x:hidden; margin-left: 20px; background-image: url(images/leftbg.png);}
#gallerythumbscontainer { height: 75px; white-space: nowrap; }
#gallerythumbscontainer div.branditem { display: inline; z-index: 1; }
#gallerythumbscontainer div.branditem img { width: 100px; height: 75px; }
#wrapper { background-image: url(images/ribbon.png); background-position: left; background-repeat: repeat-y; margin: 0 auto; padding-bottom: 10px; width: 960px; }
pre { font-size: 12px; background: #f0f0f0; line-height: 18px; color:black; background: url(images/pre_bg.png);	width: 690px; overflow: auto; overflow-Y: hidden; font-family: 'Courier New', Courier, monospace; }
pre code { margin: 0 0 0 20px; padding: 18px 0;	display: block; }