@import "/code/enlarge/styles.css";

body {
	font:				xx-small verdana, arial, sans-serif;
	color:				#000000;
	background-color:	#F0CE54;
	background-image:	url(/code/images/background_line.gif);
	background-repeat:	repeat-x;
	margin:				0;
	padding:			0;
}
a:link {
	color:				#235910;
	font-weight:		bold;
	text-decoration:	none;
}
a:visited {
	color:				#8C961B;
	font-weight:		bold;
	text-decoration:	none;
}
a:hover, a:active {
	color:				#7E965F;
	font-weight:		bold;
	text-decoration:	underline;
}

#header {
	position:			relative;
	width:				720px;
	height:				74px;
	margin:				0 20px 0 20px;
	background-color:	#FFF;
	border-bottom:		1px solid #000;
}
#logo {
	position:			absolute;
	top:				20px;
	left:				0;
	width:				100px;
	height:				50px;
	padding:			2px;
	border-right:		1px solid #000;
}
#title {
	position:			absolute;
	bottom:				0;
	left:				104px;
	padding:			10px 10px 13px 15px;
}
#description {
	font:				xx-small verdana, arial, sans-serif;
	line-height:		125%;
}
#content {
	position:			relative;
	width:				725px;
	margin:				15px 20px 20px 20px;
}
#footer {
	clear:				both;
	position:			relative;
	width:				540px;
	padding:			10px 0 20px 0;
	border-top:			1px solid #000;
	margin:				0 0 0 170px;
	color:				#8C961B;
}
#ad {
	margin-top:			10px;
}

/* other general tags */

h1 {
	font:				medium arial, verdana, sans-serif;
	font-weight:		bold;
	color:				#15540B;
	line-height:		100%;
	margin:				0;
}
h2 {
	font:				x-small arial, verdana, sans-serif;
	color:				#000000;
	margin:				0;
}
h3 {
	font:				xx-small verdana, arial, sans-serif;
	font-weight:		bold;
	color:				#000000;
	margin:				0 0 5px 0;
}
h1 span, a.commentsite {
	font:				xx-small verdana, arial, sans-serif;
	font-weight:		bold;
}
h2 span {
	font:				xx-small verdana, arial, sans-serif;
}
p {
	display:			block;
	margin:				0 0 5px 0;
}
img, td { 
	font:				xx-small verdana, arial, sans-serif;
}
form {
	margin:				0;
	padding:			0;
}
label, .label {
	display:			block;
	font:				xx-small verdana, arial, sans-serif;
	font-weight:		bold;
	margin:				0;
}
input, textarea {
	width:				520px;
	font:				x-small verdana, arial, sans-serif;
	margin:				5px 0 2px 0;
	padding:			2px;
}
code, .code {
	font:				x-small monaco, courier new, courier, monospace;
}
.top .pages {
	margin:				0 0 10px 0;
}
.bottom .pages {
	margin:				10px 0 0 0;
}
.message {
	font:				xx-small verdana, arial, sans-serif;
	font-weight:		bold;
	color:				#000000;
	margin:				0;
}
.commentmessage {
	font:				xx-small verdana, arial, sans-serif;
	font-weight:		bold;
	color:				#000000;
	margin:				0 0 5px 0;
}

/* categories */

#categories {
	position:			absolute;
	top:				0;
	left:				0;
	width:				140px;
	font-weight:		bold;
	text-align:			right;
}
#categories p {
	margin:				0 0 5px 0;
}
.months {
	padding:			10px 0 0 0;
	border-top:			1px solid #000;
	margin:				10px 0 5px 0;
}
#search {
	margin-top:			10px;
}
#search input {
	width:				132px;
	margin:				0;
}
#search .label {
	margin:				2px 0 5px 0;
}

/* entries */

#items {
	width:				550px;
	margin:				0 0 0 150px;
}
.item {
	font:				xx-small verdana, arial, sans-serif;
	background-color:	#FFFFE6;
	padding:			10px 10px 5px 10px;
	border:				1px dashed #348217;
}
.alternate {
	background-color:	#F5E9AE;
	border:				none;
}
.image {
	text-align:			right;
	vertical-align:		top;
}
.text {
	vertical-align:		top;
}
.image {
	margin:				0 10px 5px 0;	
}
.image img, .commentimage img {
	border:				1px solid #348217;
}
.permalink {
	float:				right;
}

/* headers */

#logo a {
	display:			block;
	width:				100px;
	height:				50px;
	background-image:	url(/code/images/junecode.gif);
	text-indent:		-9999px;
	overflow:			hidden;
}

/* comments */

.button {
	width:				auto;
	margin:				5px 0 5px 0;
}
#commentpreviewarea {
	min-height:			200px;
	height:				expression('200px');
}