@import url(http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic&subsets=vietnamese,cyrillic-ext,greek-ext,cyrillic,latin-ext,latin,greek);

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
font-family: Roboto, "Source Sans Pro", Helvetica, sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: Roboto, "Source Sans Pro", Helvetica, sans-serif;
}

body {
	color: #686868;
	
	margin: 0;
	background-color: #ffffff;
}


a {
	color: #7c7c7c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	/ * font: "Open Sans", Arial, Verdana, "Sans Serif"; */
	font-family: Roboto, Calibri, Arial, sans-serif;
	line-height: 1.0;
}

h1 {
	font-size: 30px;
	margin: 5px 0;
}

h2 {
	font-size: 26px;
	margin: 5px 0;
}

h3 {
	font-size: 22px;
	margin: 5px 0;
}

h4 {
	font-size: 20px;
	margin: 5px 0;
}

h5 {
	font-size: 18px;
	margin: 5px 0;
}

h6 {
	font-size: 16px;
	margin: 5px 0;
}



.wrapper {
width: 1024px;
margin: 0 auto;
}

.menu-wrapper {
width: 1024px;
margin-bottom: 10px;
clear: both;
}

.menu-entry {
float: left;
width: 144px;
font-size: 120%
color: #7c7c7c;
/* font: "Open Sans", Arial, Verdana, "Sans Serif"; */
font-family: Roboto, Calibri, Arial, sans-serif;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
}

a.menu-entry  {
	color: #7c7c7c;
	text-decoration: none;
	text-transform: uppercase;
	font-family:Roboto,  Calibri, Arial, sans-serif;
	/* font: "Open Sans", Arial, Verdana, "Sans Serif"; */
}

a.menu-entry:hover{
	text-decoration: underline;
	}


.splash {
width: 680px;
margin: 0 auto;
text-align: center;
}

.image-align {
	margin: 0px auto;
}
	

.content-area, .content {
	width: 880px;
        margin: 0px auto;
}

.content-area a { text-decoration: none; border-bottom:1px dotted; }
.content a { text-decoration: none; border-bottom:1px dotted; }

p {
	color: #686868;
	/* font: "Open Sans", Arial, Verdana, "Sans Serif"; */
	font-family: Roboto, Calibri, Arial, sans-serif;
	text-align: justify;
	line-height: 1.5;
}


li {
	color: #686868;
	/* font: "Open Sans", Arial, Verdana, "Sans Serif"; */
	font-family: Roboto, Calibri, Arial, sans-serif;
	text-align: justify;
	line-height: 1.5;
}

/*** RESPONSIVE ***/


/* @media only screen and (max-width: 479px) { */
@media only screen and (max-width: 959px) {
	.wrapper {
	width: 100%;
	margin: 0 auto;
	}

	.menu-wrapper {
	width: 100%;
	margin-bottom: 10px;
	clear: both;
	}

	.menu-entry {
	width: 100%;
	font-size: 120%
	color: #7c7c7c;
	/* font: "Open Sans", Arial, Verdana, "Sans Serif"; */
	font-family: Roboto, Calibri, Arial, sans-serif;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	}
	
	img {
		width: 100%;
		}
		
	.splash	{
		width: 100%;
		padding: 5px;
	}
	
	.content-area, .content {
		width: 100%;
		padding: 5px;
	}
		

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.menu-wrapper {
		/* width: 100%; */
	margin-bottom: 10px;
	margin: 0 auto;
	clear: both;
	}
	.menu-entry {
		float: left;
		width: 100px;
		font-size: 110%;
		color: #7c7c7c;
		/* font: "Open Sans", Arial, Verdana, "Sans Serif"; */
		font-family: Roboto, Calibri, Arial, sans-serif;
		text-align: center;
		padding-bottom: 10px;
		padding-top: 10px;
		}
}


@media only screen and (max-width: 479px) {
	.hide-image {
		display: none;
	}
}

/* Tables */
table { display: table; background-color: white; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; width: 100%; border: 1px solid #e5e5e5; }
table caption { text-align: center; font-size: 30px; padding: .75em; }
table thead th, table tbody td, table tr td { display: table-cell; padding: 10px; vertical-align: top; text-align: left; border-top: 1px solid #e5e5e5; }
table tr td, table tbody tr td { font-size: 16px; }
table tr td:first-child { font-weight: bold; }
table thead { background-color: #797979; color: #fff; }
table thead tr th { font-size: 16px; font-weight: bold; vertical-align: bottom; }
table.striped tr:nth-of-type(even), table table tr.stripe, table table tr.striped { background-color: #e5e5e5; }
table.rounded { border-radius: 4px; border-collapse: separate; }
table.rounded caption + thead tr:first-child th:first-child, table.rounded caption + tr td:first-child, table.rounded > thead tr:first-child th:first-child, table.rounded > thead tr:first-child td:first-child, table.rounded > tr:first-child td:first-child { border-top-left-radius: 4px; }
table.rounded caption + thead tr:first-child th:last-child, table.rounded caption + tr td:last-child, table.rounded > thead tr:first-child th:last-child, table.rounded > thead tr:first-child td:last-child, table.rounded > tr:first-child td:last-child { border-top-right-radius: 4px; }
table.rounded thead ~ tr:last-child td:last-child, table.rounded tbody tr:last-child td:last-child { border-bottom-right-radius: 4px; }
table.rounded thead ~ tr:last-child td:first-child, table.rounded tbody tr:last-child td:first-child { border-bottom-left-radius: 4px; }
table.rounded thead th, table.rounded thead td, table.rounded caption + tbody tr:first-child td, table.rounded > tbody:first-child tr:first-child td { border-top: 0; }


.entry-date {
    padding-right: 5px;
}
.categories-links {
    padding-right: 5px;
    display: none;
}
.vcard {
    padding-right: 5px;
    display: none;
}