body {background: #000 url('../img/tehbackground.jpg') no-repeat top center; font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #fff;}
#container {width: 100%; margin: 0 auto;}
#header {width: 860px; margin: 0 auto;}
#leftheader {background: url('../img/button.png') no-repeat 0 14px; height: 275px; width: 500px;}
#rightheader {text-align: right; margin-top: 42px;}
#portplacement {position: relative; left: -13px; margin-top: 32px;}
#headingplacement {position: relative; left: -7px; margin-top: 193px;}
#socials {margin-top: 27px; width: 110px; position: relative; left: 4px;}
#about {margin-top: 10px; position: relative; left: 4px;}
#content {width: 100%; margin: 20px auto 0 auto;}
#aboutcontents {position: relative; font-size: 14px; color: #333; width: 860px; margin: 0 auto 20px auto; }
#aboutwrapper {display: none;}
#x {position: absolute; top: -9px; right: -7px; z-index: 100; display: none;}
#aboutoff {display: none;}
#moretop {background: url('../img/moretop.png') no-repeat;}
#moremiddle {background: url('../img/moremiddle.png') repeat-y; padding: 0 12px; color: #343434;}
#morebottom {background: url('../img/morebottom.png') no-repeat;}
#footer {font-size: 12px; width: 860px; margin: 0 auto;}
#footer p {width: auto;}
#littlespacer {height: 20px; display: none;}
#contentbgwrapper {width: 100%; background: #fff url(../img/contentshadow.png) repeat-x top;}
#contentbg {color: #444;width: 860px; margin: 0 auto;}

.description ul li {padding: 2px 3px 3px 12px; background: url(../img/tick.png) no-repeat 2px 4px;}
.description {background: #fffbb8;}
.aboutcolumn li ul {display: inline-block;}
.halfsies {width: 410px;}
.caps {height: 12px; width: 860px;}
.commontopmargin {margin-top: 30px;}
.uncommontopmargin {margin-top: 10px;}
.screenshot {margin-top: 6px;}
.shadow {box-shadow: 10px 10px 5px #888; padding: 5px 5px 5px 15px;}
.aboutcolumn {width: 250px; padding: 0 7px;}
.abouttoppadding {padding-top: 20px;}
.specialpadding {padding-top: 10px;}
.link {text-align: right; font-size: 12px; width: 100%;}
.link:before {content: "\00BB";}

h1 {font-size: 58px; text-shadow: 1px 1px 0 #aaa;}
h2 {font-size: 15px;}
.description {font-size: 13px; color: #777;}
.glow {-moz-box-shadow: 0px 0px 5px #9abb35; -webkit-box-shadow: 0px 0px 5px #9abb35; box-shadow: 30px 0px 5px #9abb35; padding-top: 2px;}
.link a:link, .link a:visited, .link a:active {color: #333; text-decoration: none; font-weight: bold; padding: 2px;}
.link a:hover {color: #000; text-decoration: none;}
.plainlink a:link, .plainlink a:visited, .plainlink a:active {color: #fff; text-decoration: none;}
.plainlink a:hover {color: #fff; text-decoration: underline;}
.condensed {letter-spacing: -.5px;}
.aboutspace {margin-right: 17px;}
.aboutcolumn {color: #333;}
.aboutcolumn a:link, .aboutcolumn a:visited, .aboutcolumn a:active {color: #000; font-weight: bold; text-decoration: none;}
.aboutcolumn a:hover {color: #000; font-weight: bold; text-decoration: underline;}
.smaller {font-size: .7em;}

.line {height: 2px; width: 860px; margin: 0 auto;}
.smline {height: 2px; width: 410px; margin-top: 30px;}
.floatleft {float: left;}
.floatright {float: right;}
.clearboth {clear: both;}
.centertext {text-align: center;}


/* -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px #333; box-shadow: 30px 0px 5px #333; */