/*Color Scheme:
	header elements: #856139;
	text elements: #000;
*/

* {
	margin:0 auto; /*Center the whole body*/
}

body {
	background:url(images/bodyBg.png) repeat-y center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

a {
	color:#856139;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	border-bottom:1px solid #000;
}


/*wrap the entire site*/
#wrapper {
	width:800px;
}

/*Start the navigation*/
#navigation {
	width:800px;
	height:295px;
	position:relative;
}

#navigation .fadeMe {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

#navigation .navigation {
	position:absolute;
	top:0px;
	right:0px;
	z-index:2;
}

#navigation ul.nav {
	float:right;
	text-align:right;
	width:311px;
}

#navigation ul.nav li {
	list-style:none;
	line-height:40px;
	font-variant:small-caps;
	text-transform:capitalize;
	padding:0px 15px 0px 0px;
	width:311px;
}

#navigation ul.nav li.odd {
	background:url(images/oddNavItems.png) no-repeat;
}

#navigation ul.nav li a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	right:20px;
}

#navigation ul.nav li a:hover {
	border-bottom:1px dotted #000;
}
/*End the navigation*/

/*Start the content*/
#content {
	width:760px;
	text-align:left; /*Set the default text to align-left*/
	padding:20px 0px;
	font-size:0.80em;
}

#content #userData {
	width:760px;
}

#content #userDataBlog {
	width:560px;
	float:left;
}

#content #userData p,
#content #userData ul,
#content #userData ol,
#content #userData blockquote,
#content #userDataBlog p,
#content #userDataBlog ul,
#content #userDataBlog ol,
#content #userDataBlog blockquote {
	line-height:1.6em;
	padding-bottom:2em;
}

#content .headerItems {
	color:#856139;
	font-variant:small-caps;
	text-transform:capitalize;
	padding-bottom:0.7em;
}

#content #userData img,
#content #userDataBlog img {
	padding:4px;
	background:#856139;
	border:1px solid #999;
	margin:7px;
}

#content #menu {
	width:750px;
}

#content #menuBlog {
	width:200px;
	float:right;
}

#content #menu .headerItems {
	background:url(images/headerElems.png) no-repeat;
	line-height:43px;
	color:#000;
}

#content #menu ul {
	position:relative;
	top:-10px;
	left:-20px;
	font-weight:bold;
	font-variant:small-caps;
	text-transform:capitalize;
}

#content #menu ul li {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px 10px;
	font-size:1.1em;
	line-height:25px;
}

#content #menu ul li a {
	text-decoration:none;
	color:#856139;
}

#largeCalendar .allCalHeaders .calHeaders,
fieldset#calChangeView {
	background:#856139;
	border:1px solid #856139;
}

/*End the content*/

/*Start blog comments*/
fieldset {
	border:none;
	margin:20px 0px;
	background:url(../images/formBg.png) repeat;
	width:60%;
}

fieldset legend {
	font-weight:bold;
	font-size:1.5em;
}

fieldset input,
fieldset textarea {
	background:#fff;
	border:1px solid #ccc;
	padding:5px;
	letter-spacing:1px;
}

fieldset label {
	float:left;
	width:150px;
	height:40px;
}

fieldset div.commentField {
	clear:both;
        padding:10px 0px;
}


#submitComments {
        margin:30px 0px;
}

br {
	clear:both;
}

/*End blog comments*/

/*Start the footer*/
#footer {
	background:url(images/footerBg.png) no-repeat;
	width:800px;
	height:24px;
}
/*End the footer*/

.clear {/*Clear floats*/
	clear:both;
}