######################
#### ------> Directory

######################
#### ------> Files:
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_advanced_selectors\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_animation\examples\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_animation\stylesheets\ie.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_animation\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_banner\stylesheets\ie.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_banner\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_columns\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_fonts\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_fonts\stylesheets\fonts\stylesheet.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_mediaquery\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_print_links\stylesheets\print.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_rough_edges\stylesheets\ie.css
C:\Users\pasch\Downloads\HTML5 and CSS3\css3_rough_edges\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_accessible_tables\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_aria\blog\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_aria\homepage\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_content_editable\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_cross_document\contactlist\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_cross_document\supportpage\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_dragdrop\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_forms\autofocus\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_forms\modernizr\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_forms\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_history\fallback\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_history\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_indexedDB\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_localstorage\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_meter\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_new_tags\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_offline\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_placeholder\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_validation\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_websockets\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\html5_websql\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\template\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\where_next\filters\stylesheets\style.css
C:\Users\pasch\Downloads\HTML5 and CSS3\where_next\flexbox\stylesheets\style.css

#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_advanced_selectors\stylesheets\style.css
table{
  border-collapse: collapse; 
  width: 600px; 
} 

th, td{ border: none; }

th{
  background-color: #000; 
  color: #fff;
}

tr:nth-of-type(even){
  background-color: #F3F3F3;
}
tr:nth-of-type(odd) {
  background-color:#ddd;
}

td:nth-child(n+2), th:nth-child(n+2){
  text-align: right;
}

tr:last-child{
  font-weight: bolder;
}

td:last-child{
  font-weight: bolder;
}

/* bold the total */
tr:last-child td:last-child{
  font-size:24px;
}

tr:nth-last-child(2){
  color: green;
}

tr:nth-last-child(-n+3) td{
  text-align: right;
}




#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_animation\examples\style.css
.box{
  background-color: red;
  width: 100px;
  height: 100px;
  position: relative;
  color: white;
}

.linear{
  transition-property: left;
  transition-timing-function: linear;
  transition-duration: 1s;
}
.linear:hover{left: 200px;}

.ease_in{
  transition-property: left;
  transition-timing-function: ease-in;
  transition-duration: 1s;
}
.ease_in:hover{left: 200px;}

.ease_out{
  transition-property: left;
  transition-timing-function: ease-out;
  transition-duration: 1s;
}
.ease_out:hover{left: 200px;}

.ease_in_out{
  transition-property: left;
  transition-timing-function: ease-in-out;
  transition-duration: 1s;
}
.ease_in_out:hover{left: 200px;}

