body { 
	color:        #fff; 
	background:   #133d3c none repeat-y; 
	text-align: 	center;
}

body, p, ol, ul, dl, td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:   small;
	line-height: 18px;
}

* html body {
	font-size:	x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

div, p, ul, li, dl, dt, dd, h1, h2 {
	padding: 0px;
	margin: 0px;
}

div, p, dl, dt, dd {
	color:    #ffffff;
	padding:    0px;
	margin:     0px;
}

a, a:hover, a:visited {
	color: #ffffff;
}

a, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#container {
	width:                800px;
	background-color:     #000102;
	background-image:     url("thetis-moon-header.jpg");
	background-repeat:    no-repeat;
	background-position:  center top;
	height:               100%;
	margin: 				14px auto;
	margin-bottom:			0px;
	text-align: 	left;
}

#footer {
	text-align:			center;
	font-size:      80%;
	clear:				both;
	width:                800px;
	height:                48px;
	min-height:           48px;
	background-image:     url("thetis-moon-footer.jpg");
	background-repeat:    no-repeat;
	background-position:  center bottom;
	margin: 				0px auto;
}

div.clear {
	clear:				both;
}

#header {
	padding-top:          150px;

}
/* --- menubar --- */
#outer-navigation-bar {
	margin:     0px 0px 0px 0px;
	padding:    20px 0px 0px 14px; 
	border:     none;
}

#inner-navigation-bar {
	float:                left;
	text-align:           center;
	padding:              0px 0px 0px 24px;
	margin:               0px 0px 0px 0px;
	border:               none;
	height:               50px;
	background-image:     url("black-menu-left.png");
	background-position:  top left;
	background-repeat:    no-repeat;
}

ul.navigation-bar {
	float:                left;
	list-style-position:  inside;
	list-style-type:      none;
	text-align:           center;
	padding:              0px 24px 0px 0px;
	margin:               0px 0px 0px 0px;
	overflow:             hidden;
	border:               none;
	height:               50px;
	background-image:         url("black-menu-right.png");
	background-position:  top right;
	background-repeat:    no-repeat;
}

ul.navigation-bar li.navigation-item {
	float:                left;
	padding:              0px 5px 0px 5px;
	margin:               0px 0px 0px 0px;
	background-image:     url("black-menu-fill.png");
	background-repeat:    repeat-x;
	height:               50px;
}

ul.navigation-bar li:hover.navigation-item {
	background-image:     url("aquamarine-menu-fill.png");
}

#home ul.navigation-bar li#nav-home {
	background-image:     url("aquamarine-menu-fill.png");
}

#news ul.navigation-bar li#nav-news {
	background-image:     url("aquamarine-menu-fill.png");
}

#spirituality ul.navigation-bar li#nav-spirituality {
	background-image:     url("aquamarine-menu-fill.png");
}

#books ul.navigation-bar li#nav-books {
	background-image:     url("aquamarine-menu-fill.png");
}

#essays ul.navigation-bar li#nav-essays {
	background-image:     url("aquamarine-menu-fill.png");
}


ul.navigation-bar li.navigation-item a {
	display:                block;
	background-repeat:    no-repeat;
	background-position:  top center;
	height:               28px;
	text-indent:          -2000px;
	margin-top:           10px;
}

ul.navigation-bar li#nav-home a {
	background-image:     url("home.png");
	width:                82px;
}

ul.navigation-bar li#nav-news a {
	background-image:     url("news.png");
	width:                72px;
}

ul.navigation-bar li#nav-essays a {
	background-image:     url("essays.png");
	width:                96px;
}

ul.navigation-bar li#nav-history a {
	background-image:     url("history.png");
	width:                110px;
}

ul.navigation-bar li#nav-music a {
	background-image:     url("music.png");
	width:                84px;
}

ul.navigation-bar li#nav-books a {
	background-image:     url("books.png");
	width:                96px;
}

