* {padding:0;margin:0;}
ul {margin: 13px 0 13px 0; padding-left:40px;}
p {margin: 10px 0 10px 0;}
.small ul {margin: 7px 0 7px 0;padding-left:15px;}
.small li {padding-bottom:2px;padding-top:1px;}


body { font-family: "Georgia", serif; font-size: 11pt; color: #000;
	background-color: #fff
}

/* header and menu   */
div#top { top:0; left:0; right:0; height: 101px; background-color: #fff; border-bottom: 1px solid #333; }

#top > #m { padding-left: 1em;border-top:1px solid black; position: absolute; left:0; right:0; }
#top #lfm { position:absolute; right:10px; top: 0px;  font-size:75%; }
#top > h1 { font-size: 60px; font-weight: normal; padding: 8px 0 0 10px; height: 74px; }
#top > h2 { font-size: 30px; font-weight: normal; position: absolute; top: 30px; left: 250px }
#top a { text-decoration: none; }
#top > h1 a { color: #343;  }
#top menu a:hover {background-color:#343; color:#fff; }

menu li { padding:0;margin:0;display: inline; height: 10px;}
menu a { padding:0px 20px 0px 5px;margin:0; height: 10px;}
menu a, menu a:hover,menu a:visited,menu a:active{cursor:default;text-decoration:none;color:#000;}

.sm {z-index:3;display:none;position:absolute;background-color:green;padding:0px;margin:0;border:1px solid black;}
.sm li {list-style:none;display:list-item;padding:3px 10px;margin:0;}
.sm li a,.sm li a:hover,.sm li a:visited,.sm li a:active{cursor:default;text-decoration:none;color:white;}


/* one liner */
#ols { position:absolute; top: 5px; right: 0px; width: 300px; text-align: right; padding-right: 10px; }
#oneliners { height: 55px; font-size: 8pt; margin-right: 0px;}
#ols input { width: 100%; border: 1px solid #ddd; font-family: "Georgia", sans-serif; font-size: 8pt; background-color: #fff; color: #222; }

#oneliners b { float: right; margin-left: 5px; }

#ols .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
#ols .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #eee; }
#ols .jScrollPaneDrag { position: absolute; background: #565; cursor: pointer; overflow: hidden; }
#ols .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
#ols .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }


/* main layout */

hr {margin: 10px 0 10px 0;}

#everything{ min-width: 800px; }

div#main{
	margin-left: 12.0em;
	margin-right: 12.5em;
	margin-top: 6px;
	background-color: #f0f0f0;
}

div#left { 
	width: 11em;
	position: absolute;
	top:108px;
	left: 4px;
	background-color: #f0f0f0;
}

div#right{
	width: 11em;
	position: absolute;
	right: 0.75em;
	top:108px; 
	background-color: #f0f0f0;
}

div.frame {
	padding: 0;
	margin: 0;
	margin-bottom: 2.0em;
}

div.frame h1, div.frame h2, .small > h3 {
	text-align: center;
	color: #242;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0; 
}

div.frame h1 { }


div.text {
	text-align: left; padding: 7px 5px 10px 5px;
	margin-top: 0em;
	padding: 1.2em;
	padding-top: 0.5em;
}


div.newsheadline { font-size: 15pt; }
div.newsdate { font-size: 9pt; margin-bottom: 5px; }
div.newsitem {
 padding: 6px 7px 10px 7px; margin-bottom: 14px;
}

div.commentcount { margin: 7px 1px 1px 0px; border-top: dotted 1px #ddd; padding-top: 5px;  }
div.newstext{ padding-bottom: 5px; line-height: 140%; text-indent: 0em; }

/* Message table */
table#messagetable { }
tr.even td, tr.odd td { margin: 0px; padding: 2px; }
tr.even td { background-color: #ddd; }
tr.odd td  { background-color: #eee; }

/* sidebars */
.small { margin-bottom: 1.0em; }

.small { font-size: 9pt; }

.small > h3 {
	padding: 2px 0px 2px 0px;
	margin: 0; 
	font-weight: normal; 
	border-bottom: 1px solid #454;
}


.small > div
{
	padding: 4px 4px 8px 6px; 
}

.small p { margin-top: 15px; }


/* link colors */
a { color: #242; }
a:visited {  color: #484; }
a:hover {  color: #555; }

/* inputs */
input, textarea, select {
 border: 2px solid #444;
 font-family: "Arial", sans-serif;
 font-size: 8pt;
 background-color: #eee;
 color: #222;
 padding: 2px;
}

input, textarea { font-family: "Georgia"; margin: 0.1em; }

/* Mobilder layout */
div.year {margin-left:1em;}
div.month {margin-left:1em;}
div.day{margin-left:1em;}
div.mb_content { display:none;}
div.blog_img{border:none;text-align:center;}
div.blog_img img{margin:1em;}


/*link tags */
.tag > a {
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}

.tag > a:hover {
	border: 2px solid rgba( 102,90,90,0.75 );
	background-color: rgba( 102,90,90,0.25 );
	padding-left: 1px;
	padding-right: 1px;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/* Friends layout. */
 
div.frnd_title { border: solid 1px #aaa; background-color: #eed; font-size: 12pt; padding: 2px 5px 2px 10px; }
div.frnd_last, div.frnd_part { margin: 0px 10px 0px 10px; padding: 5px 5px 5px 5px; border: solid 1px #aaa; border-top: none; }
div.frnd_part { border-bottom: dotted 1px #aaa; }
div.frnd_last { margin-bottom: 10px; }
div.frnd_comment { border: solid 1px #ddd; background-color: #f7f7f7; margin: 4px 8px 16px 8px; padding: 5px 5px 5px 5px; }

/* blog archive */

li.archive_m {margin-bottom: 10px;}
.archive_tree ul { padding: 0px 0px 0px 5px; padding-left: 0px; margin:0; }
.archive_tree li { padding-left: 8px; list-style:none;}
/*.archive_tree .archive_m { cursor:pointer;} */
.archive_tree div:hover { background-color: #ddd; cursor:pointer; }
.h { display: none; }

.ui-datepicker { font-size: 75%; }


div#bottom_bar { position:fixed; right:0; left:0; bottom:0; background-color:#fff; font-size:75%; border-top: 3px solid #343; padding:2px; 
padding-left: 4px; }


.navigation { padding: 3px; }
.alignleft, .alignright { display: inline; }
.alignright { float: right;}