blogthon/styles/technology/technology.css

/*
*	Author:		Pascal Turbing <pascal@turbing.de>
*/
* {
	margin: 0px;
}


body {
	background: #606060;
	background-image: url(bg.png);
	background-repeat: repeat-x;
	width: 800px;
	margin: 20px auto 20px;
	font-family: "Sans Serif";
}

a {
	text-decoration: none;
/*	color: #ddd; */
}

img {
	border: none;
}

.header {
	background-color: black;
	background-image: url(header.png);
	background-repeat: no-repeat;
	border:1px solid black;
	padding: 5px;
	margin-bottom: 10px;
	height: 96px;
}
	.header_link {
		text-decoration: none;
		color: #eee;
		font-size: 1.3em;
		font-weight: bold;
		margin-top: 25px;
		margin-left: 180px;
		display: block;
	}

	div.header_subtitle {
		color: #aaa;
		font-size: 0.8em;
		margin-left: 210px;
	}

.rss, .atom {
	visibility: hidden;
	display: none;
}

.pages {
	background: #bbb;
	border: 1px solid black;
	width: 140px;
	position: absolute;
	top: 168px;
	height: 18px;
	padding: 4px;
	text-align: center;
	overflow: hidden;
	font-size: 0.8em;
}

.pages:hover {
	height: auto;
}
	li.pages_list_entry {
		border: 1px solid black;
		margin-left: -38px;
		font-size: 0.7em;
		margin-top: 2px;
		display: block;
	}
	li.pages_list_entry:first-child {
		margin-top: 20px;
	}

	li.pages_list_entry a {
		display: block;
		color: black;
	}
	li.pages_list_entry a:hover {
		background: #999;
	}

.months {
	background: #bbb;
	border: 1px solid black;
	width: 140px;
	position: absolute;
	top:138px;
	padding: 4px;
	text-align: center;
	height: 18px;
	overflow: hidden;
	font-size: 0.8em;
}

.months:hover {
	height: auto;
}
	li.months_list_entry {
		border: 1px solid black;
		margin-left: -38px;
		font-size: 0.7em;
		margin-top: 2px;
		display: block;
	}
	li.months_list_entry:first-child {
		margin-top: 20px;
	}
	li.months_list_entry a {
		display: block;
		color: black;
	}
	li.months_list_entry a:hover {
		background: #999;
	}

.linklist {
	background: #bbb;
	width: 180px;
	position: absolute;
	top: 138px;
	margin-left: 610px;
	padding: 4px;
	text-align: center;
	border: 1px solid black;
}

	li.linklist_list_entry {
		font-size: 0.7em;
		border: 1px solid black;
		margin-left: -38px;
		margin-top: 2px;
		display: block;
	}
	li.linklist_list_entry:first-child {
		margin-top: 20px;
	}
	li.linklist_list_entry a {
		display: block;
		color: black;
	}
	li.linklist_list_entry a:hover {
		background: #999;
	}

.entries {
	background: none;
	border: 1px solid black;
	width: 440px;
	position: relative;
	left: 156px;
	padding: 4px;
}

	.entry {
		margin-top: 8px;
		background: #888;
		padding-top: 6px;
	}

	.entry:first-child {
		margin-top: 0px;
	}

	div.entry_title {
		padding: 2px;
		padding-left: 6px;
		background: #bbb;
		margin-left: 10px;
		border: 1px solid #444;
		border-right: none;
	}

	a.entry_title {
		font-size: 0.9em;
		font-weight: bold;
		text-decoration: none;
		color: #333;
	}

	.entry_date {
		color: #555555;
		font-size: 0.7em;
		padding-left: 20px;
	}
	
	.entry_content {
		padding: 10px;
		padding-left: 15px;
		font-size: 0.85em;
	}

	div.entry_comment {
		text-align: right;
		padding: 4px 10px 4px;
	}

	a.entry_comment {
		text-decoration: none;
		color: #444;
		font-size: 0.6em;
	}

div.comments {
	border: 1px solid black;
	background: #888;
	width: 440px;
	padding: 4px;
	position: relative;
	left: 156px;
	margin-top: 10px;
}

	div.comment {
		background: #666666;
		margin-bottom: 10px;
		padding-top: 8px;
		color: black;
	}

	div.comment_author {
		padding: 2px;
		padding-left: 6px;
		background: #888;
		margin-left: 10px;
		border: 1px solid black;
		border-right: none;
	}

	div.comment_date {
		color: #252525;
		font-size: 0.7em;
		padding-left: 20px;
	}

	div.comment_content {
		padding: 10px;
		padding-left: 15px;
		font-size: 0.85em;
	}

	div.submit_comment {
		background: #666666;
		padding: 10px;
		padding-left: 15px;
		margin-top: 15px;
	}

	label.submit_comment_name {
		font-size: 0.8em;
		display: block;
	}

	input.submit_comment_name_input {
		width: 100px;
		margin-left: 10px;
		margin-top: 4px;
		border: none;
		background: #999;
	}

	label.submit_comment_text {
		font-size: 0.8em;
		display: block;
		margin-top: 4px;
	}

	textarea.submit_comment_textarea {
		width: 380px;
		margin-left: 10px;
		margin-top: 4px;
		border: none;
		background: #999;
	}

	label.submit_comment_quiz {
		font-size: 0.8em;
		display: block;
		margin-top: 4px;
	}

	input.submit_comment_quiz_input {
		width: 40px;
		margin-left: 10px;
		border: none;
		background: #999
	}

	input.submit_comment_button {
		margin: 10px;
		border: 2px solid #888;
	}