/* ---------------------------------------------
SXSW Design Workshop Screen Style Sheet
author: Jason Beaird
version:  2010.02
----------------------------------------------- */

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../type/LeagueGothic.eot');
    src: local('League Gothic Regular'), 
         local('League Gothic'), 
         url('../type/LeagueGothic.ttf') format('truetype'),
         url('../type/LeagueGothic.svg#lg') format('svg'); 
}

* { margin:0; padding:0; }

body {
	font:normal 14px/20px Helvetica, arial, sans-serif;
	background:#fff;
	color:#333;
	margin:0;
	padding:40px 0 0 0;}

a {color:#d54523; text-decoration:underline;}
a:hover {text-decoration:none;}

p {padding:0 0 10px 0;}

/* Layout Blocks
----------------------------------------------- */
#container {position:relative; width:800px; margin:0 auto; padding:30px 0 0 0;}
	
h1 {font:normal 70px/80px "LeagueGothicRegular", "Arial Narrow", Arial, sans-serif; background:#000; color:#f1d9a8; padding:130px 0 15px 15px; margin:-80px 0 0 0; width:410px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
	h1 span {display:block; font-size:105px; font-weight:normal;}


	ul#nav {display:block; position:absolute; top:0; left:0; list-style:none; background:green;}
	ul#nav li {display:inline;}
	ul#nav li a {display:block; padding:0 11px 0 8px; float:left; font:normal 11px/35px "Gotham", arial; color:#e4ded8; text-transform:uppercase; text-decoration:none;}
	ul#nav li a:hover {color:#cb5100;}
	ul#nav li.last a {padding:0 8px; background:none;}

	#content {position:relative; height:500px; width:800px; overflow:hidden; background:#f1d9a8 url(../images/paper.png) top left; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	body.nojs #content {overflow:auto;}
		#corkboard {position:relative; width:3000px; height:2000px;}

		#detailblock {position:absolute; top:50px; left:605px; width:175px; color:#000; text-align:center; text-transform:uppercase; font-size:11px; line-height:16px;}
			#detailblock .fri,
			#detailblock .mar {display:block; background:#d54523; font-weight:bold; font-size:22px; line-height:30px; padding:4px 0 0 0; letter-spacing:4px;}
			#detailblock .mar {margin:120px 0 10px 0;}
			#detailblock .twelve {position:absolute; top:40px; left:0; width:175px; font-size:120px; line-height:120px; font-weight:bold;}
			#detailblock .austin {display:block; border:5px solid #000; margin:10px 0; padding:5px 0; border-width:5px 0; font-size:18px;}
			#detailblock strong {font-size:13px;}
			#detailblock ul {border-bottom:5px solid #d54523; list-style:none; position:relative; text-align:left;}
			#detailblock ul li {display:inline;}
			#detailblock ul li a {display:block; text-decoration:none; font-size:16px; text-align:left; padding:5px 0;}
			#detailblock ul li a:hover {color:#000;}
			#detailblock ul li.home a {position:absolute; padding:0 0 0 30px; top:100px; left:0; line-height:20px; outline:none; text-indent:-9999px; background:url(../images/homeicon.png) no-repeat;}
			#detailblock ul li.home a:hover {text-indent:0;}
			
			.active {color:#000; background:#fff;}

		#home, #cennydd, #samantha, #matthew {width:500px; height:250px; padding:20px 0 200px 60px; -webkit-transform:rotate(-8deg); -moz-transform:rotate(-8deg); rotation:-8deg;}

		#corkboard #home {position:absolute; top:0; left:0;}
		#corkboard #cennydd {position:absolute; top:150px; left:900px;}
		#corkboard #samantha {position:absolute; top:600px; left:150px;}
		#corkboard #matthew {position:absolute; top:750px; left:1200px;}
		
		img {border-left:30px solid #d54523; padding-left:5px;}
		h2 {display:inline-block; font:normal 50px/55px "LeagueGothicRegular", "Arial Narrow", Arial, sans-serif; color:#222; text-transform:uppercase; border-bottom:30px solid #000;}
		.speaker {font-size:11px; font-weight:bold; margin:-25px 0 20px 0; padding:0 0 0 10px; color:#f1d9a8;}
		.speaker a {font-size:13px; text-transform:uppercase; letter-spacing:1px; padding-left:3px; text-decoration:none;}

		p.intro {font:italic 20px/30px palatino,'palatino linotype', georgia, serif; padding:30px 80px 30px 20px;}
		
		div.footer {padding:10px 20px; font-size:11px; color:#333; -webkit-text-size-adjust: none;}
		div.footer a {text-decoration:underline; color:#333;}
		div.footer a:hover {text-decoration:underline; color:#d54523;}
		div.footer a.rsvp {font-size:11px; display:block; float:right; padding-left:20px; background:url(../images/facebook.png) no-repeat left center; color:#333; text-decoration:underline;}
		div.footer a.rsvp:hover {color:#3b5998; text-decoration:underline;}