.bounce{
  transition-property: left;
  transition-timing-function: cubic-bezier(0.1, -0.6, 0.2, 0);
  transition-duration: 1s;
}
.bounce:hover{
 left: 200px; 
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_animation\stylesheets\ie.css
.login {margin-top: 20px;}
.login fieldset legend{
  margin-top: -10px;
  margin-left: 10px;
}
.login fieldset{
  padding-left: 10px;
}

.login fieldset, .login input, .login legend{
  behavior: url(stylesheets/PIE.htc);
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_animation\stylesheets\style.css
.login{
  position: relative;
  width: 250px;
}

.login fieldset{
  background-color: #ddd;
  border: none;
}

.login legend{ 
  background-color: #ddd;
  padding: 0 64px 0 2px;
}

.login ol{list-style: none;
  margin: 2px;
  padding:0; 
}

.login ol li{
  margin: 0 0 9px 0;
  padding: 0;
}

.login input{
  background-color: #fff;
  border: 1px solid #bbb;
  display:block;
  width: 200px;
}
 
.login input[type="submit"]{
 background-color: #bbb;
 padding: 0;
 width: 202px;
}

 
.login input, fieldset, legend{
 border-radius: 5px;
 background-clip: padding-box;
}

.login input[type="email"], .login input[type="password"]{
  -webkit-transition: background 0.3s linear
                      border 0.3s linear;                     
     -moz-transition: background 0.3s linear,
                      border 0.3s linear;
       -o-transition: background 0.3s linear,
                      border 0.3s linear;
          transition: background 0.3s linear,
                      border 0.3s linear;
}

.login input[type="email"]:focus, .login input[type="password"]:focus{
  background-color: #ffe;
  border: 1px solid #0e0;
}

.shake{
  -webkit-animation: shake 0.5s 1;
     -moz-animation: shake 0.5s 1;
          animation: shake 0.5s 1;
}

@-webkit-keyframes shake{
  0%{left:0;}
  20%{left:-2%;}
  40%{left:2%;}
  60%{left:-2%;}
  80%{left:2%;}
  100%{left:0;}
}

@-moz-keyframes shake{
  0%{left:0;}
  20%{left:-2%;}
  40%{left:2%;}
  60%{left:-2%;}
  80%{left:2%;}
  100%{left:0;}
}
@keyframes shake{
  0%{left:0;}
  20%{left:-2%;}
  40%{left:2%;}
  60%{left:-2%;}
  80%{left:2%;}
  100%{left:0;}
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_banner\stylesheets\ie.css
#info{
  background: none;
  filter:
     progid:DXImageTransform.Microsoft.gradient(
     startColorStr=#BBFFFFFF, endColorStr=#BBFFFFFF
  ); 
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#BBFFFFFF',EndColorStr='#BBFFFFFF')";
}

#badge{
  filter:  
    progid:DXImageTransform.Microsoft.Matrix(
     sizingMethod='auto expand', 
       M11=0.9914448613738104,
       M12=0.13052619222005157,
       M21=-0.13052619222005157, 
       M22=0.9914448613738104
     ),
     progid:DXImageTransform.Microsoft.gradient(
        startColorStr=#FFFFFF, endColorStr=#EEE
     ),
     progid:DXImageTransform.Microsoft.Shadow(
       color=#333333, Direction=135, Strength=10
     );
     
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9914448613738104,M12=0.13052619222005157,M21=-0.13052619222005157,M22=0.9914448613738104),progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF,endColorStr=#EEEEEE),progid:DXImageTransform.Microsoft.Shadow(color=#333333,Direction=135, Strength=10)";
}








#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_banner\stylesheets\style.css
body{padding: 40px;}

#conference{
  background-color: #000; 
  background-image: url('../images/awesomeconf.jpg');
  background-position: center;
  height: 240px;
  width: 960px;
}
#badge{
  border: 2px solid blue;
  display: block;
  text-align: center;
  width: 200px;
}
#info{
  display: block;
  height: 160px;
  margin: 20px;
  padding: 20px;
  width: 660px;
}
#badge, #info{
  background-color: #fff; 
  float: left;
}
#badge h2{
  color: red; 
  margin: 0;
  font-size: 40px;
}
#badge h3{
  background-color: blue;
  color: #fff;
  margin: 0;
}

#badge{
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image:    -moz-linear-gradient(top, #fff, #eee);
  background-image:         linear-gradient(to bottom, #fff, #eee);
  
    box-shadow: 5px 5px 5px 0px #333;
  
    -webkit-transform: rotate(-7.5deg); 
       -moz-transform: rotate(-7.5deg);  
        -ms-transform: rotate(-7.5deg);
         -o-transform: rotate(-7.5deg);  
            transform: rotate(-7.5deg);

}

#info{
  background-color: rgba(255,255,255,0.95); 
  border-radius: 12px;
}




#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_columns\stylesheets\style.css
header, footer, section{
  display: block;
}

body{
  line-height: 20px;

}
p,h2,h3,h4,h5,h6{
  margin: 0 0 20px 0;
}

#container{
  display:block;
  margin: 0px auto;
  width: 960px;
}

#header{
  border-bottom: 1px solid #ddccb5; 
  margin-bottom: 20px;
  text-align: center; 
}

#footer{
  border-top: 1px solid #ddccb5; 
  margin-bottom: 20px;
  text-align: center; 
}

.callout{ 
 border: 1px solid #ddccb5;
 float: right;
 margin-left: 10px;
 padding: 4px;
 width: 200px;
}

.callout :last-child{
  margin-bottom: 0;
}

