body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
}

@font-face {
	font-family: 'KuKuKLogoSVG';
	src: url('kukuklogo.svg#KuKuK Logo') format('svg');
}

@font-face {
	font-family: 'KuKuKLogoTTF';
	src: url('kukuklogo.ttf') format('truetype');
}

@font-face {
	font-family: 'KuKuKLogoEOT';
	src: url('kukuklogo.eot');
}


.widgetcontainer {
    margin: 2px;
    padding: 0px;
    width: 900px;
    clear: both;
}


.widget.copyright {
    padding: 15px;
    float: right;
    font-size: 9pt;
    color: #bbbbbb;
    width: 50%;
    text-align: right;
    margin-top: 25px;
}

.widgetcontainer.navigation {
    width: 270px;
    margin-right: 10px;
    float: left;
    clear: both;
}

.widgetcontainer.content {
    width: 600px;
    float: left;
    clear: none;
}

.widgetcontainer.TopBanner {
    margin-top: 15px;
    height: 56px;
    margin-bottom: 40px;
}

.widget.navigation ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    height: 28px;
}

.widget.links ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}


.widget.navigation li .text {
    display: none;   
}

.widget.navigation li {
    display: block;
    float: left;    
    background-color: #CCCCCC;
    width: 40px;
    padding: 0px;
    height: 18px;
    border: 2px solid #000000;
    margin: 4px;
    cursor: pointer;
}

body .widget.navigation li#blog {
    background-color: #CCCCCC;
}

body .widget.navigation li#resources {
    background-color: #999999;
}

body .widget.navigation li#project {
    background-color: #AAAAAA;
}

body .widget.navigation li#practice {
    background-color: #444444;
}

body .widget.navigation li#contact {
    background-color: #666666;
}

body#catblog .widget.navigation li#blog, .widget.navigation li#blog:hover {
    background-color: #FFFF33;
}

body#catresources .widget.navigation li#resources, .widget.navigation li#resources:hover {
    background-color: #33cc33;
}

body#catproject .widget.navigation li#project, .widget.navigation li#project:hover {
    background-color: #FFCC00;
}

body#catpractice .widget.navigation li#practice, .widget.navigation li#practice:hover {
    background-color: #3333FF;
}

body#catcontact .widget.navigation li#contact, .widget.navigation li#contact:hover {
    background-color: #FF0000;
}

#navplaceholder {
    clear: both;
    margin: 5px;
    width: 250px;
    height: 18px;
}

#navplaceholder.right {
    text-align: right;
}

#navplaceholder.center {
    text-align: center;
}


.widget.content > div {
    margin-top: 20px;
}

.widget.logo {
    float: left;
    width: 270px;    
}

.widget.logo .logoname {
        color: #000000;
	font-family: 'KuKuKLogoEOT', 'KuKuKLogoTTF', 'KuKuKLogoSVG';
        font-size: 83px;
        height: 33px;
        line-height: 33px;
	margin: 0;
        width: 266px;
}

.widget.logo .logotext {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin: 0;
        width: 266px;
}

.border {
    border-top: 2px solid #000000;
    
}

.widget.banner {
    float: left;
    width: 600px;
    font-size: 12pt;
}

.widget.links {
    padding-left: 10px; 
    margin-top: 25px;
}

.widget.logo {
    margin-left: 5px;   
}

.widget.banner.border {
    margin-left: 5px;
    margin-top: 18px;
    padding-top: 1px;
}

.widget.banner > div {
    text-align: right; 
    font-size: 20px;
    padding-top: 12px;
    padding-right: 2px;
}

.widget.content > div:first-child {
    margin-top: 0px;
}

.widget.content h1 {
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 22px;
}

.widget.content h2 {
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 22px;
}

.widget.links h2 {
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 12pt;
    font-weight: bold;
}

.widget.content .entryinfo {
    font-size: 10pt;
    font-style: oblique;
}

a, a:visited {
    color: #767676;
    text-decoration: none;
}

h1.blogname {
    font-size: 18pt;
    padding-left: 5px;
}

h1.blogname a,  h1.blogname a:visited, h1.blogname a:hover, a > h1, a:hover > h1, a:visited > h1, a > h2, a:hover > h2, a:visited> h2{
    color: #000000;   
}

h2.blogteaser {
    padding-left: 5px;
    font-size: 12pt;    
}

.icon-twitter-square {
    color: #4099FF;
}
.icon-facebook-official {
    color: #3B5998;
}
.icon-google-plus-square {
    color: #D34836;
}

.entrytags, .assettags {
    font-size: 10pt;
}

.widget.listnavigation {
    margin-top: 25px;   
}

.widget.listnavigation .newerentries.button {
    float: right;
}

.widget.listnavigation .olderentries.button {
    float: left;
}