/* TYPOGRAPHY */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-variant: small-caps; text-color: #31383b; font-family: Gill Sans, Helvetica, Arial, FreeSans, sans-serif; }

/* SCREEN */

body { margin: 10px auto; width: 810px; background: #eee; }

a { text-decoration: none; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: underline; }

h1,h2,h3,h4,h5,h6,p { text-shadow: 0 0 0 #000;}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { color: #ccc; font-style: normal; }
h2 em a { color: #ccc; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #ccc; }

/* DIV STYLES */
#page { min-height: 550px; }
#nav { text-align: center; margin: 0 auto; }
#menu { float:left; width:100px; margin-top:10px;  }
#nav_panel { height: 20px; }
#nav_title { padding: 5px; }
#page_content, #page_heading { position: absolute; width: 600px; }
#page_content { position: relative; float: left; margin-top: 50px; }
#page_heading { margin-top: 10px; margin: 5px 5px 5px 100px; }
#sidebar { position: absolute; margin-left: 710px; width: 80px; padding: 10px 5px 5px 5px; word-wrap: break-word;}
#header { }
#footer { text-align: center;}
#site-name { float: left; }
#top_links {
    text-align: left;
}

/* ELEMENT STYLES */
.colored { background: #eee; padding 2px; }
.heading { background: #fff; }
.sections { border: 1px #e2e2e2 solid; }
.floating { position: absolute; text-align: center; width: 100%;}
h3 a, h3 a:hover { text-decoration: none; color: black;}

/* TEXT STYLES */
.subscript { margin-top: -8px; }

/* HEADINGS */
h1 { font-size: 40px; font-weight: bold; }
h2 { font-size: 30px; font-weight: bold; }
h3 { font-size: 20px; font-weight: bold; }
h4 { font-size: 14px; font-weight: bold; }
h5 { font-size: 14px; font-weight: bold; }
h6 { font-size: 14px; font-weight: bold; }

/* MISC */
/*img { z-index: 1; }*/

/* POSITIONING */
.lefty { text-align: left; }
.righty { text-align: right; }
.center { text-align: center; }
/*.hack { z-index: 2; float: left; margin-left: -120px; position: absolute; }*/
.title_span { text-decoration: none; font-size: 20px; font-weight: bold; line-height: 1em; margin-left: 4px; }

/* LINKING */
a.divlink { display: block; width: 100%; height: 100%;}

.text {display: none;}
#main .hover_buttons > li { padding-bottom: 0; }
ul.clearly_buttons {display:block; width:100%; padding:0; margin:0; list-style-type:none;}
ul.hover_buttons > li {color: #fff; background:#000; padding:0; margin:0; position:relative; overflow:hidden; cursor:default; }
ul.hover_buttons > li > span { cursor:default;}
ul.clearly_buttons > li { height: 55px; float: left; width:25%; }
ul.nav_buttons { text-align: center; background: transparent; width:15%; }
ul.nav_buttons > li { width: 25px; /*margin-left: -96px;*/ overflow-x: hide; text-align: right; background: url('/media/img/tab.png') no-repeat top right; height:30px; }
ul.nav_buttons > li > h3 { font-family: Monospace; }
#title_bar { font-family: Monospace; width: 24px; background: #000; color: #FFF; }
#title_bar a { text-decoration: none; }
#title_top { display: block; background: url('/media/img/title_top.png') no-repeat bottom left; min-height: 25px; }
#title_bottom { display: block; background: url('/media/img/title_bottom.png') no-repeat top left; min-height: 25px; }
#page_content p, #tweet p{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; background: #EEE; margin-bottom: 10px; padding: 0 5px 0 5px; }
#page_content h1, #page_content h2, #page_content h3, #page_content h4 {margin-bottom: 10px;}
#page_content a { font-weight: bold; padding-right: 15px; background: url('/media/img/icons/link.png') no-repeat right center; min-height: 25px; color: #000; }
#tweet a {padding-right: 0px; background: none;}
#page_heading a { font-weight: bold; padding-right: 15px; color: #000; }