.article{
        line-height:1.5;
}

.article p {
        text-align: justify;
        text-indent: 2em;
        margin: 5px;
}

.article h4 {
	font-size: 100%;
}

.article h3 {
	font-size: 110%;
}

.article h2 {
	font-size: 120%;
}

.article h1 {
	font-size: 130%;
}

.article nav {
	margin-left: 2em;
}

.article ul {
	padding-left: 20px;
}

.article pre,.article img {
	margin-left: 2em;
	margin-right: 2em;
}

.article code {
	font-size: 100%;
	font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}

.article table {
	border-collapse: collapse !important;
	background-color: #fff !important;
	border: 1px solid #ddd !important;
	width: 80%;
	max-width: 100%;
	margin-bottom: 20px;
	margin-left: 2em;
}

.article tr>th,.article tr>td {
	border: 1px solid #ddd;
	padding: 4px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.article thead>tr>th,.article thead>tr>td {
	border-bottom-width: 2px;
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}

.article thead>tr {
	background-color: #f9f9f9;
}

.article tbody>tr:nth-child(odd) {
	/*background-color: #f9f9f9;*/
	
}

.article tbody>tr:hover {
	background-color: #f5f5f5;
}

nav ul>li code {
	background-color: inherit!important;
	color: inherit!important;
}

nav ul>li {
	list-style-type: none;
}