/* general */
html {
    background-color: #D06820;
}

body {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    color: #202020;
}

h1 {
    display: block;
    margin: 0;
    padding: 0.5em 0 0.3em;
    color: #403030;
}

h2 {
    margin: 0;
    padding: 0.7em 0 0.4em;
    font-weight: bold;
    font-size: large;
}

h3 {
    margin: 0;
    padding: 0.4em 0 0.5em;
}

p {
    margin: 0;
    padding: 0.5ex 0;
}

p.note {
    font-size: smaller;
    font-style: oblique;
}

ul {
    margin: 0.5em 0 0.5em 1em;
    list-style: url('bullet.png') disc;
}

li {
    padding-bottom: 0.4em;
}

img {
    border: none;
}

/* links */
a {
    color: #F8692A;
    text-decoration: none;
}

a:visited {
    color: #D8490A;
}

a:hover {
    text-decoration: underline;
}

/* containers */
div#header {
    background-image: url('header.png');
    padding: 0px 24px;
    margin: 10px 0px 0px;
    height: 144px;
}

form#lang_chooser {
    float: right;
    text-align: right;
}

img.logo {
    float: left;
    margin: 0;
    margin-top: 22px;
    margin-right: 70px;
    padding: 0;
}

img.hackergotchi {
    float: right;
    margin: 0;
    padding: 5px 5px 5px 7px;
}

img.post {
    border-style: none none dashed dashed;
    border-width: 1px;
    border-color: #F8692A;
}

div#content {
    background: url('bg.png') repeat-y;
    height: 100%;
    padding: 0px 40px 0.5em;
    margin: 0;
}

div#footer {
    padding: 0;
    margin: 0;
}

div#footer p {
    font-size: small;
    color: #cca;
    text-align: center;
}

div.teammember {
    float: left;
    position: relative;
    border: 1px solid gray;
    background: #F4E9E2;
    padding: 1ex;
    margin: 1em;
    margin-left: 0;
    width: 45%;
    height: 10em;
}

/* menu bar */
ul#menu {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 68px;
    list-style: none;
}

ul#menu li {
    padding: 0 8px 0 10px;
    margin-right: 2px;
    margin-left: 1px;
    display: inline;
    font-size: large;
    background: none;
}

ul#menu li:hover {
    background: #f4c151 url('li_hover.png');
    border: 1px solid #d40;
    margin-right: 1px;
    margin-left: 0px;
}

/* menu text */
ul#menu li a {
    text-decoration: none;
    color: #E8D0B0;
}

ul#menu li:hover a {
    color: #FFF0E0;
}

ul#menu li.activated a {
    color: #FFF0E0;
    font-weight: bold;
}

/* login stuff */
img.loginlink {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
}

div.logindia {
    display: block;
    position: absolute;
    top: 10%;
    width: 40%;
    left: 50%;
    margin-left: -25%;
    padding: 5%;
    border: 2px solid #777;
    background: #F8D8B0;
    font-size: large;
    z-index: 5;
}

div.logindia h1 {
    font-size: xx-large;
}

/* team */
img.face {
}

/* blog */
div.blogadmin {
    margin-bottom: 1em;
    padding: 1ex;
    border: 1px solid red;
}

div.blogadmin ul {
    list-style: none;
    margin-left: 0;
}

div.blogadmin ul li {
    display: inline;
}

div.blogpost {
    position: relative;
    border: 1px dashed #F8692A;
    background-color: #ededed;
    margin-bottom: 1em;
}

div.title {
    padding: 1ex 2ex;
    margin: 0em 0em 1.5em;
    border-bottom: 1px solid #f8692a;
}

div.titleshared {
    padding: 1ex 2ex;
    margin: 0em 85px 1.5em 0em;
    border-bottom: 1px solid #f8692a;
}

div.content {
    padding: 0ex 2em 0em;
    margin-bottom: 1ex;
}

ul.inlined {
    display: inline;
}

ul.inlined li {
    display: inline;
    margin-right: 1em;
}

ul#available_tags {
    display: block;
    margin-left: 0;
    padding: 0;
    width: 50%;
}

ul#available_tags li a {
    padding: 0.2ex 0.5ex;
    line-height: 1.7em;
}

ul#available_tags li a.selected {
    background: #777;
}

div.actions {
    text-align: right;
    margin: 0 1ex 1ex;
}

div#co {
    margin: 1em 0;
}

div#co span {
    font-weight: bold;
}

div#co blockquote {
    margin-left: 2em;
    padding-left: 1ex;
    border-left: 1px dotted #F8692A;
}

div.section h1 {
    font-size: x-large;
}

div.section table {
    border-collapse: collapse;
}

div.section table tr td {
    border: 1px solid black;
    padding: 1ex;
}

div.section table tr th {
    border: 1px solid black;
    padding: 1ex;
}

/* rest stuff */
pre.literal-block {
    font-size: small;
    font-family: monospace;
    background: #dcdcdc;
    border: 2px solid snow;
    border-left: 6px solid snow;
    margin: 1.5em auto;
    padding: 2ex;
    width: 70%;
}

div.content blockquote {
    font-style: italic;
    background: snow;
    border: 2px solid #cdcdcd;
    border-left: 6px solid #cdcdcd;
    margin: 1em auto;
    padding: 2ex;
    width: 70%;
}

div.content ul {
    list-style: disc;
}

img.fleft {
    max-width: 25%;
    float: left;
    margin: 0 1ex 1ex 0;
}

img.fright {
    max-width: 25%;
    float: right;
    margin: 0 0 1ex 1ex;
}

img.center {
    display: block;
    margin: 1em auto;
    max-width: 70%;
}

img.center-noresize {
    display: block;
    margin: 1em auto;
}

table.footnote {
    font-size: 50%;
}

/* forms */
fieldset {
    padding: 0.5em 1em;
    border: 1px solid #F8692A;
}

fieldset.noborder {
    padding: 0;
    border: none;
}

legend {
    border: 1px solid #F8692A;
    padding: 0 1ex;
}

input {
    display: block;
    margin: 0.5ex 0 1.5ex;
    border: 1px solid #F8692A;
    width: 25%;
    background: #eee;
}

input:focus {
    background: white;
}

textarea {
    display: block;
    margin: 0.5ex 0 1.5ex;
    border: 1px solid #F8692A;
    width: 75%;
    min-height: 20em;
    background: #eee;
}

textarea:focus {
    background: white;
}

.hidden {
    display: none;
}