body {
margin: 0px;
padding: 0px;
font-family: 'Comic Sans MS', 'times new-roman';
background: url('back.jpg') repeat black;
}

#container{		/* General frame */
padding: 0px;
margin-top: 50px;
margin-left: -400px;
position: absolute;
border: none;
top: 0px;
left: 50%;
width: 800px;
/*line-height: 120%;*/
background: url('split/back.gif') repeat-y center;
}
#top{			/* Box for the top */
margin: 0px;
padding: 0px;
position: absolute;
top: -40px;
left: 0px;
height: 165px;
width: 800px;
background: url("split/top.gif") no-repeat;
}
#top h1{
	margin-top: 13px;
	text-indent: 82px;
	color: purple;
	text-decoration: none;
	font-family: 'Comic sans MS', 'times new-roman';
	font-size: 15px;
	border: none;
}
#top a{
	color: purple;
	text-decoration: none;
	font-family: 'Comic sans MS', 'times new-roman';
	font-size: 15px;
}
#menu_bar {
z-index: 100;
margin: 0px;
padding: 0px;
position: absolute; /* Menu position that can be changed at will */
top: 98px;
left: 203px;
width: 595px;  /* precision for Opera */
height: 19px; 
font-family: 'Comic Sans MS', 'times new-roman';
font-size: 14px;
}
#menu_bar dl {
border: 0px;
margin: 0px;
float: left;
width: 99px;
}
#menu_bar dt {
border: 0px;
margin: 0px;
cursor: pointer; 
text-align: center;
text-decoration: none;
background: white;
}
#menu_bar dd {
/*display: block;*/
margin: 0px;
padding: 0px;
background: white;
}
#menu_bar a, #menu_bar dt a {
border: 0px;
margin: 0px;
color: purple;
text-align: center;
text-decoration: none;
font-weight: bold;
display: block;
height: 100%;
border: 0 none;
}
#menu_bar a:hover, #menu_bar a:focus, #menu_bar dt a:hover, #menu_bar dt a:focus {
color: white;
background: purple;
}

/* #menu1 {			/* Box for the menu 
position: absolute;
top: 105px;
left: 1px;
width: 95px;
height: 465px;
background: url("split/menu.gif") no-repeat transparent;
overflow: hidden;
}
#menu1 a:link, #menu1 a:visited{
	text-decoration:none;
	font-family: 'Comic sans MS', 'times new-roman';
	font-size: 12px;
	font-weight:normal;
	color:white;
}
#menu1 a:hover, #menu1 a:active{
	text-decoration:none;
	font-family: 'Comic sans MS', 'times new-roman';
	font-size: 12px;
	font-weight:normal;
	color: #abd4e8;
}

#menu2 {			/* Box for the blogs menu 
position: absolute;
top: 400px;
right: 0px;
width: 95px;
height: 425px;
background: url("split/menu2.gif") no-repeat transparent;
overflow: hidden;
}
#menu2 p{
	margin-top: 66px;
	font-size: 12px;
	color: white;
	text-align: center;
}
#menu2 a:link, #menu2 a:visited{
	text-decoration:none;
	font-family: 'Comic sans MS', 'times new-roman';
	font-size: 12px;
	font-weight:normal;
	color:purple;
}
#menu2 a:hover, #menu2 a:active{
	text-decoration:none;
	font-family: 'Comic sans MS', 'times new-roman';
	font-size: 12px;
	font-weight:normal;
	color:#8D38C9;
}*/

#xiti-logo {		/* Box where you chose your css */
position: absolute;
left: 23px;
top: 255px;
margin: 0px;
padding: 0px;
background: transparent;
}

#css {		/* Box where you chose your css */
position: absolute;
left: 12px;
top: 230px;
width: 95px;
height: 320px;
margin: 0px;
padding: 0px;
text-align:center;
overflow: hidden;
color: blue;
font-family: 'Comic sans MS', 'times new-roman';
font-size: 10px;
background: transparent;
}
#css a:link{
	text-decoration:none;
	font-family: 'Comic sans MS';
	font-style:normal;
	color:purple;
}
#css a:hover, #css a:active{
	text-decoration:none;
	font-family: 'Comic sans MS';
	font-style: normal;
	color: #8D38C9;
}
#css p{
	margin-top: 60px;
	padding: 0px;
	font-family: 'Comic sans MS';
	font-size: 12px;
	text-indent: 0px;
	color: white;
}

table, td,tr,ul{
color: #0000A0;
font-family: 'Comic sans MS', 'times new-roman';
font-size: 13px;
}
.table_left {
background: url('split/header2.jpg') no-repeat #080e1a;
border: 0px;
padding: 0px;
margin: 0px;
color: white;
text-indent: 40px;
}
.table_right {
background: #080e1a;
border: 0px;
padding: 0px;
margin: 0px;
color: white;
text-indent: 30px;
}

