body { 
    margin: 0; 
    padding: 0; 
    background-color: #f8fafa;
    font-family: 'trebuchet ms';
}

table { border-spacing: 0; }
td    { vertical-align: top; padding: 0; }
img   { border: none; }

span.small { font-size: 77%; }

em.red { color: #c00; }       


a { color: #004488; }
a:active { color: #0ff; }
       

hr { color: #ddd;
     border: solid 1px;
     margin: 1.5em 0.5em;
}

img.left { float: left; }
img.right { float: right; }

a.email, span.email {
    font-style: italic;
    text-decoration: none;
    color: #004488;
}
        
    
/* ------------ Layout ---------------------------------------------- */

div.page {
    background: url(images/page-gradient.png) repeat-x;
}

td.leftmargin { width: 30% }
td.rightmargin { width: 70% }

                
div.content {
    width: 530px;
            
    line-height: 150%;
            
    padding: 0 20px 2em 20px;
            
    float:right;
            
    font-family: 'trebuchet ms';
    font-size: 11pt;
}
                


/* ------------ Titlebar ---------------------------------------------- */

h1.titlebar {
    background: black url(images/blackslide.png) repeat-x;
    height:62px;
    text-align: center;
    margin: 0;
}

h1.titlebar img {
    position: relative;
    left: -18px;   
}

/* ------------ Menubar ----------------------------------------------- */

div.menubar {
    background: #00344c url(images/menubar-gradient.png) repeat-x;
    color: #bcc;
    font-size: 90%;
    font-variant: small-caps;
    padding: 1px 1em;
}
       
div.menubar a {
    color: white;
    text-decoration: none;
    padding: 1px 3px;   
}
div.menubar a:hover {
    background: #08a;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #068;
    padding-bottom: 0;
    padding-top: 0;
}

div.menubar span {
    background: #068 url(images/selected-gradient.png) repeat-x;
    padding: 0 3px;
    color: #eee;
    
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #046;
}

div.menubar span a {
    padding : 0;
}
            
div.leftmenu  { display:inline; }
div.rightmenu { display:inline; float:right; }
        
                
/* ------------ Round-cornered slabs -----------------------------------*/       
table.whitecard { border-spacing: 0; margin: 0 auto; }
table.whitecard td { border:0; padding: 0; margin: 0; }
td.center {background : white; }
td.corner-lt { background: url(images/corner-lt.png); width:15px;height:15px; line-height: 0;}
td.corner-rt { background: url(images/corner-rt.png); width:15px;height:15px; line-height: 0;}
td.corner-lb { background: url(images/corner-lb.png); width:15px;height:15px; line-height: 0;}
td.corner-rb { background: url(images/corner-rb.png); width:15px;height:15px; line-height: 0;}
td.edge-top    { background: url(images/edge-top.png);    height:15px; line-height: 0;}
td.edge-bottom { background: url(images/edge-bottom.png); height:15px; line-height: 0;}
td.edge-left   { background: url(images/edge-left.png);   width:15px; line-height: 0;}
td.edge-right  { background: url(images/edge-right.png);  width:15px; line-height: 0;}

table.slab { border-spacing: 0; margin: 0 auto; }
table.slab td { border:0; padding: 0; margin: 0; }
td.center {background : white; }


/* ------------ Round-cornered slabs -----------------------------------*/       
table.slab td.lft {  background: url(images/slab_f8fafa_l.png);   width:15px; line-height: 0;}
table.slab td.rgt {  background: url(images/slab_f8fafa_r.png);   width:15px; line-height: 0;}
table.slab td.top {  background: url(images/slab_t.png);          height:21px; line-height: 0;}
table.slab td.bot {  background: url(images/slab_f8fafa_b.png);   height:15px;line-height: 0;}
table.slab td.lb {  background: url(images/slab_f8fafa_lb.png);    width:15px;height:15px;line-height: 0;}
table.slab td.rb {  background: url(images/slab_f8fafa_rb.png);    width:15px;height:15px;line-height: 0;}



table.slab td.center { padding-top: 6px;  z-index: 2; position: relative;}
        
/* ------------ Headers ------------------------------------------------*/       
        
        
div.content h2 {
    font-variant: small-caps;
    font-weight: bold;
    font-size: 16pt;
    margin: 0.5em 0 1em 0;
    text-align: right;
    color: #00344c;
}

div.content h4 { 
    font-size: 12pt;
    color: #301800;
}

div.content h2.leiri {
    margin: 0.5em 0 1.5em 0;
    line-height: 150%;
    font-variant: normal;
    text-align: left;
}
            
div.content h2.leiri span.seminardate {
    font-size: 13pt;
    color: #301800;
}

div.content strong {
    color: #301800;
    
}
        

/* ------------ sidebar ------------------------------------------------*/       
div.lmargin {
    width: 160px;
    font-size: 80%;
    padding: 0.5em 0;
    color: #281810;
}
            
div.lmargin h3 {
    font-size: 100%;
    font-weight: bold;
    margin: 0.5em 0 0.25em 0;
    color: #420;
}

div.lmargin h3 a {
    text-decoration: none;
}


/* ------------ Current ------------------------------------------------*/       

ul.ajankohtaista {
    padding: 0;
}

ul.ajankohtaista li {
    list-style: none;
    padding: 0;
    margin: 0 0 0.75em 0;
}
        

/* ------------ Calendar -----------------------------------------------*/       

div.calendar table {
    border-width: 1px 0 1px 0;
    border-style: dotted;
    border-color: #ccc;
    margin-bottom: 1.5em;
}

div.calendar td {
    padding-top: 0.125em;
    padding-bottom: 0.125em;
}
        

span.weekday {
    font-size: 85%;
    color: #444;
    padding-right: 0.5em;
}

td.calitem {
    padding: 1em;
}

/* ------------ Seminars -----------------------------------------------*/       

span.date {
    color: #421;
    font-weight: bold;
}
        
a.leiri, span.leiri {
    margin: 0.75em 0 0.75em -1px;
    display: block;
}

a.leiri {
    text-decoration: none;
    border: dotted white 1px;
}
            
a.leiri:hover {
    background: #e8f0f0;
    border-color: #999; 
} 
         
span.leiri {
    border: dotted #ccc 1px;
    background:  url(images/slide-trans.png) repeat-x;
    background-position: 0 -50px;
    font-weight: bold;
    color: black;
}

/* ------------ Aikidoliito link ---------------------------------------*/       

p.liitto {
    margin: 1.5em auto;
    text-align: center;
}   
            
/* ------------ Seminar schedules --------------------------------------*/       

table.ajat {
    border-width: 3px 0;
    border-color: #f0f0f0;
    border-style: solid;
    border-spacing: 0.75em 0.25em;
    margin: 0 0 1.5em 4em;
}
td.paiva { text-align: right; } 

        

    
    
   p.oldieslink {
                  
              text-align: right;
              font-size: 80%;
              font-style: italic;
              margin-right: 2em;
              } 

/* ------------ Face tables------ --------------------------------------*/       
              
table.naamat { 
     display: block;
     margin-left: 3em;
     margin-bottom: 3em;
     border-width: 2px 0;
     border-style: solid;
     border-color: #ccc;
     border-spacing: 0.3em;
}

table.naamat td {
    vertical-align: top;
    padding-left: 0.25em;
}

table.naamat img {
    border: 1px;
    border-style: solid;
    border-color: #444;
    width: 60px;
    height: 60px;
}

table.naamat span.name {
    font-weight: bold;
}
        
/* ------------ Pictures -----------------------------------------------*/       
          
table.kuva {
    margin: 1.5em auto;
    }
table.kuva img {
    border: #666 solid 1px;
}
table.kuva td.caption { 
    font-style: italic; 
    text-align: center;
}
            
img.dojo-ohje {
    margin: auto;
    display: block;
}

div.kartta {
    border: 1px solid #333;
    line-height: 0;
}
    
table.harj {
    border: #e0e0e8 1px solid;
    margin: 0.5em 0;
}

table.harj td {
    padding: 0 0.5em;
}

table.harj td.wkd, table.harj td.date {
    white-space: nowrap;
}
        
table.harj tr.caption {
    font-weight: bold;
}
table.harj tr.r1 {
    background: #e8e8f0;
}   

div.gradumenu {
    padding: 0.5em 3em 0 0.75em;
    line-height: 1.5em;
}
a.gradu, span.gradu {
    display: block;
    padding: 0 0.25em;
}            
a.gradu {
    text-decoration: none;
    border: dotted white 1px;
}   
a.gradu:hover {
    background: #e8f0f0;
    border-color: #999; 
} 
span.gradu {
    border: dotted #ccc 1px;
    background:  url(images/slide-trans.png) repeat-x;
    background-position: 0 -50px;
    color: black;
    font-weight: bold;
}


table.vaatimukset {
    border: solid #ddd;
    border-width: 0 0 2px 0;
    }
table.vaatimukset td {
    padding-left: 1.5em;
    }

table.vaatimukset td.title {
    padding-left: 0;
}    
    
table.vaatimukset td.title h4 {
    margin: 1em 0 0 0;
    padding: 0.33em 0 0.67em 0;
    border: solid #ddd;
    border-width: 2px 0 0 0;
}

em.stk {
    color: #663300;
}
                
p.oldieslink {            
    text-align: right;
    font-size: 80%;
    font-style: italic;
    margin-right: 2em;
}