#newsletter{
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  -webkit-column-rule: 1px solid #ddccb5;        
     -moz-column-count: 2;
     -moz-column-gap: 20px;
     -moz-column-rule: 1px solid #ddccb5;
          column-count: 2;
          column-gap: 20px;
          column-rule: 1px solid #ddccb5;        
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_fonts\stylesheets\style.css
body{
  margin:15px auto;
  width:960px;
}

p{
  margin:0 0 20px 0;
}

p, li{ line-height:20px; }

body{
  font-family: "GarogierRegular"; 
  font-family: "GarogierRegular", Georgia,
               "Palatino", "Palatino Linotype",
               "Times", "Times New Roman", serif;
  
}


#page_header{
  width:100%;
}

#page_header > nav > ul, #page_footer > nav > ul{
  list-style: none;
  margin: 0; 
  padding: 0;
}
#page_header > nav > ul > li, #page_footer > nav > ul > li{
  display: inline;
  margin: 0 20px 0 0;
  padding:0;
}

#posts{
  float: left;
  width: 74%;
}

#posts aside{
  float: right;
  font-size: 20px;
  line-height: 40px;
  margin-left: 5%;
  width: 35%;
}

#sidebar{
  float: left;
  width: 25%;
}

#page_footer{
  clear: both;
  display: block; 
  text-align: center;
  width: 100%; 
}


@font-face {
  font-family: 'GarogierRegular';
  src: url('fonts/garogier_unhinted-webfont.eot?#iefix')
          format('embedded-opentype'),
       url('fonts/garogier_unhinted-webfont.woff') format('woff'),
       url('fonts/garogier_unhinted-webfont.ttf') format('truetype'),
       url('fonts/garogier_unhinted-webfont.svg#garogierregular') format('svg');
  font-weight: normal;
  font-style: normal;
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_fonts\stylesheets\fonts\stylesheet.css
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 27, 2013 */



@font-face {
    font-family: 'garogierregular';
    src: url('garogier_unhinted-webfont.eot');
    src: url('garogier_unhinted-webfont.eot?#iefix') format('embedded-opentype'),
         url('garogier_unhinted-webfont.woff') format('woff'),
         url('garogier_unhinted-webfont.ttf') format('truetype'),
         url('garogier_unhinted-webfont.svg#garogierregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_mediaquery\stylesheets\style.css
body{
  margin:15px auto;
  width:960px;
}

p{
  margin:0 0 20px 0;
}

p, li{
  line-height:20px;
}

#page_header{  width:100%; }

#page_header > nav > ul, #page_footer > nav > ul{
  list-style: none;
  margin: 0; 
  padding: 0;
}
#page_header > nav > ul > li, #page_footer > nav > ul > li{
  display: inline;
  margin: 0 20px 0 0;
  padding:0;
}

#posts{
  float: left;
  width: 74%;
}

#posts aside{
  float: right;
  font-size: 20px;
  line-height: 40px;
  margin-left: 5%;
  width: 35%;
}

#sidebar{
  float: left;
  width: 25%;
}

#page_footer{
  clear: both;
  display: block; 
  text-align: center;
  width: 100%; 
}

@media only screen and (max-device-width: 480px) {
  body{ width:480px; }
  nav, section, header, footer{ margin: 0 10px 0 10px; }
  
  #sidebar, #posts{
    float: none;
    width: 100%;
  }
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_print_links\stylesheets\print.css
a:after { 
  content: " (" attr(href) ") "; 
} 



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_rough_edges\stylesheets\ie.css
.login {margin-top: 20px;}

.login fieldset legend{
  margin-top: -10px;
  margin-left: 10px;
}
.login fieldset{
  padding-left: 10px;
}

