/* LAYOUT generated by csscreator.com */ 
html, body {
    height: auto;
    font: 83% "lucida sans", "Trebuchet MS", tahoma, sans-serif;
    background:#fff; 
    color:#333;
    margin:0; 
    padding:0; 
} 
            /*TOP BANNER*/
#header {
    position:relative; 
    height:80px; 
    border-bottom: 3px solid #FB8D2D;
    background: #666; 
    color: #fff;
    width:100%;
} 
#header h1#logo {
    position: absolute;
    margin: 10px 0 0 10px;
    padding: 0;
    font: normal 2.5em 'lucida sans', 'Trebuchet MS', Arial, Sans-serif;
    letter-spacing: 3px;
    text-transform: none;
    top: 0; left: 5px;    
}
#header h2#slogan {
    position: absolute;     
    top:30px; left: 90px;
    color: #eee;
    text-indent: 0px;
    font: bold 11px 'lucida sans', Tahoma, 'trebuchet MS', Sans-serif; 
    text-transform: none;    
}
            /*MAIN MENUU*/
#navcontainer {
    width: 100%;
}
#navcontainer ul {letter-spacing: 3px;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    font: 100% "lucida sans", Arial, Helvetica, sans-serif;
}
#navcontainer a {
    display: block;
    padding: 3px;
    height:25px;
    background: #333;
    border-bottom: 1px solid #eee;
}
#navcontainer a:link, #navlist a:visited , #navlist a:link{
    padding-top: 15px;
    padding-left: 20px;
    color: #fff;
    background-position: 0.4em;
    text-decoration: none;
}
#navcontainer a:hover {
    background-position: 0.4em;
    color: #666;
}

#submenu {
    background: #333;
    width: 90%;
    height: 25px;
    padding-left: 10px;
    color: #FB8D2D; 
}

#submenu a, #submenu a:link, #submenu a:visited{
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    border-right: 1px solid #eee;
    text-decoration : none;
}

#submenu a:hover {
    color: #FB8D2D;
}

#maincontainer {
    clear: both;
    position: relative;  
    width: 100%;  
    height: 600px;
}

            /*LEFT COLUMN*/
#maincol {
    float: left; 
    width:65%; 
    height: auto;
    overflow: auto;
    border-top:0px solid #DFD0B9;
    padding-left: 25px;
    line-height: 1.6em;
    background:#fff; 
    color:#666; 
}
            /*CENTRE COLUMN*/
#menucol {
    position: absolute;
    top: 0;
    right: 0;
    display:inline; 
    width: 30%;
    height: auto;
    border-right: 1px solid #8A795D;
    border-left: 1px solid #8A795D;
    line-height: 1.6em;
    background: #333;  
    color:#ccc; 
}
            /*MAIN COLUMN LINKS*/
#menucol a:link {
    text-decoration : none;
    background : inherit;
    color : #ccc;
}
#menucol a:hover {
    text-decoration : none;
    background : inherit;
    color : #FB8D2D;
}

#menucol li.active {
    color: #FB8D2D;
}

            /*FOOTER*/
#footer {
    clear:both;
    width:100%; 
    height:50px; 
    border-top: 3px solid #FB8D2D;
    background: #666; 
    color: #fff;
    text-align: center;
}
#footer a:link, #footer a:visited {
    text-decoration : none;
    background : inherit;
    color : #000;
}
#footer a:hover {
    text-decoration : none;
    background : inherit;
    color : #eee;
}

#titletext {
    text-decoration : none;
    background : inherit;
    float: left;    
}

#googlesearch {
    text-decoration : none;
    background : inherit;
    float: right;    
    padding-top: 30px;
    padding-right: 5px;
}


         /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{display: inline-block;}
        /* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
        /* End hide from IE-mac */  

        /*TYPOGRAPHY*/
p {
    padding: 5px;
}
h1 {
    padding: 10px;
    font-size: 175%;
    letter-spacing: 3px;
    color:  #FB8D2D;
    background: transparent;
}
h2 {
    font-family:  helvetica, "Trebuchet MS", tahoma, "lucida sans", sans-serif;
    margin-left:10px;
    padding: 5px;
    font-size: 150%;
    letter-spacing: 3px;
    color:  #FB8D2D;
    background: transparent;
}
blockquote {
    font-weight : bold;
    font-style : italic;
    color : #b29b35;
}
        /*Link Properties*/

a:link {
    text-decoration : none;
    background : inherit;
    color : #FB8D2D;
}
a:hover {
    text-decoration : none;
    background : inherit;
    color : #ccc;
}
ul li {
    
}

       /*CLASS*/
.box {
    margin-left:20px;
    margin-right:20px;
    margin-bottom: 10px;
    border-top:1px solid #8A795D;
    border-bottom:1px solid #8A795D;
    background : inherit;
    color : #808080;
}
.clear {
    clear: left;
    overflow: hidden;
    width: 0;
    height: 0;
}
.post {
    background-color: #eee;
    padding: 3px;
    margin: 20px 10px 0 5px;
    border: 0px dashed #8A795D;
    font-size: 80%;
}
.post .date {
    
    padding-left: 15px;
    margin: 0 15px 0 5px;
}
.post .comments {    
    padding-left: 15px;
    margin: 0 15px 0 5px;
}
.post .readmore {
    padding-left: 15px;
    margin: 0 15px 0 5px;
}
            /*IMAGES*/
.imgleft {
    float : left;
    border : 1px solid #333;
    margin : 5px 10px 10px 0;
    padding : 5px;
}