/* ------------ general styles ------------ */
body { width: 92%; height: 100.1%; margin-top: 0; margin-bottom: 1px; margin-left: auto; margin-right: auto; padding: 0; background-color: #35435d; color: #ffffff; font-size: 62.5%; line-height: 1em; font-family: 'Arimo', sans-serif; font-weight: 400; }
h1 { font-size: 2.4em; line-height: 1.25em; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 0; }
h2 { font-size: 1.8em; line-height: 1.333em; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 0; }
h3 { font-size: 1.6em; line-height: 1.25em; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 0; }
h4 { font-size: 1.5em; line-height: 1.333em; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 0; }
a { color: #52ae92; }
a:visited { color: #efcc66; }
p { margin: 0px; }
ul { margin: 0px; padding: 0px; }
li { list-style-type: none; }
form { clear: both; margin: 0px; }
label { width: 14em; float: left; text-align: right; font-size: 1.5em; font-weight: normal; line-height: 1.5em; margin-right: 1em; }
input { color: #555555; font-size: 1.6em; line-height: 1.5em; font-family: 'Roboto', sans-serif; font-weight: 300; float: left; margin-left: 0px; padding: 2px 4px; border: 0.0625em solid #35435d; width: 500px; }
input.submit { font-size: 1.4em; line-height: 1.5em; background-color: #fedb78; color: #000000; margin: 1em 0 0 16.0714em; padding: 3px 9px; float: none; width: auto; }
input[type="checkbox"] { width: auto; border: 1px solid #000000; }
select { color: #555555; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.6em; line-height: 1em; width: 510px; padding: 3px 2px; border: 1px solid #000000; }
textarea { color: #555555; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.6em; line-height: 1.25em; float: left; margin-left: 0px; border: 1px solid #000000; padding: 3px 4px; width: 500px; height: 150px; }
ul.errorlist { margin-left: 90px; clear: both; }
ul.errorlist li { font-size: 1.4em; line-height: 1.5em; color: #ea0404; }
form h2 { margin-left: 90px; }
form p { clear: both; padding-top: 4px; }
form p.help_text { font-size: 1.2em; line-height: 1.5em; font-weight: normal; color: #35435d; margin-left: 18.75em; } /* all but select */
form span.helptext { font-size: 1.2em; line-height: 1.5em; font-weight: normal; color: #35435d; margin-left: 5px; } /* select */
span.button { font-size: 1.4em; line-height: 1.5em; margin-left: 6px; padding: 4px 7px; border: 1px solid #000000; background-color: #fedb78; }
span.button a { color: #000000; text-decoration: none; }
span.button a:visited { color: #000000; }
div.clear { clear: both; height: 0px; }

/* ------------ messages system ----------- */
#content-wrapper ul.messages li { font-size: 1.4em; line-height: 1.5em; color: #ffffff; background-color: #a22113; padding: 8px 10px; margin-bottom: 12px; }
#content-wrapper ul.messages li a { color: #52ae92; text-decoration: underline; }
#content-wrapper ul.messages li a:visited { color: #efcc66; }
#content-wrapper ul.messages li.info { color: #ffffff; background-color: #ef8c08; }
#content-wrapper ul.messages li.info a { color: #52ae92; }
#content-wrapper ul.messages li.info a:visited { color: #efcc66; }
#content-wrapper ul.messages li.success { color: #ffffff; background-color: #52ae92; }
#content-wrapper ul.messages li.success a { color: #52ae92; }
#content-wrapper ul.messages li.success a:visited { color: #efcc66; }

/* ------------ paging system ----------- */
#content-wrapper ul.page li { float: left; font-size: 1.4em; line-height: 2em; color: #52ae92; background-color: #ffffff; padding: 0px 5px; margin-bottom: 12px; }
#content-wrapper ul.page li a { color: #52ae92; text-decoration: underline; }
#content-wrapper ul.page li a:visited { color: #efcc66; }
#content-wrapper ul.page li.active { color: #000000; }
#content-wrapper ul.page li.text { color: #555555; }
#content-wrapper ul.page li.right { float: right; }

/* ------------ header ------------ */
#header { float: left; padding: 0.8em 2em; color: #ffffff; }
#header h1 { padding: 1em 0; }
#header h1 a { color: #52ae92; text-decoration: none; }
#header h1 a:visited { color: #efcc66; }

/* ------------ menu ------------ */
#menu { float: right; }
#menu p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.8em; line-height: 1.5em; text-align: right; padding: 1em 0.5556em 0 0; }
#menu #user-bar li { padding-right: 1em; }
#menu #user-bar li a { width: 12em; color: #52ae92; font-size: 1.8em; line-height: 2em; text-align: right; }
#menu #user-bar li li { background-color: #52ae92; border-bottom: 0.1em solid #ffffff; }
#menu #user-bar li li a { color: #35435d; text-decoration: none; }
#menu #user-bar li li a:visited { color: #35435d; }

/* ------------ content ------------ */
#content-wrapper { clear: both; float: left; width: 100%; border-bottom: 1.2em solid #efcc66; }
#content { padding: 20px; background-color: #ffffff; color: #000000; }

/* ------------ footer ------------ */
#footer { font-size: 1.2em; line-height: 2em; font-weight: normal; color: #ffffff; padding: 20px; clear: both; }

/* ------------ in base.html ------------ */
#base h2 { color: #efcc66; }
#base h3 { margin-top: 25px; color: #efcc66; }
#base #projects ul h3 { margin-top: 4px; color: #000000; }
#base #projects label { width: 150px; }
#base #projects ul.errorlist { margin-left: 160px; }
#base #projects input.submit { margin-left: 160px; }
#base #projects li h3 a.no-perm { color: #555555; }
#base #projects li h3 a.no-perm span { font-size: 0.75em; line-height: 1.667em; }

/* ------------ in 403.html ------------ */
#e403 h2 { color: #efcc66; }
#e403 p { color: #555555; font-size: 1.4em; line-height: 1.5em; }

/* ------------ in 404.html ------------ */
#e404 h2 { color: #efcc66; }
#e404 p { color: #555555; font-size: 1.4em; line-height: 1.5em; }

/* ------------ in 500.html ------------ */
#e500 h2 { color: #efcc66; }
#e500 p { color: #555555; font-size: 1.4em; line-height: 1.5em; }