/* 2012 - Basic Page Setup for my main pages during the conversion to HTML5 and CSS3 */
/* this stylesheet contains page01, header, nav's, footer, content01,02,03 and table01,02,03,04,05 etc.. */

/* trying color from 'coding.php', a little darker (mycss3 was #faf9f6) - 10.12.13 - Landis */
/*body {
background-color:rgba(240,240,240,1.0);
}*/
body {
background-color:rgba(200,200,200,0.2);
}

#page01 {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:4px;
width:960px;
height:auto;
padding:0px;
background-color:rgba(128,128,128,1.0); /*equivalent 0,0,0,0,0.5*/
border:1px solid gray; 
/*border:1px solid pink; */
border-radius: 4px;
box-shadow:2px 2px 2px #666666;
z-index:20;

}

#header {
position:relative; /*position based on 'body'*/
margin-left:0px; /* 20.04.13, was auto; */
margin-right:auto;
margin-top:0px;
border:1px solid gray; 
/*border:10px solid green; */
width:960px;
height:165px;
padding:2px;
border-radius:4px;
box-shadow:4px 4px 4px #888888;
background-color:rgba(255,255,255,1.0);
z-index:10;
text-align:center;

}

/*positioned based on 'body'*//*absolute makes page01 'go away'*/
#navleft {
position:absolute; 
margin-top:0px;
margin-left:0px;
width:160px;
height:auto;
border:1px solid #e0e0e0;
border-radius:2px;
text-align:left;
background-color:rgba(255,255,255,1.0);
z-index:7;

}

/*positioned based on 'body'*//*absolute makes page01 'go away'*/
#navleftNoRight {
position:absolute; 
margin-top:0px;
margin-left:0px;
width:160px;
height:auto;
border:1px solid #e0e0e0;
border-radius:2px;
text-align:left;
background-color:rgba(255,255,255,1.0);
z-index:7;

}
/* position should be positioned based on header*/
#navright {
position:absolute; 
margin-top:0px;
margin-right:0px;
margin-left:800px;
width:160px;
height:auto;
border:1px solid #e0e0e0;
border-radius:2px;
background-color:rgba(255,255,255,1.0);
z-index:8;

}

/* 04.04.13 - margin-left was 178px, but i changed while working on Video Aspect Ratio page */
#footer {
position:static;
margin-top:auto;
margin-bottom:0px;
margin-left:180px; 
margin-right:auto;
width:795px;
height:auto;
border:1px solid #e0e0e0;
border-radius:2px;
box-shadow:4px 4px 4px #888888;
background-color:rgba(255,255,255,0.2);
text-align:center;
font-size:.7em;
z-index:11;

}

#footercenter {
position:static;
margin-top:auto;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
/*width:960px; *//*was 644 30.03.13 */
width:620px; 
height:auto;
border:1px solid #e0e0e0;
border-radius:4px;
box-shadow:4px 4px 4px #888888;
padding:3px; 
background-color:rgba(255,255,255,0.2);
text-align:center;
font-size:.7em;
z-index:11;

}

/*position based on 'body', 'wraped' from previouse content*/
.content01 {
position:inherit; 
margin-left:164px;
margin-right:auto;
margin-top:-4px;
margin-bottom:5px;
width:640px;
height:auto;
padding:0px;
background-color:rgba(255,255,255,1.0);
border:1px solid #999999;
border-radius: 4px;
box-shadow:2px 2px 2px #909090;
z-index:5;

}

/*position based on 'body', 'wraped' from previouse content, used w/o right nav as in mozillabookmarks.php*/
.content02 {
position:inherit; 
margin-left:164px;
margin-right:auto;
margin-top:0px;
margin-bottom:5px;
width:790px;
height:auto;
padding:0px 0px 0px 10px;
background-color:rgba(255,255,255,1.0);
border:1px solid #999999;
border-radius: 4px;
box-shadow:2px 2px 2px #909090;
z-index:5;

}

/*position based on 'body', 'wraped' from previouse content, used w/ right nav and narrow content ie mozillaHowTo*/
.content03 {
position:inherit; 
margin-left:164px;
margin-right:auto;
margin-top:-4px;
margin-bottom:5px;
width:624px;
height:auto;
padding:0px 4px 0px 4px;
background-color:rgba(255,255,255,1.0); 
/*background-color:pink; test where is */
border:1px solid rgb(96,86,119); 
border-radius: 4px;
box-shadow:2px 2px 2px #909090;
z-index:5;

}

/*position based on 'body', 'wraped' from previouse content, used w/ right nav and narrow content ie ToDo 10.04.13*/
.content04 {
position:inherit; 
margin-left:164px;
margin-right:auto;
margin-top:-4px;
margin-bottom:5px;
width:624px;
height:auto;
padding:0px 4px 0px 8px;
background-color:rgba(255,255,255,1.0); 
/*background-color:pink; test where is */
border:1px solid rgb(96,86,119); 
/* border:3px solid red; */
border-radius: 4px;
box-shadow:2px 2px 2px #909090;
z-index:5;

}

/*position based on 'body', used on MyCSS3.php page 23.04.13 */
.content05 {
  position:inherit; 
  margin-left:162px;
  margin-right:auto;
  margin-top:2px;
  margin-bottom:2px;
  width:626px;
  height:auto;
  padding:0px 4px 0px 4px;
  background-color:rgba(255,255,255,1.0); 
  /*background-color:pink; test where is */
  border:1px solid rgb(96,86,119); 
  border-radius: 4px;
  box-shadow:2px 2px 2px #909090;
  z-index:5;
  
}

.fuckoff01 { 
    color:red;
    font-size:18px;
}