.login fieldset, .login input, .login legend{
  behavior: url(stylesheets/PIE.htc);
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\css3_rough_edges\stylesheets\style.css
.login{
  width: 250px;
}

.login fieldset{
  background-color: #ddd;
  border: none;
}
.login legend{ 
  background-color: #ddd;
  padding: 0 64px 0 2px;
}

.login ol{list-style: none;
  margin: 2px;
  padding:0; 
}
.login li{
  margin: 0 0 9px 0;
  padding: 0;
}

.login input{
  background-color: #fff;
  border: 1px solid #bbb;
  display:block;
  width: 200px;
}
.login input[type="submit"]{
 background-color: #bbb;
 padding: 0;
 width: 202px;
}
 
.login input, .login fieldset, .login legend{
  border-radius: 5px;
}




#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_accessible_tables\stylesheets\style.css
table{
  border-collapse: collapse; 
  width: 600px; 
} 

th{
  background-color: #333; 
  color: #fff;
}

tr:nth-of-type(even){ background-color: #F3F3F3; }

tr:nth-of-type(odd) { background-color:#ddd; }

td{ text-align: center; }

th, td{ border: 1px solid #333; }






#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_aria\blog\stylesheets\style.css

body{
  width:960px;
  margin:15px auto;
  font-family: Arial, "MS Trebuchet", sans-serif;
}

p{
  margin:0 0 20px 0;
}

p, li{
  line-height:20px;
}

header#page_header{
  width:100%;
}

#page_header > nav > ul, #page_footer > nav > ul{
  list-style: none;
  margin: 0; 
  padding: 0;
}
#page_header > nav > ul > li, #page_footer > nav > ul > li{
  padding:0;
  margin: 0 20px 0 0;
  display:inline;
}

#posts{
  float: left;
  width: 74%;
}

#posts aside{
  float: right;
  width: 35%;
  margin-left: 5%;
  font-size: 20px;
  line-height: 40px;
}

#sidebar{
  float: left;
  width: 25%;
}

#page_footer{
  clear: both;
  width: 100%; 
  display: block; 
  text-align: center;
}


@media only screen and (max-device-width: 480px) {
  body{
    width:480px;
  }
  
  nav, section, header, footer{
    margin: 0 10px 0 10px;
  }
  
  #sidebar, #posts{
    float: none;
    width: 100%;
  }
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_aria\homepage\stylesheets\style.css
body{
  width: 960px;
  margin: 15px auto;
}

p{
  margin: 0 0 20px 0;
}

p, li{
  line-height: 20px;
  font-family: Arial, "MS Trebuchet", sans-serif;
}

#header{
  width: 100%;
}

#header > nav > ul, #footer > nav > ul{
  list-style: none;
  margin: 0; 
  padding: 0;
}
#header > nav > ul > li, #footer > nav > ul > li{
  padding:0;  
  margin: 0 20px 0 0;
  display:inline;
}

footer#footer{
  clear: both;
  width: 100%; 
  display: block; 
  text-align: center;
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_content_editable\stylesheets\style.css
ul{list-style:none;}

li > b, li > span{ 
  display: block;
  float: left;
  width: 100px;
}

li > span{
  width:500px;
  margin-left: 20px;
}

li > span[contenteditable]:hover{ 
  background-color: #ffc;
}

li > span[contenteditable]:focus{ 
  background-color: #ffa;
  border: 1px shaded #000;
}

li{clear:left;} 




ol{
  padding :0;
  margin: 0;
  list-style: none;
}

ol > li{
  padding: 0;
  clear: both;
  margin: 0 0 10px 0;
}

label{
  width: 150px;
  float: left;
}
/* EN:edit_styles */



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_cross_document\contactlist\stylesheets\style.css
ul{
  list-style: none;
}

ul h2, ul p{margin: 0;}

ul > li{margin-bottom: 20px;}


#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_cross_document\supportpage\stylesheets\style.css
#form{
  width: 400px;
  float: left;
}

#contacts{
  width: 200px;
  float: left;
}

#contacts iframe{
  border: none;
  height: 400px;
}

fieldset{
  width: 400px;
  border: none;
}

fieldset legend{ 
  background-color: #ddd;
  padding: 0 64px 0 2px;
}

fieldset>ol{
  list-style: none;
  padding: 0; 
  margin: 2px;
}

fieldset>ol>li{
  margin: 0 0 9px 0;
  padding: 0;
}

/* Make inputs go to their own line */
fieldset input, fieldset textarea{
  display:block;
  width: 380px;
}
fieldset input[type=submit]{
  width: 390px;
}
fieldset textarea{
  height: 100px;
}


