/*   
Theme Name: Geek Out
Theme URI: http://www.awscreative.com/
Description: A theme built exclusively for Geek Out Online and Geek Out Loud!
Author: Michael Cohen
Author URI: http://awscreative.com
Version: 1.0
.
This theme is exclusively licensed to Steve Glosson and Geek Out Online for it's sole use.
.
*/

/* Universal Styles */
html {font-family: Tahoma, Trebuchet MS, Helvetica, sans-serif; font-size: 14px;}
body {margin: 0 0; background: url(images/bg.jpg) center repeat-y #67bfd4; text-align: center;}

#container {margin: 0 auto; width: 941px; text-align: left;}

#header {position: relative; height: 222px; background: url(images/header_bg.jpg) no-repeat;}
#header h1 {margin: 0 0 -20px 0; _position: absolute; _left: 0; _height: 210px;}
#header h1 a {margin: 0 0 -20px 30px; width: 202px; height: 210px; background: url(images/gol_logo.png) no-repeat; display: block; text-indent: -9999px;}

#description {float: left; margin: 0 0 0 250px; width: 400px; height: 160px; overflow: hidden; font-size: 15px; text-align: center; _margin-top: 10px; _height: 150px;}

#nav {position: absolute; padding: 8px; width: 650px; bottom: 13px; right: 31px; font-size: 16px;}
#nav ul {float: right; margin: 0; font-weight: bold;}
#nav ul li {float: left; margin: 0 0 0 20px; display: inline;}
#nav a {color: #000000;}
#nav a:hover {border-bottom: 2px dotted #000000; _text-decoration: underline;}

#left_sidebar {float: left; margin: 10px; width: 178px;}
#left_sidebar h1, #left_sidebar h2, #left_sidebar h3, #left_sidebar h4, #left_sidebar h5, #left_sidebar h6 {margin: 0; padding: 5px; background: url(images/h_bg.jpg) repeat-y center #ffd200; border: 2px solid #000000; display: block; font-size: 18px;}
#left_sidebar ul {padding-left: 15px; _margin-left: 0px;}
#left_sidebar li {list-style: none;}
#left_sidebar a {color: #000000; font-weight: bold;}
#left_sidebar a:hover {text-decoration: underline;}
#left_sidebar .widget li {list-style: square;}

#right_sidebar {float: right; margin: 10px; width: 178px;}
#right_sidebar h1, #right_sidebar h2, #right_sidebar h3, #right_sidebar h4, #right_sidebar h5, #right_sidebar h6 {margin: 0; padding: 5px; background: url(images/h_bg.jpg) repeat-y center #ffd200; border: 2px solid #000000; display: block;  font-size: 18px;}
#right_sidebar ul {padding-left: 15px; _margin-left: 0px;}
#right_sidebar li {list-style: none;}
#right_sidebar a {color: #000000; font-weight: bold;}
#right_sidebar a:hover {text-decoration: underline;}
#right_sidebar .widget li {list-style: square;}

#content {padding: 10px 15px; overflow: auto; _width: 539px;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {color: #d61b1b;}
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a {color: #d61b1b;}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover {color: #209abd;}
#content img {margin: 0 5px; padding: 1px; border: 2px solid #000000;}

#date {float: left; margin: 0 10px 10px 0; width: 50px; height: 61px; background: url(images/date.jpg); display: block; color: #000000;}
#date h1 {margin: 5px 0 0 5px; width: 40px; text-align: center; font-size: 25px; color: #000000;}
#date h2 {margin: 5px 0 0 5px; width: 40px; text-align: center; font-size: 15px; color: #000000;}

.content {clear: both;}

#footer {clear: both; height: 202px; background: url(images/footer_bg.jpg) no-repeat; color: #eaeaea;}
#footer ul {margin: 0; padding: 0; list-style: none; overflow: hidden; height: 155px; max-height: 155px;}
#footer ul li {padding-top: 5px; border-bottom: 1px dotted #209abd;}
#footer a {color: #eaeaea;}
#footer a:hover {color: #67bfd4;}

#left_foot {float: left; margin: 13px 0 0 30px; padding: 0 20px 0 10px; width: 230px; _width: 260px;}

#right_foot {float: left; margin: 13px 30px 0 0; padding: 0 10px 0 20px; width: 230px; text-align: right; _width: 260px;}

#center_foot {float: left; margin:  13px 0 0 0; padding: 0 10px; width: 340px; _width: 360px;}

.right {float: right;}
.left {float: left;}

/* Typographic Styles */
a {color: #209abd; text-decoration: none;}
a:hover {color: #67bfd4;}

h1,h2,h3,h4,h5,h6 {margin: 0;}