.clear { clear: both;}
.blog-full { }
.blog-short {padding-bottom:30px;}

.blog .title{ color: #316B72; font-size:1.6em; font-weight:bold; padding:10px 0}
.blog .toolbar { color:#316B72; }

.blog .infobar {height:20px; color:#72857A; font-size:1.0em;}
.blog .infobar .datetime { float: left; }
.blog .infobar .counter { margin-left: 30px; float: left; }
.blog .infobar .author { float: right; }

.blog .blogarticle p,
.blog .blogarticle li {font-size:1.2em; color:#72857A;}
.blog .blogarticle a {font-size:12px;  color:#316B72;}

.blog .blog .navigator input { font-size: 10px; width: 18px; height: 18px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; border: solid 1px black; }
.blog .navigator input { color: #316B72; }
.blog .navigator .active-button { background-color: #E4F1F2; }
.blog .navigator .passive-button { background-color: White; }

.blog .content .blog-full .h1 { margin-bottom: 10px; }
.blog .content .blog-full .infobar { margin-bottom: 25px; margin-top: 25px; height: 20px;}

.blog .response input { width: 450px;}
.blog .response textarea { width: 450px; height: 156px;}
.blog .response input,
.blog .response textarea {font-size:1.2em; color:#72857A;}


.blog .response div 
{
	padding-top:6px;
	color:#72857A;
}

.blog .button-area input
{
	background-color:#CDE2E4;
	background-image:none;
	border:1px solid #316B72;
	height:22px;
	margin-right:5px;
	width:145px!important;
}

.blog .response { margin-top: 50px; }

.blog .content .h1 {   font-weight: bold; font-size: 16px; }
.blog .content .infobar .datetime, 
.blog .content .infobar .counter,
.blog .content .infobar .author {   font-weight: bold; font-size: 11px; color: #316B72; }


.blog .blogarticle { width: 460px;}
.blog .blogarticle p { font-family:Arial; color:#72857A; font-size:12px;   }


.blog .blogarticle .article-item { width: 200px; float: right; margin-left: 5px;}
.blog .blogarticle .article-item .imagecontainer { width: 200px;  } 
.blog .blogarticle .article-item .imagecontainer .image { width: 200px; }
.blog .blogarticle .article-item .imagecontainer .image img { width: 200px;}



.blog .related-articles { width: 200px; margin-top: 10px;padding-left: 5px;}
.blog .related-articles .title {  font-weight: bold; font-size: 1.2em; color: #316B72; margin-bottom: 10px; }
.blog .related-articles .related-article { margin-top: 3px; margin-bottom: 3px; width: 190px;  overflow: hidden; height: 20px;}
.blog .related-articles .related-article .icon {float: left; width: 20px;  }
.blog .related-articles .related-article .icon img { width: 16px;}
.blog .related-articles .related-article .link {  float: left; }
.blog .related-articles .related-article .link a {font-family:Verdana; color:#72857A; font-size:11px; color: #689897;  }

.blog .messages { width: 100%; border: solid 1px green; padding-top: 4px; padding-left: 4px; }
.blog .messages .message { font-family: Arial; font-size: 10px; font-style: normal; color: green; padding-bottom: 5px;}

.blog .errors { width: 100%; border: solid 1px red; padding-top: 4px; padding-left: 4px; }
.blog .errors .error { font-family: Arial; font-size: 10px; font-style: normal; color: red; padding-bottom: 5px;}



.blog .comments-area { }
.blog .comments-area .title { border-bottom: solid 1px #89BBB9;  font-size: 1.4em;  color: #316B72; font-weight: bold; margin-top: 30px; margin-bottom: 10px;}
.blog .comments-area .comment {margin-bottom: 20px;}
.blog .comments-area .comment .name{float: left; font-family: Arial; font-size: 12px; font-style: italic;color: #677E7B; }
.blog .comments-area .comment .created{float: left; font-family: Arial; font-size: 11px; font-style: normal; color: #677E7B; margin-left: 10px;}
.blog .comments-area .comment .title{ font-family: Arial; font-size: 12px; font-style: normal; color: #316B72; font-weight: bold; margin-top: 4px; border: solid 0px;}
.blog .comments-area .comment .text{ font-family: Arial; font-size: 11px; font-style: normal; color: #7B908B;}


.blog .framework-container .link a{ color:#316B72; font-size:1.2em;}


/* Admin */
.blog .admin-container { border: solid 1px black; margin-top: 10px; margin-bottom: 10px;}

.blog .navigator input 
{
	border:1px solid #DDDDDD;
	color:#999999;
	display:block;
	float:left;
	margin-right:0.1em;
	padding:0.1em 0.3em;
	text-decoration:none;
	background-color:#fff;
}