/*-----
   example CSS for in-lab examples for CS 318 - Week 5 Lab 
   last modified: 2-18-13

   some of this is adapted from "Web Programming Step by Step",
   Second Edition, mostly from Chapter 4
-----*/

/* examples of CSS rules with an ID selector */

#cs318
{
    font-style: italic;
    color: red;
}

/*
#main
{
    background-color: #ddffdd;
    font: 12pt "Tahoma", "Arial", sans-serif;
}
*/    
/*   playing with specifying border formatting 
     (and a little padding just for fun        
*/

h2
{
    padding-left: 2em;
    border: 5px solid red;
    border-left: thick dotted #cc0088;
    border-bottom-color: rgb(0, 128, 128);
    border-bottom-style: double;
}

/* demo of border-collapse when applied to a table element */

table, td, th
{
    border: 2px solid black;
    border-collapse: collapse; 
}

/* padding examples */

h1
{
    padding: 1em;
    background-color: yellow;
    border: 3px solid black;
}

h2
{
    padding: 0em;
    background-color: #BBFFBB;
}

h3
{
    padding-left: 200px;
    padding-top: 30px;
    background-color: fuchsia;
}

/* margin examples */

p
{
    margin: 2em;
    background-color: yellow;
} 

/* width examples */

.width1, .width2
{
    border: 2px solid black;
    width: 12em;
}
.width2
{
    text-align: right;
}

/* playing with float */

.sidebar
{
    float: right;
    background-color: silver;
    width: 200px;
}

.section-next
{
    clear: right;
}

/* column play */

div, p
{
    border: 2px solid black;
}
.column
{
    float: right;
    width: 20%;
}
.aftercolumns
{
    background-color: white;
    clear: both;
}