* 	{ margin: 0; padding: 0; }
img { border: 0; }
hr	{ display: none; }

body {
	background: #EDE7D1; /* background color and image */
	background-attachment: fixed;
	font: 62.5%/1.1 Arial, Helvetica, sans-serif;
}
#container {
	margin: 10px auto;
	width: 770px;
	text-align: left;
}
#header {
	height: 100px;
	position: relative;
	width: 774px;
}
#content { width: 774px; }

#col1, #col2, #col2page {
	background: none;
	padding: 1em 0;
	width: 386px;
}

#col1 { float: left; }
#col2 { float: right; text-align: center; }
#col2page { float: right; text-align: left; }

#col2 img {	margin: 0 0 5px 0; }

#footer {
	border-top: 1px solid #0f0;  /* footer border color and style and size */
	clear: both;
	height: 50px;
	padding: 5px 0 0 0;
	width: 770px;
}
p {
	margin-top: 10px;
	font-size: 1.1em;
	line-height: 1.5em;
}

#col1 p { text-align: justify; }

/* H to the n's */
#header h1 {
	background: url(images/mjfnew3.jpg) no-repeat;
	height: 68px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 21px;
	text-indent: -9999px;
	width: 228px;
}
#header h1 a {
	display: block;
	height: 71px;
	text-decoration:none;
	width: 229px;
}
#title {
	background: url(images/rantsandrambles.gif) no-repeat;
	height: 55px;
	margin: 0 0 25px 12px;
	text-indent: -9999px;
	width: 352px;	
}
#footer p, #footer p a {
	color: #0f0;			/* footer color */
	font-size: 1em;
	text-decoration: none;
}

/* NAV */
#header ul {
	list-style: none;
	float: right;
}
#header ul li {
	float: left;
	margin: 5px 0 5px 10px;
}
#header ul li a {
	border: 1px solid #0f0;			/* nav tab outlines color and size and style */
	border-width: 0 1px 1px 1px;
	color: #0f0;					/* Nav text color */
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	height: 15px;
	padding: 52px 10px 5px 10px;
	text-align: center;
	text-decoration: none;
}

#music 	{ width: 2.8em; }
#rant 	{ width: 7.8em; }
#sport 	{ width: 2.7em; }
#link 	{ width: 2.4em; }
#extra 	{ width: 2.7em; }

#header ul li a:hover {	padding-top: 57px; }

/* Content */
p, h3, h4, small {
	margin: 10px;
}

small, h3 { color: #999;  }
p {
	color: #000000; 			/* Changes colors of paragraph text */
	font-size: 1.2em;
}
small { font-size: 1em; }

a:link, a:active, a:visited {
	color: #666;			/* changes normal link colors */
	font-weight: bold;
	text-decoration: underline;
}
a:visited	{ color: #999; }	/* visited link colors */
a:hover		{ color: #aaa; }	/* mouseover link colors */

h3 a:link, h3 a:active, h3 a:visited {
	color: #000000;				/* title colors */
	font-size: 18px;
	text-decoration: none;
}

a img		{ border: 1px solid #999; }
a:hover img { border: 1px solid #ccc; }
.postnav a	{ font-weight: normal; }


/* Comments */
#col1 ol {
	list-style: none;
	margin: 0 0 0 1em;
}
#col1 ol li {
	margin: 2px 0;
	padding: 10px;
}
#col1 ol li p, #col1 ol li small {
	margin: 10px 0;
}
cite {
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
}
.alt { background: #EDE7D1; border: 1px solid #333; border-width: 1px 0; }
.rad { background: #d6e0e7; border: 2px solid #006; border-width: 1px 0; }
.rad cite a:link, .rad cite a:active, .rad cite a:visited { color:#006; }

textarea { width: 360px; }

/* SIDEBAR */
#col2page ul {
	font-size: 1.1em;
	line-height: 1.2;
	list-style: none;
	margin-left: 30px;
	padding: 0;
}

/* gallery */
#gallery {
	margin: 0 auto;
	text-align: center;
	width: 700px;
}
	#gallery h2 {
		color: #666;
		font-size: 1.6em;
		margin-bottom: .6em;
		margin-top: 20px;
	}
	#gallery img {
		border: 1px solid #999;
	}
	#gallery p { margin: 1em auto; width: 500px; }
	#gallery ul {
		list-style: none;
		margin-bottom: 30px;
	}
	#gallery li {
		display: inline;
	}