/*

Structure is:
div#container
	div#content
		div#outer_content
			div#inner_content
				div#content_header
				div#content_body
		div#content_footer
			div#content_footer_left
			div#content_footer_right

div#content sets the width of the page.
div#outer_content draws the right border.
div#inner_content draws the left border.

*/


/** MAIN STRUCTURE STARTS HERE **/

html {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #dbdbdb;
	font: 12px verdana, helvetica, arial, sans-serif;
	color: #666;
	margin: 0px;
	padding: 0px;
	height: 100%;

}

a img {
	border: 0px;
}

a:link {
	color: #3F83A2;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #3F83A2;
}

a:hover {
	color: #333333;
	text-decoration: none;
}

a:active {
	text-decoration: none;
	color: #3F83A2;
}


html, body, #container {
        margin: 0px;
        padding: 0px;
	height: 100%;
}

#content {
	margin: 1px solid green;
	width: 700px;                 /* 800px from the image + 20px * 2 from the images in the two borders */
	margin: 0 auto 0 auto;
	height: 100%;
}

#outer_content {
	padding-right: 20px;          /* To left enough space for the background-image */
	background-color: white;    
	background-image: url('images/middle_right.png');
	background-repeat: repeat-y;
	background-position: right top;
	background-color: #dbdbdb;    
	height: 100%;
}

#inner_content {
	padding-left: 20px;           /* To left enough space for the background-image */
	background-image: url('images/middle_left.png');
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #dbdbdb;
	height: 100%;
}

#content_header {
	padding: 20px 20px 10px 20px;
	position: relative;
	background-color: white;
	height: 10%;
}

#title {
	padding-left: 20px;
}

#content_body {
	background-color: white;
	height: 100%;
}

#content_footer {
}

ul {
	list-style: none;
}

.entry {
	width: 90%;
	margin: 0 auto 20px auto;
}

.entry * {
	vertical-align: middle;
}

.entry a {
	margin-left: 10px;
	font-size: 2em;
}