#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_dragdrop\stylesheets\style.css
.card{
  background-color: #ffc;
  border: 1px solid #000;
  float: left;
  height: 200px;
  margin: 10px;
  width: 300px;
}

.editor{
  border: none;
  margin: 5%;
  width: 90%;
  height: 80%;
}

.editor:focus{ background-color: #ffe; }
.card:active{ border: 3px solid #333; }



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_forms\autofocus\stylesheets\style.css
ol{
  list-style: none;
  margin: 0;
  padding :0;
}

ol li{
  clear: both;
  margin: 0 0 10px 0;
  padding: 0;
}

label{
  float: left;
  width: 150px;
}

input{ border: 1px solid #333; }

input:focus{ background-color: #ffe; }


.simpleColorContainer, .simpleColorDisplay{
  float: left;
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_forms\modernizr\stylesheets\style.css
ol{
  padding :0;
  margin: 0;
  list-style: none;
}

ol li{
  padding: 0;
  clear: both;
  margin: 0 0 10px 0;
}

label{
  width: 150px;
  float: left;
}

input{
  border: 1px solid #333;
}

input:focus{
  background-color: #ffe;
}


.simpleColorContainer, .simpleColorDisplay{
  float: left;
}


#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_forms\stylesheets\style.css
ol{
  list-style: none;
  margin: 0;
  padding :0;
}

ol li{
  clear: both;
  margin: 0 0 10px 0;
  padding: 0;
}

label{
  float: left;
  width: 150px;
}

input{ border: 1px solid #333; }

input:focus{ background-color: #ffe; }

.simpleColorContainer, .simpleColorDisplay{
  float: left;
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_history\fallback\stylesheets\style.css

body{
  width: 960px;
  margin: 15px auto;
}

p{
  margin: 0 0 20px 0;
}

p, li{
  line-height: 20px;
  font-family: Arial, "MS Trebuchet", sans-serif;
}

#header{
  width: 100%;
}

#header nav ul, #footer nav ul{
  list-style: none;
  margin: 0; 
  padding: 0;
}
#header nav ul li, #footer nav ul li{
  padding:0;
  margin: 0 20px 0 0;
  display:inline;
}

section#posts{
  float: left;
  width: 74%;
}

section#posts aside{
  float: right;
  width: 35%;
  margin-left: 5%;
  font-size: 20px;
  line-height: 40px;
}

section#sidebar{
  float: left;
  width: 25%;
}

footer#footer{
  clear: both;
  width: 100%; 
  display: block; 
  text-align: center;
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_history\stylesheets\style.css
body{
  width: 960px;
  margin: 15px auto;
}

p{
  margin: 0 0 20px 0;
}

p, li{
  line-height: 20px;
  font-family: Arial, "MS Trebuchet", sans-serif;
}

#header{
  width: 100%;
}

#header > nav > ul, #footer > nav > ul{
  list-style: none;
  margin: 0; 
  padding: 0;
}
#header > nav > ul > li, #footer > nav > ul > li{
  padding:0;
  margin: 0 20px 0 0;
  display:inline;
}

#footer{
  clear: both;
  width: 100%; 
  display: block; 
  text-align: center;
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_indexedDB\stylesheets\style.css
#container{
  margin: 0 auto;
  width: 80%;
}
#sidebar, #main{
  display: block;
  float: left;
}

#main{ width: 80%; }

#sidebar{ width: 20%;}

form ol{
  list-style: none; 
  margin: 0; 
  padding: 0;
}

form li, #sidebar li{
  margin: 0;
  padding: 0; 
}

form li label{ display:block; }

#note, #title{
  border: 1px solid #000;
  font-size: 20px; 
  width: 100%; 
}


#sidebar ul{ 
  list-style: none;
  padding: 0;
};

#sidebar li{ cursor: hand; cursor: pointer; }

#title{ height: 20px; }

#note{ height: 80px; }



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_localstorage\stylesheets\style.css
form ol{
  list-style: none; 
  margin: 0; 
  padding: 0;
}

form li{
  margin: 0;
  padding: 0; 
}

