/*MAIN STYLE SHEET FOR STATORWORKS.COM*/
   
    /*MAIN STUFF*/
	   
    html {
	       height: 100%;
  	       font-size: 100%;
 		   -webkit-text-size-adjust: 100%; 
		   -ms-text-size-adjust: 100%; 
		  } 
    html, button, input, select, textarea { font-family: Century Gothic, Garamond, sans-serif; color: #222; }
  
 	
	body {
		    overflow: auto;
            padding: 0px;
			height: 100%;
            background-color:#cccccc;
	        background-image:url('images/back4.jpg');
            /*background-size: cover; <this makes chrome screw it up*/
            background-repeat:repeat;
            background-attachment:fixed;
            text-align:center;
            margin: 0; font-size: 1em; line-height: 1.4;
		   }	
	
	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
	svg:not(:root) { overflow: hidden; }
	button, input { line-height: normal; }
	textarea { overflow: visible; vertical-align: top; resize: vertical; }
	video {border: 1px solid black; -webkit-box-shadow: 5px 5px 18px #333;}		   

	
	#container{/*main container box over background*/
            padding: 10px 0px 10px 0px;  /*10px;*/
            margin-top: 0px;
			margin-left:auto;
            margin-right:auto;				
            /*min-width: 960px;*/
			min-width: 1024px;
			/*min-width: 50% doesn't work*/
			/*max-width: 1024px;*/  /*960px;*/
			max-width: 1124px;
			/*max-width: 55%*/
			min-height: fit-content; /*1250px; */ /*100%;*/
            max-height: fit-content;
			text-align:center;
			background: #ffffff;
			/*overflow: visible;*/
            /*-webkit-box-shadow: 5px 5px 18px #333;*/
	       }
	#title{
	        display: block;
	        line-height: 34px;
	        margin: 15px 0 5px 0;
            font-family: Century Gothic, Palatino Linotype, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
            font-size:28pt;
		    color:#444444;	
		    font-weight: 400;
		    text-decoration: none;
		    text-transform: uppercase;
		    letter-spacing: .1em;
          }
	#subtitle{
	        display: block;
	        margin: 0 auto;
	        line-height: 34px;
	        margin: 0 0 10px 0;
            font-family: Century Gothic, Palatino Linotype, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
            font-size:10pt;
		    color: #777777;
		    font-weight: 400;
		    text-decoration: none;
		    text-transform: uppercase;
		    letter-spacing: .1em;
           }
		   
	/*HEADER IMAGE "SLIDER"*/  
	#header_image {                
           width: 100%;  /*1024px;*/  /*960px;*/
           height: 150px;  /*180*/
           margin: 0px;  
		   margin-bottom: 0px; 
		   border-top: 0px solid #100;
		   border-bottom: 0px solid #100;
		   background-image:url('images/cropped-fpga_panel.jpg');
		   background-size: 100% 100%;
           /*background-size: cover;/*960px 180px;*/
           /*-webkit-box-shadow: 4px 8px 28px 1px #833;*/
	       animation:mymove 30s infinite;
           -moz-animation:mymove 30s infinite; /* Firefox */
           -webkit-animation:mymove 30s infinite; /* Safari and Chrome */
           -o-animation:mymove 30s infinite; /* Opera */				
	     }
	
	@-webkit-keyframes mymove /* Safari and Chrome */
    {
     0%  {background-image:url('images/cropped-fpga_panel.jpg');}
     /**/
	 20%  {background-image:url('images/cropped-fpga_panel.jpg');}	 
     23%  {background-image:url('images/header2.jpg');}
	 /**/
	 50%  {background-image:url('images/header2.jpg');}
     53%  {background-image:url('images/header3.jpg');}
	 /**/
     80%  {background-image:url('images/header3.jpg');}
	 83% {background-image:url('images/cropped-fpga_panel.jpg');}
    }
	
	
	

	/*NAVIGATION MENU*/
	   #main_menu {
                background-color:#333333; /*dark gray*/	   
				padding: 5px 10px 5px 40px;
                margin-top: 0px;
				margin: 0 auto; 
				border-top: 0px solid #100;
                color:#FFFFFF;				
                text-align:left;
                font-family: Century Gothic, 'lucida console',Times, serif;
                font-weight: normal;
                font-size: 12pt;				
       }
       a:link.menu      { color: #FFFFFF; text-decoration:none; margin-right:25px; }
       a:visited.menu{ color: #FFFFFF; text-decoration:none; margin-right:25px; }		
       a:hover.menu    { color: #FF4400; text-decoration:none; margin-right:25px; }		   
	  
	  
	 /*REGULAR LINKS*/
        a{color: #00e;}
		a:link{ color: #222233;text-decoration:none;}
        a:visited { color: #888888; text-decoration:none;}
        a:hover { color: #FF4400; text-decoration:underline;}
        a:focus { outline: thin dotted; text-decoration:underline;}
        a:hover, active {
		  color: #FF4400; 
	      outline: none;
	      -webkit-transition: all 0.3s ease-in-out;
	      -moz-transition: all 0.3s ease-in-out;
	      -o-transition: all 0.3s ease-in-out;
	      transition:  all 0.3s ease-in-out
	    }

     /*SIDE MENU*/
       #sidebar {
        float:left;
        min-height: 100%;	
		max-width: 20%;
        text-align:left;
		display:inline;
        margin: 0px 0px 0px 0px; 
        padding: 15px 40px 20px 10px;
		font-family: Century Gothic, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
		font-size: 11pt;
		font-weight:normal;
       }
	#sidebar_title{
        text-align:left;
        font-family: Century Gothic, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size: 11pt;
		font-weight:normal;
		text-transform: uppercase;
		color:#555555;
	   }
	   #sidebar_link{
        text-align:left;
        font-family: Century Gothic, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size: 11pt;
		font-weight:normal;
	   }
	   
		
		
	  /*CONTENT*/
	  #content_title{
        text-align:left;
	    line-height: 24pt;
        margin: 0px 0px 0px 20%; /*alignment is with respect to the wrapper, not the side bar, which wouldn't go to "100%" height*/
        padding: 25px 10px 2px 20px;		
        font-family: Century Gothic, Palatino Linotype, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:22pt;
		color:#222222;
		font-weight: 400;
		text-decoration: none;
		text-transform: uppercase;
		!letter-spacing: .1em;
	  }
	  #content_title_wide{
        text-align:left;
	    line-height: 24pt;
        margin: 0px 0px 0px 10%; /*alignment is with respect to the wrapper, not the side bar, which wouldn't go to "100%" height*/
        padding: 25px 10px 2px 20px;		
        font-family: Century Gothic, Palatino Linotype, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:22pt;
		color: #000000;
		font-weight: 400;
		text-decoration: none;
		text-transform: uppercase;
		!letter-spacing: .1em;
	  }	  
	  
		  
		  
	  
	  #content_date{
        text-align:left;		
	    line-height: 12pt;
        margin: 0px 0px 0px 20%; /*alignment is with respect to the wrapper, not the side bar, which wouldn't go to "100%" height*/
        padding: 2px 10px 20px 20px;
        font-family: Palatino Linotype, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:10pt;
		color: #888888;
		font-weight: normal;
		text-decoration: none;
		text-transform: none;
		!letter-spacing: .1em;	  
	  }	  
	  #content_text{
        /*text-align:left;*/
        text-align: justify;
        text-justify: inter-word;		
	    margin: 0px 0px 0px 20%; /*alignment is with respect to the wrapper, not the side bar, which wouldn't go to "100%" height*/
        padding: 5px 10% 20px 40px;
        font-family: Century Gothic, Palatino Linotype, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:11pt;
	    line-height: 16pt;
		color: #000000;
		font-weight: normal;
		text-decoration: none;
		text-transform: none;
		!letter-spacing: .1em;
	  }
	  
	  #content_text_wide{
        /*text-align:left;*/
        text-align: justify;
        text-justify: inter-word;		
	    margin: 0% 0% 0px 10%; /*alignment is with respect to the wrapper, not the side bar, which wouldn't go to "100%" height*/
        padding: 5px 10% 20px 20px;
        font-family: Century Gothic, Palatino Linotype, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:11pt;
	    line-height: 16pt;
		color: #000000;
		font-weight: normal;
		text-decoration: none;
		text-transform: none;
		!letter-spacing: .1em;
	  }	  
	  
	  
	/*MAIN TABLE*/   
	table{
		border-collapse:collapse;
		border:1px solid #111111;
        padding: 10px 10px 10px 15px;
		width:80%; 	
		margin-left:10%;
        margin-right:auto%;
	    background-color:#FFFFFF;
		font-family: Century Gothic, Palatino Linotype, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:10pt;
		font-weight: 400;
	    line-height: 13pt;	
	   }
    tr:nth-child(even) {
		background-color: #F8F8FB;
    }
	table td{
		 border:2px solid #9999CC;
	     margin: 1% auto% 1% 8%;		 
		 padding: 5px;
		 text-align: left;
		 td { white-space:pre-wrap }
		}
		

	/*TABLE STYLE FOR CODE FUNCTION DOCUMENTATION*/  		
	/*thinner border and first column fixed width*/
	/*unfinished*/
	/*
	#table2{
		border-collapse:collapse;
		border:1px solid #111111;
        padding: 10px 10px 10px 15px;
		width:80%; 	
		margin-left:10%;
        margin-right:auto%;
	    background-color:#FF0F0F;
		font-family: Century Gothic, Palatino Linotype, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:10pt;
		font-weight: 400;
	    line-height: 13pt;	
	}
	*/
	
		
    /*FOOTER*/	
       #footer {
	    margin: 0 auto;
        text-align:left;		
	    line-height: 12px;
	    margin: 0 auto;
        padding: 15px 10px 10px 20px;
        font-family: Century Gothic, Garamond, Baskerville, Georgia, 'Times New Roman', Times, serif;
        font-size:10pt;
		color: #888888;
		font-weight: normal;
		text-decoration: none;
		text-transform: none;
		!letter-spacing: .1em;	  
        }