@charset "utf-8";

/* Oh hai ... this is my CSS Document */

body {
	background-image: url(../img/bg001.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	background-color: #352221;
}

#contain {
margin:0 auto;
width:800px;
}

#lefty {
width: 470px;
padding:5px 15px 10px 15px;
background-color:#412c2b;
-webkit-border-radius:0 0 12px 12px;
-moz-border-radius:0 0 12px 12px;
}

#righty {
width: 250px;
padding:5px 15px 10px 15px;
float:right;
background-color: #412c2b;
-webkit-border-radius:0 0 12px 12px;
-moz-border-radius:0 0 12px 12px;
}

#lilvideo {
float:left;
width:100px;
margin:0 12px 2px 0;
}

h1 {
margin-top:130px;
text-indent:-9999px;
background-image:url(../img/header.gif);
background-repeat:no-repeat;
height:79px;
}

h2, h3, h4 {font-family:Georgia, "Times New Roman", Times, serif;}
h2 {color: #afb5be;font-weight: lighter;}
h3 {color: #b4c5b4;}

h4 {color: #b4c5b4;}

ul {list-style-image: url(../img/arrow-li.gif);}

.bodytext {
font-family:"Trebuchet MS";
color:#F0F0F0;
font-size:13px;
line-height: 19px;
}

.sidetext {font-family:"Trebuchet MS";
color:#F0F0F0;
font-size:11px;
line-height: 18px;
}

a, a:visited, a:active {color:#CCFF66;text-decoration:none;}
a:hover {text-decoration:underline; color:#FFFFFF;}

/* later skater */