4529483809
header, footer, section, aside, nav, article { 
  display: block; 
}   

#container {
  margin-left:3%;
  margin-right:3%;
  background-color:#FFF;
  color:black;
  font-family:"Georgia", "Verdana", "Sans-serif";
  text-decoration: none;
}               

a { color:black;text-decoration:none;}

p a:hover { background-color:yellow;}
li a:hover { background-color:yellow;}
p { line-height: 1.4em; }
p:first-letter { font-family:"Zapfino"; }

header h1 a { 
  text-shadow: 2px 2px 7px #111;
  color: #FFF5EE;                   
}
 
article {      
  border-top:#c4c8cc solid 1px;             
  border-bottom:#c4c8cc solid 1px;             
  padding-top:16px;
  padding-bottom:16px;
  text-align: justify;
  -moz-column-width: 20em;
  -moz-column-gap: 2em;
  -moz-column-rule: 1px solid #c4c8cc;
  -webkit-column-width: 20em;
  -webkit-column-gap: 2em;
  -webkit-column-rule: 1px solid #c4c8cc;
}


/* format code style */              
pre, xmp {
  font-family: Courier New;
  font-size:80%;
  text-decoration: none;
  padding:4px;
  margin:4px;
}
     
/* corners and shadow */
pre, xmp, #channel {
  margin:6px;
  -moz-border-radius:6px;
  -moz-box-shadow: 6px 6px 6px #BBB;
  -webkit-border-radius:6px;
  -webkit-box-shadow:6px 6px 6px #BBB;
  box-shadow:6px 6px 6px #BBB; 
}

/* seashell moccasin */
pre, xmp, #channel {
  background-color: #FFE4B5;                                                       
  background-image: -moz-linear-gradient(top, #FFE4B5, #FFF5EE); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFE4B5),color-stop(1, #FFF5EE)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFE4B5', EndColorStr='#FFF5EE'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFE4B5', EndColorStr='#FFF5EE')"; /* IE8 */
}                     

#channel {
  display: none;
  position: absolute;
  top: -12px;
  right: 100px;
  padding:10px;
}
#channel p { display:inline; padding:0px; margin:5px;}

#flickr {	
  text-align:center;
  width:100%;
  margin:0px;
}

#flickr img {
  height:74px;
  width:8%;
  margin:0.5%;
}

#barcode {
  background: url("http://bit.ly/gm45jm.qrcode");
}

#twitter {
  overflow-x: auto;	
  height:150px;
  font-size:75%;
}                                                        
.twitter { 
	background: url("../images/twitter-follow-me-post.jpg");
	background-repeat: no-repeat;
	background-position: right;
	-o-background-size: 10% auto;
    -moz-background-size: 10% auto;
    -webkit-background-size: 10% auto;
}

#twits:nth-child(2n+1) {
}

#blog {
  overflow-x: auto;	
  height:150px;
  font-size:75%;
}
.blog {
	background: url("../images/blog-follow-me.jpg");
	background-repeat: no-repeat;
	background-position: right;
	-o-background-size: 10% auto;
    -moz-background-size: 10% auto;
    -webkit-background-size: 10% auto;
}

#postit a {
  color: black;
  font-family: 'Reenie Beanie', arial, serif;
  text-shadow: 3px 3px 3px #AAA; 
}

#postit {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 200px; 
  height:200px;
  border:1px solid yellow;
  line-height:300px;
  background-color: rgba(60, 132, 198, 0.8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#FFFAAE), to(#FFF057));
  background-image: -moz-linear-gradient(#FFFAAE 0%, #FFF057 90%);
  border-top-color: #FFF057;
  border-right-color: #FFF057;
  border-bottom-color: #FFF057;
  border-left-color: #FFF057;
  -webkit-box-shadow: #AAA 0px 10px 16px;
  -moz-box-shadow: #AAA 0px 10px 16px; /* FF 3.5+ */
  -webkit-transform: rotate(5deg); 
  -moz-transform: rotate(5deg);
}
#postit p {
  text-align:center;
  margin: 50px auto; 
}

p img {
  margin: 5px; 
}


header {
	position:relative;
}

header #profile {
  position:absolute;
  top: -10px;
  right: 50px;
  padding:5px;
}


footer {
  text-align:center;
  font-size:70%;  
}

.red { color:red }
.yellow { color:yellow;}
.green { color:green }