/* 
 * CSS bestand voor de website van iSenne.nl
 * 
 * Auteurs: Senne Tijdeman
 * E-mail : mail@isenne.nl
 * 
 * Volgorde van CSS code:
 * margin: ;
 * padding: ;
 * display: ;
 * float: ;
 * clear: ;
 * width: ;
 * height: ;
 * overflow: ;
 * background: ;
 * font: ;
 * color: ;
 * line-height: ;
 * text-align: ;
 * vertical-align: ;
 * position: ;
 * top: ;
 * left: ;
 * list-style: ;
 * border: ;
 * quotes: ;
 * z-index: ;
 * 
 * Na de ":" altijd een spatie. Alle CSS code
 * afsluiten met een ";". Mocht je code gebruiken
 * wat niet in de volgorde staat, plaatst dat dan
 * helemaal onderaan.
 * * * * * * * * * * * * * * * * * * * * * * * * */

/* Importeer het 960 Grid (http://960.gs/)*/
@import url("reset.css");
@import url("text.css");
@import url("960.css");

/* Generieke CSS */
body {
    background: transparent url(../images/background.png) repeat-x;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9pt;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h5, h6 {
    margin: 0;
    padding: 0;
}

.Clear {
    clear: both;
}

/* Header */
#Header {
    display: block;
    width: 940px;
    height: 150px;
    background: transparent url(../images/header.png) no-repeat;
}

/* MainMenu */
#MainMenu {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #c0deed;
}

#MainMenu a {
    font-size: 1.2em;
    font-weight: bold;
}

#MainMenu ul {
    margin: 0;
    padding: 0;
}

#MainMenu li {
    margin: 0; margin-right: 15px;
    padding: 0;
    display: inline;
    list-style: none;
}

/* Content */
#Content a {
    color: #0088aa;
}

#FrontPage {
    border-bottom: solid 2px #c0deed;
    padding-top: 20px;
}

#FrontPage a {
    font-weight: bold;
}

#FrontPage .NewsItem {
    padding: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#FrontPage .Category_1 a {
    color: #2bb3e0;
}

#FrontPage .Category_1 {
    background: #eefaff;
    border-top: solid 2px #c0deed;
}

#FrontPage .Category_3 a {
    color: #2be05a;
}

#FrontPage .Category_3 {
    background: #eefff1;
    border-top: solid 2px #c0edc1;
}

#FrontPage .Category_4 a {
    color: #ed742b;
}

#FrontPage .Category_4 {
    background: #fdf2ec;
    border-top: solid 2px #fad5bf;
}

#FrontPage .NewsSource {
    float: left;
    padding-right: 7px;
}

#FrontPage .NewsDate {
    margin-right: 7px;
    font-weight: bold;
}

#FrontPage .NewsViews {
    float: right;
    font-weight: bold;
    color: #9fb9c6;
}

.ShareThis {
    float: right;
}

.ShareThis_Icon {
    float: right;
    margin-left: 15px;
}

/* Meta */
#Meta, .Meta {
    padding: 10px;
    background: #c0deed;
    font-size: 0.9em;
}

#Meta a {
    color: #0088aa;
    padding-bottom: 2px;
}

#Meta .SourceImg {
    float: left;
    margin-right: 7px;
    padding: 5px;
    background: #ddeef6;
    border: solid 1px #0088aa;
}

#Meta .SourceInfo {
    float: left;
}

#Meta .SourceInfo a, #Meta .SourceInfo span {
    color: #0088aa;
    font-weight: bold;
}

.Meta .UserImg {
    float: left;
    display: block;
    margin-right: 7px;
}

.Meta .UserInfo {
    float: left;
    display: block;
    width: 200px;
}
.Meta .UserInfo a {
    color: #0088aa;
    font-weight: bold;
}

/* Footer */
#Footer {
    padding-top: 15px;
    font-size: 0.9em;
    color: #c0deed;
}

#Footer a {
    font-weight: bold;
    color: #33ccff;
}

/* Blog */
.BlogPage h4 {
    margin: 0;
    padding: 0;
}

.BlogDate {
    color: gray;
    font-weight: bold;
    font-size: 0.9em;
}

.BlogPage ul {
    margin: 0;
    padding: 0;
    margin-bottom: 7px;
}

.BlogPage li {
    margin: 0;
    padding: 0;
    margin-left: 20px;
}

.BlogPage li.MainList {
    font-weight: bold;
}

.BlogPage li.MainList li {
    font-weight: normal;
}

/* Login */
.reCapOption {
    float: left;
    margin-right: 10px;
}

.login_head {
    width: 200px;
    font-weight: bold;
}

.login_field {
    padding: 3px;
}

.login_submit {
    text-align: right;
}

#showArtikelCountdown {
    display: inline;
    font-weight: bold;
}

#gotoArtikelCountdown {
    display: none;
}

/* Tables */
.tableHead {
    padding-right: 10px;
    font-weight: bold;
    vertical-align: top;
}

tr#SourceWarning, tr#SourceWarning a {
    color: red;
}

/* News */
.tags, .react, .comments {
    padding-top: 20px;
}

.tags strong, .react strong {
    font-size: 1.1em;
}

.spacer {
    height: 20px;
}

.spacerSmall {
    height: 7px;
}