/* common  */
body {
	font-size: 15px;
	line-height: 18px;
}

.sm-whole-wrap {
	padding: 18px;
}

p {
	padding: 0 0 18px 0;
}

h2, h3 {
	font-size: 15px;
	line-height: 18px;
	padding: 18px 0 18px 36px;
}

/* header */

#sm-title {
	margin: 0 0 0 36px; 
	padding: 0;
}

#sm-navicon {
	margin: -1.5px 36px 0 0;
}

#sm-description {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
}


#sm-header-border {
	margin: 18px 0 0 0;
}

/* menu */

#sm-menu {
	margin: 19px 0 0 0; /* Top margin 9px, not 18px nor 13px, to compensate the gap induced by the navicon AND the paddings of the <li>'s*/	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
}

#sm-menu section {
	margin: 0 0 18px 0;
}

#sm-menu a, #sm-menu h2, .sm-search input {
	padding: 4px 0 5px 0;
}

#sm-menu li {
	font-size: 15px;
	line-height: 18px;
	display: block;
   	margin: 0 0 0 0;
	text-indent: 0;
	padding: 0;
}

.sm-search {
	margin: 0 0 0 0;
}


/* index  */
.sm-index {
	margin: 0;
}

figure {
	display: block-table;
	text-align: center;
	margin: 0 0 36px 0;
	clear: both;
	width: 100%;
}

figure.left {
	text-align: center;
}

figure img {
	max-width: 100%;
	height: auto;
	clear: both;
}

figcaption {
	display: block;
}

/* contents  */

#sm-content {
	margin: 0 0 0 0;
}

.sm-entry-title {
	margin: -13px 0 0 0;
	padding: 0 0 18px 0;
}

.sm-entry-content ul, .sm-page-content ul {
	list-style: none;
   	margin: 0;
   	padding: 0 0 18px 0;
}

.sm-entry-content li, .sm-page-content li {
	list-style: none;
   	margin: 0 0 0 18px;
	text-indent: -18px;
   	padding: 0;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
}

.sm-entry-content h1 {
	font-size: 15px;
	line-height: 18px;
	margin: 0;
}

.sm-entry-content img {
	clear: both;
	max-width: 100%;
	height: auto;
	margin: 18px 0 18px 0;
}

.sm-entry-text, blockquote {
	margin: 18px 0 18px 0;
}

.sm-entry-content figure {
	display: block-table;
	text-align: left;
	max-width: 100%;
	height: auto;
	margin: 0 0 36px 0;
}

.sm-entry-content figure img {
    margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: 0;
}

.sm-entry-content a {
	border-width: 0 0 1px 0;
}


/* long text  */

.sm-long-text {
	font-size: 15px;
	line-height: 18px;
	padding: 0 0 18px 0;
}

.sm-long-text h2 {
	font-size: 15px;
	line-height: 18px;
	padding: 18px 0 18px 36px;
}


/* meta and footer */

#sm-entry-meta {
	margin: 0;
}

#sm-footer {
	margin: 18px 0 0 0;
}

.sm-entry-meta-text, .sm-footer-text {
	float: left;
	width: 100%;
}