ul.navigation-bar li#nav-recognition a {
	background-image:     url("recognition.png");
	width:                172px;
}

ul.navigation-bar li#nav-spirituality a {
	background-image:     url("spirituality.png");
	width:                166px;
}


#outer-content {
	clear: both;
}

#content {
	clear:    both;
	width:    800px;
}

#main-content {
	float:    left;
	width:    512px;
	margin:   0 10px 0 10px;
}

#main-content-header {
	background-image:     url("aquamarine-header.png");
	background-repeat:    no-repeat;
	background-position:  top left;
	height:               28px;
	padding:   0 10px 0 10px;
	width:    			512px;
}

#main-content-body {
	background-image:     url("black-fill.png");
	background-repeat:    repeat-y;
	background-position:  top left;
	padding:   			0 10px 0 10px;
	width:    			512px;
}

#main-content-footer {
	background-image:     url("aquamarine-footer.png");
	background-repeat:    no-repeat;
	background-position:  bottom left;
	height:               28px;
	padding:   			0 10px 0 10px;
	width:    			512px;
}

div.veggies {
	width:		492px;
	padding:   			0 10px 0 0px;
}
#sidebar-content {
	float:    right;
	width:    262px;
	margin:   0 0px 0 0px;
}

#sidebar-content-header {
	background-image:     url("black-sidebar-header.png");
	background-repeat:    no-repeat;
	background-position:  top left;
	height:               28px;
	padding:  			0 6px 0 6px;
	width:    			246px;
}

#sidebar-content-body {
	background-image:     url("aquamarine-sidebar-fill.png");
	background-repeat:    repeat-y;
	background-position:  top left;
	padding:  			0 6px 0 6px;
	width:    			246px;
}

#sidebar-content-footer {
	background-image:     url("black-sidebar-footer.png");
	background-repeat:    no-repeat;
	background-position:  bottom left;
	height:               28px;
	padding:  			0 6px 0 6px;
	width:    			246px;
}

div.fruits {
	width:		230px;
	padding:   			0 8px 0 8px;
}

/* --- slideshow --- */

#outer-slideshow-container {
	padding: 0;
	margin: 0 auto;
}

#slideshow-container {
	position: relative;
	height: 200px;
	width: 200px;
	padding: 0;
	margin: 0 auto;
	font-size: 0px;
}

#slideshow {
	z-index: 5;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}

#loading-slideshow {
	height: 25%;
	width: 100%;
	text-align: center;
	z-index: 0;
	line-height: 0;
}

#link-slideshow-container {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#prev-link, #next-link {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prev-link span, #next-link span { display: none; }

#prev-link { left: 0; float: left; }
#next-link { right: 0; float: right; }

/* background image for IE */
#prev-link:hover, #prev-link:visited:hover { background: url(prev_minus.gif) 20% 50% no-repeat; }
#next-link:hover, #next-link:visited:hover { background: url(next_plus.gif) 80% 50% no-repeat; }

/* background image for compliant browsers */
#link-slideshow-container>#prev-link:hover, #link-slideshow-container>#prev-link:visited:hover { background: url(prev_chevron.png) 20% 50% no-repeat; }
#link-slideshow-container>#next-link:hover, #link-slideshow-container>#next-link:visited:hover { background: url(next_chevron.png) 80% 50% no-repeat; }

#caption-slideshow-container {
	margin: 0 ;
	padding: 0;
	width: 100%;
	text-align: left;
	background: transparent;
}

#caption-slideshow-container p {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
	background-color: #133D3C;
        filter: alpha(opacity:50); 
        -moz-opacity: .5; 
}

div#caption-slideshow-container{
	width: 400px;
	clear: both;
	min-width:400px;
	display:block;
	margin: 5px auto 0px auto;
}


#slideshow-counter {
	font-weight: bold;
	color: #999;
	padding-right: 5px;
}

