html {
	font-size: 16px;
}

body {
	font-family: 'Lato', sans-serif ;
	font-weight: 300;
	background-color: #fffffc;
/*	text-align: center; */
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
}
a,
a:link,
a:visited {
	color: #51aadc;
}

a:hover,
a:active {
	text-decoration: underline;
}

#topMenuItems a.current:hover {
    background:#cde !important;
    color:black !important;
}


#topMenuItems a:hover {
    color:#cde !important;
    text-decoration:underline !important;
}

#topMenuItems a,
#topMenuItems a:link,
#topMenuItems a:visited {
	color: #fffffe;
	text-decoration: none;
	font-weight:bold;
}


#page-content {
    text-align:left;
    margin-left: auto;
    margin-right: auto;
/*    width:1000px;
    min-width:800px;*/
}

#topMenu {
    background:#363637;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    z-index:100000;
}

div#footer {
    height:auto;
    padding-bottom:50px;
}

#topMenuLogo {
    display:inline-block;
    margin-left:1em;
    margin-top:1ex;
}

div#topMenuItems {
    display:inline-block;
    padding-bottom:1ex;
}

#topMenuLogo img {
    vertical-align:-100%;
    padding-bottom:1ex;
}

#topMenuItems a {
    display:inline-block;
    padding:3px;
    margin-left:1em;
    margin-bottom:1ex;
}

#topMenuItems a.current {
    color:black;
    font-weight:bold;
    text-decoration:underline;
    background:white;
    border-radius:15px;
    padding-left:1em;
    padding-right:1em;
}


div#mainIndex  {
    margin-top:3ex;
}

div#mainIndex div.item {
    margin-top:2ex;
    border-bottom: 2px solid #363637;
    padding-bottom:1ex;
    clear:both;
    min-height:120px;
}

div#mainIndex div.item:last-child {
    border-bottom:none;
}

div#mainIndex div.item .icon {
    display:inline-block;
    margin:1ex;
    margin-right:2em;
    float:left;
}

div#mainIndex div.intro {
    padding-bottom:1ex;
}

div#mainIndex ul.lastPosts {
    margin-top:2ex;
    padding-left:4em;
    list-style-type: none;
}

div#mainIndex ul.lastPosts li {
    padding-bottom:0.8ex;
    padding-left:4em;
}

div#mainIndex a.blogPostCount {
    font-weight:bold;
}

#mainIndex img {
    height:80px;
    width:80px;
}


#mainIndex img.blog {
    width:70px;
}

#mainIndex a {
    color:black !important;
    font-weight:bold;
}

div.clear {
    clear:both;
}


@media only screen and (min-width: 800px) {
    #page-content {
    text-align:left;
    margin-left: auto;
    margin-right: auto;
    width:800px;
    }     
}

@media only screen and (max-width: 799px) {

    
}