/* This is the CSS that styles my site */

body { font-size: 11px; font-family: arial; background: #fff; color: #000;}

a {text-decoration: none;}
a:link {color: #fff; background: #000;}
a:hover {color:#ff00cc; background: #000;}

a:active {color: yellow; background: #000;}

h1 {font-family: arial; color: #fff; font-size: 18px; background: #000;}
h2 {font-family: arial; color: #000; font-size: 15px; margin: 0px;}
h3 {font-family: arial; color: #000; font-size: 13px; margin: 0px;}

img {Ęborder-style: none;}

#mainwrapper {
	width: 800px;
	margin: auto;
	background:  #fff;
	}

#header {
	width: 800px;
	min-height:100px;
	padding: 0px;
	margin: 0px auto 0px auto;
    background-image: url('images/site/header.jpg');
    background-repeat: no-repeat;
    overflow: auto;
    background-color: #fff;
    }
    
#navi {
	width: 800px;
	margin: 0px auto 0px auto;
	padding: 0px;
    overflow: auto;
    background:  #fff;
    }
    

#content {
	width: 800px;
	margin: 5px auto 5px auto;
  	padding: 0px;
    overflow: auto;
    background:  #fff;
    }
    
#column {
	width: 590px;
	min-height: 300px;
	margin: 0px;
	padding: 0px;
    float: left;
    background:  #fff;
    }
    
#media {
	width: 590px;
	min-height: 300px;
	margin: 0px;
	padding: 0px;
    float: left;
    background:  #fff;
    }
    
 .media a:link {
	text-decoration: none;
	color: #000;
	background: #fff;
	}

#links {
	width: 195px;
	margin: 0px;
	padding: 0px;
	float: right;
	background: #fff;
	}
	
#links a {
	text-decoration: none;
	color: #fff;
	background: #fff;
	img {Ęborder-style: none;}
	}
	
#twitter {
	width: 199px;
	margin: 0px;
	padding: 0px;
	float: right;
	background: #fff;
	text-decoration: none;
	}
	
#flickr {
	width: 195px;
	margin: 0px;
	padding: 0px;
	float: right;
	background: #fff;
	text-decoration: none;
	}

#reverb {
	width: 195px;
	margin: 0px;
	padding: 0px;
	float: right;
	background: #fff;
	text-decoration: none;
	}
	
#footer {
	width: 800px;
	min-height: 50px;
    margin: 5px auto 5px auto;
 	padding: 0px;
    border-top: 1px solid #000;
 	}
 	
/* menu */
 
#menu {
	background: #fff;
	border-top: 1px solid #000;
	}
 	
#menu li {
	float: left;
	list-style: none;
	text-decoration: none;
	}
 	
 #menu a {
	display: block;
	padding: 1px 10px;
	text-decoration: none;
	color: #000;
	background: #fff;
	}
	
#menu a:hover {
	color: #fff;
	background: #000;
	}