/*  Site colours */
/*
Black-blue #010209
Background #273054
*/

* {margin: 0; padding: 0; border: 0;}
body {font:100% verdana, sans-serif; margin: auto; background: url(bggradbig.jpg) repeat-x #273054; color: #fff; line-height:1.125em; /* 16×1.125=18 */} 
a {color: #fff;}

/* container */
div.container {width: 800px; margin: auto; }

/* Main Logo ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1 {width: 800px; height: 204px; background: url(geekfinderlogo2.jpg) no-repeat #000;}

/* links at the top ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.toplinks {width: 800px; height: 60px; background: url(upperlinkgradbig.jpg) repeat-x #626262;}
.toplinks ul {height: 60px; width: 800px; padding: 0px; margin: 0px; list-style-type: disc; width: 100%; float: left; text-align: center; background: url(upperlinkgradbig2.jpg) repeat-x;}
.toplinks ul li {display: inline;}
.toplinks ul li a{height: 60px;width: 114px;text-decoration: none; float: left; font-size: 0.8em; color: #b0b0b0;display: block; background: url(upperlinkgradbig2.jpg) no-repeat;}
.toplinks ul li a:hover{height: 60px;width: 114px;text-decoration: none; float: left; font-size: 0.8em; color: #b0b0b0;display: block; background: url(upperlinkgradbig2alt.jpg) no-repeat;}

/* main body ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.main_body_index {width: 800px; background: #273054;}
.main_body_index p { padding: 5px; text-indent: 2em; color: #b1bdeb; text-align: justify; font-size: 0.875em;}

/* sidebar navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
div.sidebar {width: 200px; height: 200px; margin: 10px 2px 0px 10px; padding: 5px; background: url(sidebargrad.png) no-repeat; color: #fff; float: right; clear: right;}
.sidebar ul{ margin: 1em 0px 0px 1em; padding: 1em 0px 0px 1em; list-style-type: disc;}
.sidebar li {list-style: none;}
.sidebar a {color: #fff; font-size: 0.9em; text-decoration: none;}
.sidebar form p {color: #fff; text-indent: 0px !important;}
*/
div.sidebar {width: 200px; height: 200px; margin: 10px 2px 0px 10px; padding: 5px; background: url(sidebargrad.png) no-repeat; color: #fff; float: right; clear: right;}
.sidebar form p {color: #fff; text-indent: 0px !important; font-size: 0.875em;}
.sidebar li {list-style: none;}
.sidebar h2 {font-size: 0.7em;}
.sidebar form {font-size: 0.8em; padding: 10px;}
.sidebar input { padding: 2px; margin: 2px;}

/* loginbar navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.loginbar {width: 200px; height: 200px; margin: 10px 2px 0px 10px; padding: 5px; background: url(sidebargrad.png) no-repeat; color: #fff; float: right;}
.loginbar form p {color: #fff; text-indent: 0px !important; font-size: 0.875em;}
.loginbar li {list-style: none;}
.loginbar h2 {font-size: 0.7em;}
.loginbar form {font-size: 0.8em; padding: 10px;}
.loginbar input { padding: 2px; margin: 2px;}

/* footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.footer {height: 114px; font-size: 0.8em; color: #f4f4f4; background: url(footerbggrad.png) repeat-x #000; padding: 2px 0px 2px 0; width: 100%; float: right;}
.footer h6 {text-align: center;}