#main_box {		/* Main box */
z-index: 10;
position: relative;
top: 130px;
left: 135px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 130px;
padding-top: 0px;
padding-bottom: 0px;
width: 605px;
border: 0px;
padding: 0;
color: #0000A0;
font-family: 'Comic sans MS', 'times new-roman';
font-size: 13px;
}
#main_box a:link{
	font-family: 'Comic sans MS', 'times new-roman';
	text-decoration:underline;
	color: white;
}
#main_box a:visited{
	text-decoration:underline;
	color: white;
}
#main_box a:hover, #main_box a:active{
	text-decoration:underline;
	color: #5196fe;
}
#main_box p{
	text-indent: 32px;
	color: #0000A0;
	font-family: 'Comic sans MS', 'times new-roman';
	font-size: 13px;
}
.intro{
	margin: 12px;
	padding: 0px;
	text-indent: 0px;
	text-align: center;
	font-style: italic;
}
.left{
float:left;
padding: 5px;
}
.right{
float:right;
padding: 5px;
}
#main_box h1{
height: 26px;
width: 400px;
margin-left:100px;
padding: 0px;
background: blue;
color: white;
text-align: center;
font-family: 'Comic sans MS', 'times new-roman';
font-size: 16px;
}
#main_box h2{
width: 600px;
margin:0px;
padding: 0px;
background: url('split/header2.jpg') no-repeat #080e1a;
border: 1px white solid; 
color: white;
text-indent: 50px;
text-align: left;
font-family: 'Comic sans MS', 'times new-roman';
font-size: 14px;
}
#main_box h3{
margin:0px;
padding: 0px;
color: black;
text-align: left;
font-family: 'Comic sans MS', 'times new-roman';
font-size: 11px;
font-style: italic;
}

#end {			/* Bottom box */
height: 30px;
width: 800px;
margin: 0px;
padding: 0px;
font-family: 'Comic sans MS', 'times new-roman';
background: url("split/end.gif") no-repeat;   
overflow: hidden
}

#radio {			/* Box for the radio */
position: absolute;
top: 105px;
left: 1px;
width: 125px;
height: 468px;
background: url("split/menu.gif") no-repeat transparent;
overflow: hidden;
color: white;
font-size: 11px;
}
#radio p{
	margin-top: 86px;
	margin-left: 13px;
	margin-right: 13px;
	padding: 0px;
	font-family: 'Comic sans MS', 'times new-roman';
	font-size: 12px;
	text-align: center;
	line-height: 120%;
	color: purple;
	background: white; 
	border: 1px #8D38C9 solid;
	text-indent: 0px; 
}
#radio a{
	text-decoration:none;
	font-style:normal;
	color:purple;
}

#map {			/* Box for the map */
position: absolute;
z-index: 20;
top: 285px;
left: 1px;
width: 95px;
height: 465px;
background: transparent;
overflow: hidden;
color: white;
font-size: 11px;
}
#map p{
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	font-family: 'Comic sans MS', 'times new-roman';
	font-size: 11px;
	text-align: center;
	line-height: 120%;
	color: white;
	border: 3px white dotted;
}
#map a{
	text-decoration:none;
	font-style:normal;
	color:purple;
}
#end p{
	text-indent: 32px;
	margin-top: 10px;
	padding: 0px;
	color: #aaaaff;
	font-family: 'Comic sans MS', 'times new-roman';
	font-size: 10px;
}

/* -----------------------------------

	HERE STARTS THE STUFF FOR THE BLOG

/* - - - - - - - - - - - - - - -
	GENERAL TEXT STYLES 
   - - - - - - - - - - - - - - - */

/* - - Hyperlinks - - */

a:link	{ 
	text-decoration: underline; 
	color: white;
}

a:active { 
	text-decoration: underline; 
	color: #AAAAAA; 
}

a:visited { 
	text-decoration: underline; 
	color: #666666;
}

a:hover { 
	text-decoration: underline; 
	color: #AAAAAA; 
}

a img {
	border: none;
}


/* - -  Headings  - - */


h1 {
  	font-size: 20px;
  	font-family: Comic sans MS, Tahoma, sans-serif;
  	color: white;
  	margin: 5px 0;
  	padding: 0;
	text-indent: 45px;
	border: white 1px solid;
}

h2 {
  	font-size: 18px;
  	font-family: Comic sans MS, Tahoma, sans-serif;
  	color: white;	
  	margin: -5px 0;
  	padding: 0;
	text-indent: 45px;
	border: white 1px solid;
}

