SLEGPI/docs/styles/layout.css

html{
    overflow-y:scroll;
}

body{
    margin:0;
    padding:0;
    font-size:13px;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#919191;
    background-color:#232323;
}

.clear:after{
    content:".";
    display:block; height:0;
    clear:both;
    visibility:hidden;
    line-height:0;
}

.clear{
    display:block;
    clear:both;
}

html[xmlns] .clear{
    display:block;
}

* html .clear{
    height:1%;
}

a{
    outline:none;
    text-decoration:none;
}

code{
    font-weight:normal;
    font-style:normal;
    font-family:Georgia, "Times New Roman", Times, serif;
}

.fl_left{
    float:left;
}

.fl_right{
    float:right;
}

img{
    margin:0;
    padding:0;
    border:none;
    line-height:normal;
    vertical-align:middle;
}

.imgholder, .imgl, .imgr{
    padding:4px;
    border:1px solid #D6D6D6;
    text-align:center;
}

.imgl{
    float:left;
    margin:0 15px 15px 0;
    clear:left;
}

.imgr{
    float:right;
    margin:0 0 15px 15px;
    clear:right;
}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    text-align:left;
}

.row1, .row1 a{
    color:#C0BAB6;
    background-color:#333333;
}

.row2{
    color:#979797;
    background-color:#FFFFFF;
}

.row2 a{
    color:#FF9900;
    background-color:#FFFFFF;
}

.row4, .row4 a{
    color:#919191;
    background-color:#232323;
}

/*----------------------------------------------Generalise-------------------------------------*/

#header, #container, #footer, #copyright{
    display:block;
    width:960px;
    margin:0 auto;
}

nav ul{
    margin:0;
    padding:0; 
    list-style:none;
}

h1, h2, h3, h4, h5, h6{
    margin:0;
    padding:0;
    font-size:16px;
    font-weight:bold;
    font-style:normal;
    line-height:normal;
    text-transform:uppercase;
}

/*----------------------------------------------Header-------------------------------------*/

#header #hgroup{
    padding:0px 0;
}

#header #hgroup h1, #header #hgroup h2{
    font-weight:normal;
    text-transform:none;
}

#header #hgroup h1{
    font-size:36px;
}

#header #hgroup h2{
    font-size:13px;
}

/*----------------------------------------------Content Area-------------------------------------*/

#container{
    padding:30px 0;
}

#container section{
    display:block;
    width:100%;
    margin:0 0 30px 0;
    padding:0;
}

#container .last{
    margin:0;
}

#container .more{
    text-align:right;
    text-transform:uppercase;
    font-size:smaller;
    font-weight:bold;
}

/* ------Slider-----*/

#container #slider{
    display:block;
    width:100%;
}

#container #slider a{
    display:block;
    padding:9px;
    border:1px solid #DEDEDE;
}

#container #slider a:hover{
    border-color:#FF9900;
}

/* ------Main Content-----*/

#container #content{
    float:left;
    width:630px;
    line-height:1.6em;
}

#container #content #latest ul{
    margin:0;
    padding:0;
    list-style:none;
}

#container #content #latest ul li{
    display:block;
    width:100%;
    margin-bottom:30px;
}

#container #content #latest ul li.last{
    margin-bottom:0;
}

#container #content #latest ul li article figure img{
    float:left;
    width:180px;
    height:150px;
    margin:0;
    padding:4px;
    border:1px solid #666666;
}

#container #content #latest ul li article figure figcaption{
    display:block;
    float:right;
    width:410px;
}

#container #content #latest ul li article figure h2{
    font-size:14px;
}

/* ------Right Column-----*/

#container #right_column{
    float:right;
    width:280px;
}
#container #right_column h2.title{
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #DEDEDE;
}

#container #right_column nav{
    display:block;
    width:100%;
    margin-bottom:30px;
}

#container #right_column nav ul{
    margin:0;
    padding:0;
    list-style:none;
}

#container #right_column nav li{
    margin:0 0 3px 0;
    padding:0;
}

#container #right_column nav li.last{
    margin-bottom:0;
}

#container #right_column nav a{
    display:block;
    margin:0;
    padding:5px 10px 5px 20px;
    color:#666666;
    background:url("../img/orange_file.gif") no-repeat 10px center #FFFFFF;
    text-decoration:none;
    border-bottom:1px dotted #666666;
}

#container #right_column nav a:hover{
    color:#FF9900;
    background-color:#FFFFFF;
}

/*----------------------------------------------Footer-------------------------------------*/

#footer{
    padding:30px 0;
    font-size:12px;
    line-height:1.4em;
}