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

html, body {
    margin: 5px;
}

body {
    font-family : sans-serif;
    font-size : .8em;

}


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

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

/* Uncommenting the below may break CSS compliancy but will
improve the appearence of the <code> tag in different browsers.
Your choice. Please experiment */

code {
/* white-space: pre-wrap;      */  /* css-3 */
/* white-space: -moz-pre-wrap; */  /* Mozilla, since 1999 */
/* white-space: -pre-wrap;     */  /* Opera 4-6 */
/* white-space: -o-pre-wrap;   */  /* Opera 7 */
/* word-wrap: break-word;      */  /* Internet Explorer 5.5+ */
}


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 : 0;
}

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;
}

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

.form-table label {
    font-weight : bold;
    margin-right : 20px;
    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;
}

.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;                  
}

     
/* ---------------- Large ROUNDED Box definitions -------------- */

#container {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid; border-right:1px solid ;}
.xb1 {margin:0 5px; background:;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid ; border-width:0 1px;}