/* GENERAL
------------------------------------------------------------------------------------*/

	html {
		height: 100%; /* for Mozilla */
		}
	body {
		width: 950px;
		height: 100%;
		margin: 5px auto; /* align body block to center */
		padding: 0px 30px;
	
		background-color:white;
		background-image:url(/tmpl/summer2007/wave.gif);
		background-repeat:no-repeat;
		font-family: "Trebuchet MS", verdana, arial, sans-serif;
		color:#113355; /* [change color] */
		}
	a { text-decoration: none;	}
	img {	border: none;	}
	

/* LABELED GENERALS
------------------------------------------------------------------------------------*/

	.skip {
		display: none;
		}
	ul.nobullets {
		list-style: none;
		margin-left: 0px;
		padding-left: 0px;
		}
	.highlight {
		background-color: yellow;
		}
	form {
		margin: 5px 0;
		}
		input.formfield {
			font-family: "Osaka" "Trebuchet MS", verdana, arial, sans-serif; /* for Mac (mojibake) */	
			}
	ul.link li { margin:20px 0 8px 0; }
	ul.link img { margin:0 0 2px 0; }

/* COLORS
------------------------------------------------------------------------------------*/

	#header a, #header a:visited {
		color: black;
		}
	
	#mainbody a:hover {
		background-color:lightcyan !important;
		color: deeppink !important;
		}
	#mainbody a.nohover:hover {
		background-color: transparent;	
		}
	
	#contents .itembody a,
	#contents .commentbody a {
		color:#113355 !important;
		text-decoration:underline;
		}
	#contents .iteminfo a,
	#contents .iteminfo-short a, {
		color: #666;
		}


/* 
------------------------------------------------------------------------------*/

	div#header {
		margin: 0;
		padding: 0;
		float:right;
		width:200px;
		}
		h1 {
			font-size:24px;
			text-align: center;
			letter-spacing: 0.4em;
			}
		h1 a, h1 a:hover {
			background-color: transparent;
			color: midnightblue !important;
			text-decoration: none;
			}
	 
	div.menu {
		clear:rightt;
		float:right;
		width: 190px; /* [change width: menu] */
	   padding: 0 10px;
		color: #777; /* [change color] */
		font-size: small;
		}

		div.menu p, 
		div.menu li a { color:midnightblue; line-height:1.3em; }
		div.menu a:hover { color:yellow; background-color:transparent; }
		.menu p {margin: 5px 0;}
		.menu ul {margin: 0;}

		div.menu h2 {
			background: url(/blog/skins/dtk_plain/img/bg_menuhead.gif);
			font-size: small;
			letter-spacing: 0.2em;
			line-height: 100%;
			color:midnightblue;
			margin: 20px 0 10px;
			padding: 5px 3px !important;
			}
			.menu h2.nobg {background: transparent;}

		div#leftcol {
			float:left;
			}
		div#rightcol {}
			div.searchform input.formfield {width:120px;}


	/* 
	--------------------------------------------------------------*/
		ul.link {
			list-style: none;
			margin: 0;
			padding: 0;
			}
		ul.link li {
			padding-left: 14px;
			background: url(img/ico_link.gif) left no-repeat;
			}
		
		ul.categorylist {
			list-style: none;
			margin: 0;
			padding: 0;
			}
		ul.categorylist li {
			padding-left: 14px;
			background: url(img/ico_cat.gif) left no-repeat;
			}
		ul.categorylist li.nocat {
			padding-left: 14px;
			background: url(img/ico_cat2.gif) left no-repeat;
			}

/* 
------------------------------------------------------------------------------*/

	div#contents {
		padding: 0 10px;
		float: left; /* [change layout] */
		width: 490px; /* [change width: contents] must be equal to itembody width */
		
		line-height: 160%;
		font-size: 86%;
	
		background-color:rgb(225,240,255) !important;
		background-image:url(/blog/skins/dtk_plain/img/bg2.jpg);
		background-repeat:no-repeat;
		background-position:bottom right;

		border-style:solid;
		border-width:0 2px 2px 2px;
		border-color:rgb(48,112,144);

		min-height:1000px; 
		}
		* html div#contents { height:1000px; }
		#contents h2 {
			margin: 15px 0;
			padding: 0;
		
			color: midnightblue !important;
			font-size: xx-large;
			letter-spacing: 0.3em;
			line-height: 110%;
		
			border-color:rgb(0,0,160);
			border-style:dashed;
			border-width:2px 0 0 0;
			}

/* 
------------------------------------------------------------------------------*/

	div#footer {
		font-size: small;
		text-align: right;

		clear: both;
		margin: 0;
		padding: 0;
		padding-bottom: 10px;
		}