blogthon/styles/blogthon_noir.css

/* 
*	Author: 	Adrian Vondendriesch <disco-stu@disco-stu.de>
*/

body		{
		font-family: Verdana;
		font-size: 13px;
		margin: 0px;
		min-width: 800px;
		background-color: #000000;
		color: #FFFFFF;
	}

img		{
		border: 0px;
	}

a	{
	color: #7FFF00;
	}

a:hover	{
	color: #FFFF00;
	}

blockquote	{
	margin-top: 10px;
	margin-bottom: 10px;
	font-style: italic;
	color: #AAAAAA;
	font-size: 10px;
	}




/* --- header --- */

div.header	{
	height: 120px;
	width: 100%;
	margin: auto;
	margin: 0px;
	text-align: center;
	background-image: url("blogthon_noir_img/header_green_2.jpg");
	}

	div.header_title	{
		font-size: 18px;
		letter-spacing: 5px;
		margin-top: 30px;
		}

		a.header_link	{
			text-decoration: none;
			color: #7FFF00;  
			font-weight: bold;
			font-style: italic;
			}

	div.header_subtitle	{
		margin-left: 80px;
		}

		span.header_subtitle	{
			letter-spacing: 4px;
			}


/* --- rss --- */

div.rss		{
	display: inline;
	height: 25px;
	position: absolute;
		top: 15px;
		right: 50px;
	}

	a.rss_link	{
		text-decoration: none;
		color: #AAAAAA;
		}

/* --- atom --- */

div.atom		{
	display: inline;
	height: 25px;
	position: absolute;
		top: 15px;
		right: 14px;
	}

	a.atom_link	{
		text-decoration: none;
		color: #AAAAAA;
		}



div.pages	{
	width: 100%;
	position: absolute;
		top: 90px;
	}

	div.pages_title	{
		text-align: center;
		display: none;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 2px;
		}

	div.pages_list	{
		}

		ul.pages_list	{
			text-align: center;
			list-style-type: none;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px;
			}

			li.pages_list_entry	{
				display: inline;
				margin-right: 10px;
				}

			a.pages_list_entry	{
				text-decoration: none;
				font-size: 12px;
				font-style: italic;
				color: #FFFFFF;
				font-weight: bold;
				}

	div.pages_footer	{
		float: none;
		}



div.months	{
	clear: left;
	float: left;
	margin-top: 10px;
	margin-bottom: 40px;
	width: 300px;
	text-align: right;
	margin-left: -300px;
	position: relative;
		left: 100%;
	}

	div.months_title	{
		text-align: center;
		color: #7FFF00;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 1px;
		border-bottom: 2px solid #FFFFFF;
		width: 200px;
		margin-left: auto;
		margin-right: auto;
		}

	div.months_list	{
		border-top: 2px solid #7FFF00;
		border-bottom: 2px solid #FFFFFF;
		width: 190px;
		margin-left: auto;
		margin-right: auto;
		}

		ul.months_list	{
			text-align: center;
			list-style-type: none;
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left: -30px;
			}

			li.months_list_entry	{
				margin-right: 10px;
				}

			a.months_list_entry	{
				text-decoration: none;
				font-size: 12px;
				font-style: italic;

				}

	div.months_footer	{
		margin-left: 900px;
		float: none;
		}



div.linklist	{
	clear: left;
	float: left;
	margin-top: 10px;
	width: 300px;
	text-align: right;
	margin-left: -300px;
	position: relative;
		left: 100%;
	}

	div.linklist_title	{
		text-align: center;
		color: #7FFF00;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 1px;
		border-bottom: 2px solid #FFFFFF;
		width: 200px;
		margin-left: auto;
		margin-right: auto;
		}

	div.linklist_list	{
		border-top: 2px solid #7FFF00;
		border-bottom: 2px solid #FFFFFF;
		width: 190px;
		margin-left: auto;
		margin-right: auto;
		}

		ul.linklist_list	{
			margin-left: 900px;
			text-align: center;
			list-style-type: none;
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left: -30px;
			}

			li.linklist_list_entry	{
				margin-right: 10px;
				}

			a.linklist_list_entry	{
				text-decoration: none;
				font-size: 12px;
				font-style: italic;
				}

	div.linklist_footer	{
		}



div.entries	{
	width: 650px;
	margin-left: 25px;
	padding: 3px;
	}

	div.entry	{
		margin-top: 10px;
		margin-bottom: 30px;
		}

		div.entry_title	{
			font-weight: bold;
			font-size: 14px;
			background-image: url('blogthon_noir_img/entrie_header.jpg');
			height: 20px;
			padding-top: 3px;
			padding-left: 10px;
			}
	
			a.entry_title	{
				text-decoration: none;
				}

		div.entry_date	{
			font-size: 10px;
			display: inline;
			}

		div.entry_content	{
			text-align: justify;
			margin-top: 5px;
			margin-left: 15px;
			padding-left: 5px;
			border-left: 2px solid #FFFF00;
			}

			ol.entry	{
				margin-top: 0px;
				margin-bottom: 0px;
				}

			li.entry	{
				margin-top: -5px;
				margin-bottom: -8px;
				}

		div.entry_comments	{
			margin-top: 5px;
			}

			a.entry_comments	{
				text-decoration: none;
				}

		div.entry_border_bottom	{
			}

/* --- comments --- */

div.comments	{
	margin-left: 50px;
	width: 600px;
	}

	div.comment	{
		margin-top: 5px;
		margin-bottom: 15px;
		padding: 5px;
		border-top: 2px solid #7FFF00;
		border-bottom: 2px solid #FFFF00;
		border-left: 1px dotted #DFDFDF;
		border-right: 1px dotted #DFDFDF;
		background-color: #222222;
	}
	
		div.comment_author	{
			margin-right: 5px;
			font-weight: bold;
		}

		div.comment_date	{
			font-size: 9px;
		}

		div.comment_content	{
			clear: left;
			border: 1px dotted #AAAAAA;
			background-color: #555555;
		}

	div.submit_comment	{
		margin-top: 5px;
		margin-bottom: 15px;
		padding: 5px;
		border-top: 2px solid #7FFF00;
		border-bottom: 2px solid #FFFF00;
		border-left: 1px dotted #DFDFDF;
		border-right: 1px dotted #DFDFDF;
		background-color: #222222;
	}

		label.submit_comment_name	{
			font-weight: bold;
			margin-right: 5px;
			display: block;
		}

		input.submit_comment_name_input	{
			margin-left: 10px;
		}

		label.submit_comment_text	{
			font-weight: bold;
			margin-right: 5px;
			display: block;
		}

		textarea.submit_comment_textarea	{
			background-color: #333333;
			color: #FFFFFF;
			margin-left: 10px;
		}

		label.submit_comment_quiz	{
			font-weight: bold;
			margin-right: 5px;
			display: block;
		}

		#cquiz	{
			background-color: #333333;
			color: #FFFFFF;
			margin-left: 10px;
		}

		input.submit_comment_button	{
			margin-top: 5px;
			text-align: right;
			background-color: #555555;
			border: 1px dotted #7FFF00;
			color: #FFFFFF;
			width: 120px;
			text-align: center;
			margin-left: 10px;
		}

		input.submit_comment_button:hover	{
			border: 1px dotted #FFFF00;
		}