#latest-news {
	padding:  0px;
	margin:   0px;
	border:   none;
}

#latest-news p, #latest-news p a {
	padding:  0px;
	margin:   0px;
	border:   none;
}

#quick-summary .p2{
	font-weight: bold;
}

dl.archive{

}

dt.archive-essay-title{
	font-weight: bold;
}

dd.archive-essay-summary{
	text-align:justify;
}

dd.archive-essay-author{
	 font-style:italic;
}

span.small{
	font-size:65%;
	letter-spacing: -2px;
}

dl.essay{
text-transform: lowercase;
}

dl.essay-regular-case{
text-transform: none;
}


dt.essay-section-title{
	font-weight: bold;
	padding-bottom:5px;
}

dt.essay-section-subtitle{
    padding-bottom:5px;
    font-style: italic;
}

dd.essay-section{
	text-align:justify;
	padding-bottom:5px;
}

dd.essay-caption{
	font-weight: bold;
	font-style:italic;
	padding-bottom:10px;
}

ul.indented li{
margin-left: 35px;
}

dl.emphasis dt{
font-style: italic;
}

dl.emphasis dd{
margin-left: 15px;
}

img.right{
	float:right;
	border: 1px solid #9BC1C4;
	margin-left: 5px;
}
img.left{
	float:left;
	border: 1px solid #9BC1C4;
	margin-right: 5px;
}

img.center{
        border: 1px solid #9BC1C4;
        margin: 5px auto;
	display:block;
}

.quote{
     margin: 5px 20px 5px 20px;
     font-style: italic;
}

.centered-quote{
  font-style: italic;
  text-align:center;
  display:block;
}


manu-herus-macbook:thetis-moon manu$ cd ../../..
manu-herus-macbook:inipu manu$ ls
README		components	doc		public		test
Rakefile	config		lib		resources	tmp
app		db		log		script		vendor
manu-herus-macbook:inipu manu$ cd ..
manu-herus-macbook:rails manu$ ls
__MACOSX			jenine				runway-admin
aishat				jubuheku			server.crt
awa				lion				server.csr
awa.tar				messenger			server.key
chapple				neverland.pem			server.key.org
hakru				restart_all_rails_apps.sh
inipu				runway
manu-herus-macbook:rails manu$ cat inipu/public/stylesheets/thetis-moon/thetis-moon.css
body { 
	color:        #fff; 
	background:   #133d3c none repeat-y; 
	text-align: 	center;
}

body, p, ol, ul, dl, td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:   small;
	line-height: 18px;
}

* html body {
	font-size:	x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

div, p, ul, li, dl, dt, dd, h1, h2 {
	padding: 0px;
	margin: 0px;
}

div, p, dl, dt, dd {
	color:    #ffffff;
	padding:    0px;
	margin:     0px;
}

a, a:hover, a:visited {
	color: #ffffff;
}

a, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#container {
	width:                800px;
	background-color:     #000102;
	background-image:     url("thetis-moon-header.jpg");
	background-repeat:    no-repeat;
	background-position:  center top;
	height:               100%;
	margin: 				14px auto;
	margin-bottom:			0px;
	text-align: 	left;
}

#footer {
	text-align:			center;
	font-size:      80%;
	clear:				both;
	width:                800px;
	height:                48px;
	min-height:           48px;
	background-image:     url("thetis-moon-footer.jpg");
	background-repeat:    no-repeat;
	background-position:  center bottom;
	margin: 				0px auto;
}

div.clear {
	clear:				both;
}

#header {
	padding-top:          150px;

}
/* --- menubar --- */
#outer-navigation-bar {
	margin:     0px 0px 0px 0px;
	padding:    20px 0px 0px 14px; 
	border:     none;
}

#inner-navigation-bar {
	float:                left;
	text-align:           center;
	padding:              0px 0px 0px 24px;
	margin:               0px 0px 0px 0px;
	border:               none;
	height:               50px;
	background-image:     url("black-menu-left.png");
	background-position:  top left;
	background-repeat:    no-repeat;
}

