/***** -- [ global ]-- *****/
body {	
	background: rgb(42, 63, 105);
	font-family: verdana, tahoma, Arial;
	font-size: 11px;
}
body a {
	/*color: #2F3C44;*/
	color: #fff;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
}
body a:hover {
	text-decoration: underline;
}

body img#logo {
	margin-left: 130px;
}

/***** --[ header ]-- *****/
body #header {
	border: 1px #666 solid;
	display: block;
	padding: 20px;
	margin: 0 20px 20px 20px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #000;
	background: rgb(24, 77, 143) url('logo.png') top left no-repeat;
    background-position: 30px 5px;
    background-size: 180px;
	height: 100px; /*58px;*/
	line-height: 58px;
	border-radius: 10px;
}



/***** --[ content ]-- *****/
body div#content {
	padding: 30px;
	margin: 30px 100px;
	border: 1px #666 solid;
	border-radius: 10px;
	display: block;
	background: rgb(24, 77, 143);
	padding-bottom: 0;
}
body div#content div.post {
	border: 1px #666 solid;
	border-radius: 10px;
	padding: 20px;
	background: rgb(37, 87, 186);
	margin-bottom: 20px;
}
body div#content div.post h3 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}
body div#content div.post p img {
	border: 2px #2F3C44 solid;
	max-width: 20%;
}
/* color code container ...(1st post) */
body div#content div.post div#colors {display: block; color: #F1F1F1; width: 250px; padding: 10px;}
body div#content div.post div#colors div { padding: 5px 10px; border: 1px #F1F1F1 solid;}
body div#content div.post div#colors div#black { background: #000000;}
body div#content div.post div#colors div#blue{ background: #2F3C44;}
body div#content div.post div#colors div#beige { background: #B8A682;}
body div#content div.post div#colors div#brown { background: #331714; }
body div#content div.post div#colors div#green { background: #011A05; }
body div#content div.post div#colors div#pastel { background: #4D5B4E; } 



/***** --[ footer ]-- *****/
body #footer {
	padding: 10px;
	margin: 20px;
	background: rgb(24, 77, 143);
	border: 1px #666 solid;
	font-size: 10px;
	text-align: right;
}


@media only screen and (max-width: 800px) {
	body div#content div.post p img {
		max-width: 45%;
	}
	body div#content {
		width: 88%;
		margin: 0;
	}
}