/* The Beautiful LPI Project. */

/* Default CSS */

/* Structure */

body {
    padding: 0;
    margin: 0;
    }

#sidebar {
    float:left;
    width:25%;
    max-width: 75%;
    height: 100%;
    overflow: auto;
    border-right: solid 1px #ccc;
    resize: horizontal;
    }

#content {
    float: none;
    width: auto;
    height:100%;
    overflow: auto;
    word-wrap: break-word;    
    }

.container {
    padding: 0.5em;
    overflow: auto;
    height: auto;
    width:auto;
    resize: none;
    }

ul {
    list-style-type: none;
    padding-left: 0.5em;
    }
    
li {
    word-wrap: break-word;
    padding-left: 1.5em;
    text-indent: -1.5em;        
    }

.search {
    width: 100%;
    padding: 0.5em;
    }

/* Font */

body { font: .875em/1.35 'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; }
pre, code { font-family: Consolas,Courier,monospace;; }

h1, h2, h3 { font-weight: normal; }

pre, ul, table  { font-size: .98em; }
h1 { font-size: 2.769em; }
h2 { font-size: 1.769em; }

/* Colour */

body { color: #2a2a2a; }
a { color: #1364c4; }
a:hover { color: #3390b1; }
h1 h2 h3 { color: #000000; }
b { color: #5d5d5d; }

/* Objects */

input {
    background-color: #dedfe1;
    padding: 3px 0 4px 7px;
    width: 186px;
    font-style: normal!important;
    font-family: 'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
    color: #a1a1a1!important;
    border: 0;
    margin: 0;
    outline: none;
    }

hr {
    border: 0;
    height: 1px;
    background-color: #ccc;
    }

a, a:hover { text-decoration: none; }

table, th, td
{
    border: 1px solid #bbb;
    border-collapse: collapse;
    }

th {
    background-color: #ededed;
    color: #707070;
    text-align: left;
    }

td, th {
    margin: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 8px;
    padding-left: 8px;
    }

/* Rhythm */

h1 {
    padding-top: 0px;
    margin: 0px;
    }

li p {
    line-height: 1.1em;
    margin: 0;
    padding: 0;
    }

th, td { padding: 0.1em; }