/* 
	CSS styles for screen and projection media 

	Document structure:
	- Generic styles for tags
	- Unique elements and their contents
	- Other classes
	
*/

/* ====== GENERIC STYLES for tags ====== */

@import url(/css/text-normal.css);

body{ margin: 0; padding: 0 10px 10px 10px; background-color: #72704e; }

h1, h2, h3, p{ margin: 0 0 10px 0; padding: 0; }
h1{ font-size: 1.4em; }
h2{ font-size: 1.2em; }
h3{ font-size: 1.0em; }
ul, ol{ margin-top: 0px; margin-bottom: 10px; }

hr{ display: none; }




/* ====== UNIQUE ELEMENTS and their contents ====== 
	- in order of appearance in page source */
	
    div#wrapper{ padding: 10px; background-color: #fff; }

      p#top{ display: block; }
      div#header{  }
        p#logo{ width: 175px; }
          p#logo img{ display: block; }
        ul#langNavList{ margin: 0 0 10px 0; padding: 5px 0; }
          ul#langNavList li{ display: inline; margin: 0 5px 0 0; padding: 0; }
            ul#langNavList li a{ text-decoration: underline; color: #333; }
            ul#langNavList li a:hover{ text-decoration: none; }
        div#search{ margin: 0 0 10px 0; }

      div#mainNavigation{  }
        ul#firstNavList{ margin: 0 0 10px 0; padding: 5px; background-color: #14434d; }
          ul#firstNavList li{ display: inline; margin-right: 5px; padding: 0; }
          ul#firstNavList li#firstNavItem1{ border: 0; padding: 0 0 5px 0; }
            ul#firstNavList li a{ text-decoration: underline; color: #fff; }
            ul#firstNavList li a:hover{ text-decoration: none; }


          div#content{ padding: 5px; }
            div#contentImg{ display: none; }

          #crumbTrail{  }
            #crumbTrail a, #crumbTrail a:link, #crumbTrail a:visited, #crumbTrail a:active{ text-decoration: none; color: #666; }
            #crumbTrail a:hover{ text-decoration: underline; }

          #subNavigation{  }
            ul#secondNavList{  }
              ul#secondNavList li{  }
                ul#thirdNavList{  }
                  ul#thirdNavList li{  }
                    ul#fourthNavList{  }
                      ul#fourthNavList li{  }

          #mainContent{  }
            p#mainContentIngress{ font-weight: bold; color: #666; }
            p#mainContentAuthor{ color: #666; }


          /* Jaoksen etusivu ja sisaltosivu */
          ul#contentEditList{ display: none; }

          /* Jaoksen artikkelien arkisto ja dokumenttilistaus */
          table#documentList{ width: 100%; line-height: 1.25; }
            table#documentList th, table#documentList td{ padding: 5px; border-bottom: 1px solid #d0d4be; vertical-align: top; }
              table#documentList th{ color: #72704e; background-color: #fff; }
              table#documentList td{ border-top: 1px solid #d0d4be; }
              table#documentList .size{ text-align: right; }
              table#documentList .dateShort{ text-align: left; }
              table#documentList .dateLong{ text-align: left; }
              table#documentList .edit{ text-align: center; }
                table#documentList .delete{ text-align: center; }
                  table#documentList a{ color: #333; text-decoration: none; }
                  table#documentList a:hover{ text-decoration: underline; }

  
          /* Tietotori etusivu */
          table.topTenArticles{ width: 100%; line-height: 1.25; }
            table.topTenArticles a{ text-decoration: none; }
            table.topTenArticles a:hover{ text-decoration: underline; }
            table.topTenArticles caption{ padding: 5px; font-weight: bold; text-align: left; background: transparent url(/content/images/templates/bg/bg_hr.gif) repeat-x left bottom; }
            table.topTenArticles th{ padding: 5px; }
            table.topTenArticles td{ padding: 0 5px; }
            table.topTenArticles .order{ text-align: left; }
            table.topTenArticles .grade{ text-align: right; }
            table.topTenArticles .read{ text-align: right; }


          /* Inline-editori */
          form#editPage label{ display: block; margin-bottom: 5px; }
          form#editPage input.inputText, form#editPage textarea{ display: block; width: 502px; margin-bottom: 10px; }
          form#editPage input.inputFile{ float: left; margin-right: 10px; }
          form#editPage input.inputSubmitFile{ float: left; }
          form#editPage br{ display: none; }
          form#editPage div.inputButtons{ width: 506px; text-align: right; }
          form#editPage iframe{ background-color: #fff; }


        #subContent{  }
          div#members{ display: none; }
          div#forum{ display: none; }
          div#membersFlash{ display: none; }


p#bottom{ display: block; margin: 0; }
  p#bottom span#pageNav{ display: none; }
            
div#footer{ color: #d5d4c8; }
  div#footer p{ margin: 10px 0 0 0; }
  div#footer a{ color: #d5d4c8; }
  

/* ====== OTHER CLASSES ====== */

.message{ margin: 20px 0; padding: 10px; border: 2px solid #333; color: #333; }
.error{ border: 2px solid #c00; color: #c00; }
  .message p{ margin: 0; }

.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }

.clearLeft{ display: none; }
.clearRight{ display: none; }
.clearBoth{ display: none; }

.evenRow{ background-color: transparent; }
.oddRow{ background-color: #ecf2cf; }

.hr{ width: 100%; height: 1px; margin: 20px 0; border: 0; padding: 0; background: transparent url(/content/images/templates/bg/bg_hr.gif) repeat-x left top; }