/************************************************************************
** project.     SUSHI-TSU
** file.        ss-all.css
** type.        stylesheet
** author.      Michael Baumgaertner
*************************************************************************
** media.       all
*/

/************************************************************************
** TAGS
************************************************************************/

html{
    border: none;
    overflow-y: scroll;
}

body{
    border: none;
    color: black;
    background-color: #fffbce;
    font-family: Verdana, sans-serif;
    font-size: 82%;
	max-width:940px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 8px;
	padding-right: 8px;
}

p{
    margin: 0px;
    margin-top: 1.5em;        
}

/* links */

a{
    color: #cc0000;
    background-color: transparent;
    font-weight: bold;
}
a.extern{
    color: #cc0000;
    background-color: transparent;
    font-weight: normal;
}
a:hover{
    text-decoration: underline;
}

/* captions */

h1{
    clear: both;
    margin: 0;
    padding: 0;
    font-family: Garamond, serif;
    font-size: 240%;
    font-weight: bold;
    text-align: left;
}
h2{
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 0.5em;
    font-family: Garamond, serif;
    font-size: 200%;
    font-weight: normal;
    text-align: left;
}
h5{
    clear: both;
    margin-top: 1em;
    margin-bottom: 0;
    padding-top: 1em;
    padding-bottom: 0;
    font-family: Verdana, sans-serif;
    font-size: 80%;
    font-weight: bold;
    text-align: left;
}
h5.footnote{
    clear: both;
    margin-top: 1em;
    margin-bottom: 0;
    padding-top: 1em;
    padding-bottom: 0;
    font-family: Garamond, serif;
    font-size: 120%;
    font-weight: normal;
    color: black;
    border-bottom: 1px solid #93b45b;
}
.footnote{
    margin: 0;
    padding: 0;
    font-family: Verdana, sans-serif;
    font-size: 80%;
    font-weight: normal;
    text-align: left;
}

/* lists */