h3 {
  	font-size: 16px;
  	font-family: Comic sans MS, Tahoma, sans-serif;
  	color: white;
  	margin: 5px 0;
  	padding: 0;
}

h4 {
	font-size: 14px;
	font-family: Comic sans MS, Tahoma, sans-serif;
	color: white;
	margin: 3px 0;
  	padding: 0;
}


/* - -  Paragraphs and List Items - - */


p {
	text-indent: 32px;
	font-size: 100%;
	font-family: Comic sans MS, Tahoma, sans-serif;
	color: #0000A0;
}

li {
	text-indent: 0px;
	font-size: 90%;
	font-family: Comic sans MS, Tahoma, sans-serif;
	color: #0000A0;
}


/* - -  Misc. Elements - - */


acronym, abbr {
	border-bottom: 1px dashed #999999;
}

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
}

blockquote {
	border-left: 2px solid #99CCFF;
	background: #FFFFFF;
	margin-left: 10px;
	padding: 2px;
}

cite {
	font-size: 90%;
}

/* - - - - - - - - - - - - - - - - - -
	MAIN TABLE STYLES
   - - - - - - - - - - - - - - - - - -

/* - -  The Table - - */

#main {
	border-collapse: collapse;
	z-index: 10;
	position: relative;
	top: 130px;
	left: 130px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 130px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 670px;
	border: 0px;
	padding: 0;
	color: #0000A0;
	font-family: 'Comic sans MS', 'times new-roman';
	font-size: 13px;
}


/* - - - -  The CONTENT Table Data Cell - - - - */

.content {
  	vertical-align: top;
  	background-color: transparent;
  	padding: 10px;
  	margin: 0;
}


/* - -  Everything inside the Content Table Cell - - */

.content p {
}

.post, .comments-post {
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.storytitle {
	margin-top: 10px;
	margin-bottom: 2px;
}

.storytitle a:link, .storytitle a:active, .storytitle a:visited {
	color: white;
	text-decoration: none;
}

.storytitle a:hover {
	color: white;
	text-decoration: none;
}

.meta {
	font-size: 11px;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #000000;
	font-weight: normal;
	letter-spacing: 0;
}


.storycontent {
}

.storycontent p {
}

.feedback {
	text-align: right;
	clear: both;
	margin-right: 30px;
	font-size: 12px;
}

ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}


/* - -  The Comments - - */

#comments h3 {
	font-size: 14px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #FFFFFF;
}

#comments p {
}



#commentlist li ul {
	border-left: 1px solid #99CCFF;
	font-size: 100%;
	list-style-type: none;
}


/* - -  The Comment Form - - */

#commentform  #comment{
  width: 95%;
  height: 90px;
  background-color:#FFFFFF;
  margin:0;
}

#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
	background: #FFFFFF;
	border: 1px solid #666666;
	padding: 5px;
}

#commentform textarea {
	width: 100%;
}


/* - - - - - - - - - - - - - - - - 
	SIDEBAR STYLES
   - - - - - - - - - - - - - - - - */

.menu {
  	width: 150px;
  	vertical-align: top;
  	background-color: #aaccff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
  	border: 1px solid #FFFFFF;
  	padding: 0;
}


.nav {
  	padding: 0;
}

#hmenu {
  	margin: 0;
  	padding: 0;
}

#hnav {
  	margin: 0;
  	padding: 0;
}


/* - - Search Form - - */

.nav form {
	margin: 0;
}

.nav input#s {
	width: 90%;
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #000000;
}


/* - - Subheadings - - */

.nav h2, .nav h3, .nav h4 { 
	color:#FFFFFF;
	font-size: 14px;
        font-family: Verdana, Tahoma, sans-serif;
	margin: 10px 5px 5px 0;
	padding-bottom: 2px;
        text-decoration: underline;
		border: none;
		text-indent: 8px;
}


/* - - List Styles - - */

.nav ul {
	color: #000000;
	list-style-type: none;
	margin: 0;
	padding: 5px 10px;
	text-transform: none;
}	
  
.nav ul ul {
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}


/* - - List Items (Text) - - */

.nav ul ul li {
	border: 0;
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana, Tahoma, sans-serif;
	margin-bottom: 3px;
	padding: 0;
}


/* - - Sidebar Hyperlinks - - */

.nav ul ul li a:link, .nav ul ul li a:active {
	color: #0000FF;
	text-decoration: underline;
}

.nav ul ul li a:visited {
	color: #660066;
	text-decoration: underline;
}

.nav ul ul li a:hover {
        color: #0066FF;
	text-decoration: underline;
}