/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
input, textarea {margin: 0; padding: 0;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

html{color:#000;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/* \*/ html, body{height:100%;} /* */

/* initialize */
body {font-family: "Arial"; font-size: small;}
textarea {width: 640px; height: 70px;}
a, .textLink {text-decoration: none; color: #10478b; font-weight: bold;}
a:hover, .textLink:hover {text-decoration: underline; color: #7987ae;}
h1, h2, h3, h4 {margin-bottom: 3px;}
h1, h2 {margin-left: -1px;}
h1 {font-family: "Arial Black"; font-size: 27px; color: #624940;}
h1.midpageh1 {margin-top: 10px;}
h2 {font-size: large; font-weight: bold; margin-top: 10px; color: #10478b;}
h3 {font-weight: bold; color: #687d1c;}
h4 {font-weight: bold; color: #10478b;}
p {margin-bottom: 10px; line-height: 1.75;}
li {line-height: 1.5; margin-left: 15px;}

/* framework-functionality specific */
.textLink {/*FF-fix*/ width: 15px;}
* html .textLink {width: auto;}
.errormessage {color: #FF0000; font-weight: bold;}
.logoutformjs, .logoutformjs #logoutbutton {visibility: "hidden"; position: "absolute"; top: 0px; left: 0px; width: 0px; height: 0px; border: 0px;}
#loginform, #accountbox {float: right; margin-left: 20px; width: 345px; height: auto; background: #edf2ed; text-align: right; clear: right;}
#accountbox {padding-top: 10px; padding-bottom: 10px; text-align: left;}
#loginform fieldset {margin: 20px;}
#loginform label {margin-right: 10px; font-weight: bold;}
#loginform label:after {content: ':';}
#loginemail, #loginpass {width: 250px; margin-top: 7px;}
#loginform .submit {font-weight: bold; margin-top: 7px;}
#loginform #forgotpass {float: left; padding-left: 76px; line-height: 2; margin-top: 4px;}
.dateselect label {display: none;}
.dateselect select {margin-right: 5px;}
.narrowinput {width: 50px;}
.mediuminput {width: 300px;}
.wideinput {width: 640px;}
.fulltextarea {width: 970px; height: 500px;}
.htmlpreviewlabel {margin-top: 5px;}
.htmlpreview {border: 1px outset #a4bcc6; padding-top: 5px; padding-bottom: 5px; padding-left: 1px; margin-top: 5px; margin-bottom: 5px;}

/* layout */
body {background: #e2ecbf;}
code {color: #df470c; font-weight: bold; letter-spacing: 1px;}
#topstrip {background: #0084c1; height: 137px;}
#header {width: 960px; margin: auto;}
#content {width: 950px; margin: auto; background: #fff;}
#logotop {float: left;}

#osphp {float: left;}
#osphp, #toplinks {padding-left: 15px;}
#toplinks {float: left; height: 104px; width: 380px; font-family: "Arial Black"; font-size: x-large; padding-top: 5px;}
#toplinks a {color: #FFF;}

.twitterlink img {vertical-align: text-top;}
.twitterlink a {font-weight: bold; color: #33ccff;}

* html #logotop {position: absolute;}
* html #logotop img {position: relative; left: -780px;}
* html #toplinks {padding-left: 390px;}
* html #osphp {position: absolute;}
* html #osphp #osphpimg, * html .twitterlink {position: relative; left: 380px;}

*:first-child+html #logotop {position: relative;}
*:first-child+html #osphp {position: absolute;}
*:first-child+html #osphp #osphpimg, *:first-child+html .twitterlink {position: relative; left: 380px;}

#footerupper {background: #00a4d9; height: 58px; padding-top: 58px; margin-top: 20px;}
#footerlower {background: #5f8e62; height: 82px;}
#mascot {margin: auto; background: URL('http://assets.vork.us/images/vork-mascot.png') no-repeat; width: 166px; height: 188px; margin-top: -163px;}
* html #mascot {margin-top: -187px;}

/* anchor footer to bottom */
#nonfooter {min-height: 100%; margin-bottom: -160px;}
#content {margin-bottom: 140px; min-height: 260px;}
* html #content {height: 260px;}
#endofcontent {height: 1px; width: 980px;}
* html #endofcontent {display: none;}
#contentbottom {height: 30px;}
* html #nonfooter {height: 100%; margin-bottom: -160px;}

#bgfiller {background: #fff; width: 990px; height: 90px; margin: auto;}

#sidemenu {float: right; background: URL('http://assets.vork.us/images/sidemenu-bg.png'); width: 270px; height: 226px; margin-top: -20px; margin-left: 2px; font-family: "Arial Black"; color: #fff;}
* html #sidemenu {margin-left: -1px}
#sidemenu a {font-size: large; color: #fff;}
#sidelink1 {margin-top: 40px; margin-left: 40px;}
#sidelink2 {margin-top: 20px; margin-left: 30px;}
#sidelink3 {margin-top: 20px; margin-left: 13px;}
#sidelink3 a {margin-left: 7px;}
#sidelink4 {margin-top: 20px; margin-left: 100px;}
#sidelink5 {margin-top: 5px; margin-left: 180px;}

input, select {border: 1px solid #a4bcc6; margin-bottom: 5px; margin-top: 2px;}
.submit {background: #dfe7eb;}

#content {padding: 20px;}
#content p {line-height: 1.75;}
#content li {line-height: 1.5; margin-left: 15px;}
.padbottom {margin-bottom: 15px;}

/* page specific */
#wikisearch {float: right; margin-left: 10px; margin-top: -8px; width: 210px;}
#qrcode {float: right; margin-right: 7px; margin-top: 10px;}
* html #qrcode {margin-right: -200px;}
#homepagemascot, .homepagemascot {float: right;}
#homepage_section_508, #homepage_w3c, #homepage_tools, #homepage_databases {float: right; color: #fc4f0c; font-family: "Arial Black"; text-align: right; width: 250px; margin-right: 7px;}
#homepage_section_508 {font-size: x-large; margin-top: -130px;}
#homepage_w3c {font-size: x-large;}
#homepage_tools {font-size: large; margin-top: -215px;}
#greenit {float: left; margin-right: 20px; margin-top: 15px;}
#homepage_databases {margin-top: -150px; line-height: 1.25;}
#contestquestions input {margin-right: 10px;}
#contestquestions legend {margin-bottom: 2px; margin-top: 10px; font-weight: bold;}