body { 
        background-color:#CCCCCC; 
        font-family:Geneva,Arial,Helvetica,sans-serif; 
        margin: 0px auto; 
        max-width:1200px; 
        border:solid; 
        border-color:#FFFFFF; 
} 
 
header { 
        background-color: #225534; 
        display:block; 
        color:#FFFFFF; 
        text-align:center; 
} 
 
header h2 { 
        margin: 0px; 
} 
 
h1 { 
        font-size: 72px; 
        margin: 0px; 
} 
 
h2 { 
        font-size: 24px; 
        margin: 0px; 
        text-align:center; 
        color: #000000; 
} 
 
h3 { 
        font-size: 18px; 
        margin: 0px; 
        text-align:center; 
        color: #317DF4; 
} 
 
h4 { 
	opacity: .7; /* .foo will be 50% transparent */
        color: #000000;
        background-color: #f00; 
        -webkit-box-shadow: 2px 2px 20px #222; 
        -webkit-transform: rotate(-45deg); 
        -moz-box-shadow: 2px 2px 20px #888; 
        -moz-transform: rotate(-45deg); 
        position: absolute; 
        padding: 0px 150px; 
        top: 50px; 
        left: -120px; 
        text-align:center; 
 
} 
 
nav { 
        display:block; 
        width:25%; 
        float:left; 
} 
 
nav a:link, nav a:visited { 
        display: block; 
        border-bottom: 3px solid #fff; 
        padding: 10px; 
        text-decoration: none; 
        font-weight: bold; 
        margin: 5px; 
} 
 
nav a:hover { 
        color: white; 
        background-color: #225534; 
} 
 
nav h3 { 
        margin: 15px; 
        color: green; 
} 
 
container { 
        background-color: #222;

} 
 
section { 
        display:block; 
        width:50%; 
        float:left; 
} 
 
article { 
        background-color: #eee; 
        display:block; 
        margin: 10px; 
        padding: 10px; 
        -webkit-border-radius: 10px; 
        -moz-border-radius: 10px; 
        border-radius: 10px; 
        -webkit-box-shadow: 2px 2px 20px #444; 
        -webkit-transform: rotate(-23deg); 
        -moz-box-shadow: 2px 2px 20px #444;
        -moz-transform: rotate(-00deg); 
} 
 
article header { 
        -webkit-border-radius: 10px; 
        -moz-border-radius: 10px; 
        border-radius: 10px; 
        padding: 5px; 
 
} 
 
article footer { 
        -webkit-border-radius: 10px; 
        -moz-border-radius: 10px; 
        border-radius: 10px; 
        padding: 5px; 
} 
 
article h1 { 
        font-size: 18px; 
} 
 
         
aside { 
        display:block; 
        width:25%; 
        float:left; 
} 
 
aside h3 { 
        margin: 15px; 
        color: white; 
} 
 
aside p { 
        margin: 15px; 
        color: white; 
        font-weight: bold; 
        font-style: italic; 
} 
 
 
footer { 
        clear: both; 
        display: block; 
        background-color: #225534; 
        color:#FFFFFF; 
        text-align:center; 
        padding: 15px; 
} 
 
footer h2 { 
        font-size: 14px; 
        color: white; 
} 
 
 
/* links */ 
a { 
        color: #000000; 
} 
 
a:hover { 
        text-decoration: underline; 
}