li{
    margin-top: 0.5em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

/* unordered list */

ul{
    margin-top: 0.5em;
    margin-bottom: 0;
    margin-left: 2em;
    margin-right: 0;
    padding: 0;
    list-style-type: square;
}

/* ordered list */

ol{
    margin-top: 0.5em;
    margin-bottom: 0;
    margin-left: 2em;
    margin-right: 0;
    padding: 0;
}

/* definition list */

dl{
}
dt{
    font-weight: bold;
    height: 2em;
}
dt span{
    font-weight: normal;
    font-size: 120%;
}
dd{
    padding-top: 0;
    padding-bottom: 1em;
    padding-left: 0;
    padding-right: 0;
    text-align: justify;
}

/* images */

img{
    border: 0;
}

/* styles */

small{
    font-size: 1em;
}

/* styles: emp */

emp{
    font-style: italic;
}
emp span{
    font-style: normal;
}
emp.def{
    font-style: italic;
    border-bottom: 1px dotted #cc0000;
    cursor: help;
}

/************************************************************************
** CLASSES
************************************************************************/

/* marker */

.marker{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 1em;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0.5em;
    color: black;
    background-color: #ff8a39;
}

/* date */

.date {
    font-family: Garamond, serif;
    font-size: 160%;
    font-weight: normal;
    color: black;
    margin: 0;
    text-align: right;
}

/* title */

.title{
    font-family: Garamond, serif;
    font-size: 200%;
    font-weight: normal;
    color: black;
    margin: 0px;
    margin-top: 16px;
}

/* author */

.author {
    font-size: 0.85em;
    padding-top: 4px;
    padding-bottom: 10px;
    clear: both;
}

/****************
** FORM
*****************/

table.form{
    font-size: 1em;
}
table.form td.label{
    font-weight: bold;
    vertical-align: top;
}
table.form td.value{
    font-weight: normal;
    vertical-align: top;
}

.error{
    color: #cc0000;
    font-style: italic;
}

.readonly{
    color: #999;
    background-color: transparent;
}

/****************
** BLOCK ELEMENTS
*****************/

/* list */

div.list{
        clear: both;
    text-align: center
}
table.list{
    width: 90%;
    margin: 0;
    margin-top: 1em;
    padding :0;
    border: none;
    border-collapse: collapse;
    font-size: 1em; 
}
table.list td{
    margin: 0;
    padding: 4px;
    vertical-align: top;
    text-align: left;
}

/* list-image */

div.list-image{
        clear: both;
    text-align: center;
}
table.list-image{
    width: 90%;
    margin: 0;
    margin-top: 1em;
    padding :0;
    border: none;
    border-collapse: collapse;
    font-size: 1em; 
}
table.list-image td{
    margin: 0;
    padding: 3px;
    vertical-align: middle;
    text-align: left;
}

/* recipe */

div.recipe{
    clear: both;
    text-align: left;
}
table.recipe{
    width: 90%;
    margin: 0;
    margin-top: 1em;
    padding: 0;
    border: none;
    border-collapse: collapse;
    font-size: 1em; 
}
table.recipe td{
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    vertical-align: top;
    text-align: left;
}
table.recipe td.recipe-left{
    border-right: solid 1px black;
    width: 35%;
}
table.recipe th{
    margin: 0;
    padding-top: 2px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    vertical-align: top;
    text-align: left;
}
table.recipe em{
    font-style: normal;
    font-weight: bold;
}

/* picture */

.picture{
	display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    font-size: 1em; 
}

/*****************
** INLINE ELEMENTS
******************/

/* tip */

table.tip{
    color: black;
    background-color: #ff8a39;
    width: 40%;
    margin: 0;
    margin-top: 1em;
    padding: 0;
    border-bottom: solid 10px #cc0000;
    font-size: 1em; 
}
table.tip td{
    margin: 0;
    padding: 8px;
    text-align: left;
}
table.tip b{
    margin: 0 0 0.2em 0;
    font-weight: bold;
}

/* image */

table.image{
	float: left;
    margin: 0 0.7em 0 0; padding: 0;
    font-size: 1em;
}
.page-tips table.image {
	float: right;
    margin: 0 0 0 0.7em; padding: 0;
}
.page-rice-tools table.image {
	float: right;
    margin: 0 0 0 0.7em; padding: 0;
}
.page-fish-tools table.image {
	float: right;
    margin: 0 0 0 0.7em; padding: 0;
}
.page-other-tools table.image {
	float: right;
    margin: 0 0 0 0.7em; padding: 0;
}
.page-preparations table.image {
	float: right;
    margin: 0 0 0 0.7em; padding: 0;
}

table.image-center{
    margin-top: 0 auto 0 auto; padding: 0;
    font-size: 1em;
}
td.image{
    margin: 0; padding: 0;
    text-align: left;
}
.image-sub{
    color: black; background-color: #ff8a39;
    margin-top: 0; padding: 0;
    text-align: center;
}

/*****************
** LAYOUT ELEMENTS
******************/

/* header */

.header{
    color: black;
    background-color: #ff8a39;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: collapse;
}
.header-main{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 0;
    vertical-align: top;
    text-align: left;
}
.header-visual{
    width: 160px;
}
.header-visual img{
    border-left: solid 1px black;
}
.header-line{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 0;
    font-family: Garamond, serif;
    font-size: 32pt;
    font-weight: bold;
    text-align: left;
}
.header-sup{
    margin-top: 0;
    margin-bottom: -0.8em;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
}
.header-sub{
    margin-top: -0.8em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align: right;
}
.header-title{
    width: 100%;
    font-family: Garamond, serif;
    font-size: 160%;
    font-weight: normal;
    vertical-align: bottom;
    text-align: center;
}

/* topline */

.topline{
    color: #fffbce;
    background-color: #cc0000;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 1em; 
}
.topline-left{
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0.5em;
    padding-right: 0;
    font-weight: bold;
    text-align: left;
}
.topline-left span{
    color: black;
    background-color: transparent;
    font-weight: normal;
}
.topline-right{
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0.5em;
    font-weight: bold;
    text-align: right;
}
.topline-right span{
    color: black;
    background-color: transparent;
    font-weight: normal;
}

/* bottomline */

.bottomline{
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: solid 1px black;
    font-size: 1em; 
}
.bottomline-left{
    text-align: left;
}
.bottomline-right{
    text-align: right;
}

/* content */

.main{
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: collapse;
    font-size: 1em; 
}
.content{
    width: auto;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0;
    padding-left: 1em;
    padding-right: 1em;
    vertical-align: top;
    text-align: justify;
    font-size: 1em; 
    line-height: 1.5;
    border-right: solid 1px black;
}
.content-middle{
    border-left: solid 1px black;
}

/* navigation */

.sidebar{
    color: black;
    background-color: #93b45b;
    margin-top: 0;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 10px;
    padding-top: 0.5em;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-left: solid 1px black;
    font-size: 1em;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
}
.sidebar-chapter{
    color: black;
    background-color: #6b9038;
    margin: 0 0 4px 0;
    padding: 2px 1em 2px 10px;
    font-size: 1em; 
    font-weight: bold;
}
.sidebar-chapter a{
    color: #fffbce;
    background-color: #6b9038;
    text-decoration: none;
}
.sidebar-section-div{
    color: black;
    background-color: #6b9038;
    margin: 0 0 4px 0;
    padding: 2px 2px 2px 0.8em;
}
.sidebar-section{
    margin: 0;
    padding: 0;
    font-size: 1em; 
}
.sidebar-section a{
    color: #fffbce;
    background-color: #6b9038;
    text-decoration: none;
}
.sidebar-section td{
    font-size: 1em; 
    font-weight: bold;
}
.sidebar-text{
    margin: 0 0 0.5em 0;
    padding: 0 1em 0 10px;
}
.sidebar-content{
    padding: 2px 1em 2px 10px;
}
.sidebar-content a{
    color: #fffbce;
    background-color: transparent;
}
.sidebar-bottom{
    color: black;
    background-color: #93b45b;
    margin: 0;
    padding: 0;
    border-left: solid 1px black;
    vertical-align: bottom;
}
.sidebar-bottom p{
	padding: 0 4px;
}
.sidebar-bottom-image{
    color: black;
    background-color: #93b45b;
    margin: 0;
    padding: 0;
    border-left: solid 1px black;
    vertical-align: bottom;
    font-size: 1pt;
}
.sidebar-bottom-image p{
    padding: 0;
    text-align: center;
}
.sidebar-link{
    color: #fffbce;
    background-color: #93b45b;
}
.sidebar-left{
    width: 170px;
    color: black;
    background-color: #93b45b;
    margin-top: 0;
    margin-bottom: 0.5em;
    margin-right: 0;
    margin-left: 10px;
    padding-top: 0.5em;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-right: solid 1px black;
    font-size: 1em;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
}
.sidebar-left li a{
    color: #fffbce;
    background-color: #93b45b;
	white-space: normal;
}

/* navigation */

.navigation{
    font-size: 1em; 
}

.nav{
    color: #000000;
    background-color: #6b9038;
    padding: 2px 1em 2px 1em;
    text-decoration: none;
    font-weight: bold;
}

.nav a{
    color: #fffbce;
    background-color: #6b9038;
    text-decoration: none;
    font-weight: bold;
}

/* index */

.index{
    margin: 0; padding: 0 0 0.5em 0;
    font-size: 1em; 
}
.index-image{
    vertical-align: middle;
    text-align: center;
}
.index1{
	margin: 0 0 4px 0; padding: 2px;
    font-size: 1em; 
    text-align: left;
}
.index1 td{
	padding: 0 8px 0 0;
    white-space: nowrap;
}
.index2{
	margin: 0 0 4px 3em;
    font-size: 1em; 
    text-align: left;
}
.index2-2{
	margin: 0 0 4px 0;
    font-size: 1em; 
    text-align: left;
}
.index3{
	margin: 0 0 4px 5em;
    font-size: 1em;
    text-align: left;
}
.index3-2{
	margin: 0 0 4px 2em;
    font-size: 1em;
    text-align: left;
}
.index3 a{
    color: black; background-color: #fffbce;
    font-weight: normal;
    text-decoration: none;
}
.index3-2 a{
    color: black; background-color: #fffbce;
    font-weight: normal;
    text-decoration: none;
}

/************************************************************************
** FUNCTIONAL CLASSES
************************************************************************/

/* actions - used for a list of action links */

ul.actions{
    margin: 0;
    padding: 4px 0;
}
ul.actions li{
    font-size: 0.85em;
    display: inline;
}
ul.actions li:before{ content: "| "; }
ul.actions li:first-child:before{ content: ""; }

/* options - used for a list of option links */

ul.options{
    padding: 4px;
    border: solid 1px #999;
    color: #666;
    background-color: #EEE;
    list-style-type: none;
}
ul.options a{
    color: #666;
    font-weight: normal;
    text-decoration: none;
}
ul.options li{
    font-size: 0.85em;
}

.options-button{
    border: solid 1px black;
    padding: 0px 2px;
    cursor: pointer;
}

/* book */

hr.book{
}
table.book{
    font-size: 1em; 
}
table.book-message{
    font-size: 1em; 
}

/* board */

table.board{
    width: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: collapse;
    font-size: 1em; 
}

table.board th{
    margin: 0;
    padding: 2px 0.5em 8px 0.5em;
    vertical-align: top;
    text-align: right;
    white-space: nowrap;
}
table.board th.first{
    text-align: left;
    white-space: normal;
}

table.board td{
    margin: 0;
    padding: 0px 0.5em 8px 0.5em;
    vertical-align: top;
    text-align: right;
    white-space: nowrap;
}
table.board td.first{
    text-align: left;
    white-space: normal;
}

table.board a{
    font-weight: normal;
}
table.board a.new{
    font-weight: bold;
}

/* icons */

.icon_new{
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    color: #cc0000;
    background-color: transparent;
}