body {
  font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: center; 
}

#farouter {background: #ffffff;width: 760px; border: 1px solid #000000;margin: 10px auto 10px auto;text-align: left;  /* IE 5.5 hack part II */}
#masthead {letter-spacing: 0.2em;margin: 8px 8px 0 8px;padding: 0 10px 10px 60px; font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; height: 139px;
}

#main {padding-left:35px;}
#content {float: left;width: 490px; padding-top: 1px;}
#content_page {float: left;width: 650px; padding-top: 3px;}
#menu {float: right;width: 200px; margin-right: 3px; border-left: 1px dashed #BAA99F;background: #FFF;}
#nav {padding-left: 10px;}
#navcomm {padding-left: 10px;}
#hmenu {margin: 8px; height: 30px;}
#hnav {margin: 0;padding: 0;}
#clearer { clear: both; margin: 0; padding: 0;}
#footer { margin: 8px 8px 8px 8px; }


/*----------------- Color CSS    ------------------------*/

body {background: #ABC6F2; color:#000000;}
#rap {background: #FFF;}
#footer {background: #FFF;}
#hmenu { background: #FFF9F1;}
#hnav {	background: #FFF9F1;}
a {color: #0A49BA; text-decoration: none; }
a:visited { color: #0A49BA; text-decoration: none; }
a:hover {text-decoration: underline; }
acronym, abbr { border-bottom: #333; }
h2 {color: #8C0000;font-size: 24px;font-weight: normal;}
h3 a {color: #05399E; }
h3 a:hover {text-decoration: underline;}
h3 a:visited {color: #05399E;}
.meta { color: #000; line-height:1.5em;}
.meta a {color: #022D7B;}
.feedback {color: #CCC;}
.feedback a{color: #5F7DB1;}
.alt {background: #EFEAD1 !important;}
.footerinfos {color:#8F8F8F;font-size:0.8em;}

/* --------     Core CSS ---------*/

a {text-decoration: none;}
a img { border: none; }
acronym, abbr { border-bottom: 1px dashed; }
acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em;}
blockquote { margin: 10px 10px 0 10px;padding: 10px; border: 1px solid #EBDCC9; color:#333; font-size:1.0em;}
blockquote p {color:#333; font-size:1.0em;}
cite { font-size: 90%; font-style: normal; }
#header a { color: #F2EEEC; text-decoration: none; }
#header a:hover { text-decoration: none; }
h1 { margin: 0; padding: 20px; text-align: right; }
h1#header {visibility:hidden;}
#hidden {display:none;}
.utwlist li {list-style: none !important;margin: 0;padding: 0.1em;}

h2 {font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 20px 0; padding: 20px 0 0 0; }
h2#tagline {margin:0; margin-left: 300px; margin-top: -60px; margin-top: -70px; padding:0;text-align: left;color: #F2EEEC;border: 0; }

.post h2 { font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 0 30px; padding: 20px 0 30px 0; }
h3 {font: 1.8em Verdana, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; margin-left: 0; margin-top: 30px;color: #0A49BA;
}
h3#comments { margin-left: 20px; }
h3#respond { margin-left: 20px; }
h4 {font-size: 16px; font-weight: normal;}
ol#comments li p { font-size: 100%; }
img {border: 0px; }
p, .feedback
{ font: 100%/175% Verdana, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}
p {}
.textarea { width:200px; margin:0; }
ul.post-meta span.post-meta-key {font-weight: bold;}

ul.post-meta2 {list-style:none;}
ul.post-meta2 span.post-meta-key2 {font-weight: bold;}
.meta2 li, ul.post-meta li {display: block;}
.meta {font-size: .95em;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline;list-style: none;margin: 0;padding: 0;}
.meta, .meta a { font-weight: normal; letter-spacing: 0;}
.post { margin: 35px 35px 20px 0; }
.storytitle {
	margin-top: 10px;
	margin-bottom: 2px;
}
.storytitle a { text-decoration: underline; }
.storycontent{
	margin-bottom: 5px;
	font-size:0.9em;
	line-height: 1.6em;
	color:#333;
	margin-left: 5px;
}
.storycontent p {line-height: 1.6em;}



/* ----------  All menu styling for navigation horizontal bar ------- */

#navigation {
  height:1.9em;
  line-height:1.9em;
width:745px;
margin: 10px;
z-index:2;
background-color:#F1EEDF;
}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:1px solid #FFF;
  white-space:nowrap;
}

#navigation li a {
  display:block;
  padding:0 5px;
  font-size:1.1em;
  letter-spacing:1px;
}

* html #navigation a {width:1%;} 

#navigation form {
  float:right;
  height:100%;
  width:189px;
  padding:0 15px 0px 1px;
  border-left:1px solid;
  line-height:0;
}


#navigation a {color:#0A49BA;}

#navigation a:hover
  {text-decoration: underline;}

#navigation form {
  border-color:white;
  background:#FEC42D;
}

#navigation #s {border-color:#F1EEDF;}

#navigation #searchbutton {
  color:white;
  background-color:#F1EEDF;
}


#nav form {
	margin: 0 0 0 13px;
}

#nav input#s {
	width: 80%;
	background: #F1EEDF;
	border: 1px solid #ECDFD9;
	color: #000;
}

#nav ul li h2 {
  	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  	font-weight: normal;
	letter-spacing: 0.1em;
	border: 0;
	text-align: left;
	padding-left:0;
	margin-left: 0;
}


#nav { width: 170px; }

#nav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 95%;
}

#nav a
{
display: block;
padding: 3px;
padding-left: 17px;
width: 130px;
color: #000;
background-repeat: no-repeat;
background-position: 0 55%;
}

#nav a:link, #navlist a:visited
{
text-decoration: none;
}

#nav a:hover
{
color: #0A49BA;
}


.navcomm { width: 170px;}

.navcomm a
{color: #000000;}

.navcomm a:link, .navcomm a:visited
{text-decoration: none; color: #000000;}

.navcomm a:hover
{text-decoration: underline;}


.navcomm form {
	margin: 0 0 0 2px;
}

.navcomm input#s {
	width: 80%;
	background: #F1EEDF;
font-size:0.9em;
	border: 1px solid #ECDFD9;
	color: #000;
}

.navcomm input#s2 {
	width: 80%;
	background: #F1EEDF;
	border: 1px solid #ECDFD9;
        font-size:0.9em;
	color: #000;
}

.navcomm ul li h2 {
  	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  	font-weight: normal;
	letter-spacing: 0.1em;
	border: 0;
	text-align: left;
	padding-left:0;
	margin-left: 0;
}


.navcomm ul ul ul.children {
	font-size: 100%;
	padding-left: 4px;
}


.navcomm ul
{
display: block;
margin-left: 0;
padding-left: 10px;
list-style-type: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 95%;
}

/*------------- hnav------------*/


#hnav ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #F1EEDF;
color: #0A49BA;
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}


#hnav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#hnav ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 1px;
padding-top: 1px;
color: #0A49BA;
text-decoration: none;
border-right: 1px solid #ECDBC7;
}

#hnav ul li a:hover
{
	background: #DDCCBA;
color: #0A49BA;
}

#hnav #active { border-left: 1px solid #F2EEEC; }

/*------------- added ------------*/

.gravatar {
	float:left;
	padding: 1px;
	margin-left: 1px;
	border: 0px solid #573D2E;
}

.commentbox {
	background: #F1EEDF;
	padding: 5px;
	margin-bottom: 15px;
}

/* -------  Pagebar ------ */
.pagebar
	{
		font: 11px Arial, Helvetica, sans-serif;
		padding-top: 0px;
		padding-bottom: 0px;
		margin: 0px;
	}

.pagebar a, .pageList .this-page
	{
		padding: 2px 6px;
		border: solid 1px #ddd;
		background: #fff;
		text-decoration: none;
	}

.pagebar a:visited
	{
		padding: 2px 6px;
		border: solid 1px #ddd;
		background: #fff;
		text-decoration: none;
	}

.pagebar .break
	{
		padding: 2px 6px;
		border: none;
		background: #fff;
		text-decoration: none;
	}

.pagebar .this-page
	{
		padding: 2px 6px;
		border-color: #999;
		font-weight: bold;
		font-size: 13px;
		vertical-align: top;
		background: #fff;
	}

.pagebar a:hover
	{
		color: #fff;
		background: #0063DC;
		border-color: #036;
		text-decoration: none;
	}