@charset "utf-8";

@import 'fonts.css';

/*****************************************
        a certo web & design project
        for further information visit
        http://www.certo-net.ch
******************************************/

* {
        border:0 none;
        padding:0;
        }

body {
        background-color:#0C2840;
        font-family:'Myriad Regular', Verdana, Arial, Helvetica, sans-serif;
        font-size:14px;
        padding:0px;
        margin:0px;
        color:#000000;
        }

html, body {
        height: 100%;
        }

/*div boxes*/

#wrapper {
        position:relative;
        width: 900px;
        background-color: #FFFFFF;
        min-height:100%;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        /*border-left:1px solid white;
        border-right:1px solid white; can be added too, you have to try it out what looks better. with these borders the picture has a clear end*/
        }

* html #wrapper {
        height:100%;
        }

#header {
        height: 225px;
        position:relative;
        width:900px;
        background:url(header.jpg) no-repeat #3399FF;
        }

#logo {
        position:relative;
        top:55px;
        left:25px;
        width:200px;
        height:115px;
        background:transparent;/*place the path to the logo here*/
        }

#contentwrapper {
        width: 900px;
        }

#innercontent {
        margin:25px;
        width: 850px;
        height:100%;
        }
.comment_default
{
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:1px solid #dfdfdf;
}

.comment_default .info
{
	margin-bottom:0.25em;
	font-size:0.9em;
	color:#808080;
}

.ce_comments h1
{
	margin-bottom:-0.2em;
}

.ce_comments .form
{
	margin-top:1.5em;
}

.ce_comments input.text, .ce_comments input.captcha
{
	width:210px !important;
}

.ce_comments .captcha_text
{
	color:#333333 !important;
	font-weight:bold !important;
}

.ce_comments .form label, .ce_comments .form span
{
	top:0.65em;
	position:relative;
	vertical-align:top;
}

/* Fix alignment in IE6 */
* html .ce_comments .form label, * html .ce_comments .form span
{
	top:0.8em;
}

/* Fix alignment in IE7 */
*:first-child+html .ce_comments .form label, *:first-child+html .ce_comments .form span
{
	top:0.8em;
}


#navigation {
        float:left;
        width: 180px; /*5px more than in the template, but if it's 175px, it's even tighter to fit long navigation titles */
        background-color:white;
        overflow:hidden; /*it can be problematic with long navigation titles, therefore we hide the rest so that ie6 does not show it */
        }

#content {
        float:left;
        width:450px;
        margin:0 25px 0 20px;
        }

#left {
        float:right;
        width:175px;
        }

#back {
        width: 175px;
        line-height:31px;
        position:absolute;
        bottom:15px;
        margin:0 25px;
        font-size:28px;
        }

.clr {
        clear:both; /*to clear floats*/
        }