/*
 * Stylesheet www.chaosgeordend.nl
 *
 * 2005-11-14 Content:
 *            - font-size (x-small) changed to MT var "content_size"
 *            - line-height: 150%;
 * 2006-01-05 Changed Banner background
 * 2010-10-17 Tag Cloud CSS
 *	      - content_size small
 *	      - line-height: 110%;
 *            sidebar.sidebar h2 text-align:left
 *            #entry images align right
 * 2010-10-29 Added calendar style entry-date, derived from:
 *            GlossyBlue Theme version 1.4,
 *            Author: Nick La, http://www.ndesign-studio.com
 * 2011-08-04 Use <span class="code"> within a <blockquote>
 * 2012-08-27 Removed padding "date posted"
 * 2013-03-16 blog description style changed (banner h2)
 *
 * ---------------------------------------------------
 * NB No other code between this comment and variables
 *    as vars seem not be set by MT then
 * ---------------------------------------------------
 */














body {
/*	margin: 0px 0px 20px 0px; */
	margin: 0px;
	background-color: #006799;
	text-align: center;
	}

a {
	text-decoration: underline;
	}

a:link {
	color: #006799;
/*	color: #666666; */
	}

a:visited {
	color: #006799;
/*	color: #666666; */
	}

a:active {
	color: #006799;
/*	color: #666666; */
	}

a:hover {
	color: #666666;
/*	color: #006699; */
/*	border-bottom: 1px solid #666666; */
	}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 700px;
	background-color: #ffffff;
/*	background: url(http://www.chaosgeordend.nl/mt-blog-cg//images/container_bg.gif) repeat-y; */
/*	border: 1px solid #ffffff; */
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
/*	border-bottom: 1px solid #ffffff; */
	border-right: 5px solid #004363;
	}

#banner {
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #999999;
	background-image: url(http://www.chaosgeordend.nl/mt-blog-cg//images/bg_tv.gif);
	text-align: left;
	padding: 15px;
	border-bottom: 1px solid #FFFFFF;
	height: 39px;
	}

a#banner-img {
	display: none;
	}


#banner a {
	color: #FFFFFF;
	text-decoration: none;
	}

#banner h1 {
	font-size: xx-large;
	}

#banner h2 {
	margin-top: 5px; /* 2013-03-15 */
	margin-left: 5px; /* 2013-03-15 */
	text-align: right; /* 2013-03-15 */
	color: #EEEEEE; /* 2013-03-15 */
	font-size: small;
	}

#center {
	float: left;
	width: 500px;
	overflow: hidden;
	}

.content {
	padding: 15px 15px 5px 15px;
	background-color: #FFFFFF;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	}

#right {
	float: left;
	width: 200px;
	background-color: #FFFFFF;
	overflow: hidden;
	}

.content p {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: normal;
/* 2005.11.14 line-height: 150%; */
/* 2010.10.17 line-height: 110%; */
	line-height: 100%;
	text-align: left;
	margin-bottom: 10px;
	}

.content blockquote {
        line-height: 100%;
	}

/* 2010-10-19 New style for code samples */
.code p {
        line-height: 100%;
	font-family: Courier New, Courier, Monospace;
	font-size: small;
	} 

.content li {
/* 2010-10-17	line-height: 150%; */
        line-height: 100%;
	}

/* 2006-01-09
.content h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}
*/

.content h2 {
	color: ##93B06B;
	font-size: medium;
	margin-bottom: 10px;
	font-weight: bold;
	}


.content h3 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}

.content p.posted {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	border-top: 1px solid #999999;
	text-align: left;
/* 2012-08-27	margin-bottom: 25px; */
	line-height: normal;
/* 2012-08-27	padding: 3px; */
	}

/* 2010-10-29 Entry calendar style post-date */
.entry-title {
	height: 49px; /* to align with post-date (no idea how to do this more elegant) */
	}

.post-date {
	width: 45px;
	height: 49px;
	float: left;
/*	clear: both; */
	background: url(http://www.chaosgeordend.nl/mt-blog-cg//images/date-bg.gif) no-repeat;
	}

.post-date a {
	text-decoration: none;
	}

.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display: block;
	line-height: 11px;
	padding-top: 1px;
	margin-left: -3px;
	}

.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display: block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
	}

.sidebar {
	padding: 15px;
	}

.sidebar p {
	font-family: Verdana, Arial, sans-serif;
	font-size: xx-small;
	}

.sidebar h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar img {
	border: 3px solid #FFFFFF;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#calendar {
	line-height: 140%;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	padding: 2px;
	text-align: center;
	margin-bottom: 30px;
	}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}

#calendar caption {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	text-align: center;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}
/* End Blog styles */

/* 2010-10-16 Start Tag Cloud CSS */
#cloud {
	background-color: #006899;
	border-top: 4px solid #004363;
	border-left: 5px solid #004363;
	padding: 1px;
	font-family: Verdana, Arial, sans-serif;
/* 2012-02-24	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; */
/*	line-height: 30px; */
/* 2012-02-24	line-height: 90%; */
	line-height: 1.2em;
	text-align: center;
	}

#cloud a {
	color: #ffffff;
	text-decoration: none;
	vertical-align: middle;
	padding: 0px;
	}

#cloud a:hover {
	text-decoration: underline;
	}

a.tag1{
	font-size:12px;
	/* font-weight:200; */
	}
a.tag2, a.tag3 {
	font-size:13px;
	font-weight:200;
	}

a.tag4 ,a.tag5, a.tag6 {
	font-size:16px;
	font-weight:300;
	}

a.tag7, .tag8, a.tag9 {
	font-size:20px;
	font-weight:300;
	}

a.tag10, a.tag11, a.tag12 {
	font-size:24px;
	font-weight:300;
	}

a.tag13, a.tag14, a.tag15 {
	font-size:28px;
	font-weight:400;
	}

a.tag16, a.tag17, a.tag18 {
	font-size:30px;
	font-weight:400;
	}

a.tag19, a.tag20, a.tag21 {
	font-size:32px;
	font-weight:500;
	}

a.tag22, a.tag23, a.tag24 {
	font-size:34px;
	font-weight:500;
	}

a.tag25, a.tag26, a.tag27 {
	font-size:36px;
	font-weight:900;
	}

a.tag28, a.tag29, a.tag30 {
	font-size:38px;
	font-weight:900;
	}
/* End Tag Cloud CSS */

/* 2010-10-16 Entry image CSS */
#entry_img img {
	position: relative;
	padding: 6px;
	border: none;
/*	left: inherit; */
/*	float: right; */
	}
/* end of entry_img */

/* footer img */
#footer {
	color: #fff;
	width: 708px;
	background: url(http://www.chaosgeordend.nl/mt-blog-cg//images/bottom.gif) no-repeat;
	line-height: 1.3em;
	text-align: center;
	margin: 0 auto;
/*	padding: 5px 30px; */
	voice-family: "\"}\""; /* Tantek's Box Model Hack: http://www.tantek.com/CSS/Examples/boxmodelhack.html */
	voice-family: inherit;
	}
html>body #footer { /* Be nice to Opera 5 */
	width: 708px;
	}

/* Set up our footer links */
#footer a {
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: xx-small; /*feed to IE 5.5*/
	f\ont-size: x-small; /*feed to compliant browsers*/
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}

/* end of footer img */


