/** slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/** Clear margins */
body, h1, h2, h3, h4, h5, h6, p, ul, li, form, input, textarea {
	margin: 0px;
	padding: 0px;
}

/** General declarations */

body {
	background-color: #fff;
	color: black;	
}

table {
    border-collapse: collapse;    
    width: 100%;
}

td {
    vertical-align: top;
}

/** Typography */
body {
    font-family: Verdana, Arial, Serif;	
	font-size: 100%;
}

h1 {
    font-size: 1em;
    margin-bottom: 15px;
}

h2 {
    font-size: 0.875em;
    margin-bottom: 8px;
}

h3 {
    color: #f63;
    font-size: 0.875em;
    font-weight: normal;
    margin-bottom: 8px;
}

p, th, td, li {
    font-size: 0.75em;
}

td li {
    font-size: 1em;
}

/** Structure */

#top {
    border-top: 2px solid #f00;    
    margin: 10px auto;
    padding-top: 10px;
    width: 90%;
}

    #head {
        clear: both;
    }
    
        #head h1 {
            float: left;
        }
    
        #langmenu {
            float: right;
        }
        
        #tools {
            clear: both;
            float: left;
        }
        
        #search {
            clear: right;
            float: right;
        }
    
    #body {
        clear: both;
        padding-top: 20px;
    }
    
    #footer {
        clear: both;
        margin-top: 12px;
    }

/** Navi list */
ul.navilist {
    clear: both;
    list-style-type: none;
}
    ul.navilist li {
        display: inline;
        float: left;
        margin-right: 8px;
    }
    
    

/** Link styles */
a {
    color: #920a0a;
}
a.admin { 
    border-bottom: 2px solid #f00 !important; 
}
a.tools {
    border-bottom: 2px solid #000;
}
.admintools a:before,
a.tools:before {
    content: "[ ";
}
.admintools a:after,
a.tools:after {
    content: " ]";
}
a.admin.delete {
    background-color: #f00;
    color: #fff;
}

/** Messageboard links */
.messageboard.list a {
    color: #000;
    text-decoration: none;
}
.messageboard.list a:hover {
    color: #f00;
}

/** Links in posted messages */
a.linkinpost {
    color: #920a0a;
    text-decoration: underline;
}
a.linkinpost:hover {
    color: #f00;
}
a.linkinpost:before {
    content: "\00bb ";
}

ul.navilist a {
    background-color: #fff;
    color: #000;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    text-decoration: none;
}

ul.navilist a:hover {
    background-color: #f63;
    color: #fff;
}
#tools a {
    border-bottom: 2px solid #000;
}
#tools a:before {
    content: "> ";
}

/** Language links */

#langmenu a.lang {
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}
a.lang.en {
    background-image: url(pics/gb.gif);
}
a.lang.se {
    background-image: url(pics/se.gif);
}
a.lang.fi {
    background-image: url(pics/fi.gif);
}

/** Messages */
p.errormsg {
    background-color: #ddd;
    border: 2px solid #000;
    color: #c00;
    display: block;
	padding: 10px;
}
p.debugmessage {
    background-color: #f63;
    color: #000;
    margin: 3px 0;
    padding: 10px;
}

/** Quotebox */
div.quotebox {
	margin: 5px 0;
}

div.quote {
	border: 1px solid #000;
	background-color: #ccc;
	font-style: italic;
	margin: 3px 0 0;
	padding: 3px;
}

/** Form */
form {
    clear: both;
}
label {
    clear: left;
    float: left;    
    margin-top: 12px;
}
input.forminput, textarea.forminput {    
    border: 1px solid #ccc;
    clear: left;
	float: left;	
	width: 100%;
}
input.button {
    background-color: #ddd;
    border: 0;
    float: left;
    margin-right: 8px;
    margin-top: 12px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-top: 4px;
    padding-right: 4px;
}

/** Search form */
input.search {
	border: 1px solid #ccc;
}
#search input.button {
    padding: 0;
}

/** Post form */
#messageform input.buttonsend {
    background-color: #0a0;    
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
}

#messageform input.buttonclear {
    background-color: #a33;
    color: #fff;    
}

#search label, 
#search input.button {
    margin-top: 0;
}

/** Control panel */
#cpanel table {
    border: 5px solid #ccc;
}

#cpanel label {
    margin: 0;   
}

#cpanelmenu {
    border-bottom: 1px solid #000;
    float: left;
    margin: 8px 0;
    /*padding: 3px;*/
    width: 100%;
}
#cpanelmenu ul.navilist {
}

#cpanelmenu a {
    background-color: #ccc;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;  
    padding: 4px;  
}
#cpanelmenu a.active {
    background-color: #f63;
    border-width: 2px;
    color: #fff;
}

/** Messageboard */
table.messageboard, 
table.threadlist {
    border: 1px solid #000;
}
table.messageboard.single td.tools {
    text-align: right;
}

span.attribute {
    color: #555;
}
span.attribute.locked {
    background: url(pics/lock.png) no-repeat;
    display: inline-block;
    height: 16px;
    text-indent: -10000px;
    width: 16px;
}
span.attribute.sticky {
    background: url(pics/attach.png) no-repeat;
    display: inline-block;
    height: 16px;
    text-indent: -10000px;
    width: 16px;
}

/** Alternating colors */
tr.alternate-hi td {
	background-color: #eee;
	padding: 5px;
}

tr.alternate-lo td {
	background-color: #ddd;
	padding: 5px;
}