ul.navigation-bar {
	float:                left;
	list-style-position:  inside;
	list-style-type:      none;
	text-align:           center;
	padding:              0px 24px 0px 0px;
	margin:               0px 0px 0px 0px;
	overflow:             hidden;
	border:               none;
	height:               50px;
	background-image:         url("black-menu-right.png");
	background-position:  top right;
	background-repeat:    no-repeat;
}

ul.navigation-bar li.navigation-item {
	float:                left;
	padding:              0px 5px 0px 5px;
	margin:               0px 0px 0px 0px;
	background-image:     url("black-menu-fill.png");
	background-repeat:    repeat-x;
	height:               50px;
}

ul.navigation-bar li:hover.navigation-item {
	background-image:     url("aquamarine-menu-fill.png");
}

#home ul.navigation-bar li#nav-home {
	background-image:     url("aquamarine-menu-fill.png");
}

#news ul.navigation-bar li#nav-news {
	background-image:     url("aquamarine-menu-fill.png");
}

#spirituality ul.navigation-bar li#nav-spirituality {
	background-image:     url("aquamarine-menu-fill.png");
}

#books ul.navigation-bar li#nav-books {
	background-image:     url("aquamarine-menu-fill.png");
}

#essays ul.navigation-bar li#nav-essays {
	background-image:     url("aquamarine-menu-fill.png");
}


ul.navigation-bar li.navigation-item a {
	display:                block;
	background-repeat:    no-repeat;
	background-position:  top center;
	height:               28px;
	text-indent:          -2000px;
	margin-top:           10px;
}

ul.navigation-bar li#nav-home a {
	background-image:     url("home.png");
	width:                82px;
}

ul.navigation-bar li#nav-news a {
	background-image:     url("news.png");
	width:                72px;
}

ul.navigation-bar li#nav-essays a {
	background-image:     url("essays.png");
	width:                96px;
}

ul.navigation-bar li#nav-history a {
	background-image:     url("history.png");
	width:                110px;
}

ul.navigation-bar li#nav-music a {
	background-image:     url("music.png");
	width:                84px;
}

ul.navigation-bar li#nav-books a {
	background-image:     url("books.png");
	width:                96px;
}

ul.navigation-bar li#nav-recognition a {
	background-image:     url("recognition.png");
	width:                172px;
}

ul.navigation-bar li#nav-spirituality a {
	background-image:     url("spirituality.png");
	width:                166px;
}


#outer-content {
	clear: both;
}

#content {
	clear:    both;
	width:    800px;
}

#main-content {
	float:    left;
	width:    512px;
	margin:   0 10px 0 10px;
}

#main-content-header {
	background-image:     url("aquamarine-header.png");
	background-repeat:    no-repeat;
	background-position:  top left;
	height:               28px;
	padding:   0 10px 0 10px;
	width:    			512px;
}

#main-content-body {
	background-image:     url("black-fill.png");
	background-repeat:    repeat-y;
	background-position:  top left;
	padding:   			0 10px 0 10px;
	width:    			512px;
}

#main-content-footer {
	background-image:     url("aquamarine-footer.png");
	background-repeat:    no-repeat;
	background-position:  bottom left;
	height:               28px;
	padding:   			0 10px 0 10px;
	width:    			512px;
}

div.veggies {
	width:		492px;
	padding:   			0 10px 0 0px;
}
#sidebar-content {
	float:    right;
	width:    262px;
	margin:   0 0px 0 0px;
}

#sidebar-content-header {
	background-image:     url("black-sidebar-header.png");
	background-repeat:    no-repeat;
	background-position:  top left;
	height:               28px;
	padding:  			0 6px 0 6px;
	width:    			246px;
}

