lakshman108

/**
 * Tutorial follow along!
 */

/*http://www.subcide.com/articles/creating-a-css-layout-from-scratch/*/

html, body {
margin: 0;
padding: 0;
background: #E8CCA4

lakshman108

/**
 * Playing around...
 */


body {background-color: #E8CCA4;}

div#container1 {
margin: auto;
width: 760px;

lakshman108

/**
 * side-fixed two-column
 */
body {
background: tan;

}
div#container {
width: 800px;
margin: auto;

lakshman108

/**
 * Box Shadows
 */


div#box1 {
position: relative;
background: aqua;
width: 200px;
height: 100px;

lakshman108

/**
 * fun
 */

body{
background-image: (http://frexpaper.com/wp-content/uploads/2013/02/Red-pink-paisley-use-on-twitter-use-on-myspace-background-tile-yes-url.gif);
}

#top {
position: absolute;

lakshman108

/**
 * Websites to explore
 */

lakshman108

/**
 * Float example
 */

#span-a {
   float: left;
   background-color: #cfc;
   color: #030;
   padding: 1em;
padding: 1em 1em 10em;

lakshman108

/**
 * relative and static tutorial
 */

#wrapper {
   margin: 0 14em 0 12em;
   padding: 0 1em;
 }

body {

lakshman108

/**
 * Play two column
 */

body {
margin: 0px;
}

#topbar {
width: 100%;

lakshman108

/**
 * left nav & right liquid layout
 */