form li label{ display:block; }


#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_meter\stylesheets\style.css
meter{
  width: 280px;
}

.meter{
  border: 1px solid #000;
  display: block;
  position: relative;
  width: 280px;
}

.fill{
  background-color: #693;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.37, rgb(14,242,30)),
      color-stop(0.69, rgb(41,255,57))
  );
  
  background-image: -moz-linear-gradient(
      center bottom,
      rgb(14,242,30) 37%,
      rgb(41,255,57) 69%
  );
}
.label{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_new_tags\stylesheets\style.css
body{
  margin: 15px auto;
  font-family: Arial, "MS Trebuchet", sans-serif;
  width: 960px;
}

p{ margin: 0 0 20px 0;}

p, li{ line-height: 20px; }

#page_header{ width: 100%; }

#page_header > nav > ul, #page_footer > nav > ul{
  list-style: none;
  margin: 0; 
  padding: 0;
}

#page_header > nav > ul > li, #page_footer nav > ul > li{
  margin: 0 20px 0 0;
  padding: 0;
  display: inline;
}

#posts{
  float: left;
  width: 74%;
}
#posts aside{
  float: right;
  font-size: 20px;
  line-height: 40px;
  margin-left: 5%;
  width: 35%;
}

#sidebar{
  float: left;
  width: 25%;
}

#page_footer{
  clear: both;
  display: block; 
  text-align: center;
  width: 100%; 
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_offline\stylesheets\style.css
#container{
  margin: 0 auto;
  width: 80%;
}
#sidebar, #main{
  display: block;
  float: left;
}

#main{ width: 80%; }

#sidebar{ width: 20%;}

form ol{
  list-style: none; 
  margin: 0; 
  padding: 0;
}

form li, #sidebar li{
  margin: 0;
  padding: 0; 
}

form li label{ display:block; }

#note, #title{
  border: 1px solid #000;
  font-size: 20px; 
  width: 100%; 
}


#sidebar ul{ 
  list-style: none;
  padding: 0;
};

#sidebar li{ cursor: hand; cursor: pointer; }

#title{ height: 20px; }

#note{ height: 80px; }



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_placeholder\stylesheets\style.css
fieldset{
  width: 216px;
}

fieldset ol{ 
  list-style: none; 
  padding:0; 
  margin:2px; 
}

fieldset ol li{ 
  margin:0 0 9px 0; 
  padding:0; 
}

/* Make inputs go to their own line */
fieldset input{
  display:block;
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_validation\stylesheets\style.css
ol{
  padding :0;
  margin: 0;
  list-style: none;
}
 
ol li{
  padding: 0;
  clear: both;
  margin: 0 0 10px 0;
}

label{
  width: 150px;
  float: left;
}

input{
  border: 1px solid #333;
}

input:focus{
  background-color: #ffe;
}

.simpleColorContainer, .simpleColorDisplay{
  float: left;
}

input[required]:invalid, input[pattern]:invalid{
  border-color: #A5340B;
}

input[required]:valid, input[pattern]:valid{
  border-color: #0B9900;
}

.required, .invalid{
  border-color: #A5340B;
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_websockets\stylesheets\style.css
#chat_wrapper{
  background-color: #ddd;
  height: 440px;
  padding: 10px;
  width: 320px;
}

#chat_wrapper h2{ margin: 0; }

#chat{
  background-color: #fff;
  height: 300px; 
  overflow: auto; 
  padding: 10px;
  width: 300px; 
}



#########################
#########################
#########################


#### ------> C:\Users\pasch\Downloads\HTML5 and CSS3\html5_websql\style.css
#sidebar, #main{
  display: block;
  float: left;
}

#sidebar{
  width: 25%;
}

#main{
  width: 75%;
}


form ol{
  list-style: none; 
  margin: 0; 
  padding: 0;
}

form li{
  padding: 0; 
  margin: 0;
}

form li label{
  display:block;
}

#title, #note{
  width: 100%; 
  font-size: 20px; 
  border: 1px solid #000;
}

#title{
  height: 20px;
}

#note{
  height: 40px;
}


#########################
#########################
#########################