/*
-----------------------------------------------
How to have fun when all your friends are at SXSW (2009)
author: dan rubin
edited: 2009-03-15
----------------------------------------------- */

/* remember to remove any resets not needed for this design */
@import url("reset.css");

/* math: it's what's for dinner */
body { font-size:100%; }
h1 { font-size:2.25em;  /* 16x2.25=36 */ }
h2 { font-size:1.5em;   /* 16x1.5=24 */ }
h3 { font-size:1.125em; /* 16x1.125=18 */ }
h4 { font-size:0.875em; /* 16x0.875=14 */ }
p  { font-size:0.75em;  /* 16x0.75=12 */ }

/* design */
body {
    background:#960 url(images/bg-body.png);
    font-family:georgia,cambria,serif;
    min-width:640px;
    text-align:center;
}

#wrapper1 {
	background:url(images/bg-wrapper1.png) no-repeat center top;
}
#wrapper2 {
	background:url(images/bg-wrapper2.png) no-repeat left bottom;
}
#wrapper3 {
	background:url(images/bg-wrapper3.png) no-repeat right bottom;
}

#container {
	margin:0 auto;
	padding:30px 0 0;
	width:600px;
	text-align:left;
}

#title {
	padding-bottom:15px;
}
#title h1 {
	margin-bottom:10px;
	height:326px;
	width:598px;
	background:url(images/title.png) no-repeat;
	text-indent:-9999px;
}
#title p {
	font-size:28px;
	font-style:italic;
	color:#fc3;
}

#content ul li {
	border-top:1px solid #a27200;
	background:url(images/bg-li.png) no-repeat center top;
	height:48px;
	font-size:18px;
	font-style:italic;
	line-height:47px;
	color:#fc3;
	text-shadow:#5c3e00 1px 1px 0;
}
#content ul li:hover {
	background:rgba(0,0,0,.03);
}
#content ul li span {
	margin-right:6px;
	padding:3px 4px;
	font-size:14px;
	font-style:normal;
	color:#fc3;
	text-shadow:none;
    background-color:rgba(0,0,0,.2);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
#content ul li a {
	font-weight:bold;
	color:#fc3;
}

#footer {
	border-top:1px solid #a27200;
	padding-top:6px;
}
#footer p {
    padding-bottom:10px;
	color:#e2b01b;
	font-size:10px;
}
#footer p a {
	color:#e2b01b;
	text-decoration:none;
	border-bottom:1px solid #c49506;
}