table,th,td.table01 {
    width:640px;
    margin-left:auto;
    margin-right:auto;
    border-width: 1px;
    border-spacing: 0px;
    border-style: outset;
    border-color: gray;
    border-collapse: separate;
    background-color: white;
	font-family: Arial, Tahoma, Helvetica, sans-serif; 
/*    font-size: 12px; Trying to 'normalize' for html5 validator, a few unicode characters. 27.04.13 */  
	font-size: inherit; 
	font: 100%; 
    font-stretch: semi-condensed; 
	text-align:center;
	line-height:18px; 
    color:black;
	
}

/* 04.2012, experimented with combining the following separate table, th, tr, td definitions into one above 
th,td.table01 {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: #e0e0e0;
    background-color: white;
    text-align:center;
    -moz-border-radius: ;*/
/*copied from my p */	
/*    font-family: Arial, Tahoma, Helvetica, sans-serif; 
    font-size: 12px;  
    font-stretch: semi-condensed; 
    color:black;
}
*/

/*td.table01 {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: #e0e0e0;
    background-color: white;
    text-align:center;
    -moz-border-radius: ; */
/*copied from my p */	
/*    font-family: Arial, Tahoma, Helvetica, sans-serif; 
    font-size: 12px;  
    font-stretch: semi-condensed; 
    color:black;
}
*/

/* not passing validation - 26.04.13 
table.table01 td.l {
    border-width: 1px;
    padding:1px;
    padding-left:40px;
    border-style: inset;
    border-color: #e0e0e0;
    background-color: white;
    text-align:left;
    -moz-border-radius: ; */
/*copied from my p */
/*    font-family: Arial, Tahoma, Helvetica, sans-serif; 
    font-size: 12px;  
    font-stretch: semi-condensed; 
    color:black;
}
*/

/* '.table02' styled specifically for firefox version table on 'MozillaBookmarks.php' 04.2013 */
table,td,th.table02 {
    /* border:1px solid rgb(96,96,96); */
    border-top:0px solid rgb(96,96,96); 
    border-right:1px solid rgb(96,96,96); 
    border-bottom:1px solid rgb(96,96,96); 
    border-left:0px solid rgb(96,96,96); 
    border-collapse:separate; 
    border-spacing:3px 2px;
    /*margin:1px ; */
    padding:0px; 
}

img.table02 {
  margin:auto; 
  width:40px; 
  border:0px solid gray; 
}

/* '.table03' styled for the 'HTML-Unicode_entities.html' 28.04.13 */
table.table03 { 
  width:618px; 
  border-top:0px solid rgb(96,96,96); 
  border-right:1px solid rgb(96,96,96); 
  border-bottom:1px solid rgb(96,96,96); 
  border-left:0px solid rgb(96,96,96); 
  border-collapse:separate; 
  border-spacing:3px 2px;
  margin:0px; 
  padding:0px; 

}
  
table.table03 tr:nth-child(odd) {
  background-color:#efefef; 
}

table.table03 th { 
  background-color:#efefef; 
}

/*html.table03 {
  overflow-y:scroll; 
} */

table.tabelgen01 {
  width:440px; 
  border:0px; 
  border-collapse:separate; 
  border-spacing:1px 1px; 
  text-align:center; 
  margin-right:auto; 
  margin-left:auto;
  
}

td.tablegen01 { 
  padding:1px; 
  text-align:left; 
  
}

table.nav01 { 
  width:160px; 
  height:auto; 
  border:0px solid gray; 
  margin:0px; 
  padding:0px; 
  border-collapse:separate; 
  border-width:0px;
  border-style:outset;
  
}

table.nav01 th {
  font-family: Arial, Tahoma, Helvetica, sans-serif; 
  font-size:14px;
  line-height:20px;
  text-align:center; 
  padding:1px; 
  background-color:#e0e0e0; 
  margin: 0px 0px;
}

/* td.nav01 does not work... syntax should be table.nav01 td - test and proven - Landis */
table.nav01 td {
  width:144px; 
  height:16px; 
  border-top:0px; 
  border-right:1px solid gray; 
  border-bottom:1px solid gray; 
  border-left:0px; 
  text-align:left; 
  font-family:'Philosopher', Helvetica, Arial, Tahoma; 
  font-size: 12px; 
  text-indent: 2px;
  color:rgb(128,128,128);
  
}

/* 30.04.13 tried to style nav_r_links w/o changing each td class-lbbcolor */
table.navrightlinks {
  width:100%; 
  margin-left:auto; 
  margin-right:auto; 
  padding:1px; 
  border:0px; 
}

table.navrightlinks td { 
  margin:1px;  
  border:0px solid red; 
  padding:0px; 
  text-align:left; 
}

table.navrightlinks img {
  margin:auto; 
  border:0px solid purple; 
}

/* Used for 'menu' at top of page body with relevant links to 'other' pages on my site... */
table.menu01 th td a {
  width:100%;
  height:18px;
  margin-left:auto;
  margin-right:auto;
  border-width: 1px;
  border-spacing: 0px;
  border-style: outset;
  border-color: gray;
  border-collapse: separate;
  background-color: rgb(200,200,200);
  font-family: Arial, Tahoma, Helvetica, sans-serif; 
  font-size: inherit; 
  font: 100%; 
  font-stretch: semi-condensed; 
  text-align:center;
  line-height:16px; 
  color:rgb(96,0,0);
}

/* Used as a menu - first developed on 'MyCSS.html' (php) as an achor link type 'menu' early 2013 */
table.menu00 {
  border:1px solid gray; 
  padding:2px; 
  border-collapse:separate; 
  border-spacing:2px; 
  height:16px; 
  width:99%;
  margin:1px auto; 
  /* title:index; */
}

table.menu00 td {
  border:1px solid gray; 
  padding-left:2px;
  color:rgb(128,0,0); 
  font-size:12px;
}