/*
-----------------------------------------------
gettingemotional.com
edited: 2008-03-14
----------------------------------------------- */

@import url("reset.css");

body {
	background-color:#222;
	font-family:"lucida grande", sans-serif;
	min-width:900px;
	text-align:center;
	text-shadow:#000 0 0 0;
}
#wrapper {
	background:#666 url(assets/bg-wrapper.png) repeat-x;
	padding:0 20px;
}
#content {
	background:url(assets/bg-content.png) no-repeat bottom center;
	width:900px;
	margin:0 auto;
	padding:0 0 60px;
	text-align:left;
}
#header {
	background:url(assets/bg-header.png) no-repeat top center;
	height:154px;
	margin-bottom:-69px;
}
#header h1 {
	text-indent:-9999px;
}

#col1 {
	float:left;
	width:400px;
	margin-right:60px;
}
#col2 {
	float:left;
	width:400px;
}

h2 {
	height:38px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#hdr-sxswaustin { background-image:url(assets/hdr-sxswaustin.png); }
#hdr-presentedby { background-image:url(assets/hdr-presentedby.png); }
#hdr-addyourconfessions { background-image:url(assets/hdr-addyourconfessions.png); }
#hdr-downloadstuff { background-image:url(assets/hdr-downloadstuff.png); }

h3 {
	font-size:13px;
	color:#fff;
	margin:0 0 15px;
	padding:25px 0 15px;
	border-bottom:1px solid #7f7f7f;
}

#description {
	margin:0 0 30px;
	font-size:13px;
	font-weight:bold;
	color:#bbb;
	line-height:1.4;
}
#description a {
	color:#222;
	padding:1px;
	border-bottom:2px solid #444;
	text-decoration:none;
}
#description a:hover {
	color:#bbb;
	background-color:#444;
}

#date {
	background:#858585 url(assets/bg-date.png) no-repeat;
	height:90px;
	margin:25px 0 0;
	padding-left:105px;
	color:#333;
	font-weight:bold;
}
.date {
	font-size:13px;
	padding:13px 0 0;
}
.time {
	font-size:11px;
	padding:8px 0 0;
}
.room {
	padding:8px 0 0;
	line-height:25px;
	height:25px;
	font-size:13px;
	color:#fff;
}
.room strong {
	float:left;
	padding:0 7px;
	background-color:#5b5b5b;
}
.room em {
	float:left;
	padding:0 8px;
	font-style:normal;
	background-color:#390;
}

#bios {
	margin:25px 0 0;
	padding-left:115px;
	font-weight:bold;
}
#bios dt {
	font-size:13px;
	color:#fff;
	background-repeat:no-repeat;
	background-position:0 13px;
	margin-left:-115px;
	padding-top:10px;
	padding-left:115px;
	height:92px;
	border-top:1px dashed #999;
}
#bios dt em {
	display:block;
	font-size:11px;
	font-style:normal;
	line-height:1.8;
	color:#333;
}
#bios dd {
	font-size:11px;
	color:#ccc;
	line-height:1.5;
	margin:-55px 0 20px;
}

#bios dt.dr {
	border:none;
	padding-top:0;
	background-image:url(assets/headshot-dan.png);
	background-position:0 0;
}
#bios dt.es { background-image:url(assets/headshot-eris.png); }
#bios dt.dh { background-image:url(assets/headshot-didier.png); }

form {
	margin:25px 0 40px;
	padding:15px 20px 20px;
	background:#4c4c4c url(assets/bg-form.png) repeat-x;
}
input[type=radio] {
    position:absolute;
    left:-999px;
}
form label {
	font-size:13px;
	font-weight:bold;
	line-height:1.3;
	color:#ccc;
	cursor:pointer;
}
form label em {
	display:block;
	font-style:normal;
	font-weight:normal;
	font-size:11px;
	color:#777;
}
form input#Field0 {
	height:30px;
	width:350px;
	margin:10px 0 0;
	padding:0 5px;
	border:0;
	font-size:14px;
	font-weight:bold;
	color:#eee;
	background-color:#373737;
}

form #radio-buttons {
	position:relative;
	margin:15px -20px;
	padding:20px;
	border:1px dashed #666;
	border-width:1px 0;
}

form #radio-buttons #hate {
	background:url(assets/heart-hate.png) no-repeat 0 3px;
	margin-right:15px;
	padding:6px 0 6px 63px;
	color:#999;
}
form #radio-buttons #love {
	background:url(assets/heart-love.png) no-repeat 0 3px;
	padding:6px 0 6px 59px;
	color:#999;
}
form #radio-buttons label#hate.selected,
form #radio-buttons label#love.selected,
form #radio-buttons label.selected em {
    background-position:0 -25px;
    color:#fff;
}
form #radio-buttons p {
	position:absolute;
	right:30px;
	top:20px;
	color:#666;
	font-size:18px;
	font-weight:bold;
}

.active {
	background-position:0 -31px;
}

form textarea {
	height:150px;
	width:350px;
	margin:10px 0 0;
	padding:5px;
	border:0;
	font-family:inherit;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	color:#eee;
	background-color:#373737;
}

form input#saveForm {
	height:30px;
	border:0;
	margin:15px 0 0;
	padding:0 10px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	background-color:#333;
	cursor:pointer;
}

#downloads {
	margin:20px 0 0;
	font-size:13px;
	font-weight:bold;
	color:#bbb;
	line-height:1.4;
}
#downloads a {
	color:#999;
	text-decoration:none;
	border-bottom:2px solid #777;
}
#downloads a:hover {
	color:#ccc;
	border-color:#999;
}
#downloads img {
	float:left;
	border:3px solid #999;
	margin-right:10px;
}
#downloads a:hover img {
	border-color:#ccc;
}

#footer {
	background:url(assets/bg-footer.png) repeat-x;
	height:150px;
	padding:30px 20px 0;
}
#footer p {
	width:900px;
	margin:0 auto;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	line-height:1.6;
	color:#666;
}
#footer p#copyright {
	color:#999;
}

#footer a {
	color:#999;
	text-decoration:none;
}