#sidebar-content-body {
	background-image:     url("aquamarine-sidebar-fill.png");
	background-repeat:    repeat-y;
	background-position:  top left;
	padding:  			0 6px 0 6px;
	width:    			246px;
}

#sidebar-content-footer {
	background-image:     url("black-sidebar-footer.png");
	background-repeat:    no-repeat;
	background-position:  bottom left;
	height:               28px;
	padding:  			0 6px 0 6px;
	width:    			246px;
}

div.fruits {
	width:		230px;
	padding:   			0 8px 0 8px;
}

/* --- slideshow --- */

#outer-slideshow-container {
	padding: 0;
	margin: 0 auto;
}

#slideshow-container {
	position: relative;
	height: 200px;
	width: 200px;
	padding: 0;
	margin: 0 auto;
	font-size: 0px;
}

#slideshow {
	z-index: 5;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}

#loading-slideshow {
	height: 25%;
	width: 100%;
	text-align: center;
	z-index: 0;
	line-height: 0;
}

#link-slideshow-container {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#prev-link, #next-link {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prev-link span, #next-link span { display: none; }

#prev-link { left: 0; float: left; }
#next-link { right: 0; float: right; }

/* background image for IE */
#prev-link:hover, #prev-link:visited:hover { background: url(prev_minus.gif) 20% 50% no-repeat; }
#next-link:hover, #next-link:visited:hover { background: url(next_plus.gif) 80% 50% no-repeat; }

/* background image for compliant browsers */
#link-slideshow-container>#prev-link:hover, #link-slideshow-container>#prev-link:visited:hover { background: url(prev_chevron.png) 20% 50% no-repeat; }
#link-slideshow-container>#next-link:hover, #link-slideshow-container>#next-link:visited:hover { background: url(next_chevron.png) 80% 50% no-repeat; }

#caption-slideshow-container {
	margin: 0 ;
	padding: 0;
	width: 100%;
	text-align: left;
	background-color: #ccc;
}

#caption-slideshow-container p {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
}

#slideshow-counter {
	font-weight: bold;
	color: #999;
	padding-right: 5px;
}

#latest-news {
	padding:  0px;
	margin:   0px;
	border:   none;
}

#latest-news p, #latest-news p a {
	padding:  0px;
	margin:   0px;
	border:   none;
}

#quick-summary .p2{
	font-weight: bold;
}

dl.archive{

}

dt.archive-essay-title{
	font-weight: bold;
}

dd.archive-essay-summary{
	text-align:justify;
}

dd.archive-essay-author{
	 font-style:italic;
}

span.small{
	font-size:65%;
	letter-spacing: -2px;
}

dl.essay{
text-transform: lowercase;
}

dl.essay-regular-case{
text-transform: none;
}


dt.essay-section-title{
	font-weight: bold;
	padding-bottom:5px;
}

dd.essay-section{
	text-align:justify;
	padding-bottom:5px;
}

dd.essay-caption{
	font-weight: bold;
	font-style:italic;
	padding-bottom:10px;
}

ul.indented li{
margin-left: 35px;
}

dl.emphasis dt{
font-style: italic;
}

dl.emphasis dd{
margin-left: 15px;
}

img.right{
	float:right;
	border: 1px solid #9BC1C4;
	margin-left: 5px;
}
img.left{
	float:left;
	border: 1px solid #9BC1C4;
	margin-right: 5px;
}

img.center{
        border: 1px solid #9BC1C4;
        margin: 5px auto;
	display:block;
}

.quote{
     margin: 5px 20px 5px 20px;
     font-style: italic;
}

.centered-quote{
  font-style: italic;
  text-align:center;
  display:block;
}

.caption{
  font-style: italic;
  text-align:     center;
  font-size: 80%;
  display: block;
}

table{
border: 1px solid;
margin: 0px auto;
}

table th{
 background-color: rgba(255,255,255,0.2);
}

table th.center{
  text-align:center;
  display:block;
}