/*
BASIC.css
contains only formatting without colours + fonts, e.g. border, margin
*/

html, body {
    margin: 0px;
}

body {
    font-family : sans-serif;
    font-size : 1.0em;

}


/* ---------- Tags ---------- */

/* ----------- Compliant ------------ */
code {
    border: 1px solid #C0C0C0;
    display: block;
    overflow:auto;
    background-color : white;
    height : 200px;
    white-space: pre;
}

pre {
    font-size : 1.1em;
}

strong {
    font-weight : bold;
}

q {
    display : block;
    padding : 5px;
    font-size : 90%;
}

ul {
    margin : 0px;
    padding : 0px;
    padding-left : 8px;
}

img {
    border-style : none;
}

img.float-left {
    float : left;
    margin-right : 10px;
    display : inline;
}

img.float-right {
    float : right;
    margin-left : 10px;
    display : inline;
}


blockquote {
    border-top : 1px solid #fff;
    border-bottom : 1px solid #fff;
}

fieldset {
    margin : 10px;
    padding : 10px;
}

legend {
    font-style : italic;
    font-size : 110%;
}

/* ----------- Form styles ----------- */

form {
     margin : 0;
     padding : 1px 5px;
}

input, textarea {
    font-family : inherit;
    font-size : 9pt;
    padding : 1px 2px;
}

select[multiple="multiple"] {
    padding : 1px 2px 1px 2px;
}

ul.no-bullet {
   list-style-type : none;
}


/* ------------- Table ------------- */

table {
      border-collapse : collapse;
}

th {
    font-weight : bold;
    text-align : left;
}

td {
    vertical-align : top;
}

/* ---------- Classes ---------- */

fieldset.quote {
    border : 1px solid gray;
}

fieldset.quote legend {
    font-style : italic;
    font-weight : normal;
    font-size : inherit;
}

.spoiler {
    background-color : grey;
    color : grey;
}

.error {
    color : #cf2626;
    font-weight : bold;
}


table.form-table {
    margin : 4px;
		padding : 0px;
}

table.form-table td {
    padding : 4px;
    vertical-align : top;
}

.form-table label {
    font-weight : bold;
    margin-right : 10px;
    color : gray;
}


.top-label label {
    font-weight : bold;
}


.clear {
    clear : both;
}

.padded {
   padding : .8em;
}

.smaller, .smaller input, .smaller select {
   font-size : .8em;
}

.larger {
   font-size : 1em;
}

.align-center {
   text-align : center;
}

.align-right {
   text-align : right;
}

.align-left {
   text-align : left;
}

/* ---------------- Box definitions -------------- */
.box {
    margin-bottom : 0 0 0 0;
}

.box-title, .box-content, .box-footer {
    padding : 1px 1px 1px 10px;
}

.entry-summary, .webpage-content, .webpage-summary {
   /* prevents float overlap */
    overflow: hidden;
}


abbr {
    border : none;
}


div.webpage-image, div.entry-image{
   float : right;
   display : inline;
   margin : 0 0 10px 10px;                  
}

#blog-list-view{}
.author {color : white; font-size : .8em;}
.posted-by {color : white; font-size : .8em;}
.posted-on {color : white; font-size : .8em;}
.published {color : white; font-size : .8em;}