body {
	color: #333;
	background-color: #FFFFFF;
	background-attachment:	fixed;
	background-image: url("/images/P1040220-700-fixed.jpg");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}


body, p, ol, ul, td, div, span {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:   13px;
	line-height: 130%;
}

pre {
	background-color: #eee;
	padding: 10px;
	font-size: 11px;
}

a { text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover { border-bottom: 1px dashed #FF0000; text-decoration: none; }

#maincontainer
{
	width: 100%;
	margin: 0;
	color: #333;
	line-height: 130%;
}

#mainheader
{
	/*padding: .5em;*/
	background-color: #ddd;
	border-bottom: 1px solid gray;
}

#mainheader h1
{
	padding: 0;
	margin: 0;
}

/*
#mainnav
{
	float: right;
	width: 170px;
	margin: 0;
	padding: 1em;
}
*/

#mainnav
{
	position: absolute;
	top: 55px;
	right: 5px;
	width: 170px;
	margin: 0;
	padding: 1em;
}

#maincontent
{
	margin-top: 0;
	margin-right: 200px;
	border-right: 1px solid gray;
	padding: 1em;
}

#mainfooter
{
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid gray;
}

.maindiary
{
	margin: 0 0 5px 0;
	padding: 5px;
	background-attachment:	fixed;
	background-color: #F0F0F0;
	background-image:	url("/images/P1040220-glass-700-bright-fixed.jpg");
	background-repeat:	no-repeat;
}

.diaryavatar
{
float: left;
background-color: #eee;
border: 1px solid gray;
margin: 0 5px 5px 0;
padding: 5px;
clear: left;
}

.diarycontent
{
padding: .5em;
margin: 0 0 15px 85px;
}

.diarytimestamp
{
padding: .3em;
border-bottom: 1px solid gray;
}

.diarycolon
{
font-size: 12px;
font-weight: bolder;
}

.diarytags
{
font-size: 10px;
margin: 0 0 0 85px;
}

.diarycomments
{
font-size: 10px;
margin: 0 0 3px 85px;
}

.diaryleftthumb
{
float: left;
width: auto;
background-color: #efefef;
border: 1px solid gray;
margin: 0 5px 5px 0;
padding: 5px;
}

.diaryrightthumb
{
float: right;
width: auto;
background-color: #efefef;
border: 1px solid gray;
margin: 0 0 5px 5px;
padding: 5px;
}

.clearall
{
clear: both;
}

div.diaryavatar img
{
width: 60px;
height: 60px;
border: 1px solid #000;
}

div.diaryleftthumb img
{
border: 1px solid #000;
}

div.diaryleftthumb div
{
padding: 3px;
font-size: 9px;
}

div.diaryrightthumb img
{
border: 1px solid #000;
}

div.diaryrightthumb div
{
padding: 3px;
font-size: 9px;
}


div.diarycontent p
{
margin: 0 0 0 0;
}

#mainnav p { margin: 0 0 0 0; }
#maincontent h2 { margin: 0 0 .5em 0; color: gray; }

/* 43 things */
div#goal-header {
    font-weight: bold;
    font-size: 11px;
}
div#goal-list li {
    font-size: 9px;
    margin-bottom: 2px;
    color: #666;
}
div#goal-list li a {
    font-size: 9px;
}
div#goal-list li span {
    display: none;
}






/*** Nav bar styles ***/

ul.ulnav, .ulnav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.ulnav{
	display: table;
}

ul.ulnav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}


ul.ulnav>li:hover{
	padding-right: 1px;
}

ul.ulnav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	/*max-width: 40ex;*/
	margin-left: -6px;
	margin-top: 2px;
}

ul.ulnav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.ulnav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.ulnav, .ulnav ul, .ulnav ul li a {
	background-color: #fff;
	color: #369;
}


ul.ulnav li:hover, .ulnav ul li a:hover{
	background-color: #369;
	color: #fff;
}

ul.ulnav li:active, .ulnav ul li a:active{
	background-color: #036;
	color: #fff;
}

ul.ulnav,
.ulnav ul{
	border: 1px solid #369;
}

.ulnav a{
	text-decoration: none;
}