/* BASE BLOG STYLES */
.base-blog .col-md-9 				{ position: relative; display: block; float: left; width: 70%; padding-right: 15px;}
.base-blog .col-md-3				{ position: relative; display: block; float: left; width: 30%; }

.base-blog .page-header				{margin-bottom:30px;}
.base-blog .base-article			{    border-bottom: #f7f7f7 solid 2px;     margin-bottom: 2em; }
.base-blog .base-article-headline	{display:block;} 
.base-blog .base-article-headline h1{font-size:36px;   margin: 0.2em 0px 20px 0;}
.base-blog .base-article-headline h1 a, .base-blog .base-article-headline h2 a{text-decoration:none; color:inherit; }
.base-blog .base-article-headline ul.article-cats
									{color:#5c5c5c;list-style:none;margin:0 auto;display:block;position:relative;padding:0;text-align:center;margin-bottom: 20px;}
.base-blog .base-article-headline ul.article-cats li
									{border-right:1px solid;color:#5c5c5c;list-style:none; display:inline-block;padding: 0px 5px;}
.base-blog .base-article-headline ul.article-cats li:last-child
									{border:none;}
.base-blog .base-article-headline ul.article-cats li a
									{}
.base-blog .base-article-headline .base-article-headline-social
									{margin-bottom: 20px;width:100%; display:block; border-top:1px dotted #cfcfcf; border-bottom:1px dotted #cfcfcf;}
.base-blog .base-article-headline .base-article-headline-social span
									{margin:3px;}
.base-blog .base-article-headline .base-article-headline-social ul
									{color:#5c5c5c;list-style:none;margin:0 auto;display:block;position:relative;padding:0;text-align:center;}
.base-blog .base-article-headline .base-article-headline-social ul li
									{color:#5c5c5c;list-style:none; display:inline-block;padding:5px;}
.base-blog .base-article-headline .base-article-text
									{display:block;position:relative;}
.base-blog .base-article-text .article-short-link
									{ color: #9C157C; font-style: italic;text-decoration:underline;font-weight:bold;}
.base-blog .base-article-image p	{font-size:14px; color:#5c5c5c; font-style:italic;margin: 5px 0px;}
.base-blog .base-article-text		{padding: 0 5px 25px;}

.base-blog .image-caption			{display:inline;}
.base-blog .image-caption.left		{float:left; margin-right:25px; margin-bottom:25px;}
.base-blog .image-caption.right		{float:right;margin-left:25px; margin-bottom:25px;}
.base-blog p.image-caption-text 	{ padding:5px 0px;  margin: 0px; font-style: italic;  line-height:14px;}
.base-blog .pagination 				{ width: 100%; border-top: 1px dotted #CCC;
padding: 0.25em 0px 0px;}
.base-blog .pagination .next 		{ float: right; }
.base-blog .pagination .next:after 		{padding:0px 5px; display:inline-block; content:"›";float:right;}
.base-blog .pagination .prev		{ float: left;  }
.base-blog .pagination .prev:before 		{padding:0px 5px; display:inline-block; content:"‹";float:left;}
.base-blog .pagination a			{color:#5c5c5c; font-family:"Lora",serif; font-style:italic;font-weight:bold; }
.base-blog .pagination > li > a,.base-blog .pagination > li > span
									{border:none;padding:0;}
.base-blog .pagination > li > a:hover,.base-blog .pagination > li > span:hover,.base-blog .pagination > li > a:focus,.base-blog .pagination > li > span:focus
									{background:none;text-decoration:underline;}
.base-blog .base-article-comments	{border-top: 1px dotted #CCC;padding: 0.25em 0px 0px;}
.base-blog .base-article-comments > h3
									{color: #212121;margin-bottom:10px;}
.base-blog .base-article-comments > .article-comment
									{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-bottom:10px;}
.base-blog .base-article-comments .article-comment.intended
									{border:none;padding-left:25px;}
.base-blog .article-comment p		{font-family: 'Open Sans', sans-serif;}
.base-blog .article-comment h4.comment-heading
									{ background: #f6f6f6; padding:10px 25px; }
.base-blog .blog-comment-form label{text-align:left; font-weight:normal;}
.base-blog .blog-comment-form .form-control{background:#fff !important; }
.base-blog .blog-comment-form .btn{}
.base-blog .blog-comment-form

.base-blog .base-blog-search 		{padding: 20px 5px;}
.base-blog .base-blog-search form	{margin-top:0px !important;}
.body .base-blog .base-blog-search .form-control
									{background: #fff  !important; border:none !important;}
.base-blog .base-blog-search .input-group-addon
									{border:none;background:none;}
.base-blog .base-blog-archive,
.base-blog .base-list-cats,
.base-blog .base-tagcloud
									{padding-top: 5px;  }
.base-blog .base-blog-archive h3,
.base-blog .base-list-cats h3,
.base-blog .base-tagcloud h3
									{margin:10px 0px;text-transform:uppercase;}
.base-blog .base-blog-archive .list-inline
									{padding-bottom: 10px !important;font-size: 12px;}
.base-blog .base-blog-archive .list-inline ul
									{margin: 2px 0px;}
.base-blog .base-blog-archive ul.list-inline li
									{}
.base-blog .base-blog-archive ul.list-inline li > ul
									{padding-left:20px !important;  list-style: none;}
.base-blog .base-blog-archive ul.list-inline li ~ ul
									{padding-left:20px !important;}
.base-blog .base-blog-archive .list-inline a
									{color:#5c5c5c; text-decoration:none;    }
.base-blog .base-list-cats 			{ margin-bottom: 30px; }
.base-blog .list-cat 				{}
.base-blog .list-cat li 			{padding-left:30px; line-height: 36px; border-top:1px solid #f7f7f7; }
.base-blog .list-cat li:last-child	{ line-height: 36px; border-top:1px dotted #ccc;border-bottom: 1px dotted #ccc; }
.base-blog .base-tagcloud h3		{border-bottom: 1px dotted #ccc;padding-bottom: 10px;}

.base-join form{margin-top:15px !important;}
.base-join form:before					{content:'Tilaa blogi';display:block;margin-bottom:15px;    color: #5c5c5c;
     font-size: 16px;
    font-weight: 700;     text-transform: uppercase; }
.base-join 							{border-top: 2px solid #5c5c5c;}
.base-join tr						{ display: block; width: 100%; float: left; position: relative; }
.base-join td 						{ display: block; width: 100%; float: left; position: relative; }
.blog-comment-form .form-group{margin-left:0; margin-right:0;}
.base-blog-search{
    margin-bottom: 1em;
}
.base-join input[type="submit"]{margin:0.3em 0;}

@media only screen and (max-width: 959px) {
.base-blog  .col-md-9, .base-blog  .col-md-3
{width:90%; }

.base-blog .base-article-headline h1 {
    font-size: 26px;}

}

/* Mobile Portrait --320px-- */
@media only screen and (max-width: 767px) {
.base-blog  .col-md-9, .base-blog  .col-md-3
{width:100%; padding-left:0; padding-right:0;}

.base-blog .base-article-headline h1 {
    font-size: 26px;}
	
}