/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
#iewarning {visibility: hidden;}
body {padding:50px 0; background: #eee;  font-size: 1.2em; line-height: 1.6em; color:#888;}
header, section, footer {width:410px; margin:0 auto; display:block; background: #fff; padding:20px;}

/**************************************/
/*              HEADER                */
/**************************************/
header {border: 1px solid #ccc; -moz-border-radius:3px 3px 0 0 ;-webkit-border-radius:3px 3px 0 0; border-bottom:none; padding-bottom:0;}


/**************************************/
/*             NAVIGATION             */
/**************************************/
section ul {  
    -moz-column-count: 2;  
	-webkit-column-count: 2;   
    -moz-column-gap: 15px;  
    -webkit-column-gap: 15px; 
	list-style:none;
} 
section ul li {padding:.3em; margin:.3em 0; background: #E3E3E3 url('li.png') no-repeat 3px 50% ;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
section ul li div{width:390px; margin:10px; background:#fff; -moz-border-radius: 3px;	-webkit-border-radius: 3px; z-index:300;}

section ul li#facebook {background-color:#3B5998;}
section ul li#twitter {background-color:#33CCFF;}
section ul li#linkedin {background-color:#006699;}
section ul li#lastfm {background-color:#D7271E;}
section ul li#flickr {background-color:#f42892;}
section ul li#stumbleupon {background-color:#206BA4;}
section ul li#hyves {background-color:#FFCC66;}
section ul li#delicious {background-color:#3274D0;}
section ul li#youtube {background-color:#EAEAEA;}
section ul li#theauteurs {background-color:#787878;}
section ul li#flixster {background-color:#2B84CC;}
section ul li#google {background-color:#EBEFF9;}
section ul li#qik {background-color:#BED62F;}
section ul li#plaxo {background-color:#073C85;}
section ul li#dopplr {background-color:#89c256;}
section ul li#brightkite {background-color:#213442;}
section ul li#facebook a{background:url('http://www.google.com/s2/favicons?domain=www.facebook.com') no-repeat 2px 50%;}
section ul li#twitter a{background:url('http://www.google.com/s2/favicons?domain=twitter.com') no-repeat 2px 50%;}
section ul li#linkedin a{background:url('http://www.google.com/s2/favicons?domain=www.linkedin.com') no-repeat 2px 50%;}
section ul li#lastfm a{background:url('http://www.google.com/s2/favicons?domain=www.last.fm') no-repeat 2px 50%;}
section ul li#flickr a{background:url('http://www.google.com/s2/favicons?domain=www.flickr.com') no-repeat 2px 50%;}
section ul li#stumbleupon a{background:url('http://www.google.com/s2/favicons?domain=www.stumbleupon.com') no-repeat 2px 50%;}
section ul li#hyves a{background:url('http://www.google.com/s2/favicons?domain=www.hyves.nl') no-repeat 2px 50%;}
section ul li#delicious a{background:url('http://www.google.com/s2/favicons?domain=delicious.com') no-repeat 2px 50%;}
section ul li#youtube a{background:url('http://www.google.com/s2/favicons?domain=www.youtube.com') no-repeat 2px 50%;}
section ul li#theauteurs a{background:url('http://www.google.com/s2/favicons?domain=www.theauteurs.com') no-repeat 2px 50%;}
section ul li#flixster a{background:url('http://www.google.com/s2/favicons?domain=www.flixster.com') no-repeat 2px 50%;}
section ul li#google a{background:url('http://www.google.com/s2/favicons?domain=www.google.com') no-repeat 2px 50%;}
section ul li#qik a{background:url('http://www.google.com/s2/favicons?domain=qik.com') no-repeat 2px 50%;}
section ul li#plaxo a{background:url('http://www.google.com/s2/favicons?domain=www.plaxo.com') no-repeat 2px 50%;}
section ul li#dopplr a{background:url('http://www.google.com/s2/favicons?domain=www.dopplr.com') no-repeat 2px 50%;}
section ul li#brightkite a {background:url('http://www.google.com/s2/favicons?domain=www.brightkite.com') no-repeat 2px 50%;}
section ul li a{
 display:block; padding-left:26px !important;
}
/**************************************/
/*            section            */
/**************************************/
section {border: 1px solid #ccc; -moz-border-radius:0 0 3px 3px ;-webkit-border-radius:0 0 3px 3px; border-top:none; 

}


/**************************************/
/*               FOOTER               */
/**************************************/
footer { background:transparent; font-size: .9em; text-align:right;}
footer ul {list-style:none;}