/*<group=VERSION INFO >*/

/*
CSS, Images and Use of Color are Copyright ©2005 The Society of Typographic Aficionados.
*/

/* 
TypeCon2005 Style Sheet
Concept	: Brian Bonislawsky
URL		: http://www.astigmatic.com/

Designer	: Frank Jonen
URL		: http://www.frankjonen.com/
Date		: June 11 2005
*/

/*
Version 5.05
-------------------------
00:49 AM UTC
June 11, 2005 
-------------------------
Editor: Frank Jonen
*/
	
/*</group>*/

/*<group=Basic Formatting   >*/

body 
{
	background: #ffffff repeat-y 0px 0px url(contentheads/maintile.gif);
	font: 8pt/12pt 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	color: #231f20;
	display: block;
	margin: 0;
	padding: 0;
}

body.med 
{
	background: #fff url(logos/menutile.gif) repeat-y 0px 0px;
}

.carrier 
{
	background: #ffffff;
	padding: 0 10pt 10pt;
	margin: 0;
}

#wrap .hide 
{
	display: none;
	visibility: hidden;
}

.maincontent 
{
	display: block;
	margin: 0 0 50px;
	border-top: 1px solid #e4122c;
	padding: 0;
}

#home .maincontent, #sponsors .maincontent, #special, .maincontent  
{
	width: 265px;
	float: left;
	position: relative;
}

#special, .maincontent {
	margin: -1px 0 0;
}

strong 
{
	font-weight: bold;
}

.maincontent p 
{
	text-align: left;
	display: block;
	margin: 0 8px 14pt;
	padding: 2px 5px 0;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

/*<group=quotes>*/


q:before
{
	content: "\201c";
}

q:after
{
	content: "\201d";
}
	
/*</group>*/

/*<group=lists>*/

dl 
{
	padding: 2pt 1px;
	margin: 0 0 10pt;
	display: block;
	width: 300px;
}

dl:hover > dt 
{
	color: #e4122c;
}

dt 
{
	margin: 0;
	font-weight: bold;
	padding-left: 10pt;
}

dd 
{
	padding: 0 0 0 10pt;
	margin: 0;
	width: 260px;
}

p.infoline 
{
	color: #999999;
}

.maincontent ul 
{
	list-style: none;
	padding: 0 0 0 5pt;
	margin: -5pt 0 15px 18pt;
}

.maincontent ul > li 
{
	display: list-item;
	list-style: disc outside url(textual/mainbullet.gif);
}
	
/*</group>*/

a > img 
{
	border-style: none;
}

h3 
{
	font: normal 14pt/20pt Georgia, Times New Roman, Times, serif;
	margin: -1px 0 5pt;
	padding: 10pt 5pt 5pt 10pt;
	text-align: left;
	display: block;
}

#home h3 
{
	font-size: 12pt;
	line-height: 16pt;
}

h4 
{
	font: 10pt/12pt Georgia, Times New Roman, Times, serif;
	color: #e4122c;
	text-transform: uppercase;
	letter-spacing: 0.25ex;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 10pt;
}

#sponsors h5 
{
	color: #231f20;
	margin: 8pt 10pt 2pt 0;
}

h5 
{
	font: 10pt/12pt Georgia, Times New Roman, Times, serif;
	margin: 5px 0 0;
	text-indent: 10pt;
	color: #231f20;
	text-transform: uppercase;
	letter-spacing: 0.25ex;
}

h6 
{
	display: block;
	font: bold 8pt 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	padding: 00px;
	margin: 0 0 10pt 10pt;
}

a:link 
{
	color: #e4122c;
}

a:visited 
{
	color: #802722;
	text-decoration: underline;
	padding-bottom: 1px;
}

a:hover 
{
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid;
}

a:active 
{
	color: #ffc136;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
	
/*</group>*/

/*<group=Masthead>*/

#head 
{
	display: block;
	position: relative;
	z-index: 8;
	margin: 0;
	top: 0;
	background: #fff567;
	right: 0;
	left: 0;
	padding: 10px 0 0;
	height: 140px;
	border-bottom: 1px solid #e4122c;
}

#head h1 a 
{
	margin: 0;
	padding: 0;
	display: block;
	width: 449px;
	height: 105px;
	background: url(logos/tc05logo.gif) no-repeat 0px 0px;
	position: relative;
	top: 0;
	left: 35px;
	text-indent: -9000px;
}

#head h1 a:link, #head h1 a:hover, #head h1 a:visited 
{
	border-style: none;
	text-decoration: none;
}

#head h2 
{
	padding: 0;
	display: block;
	width: 304px;
	height: 94px;
	background: url(logos/head-date-venue.gif) no-repeat 0px 0px;
	text-indent: -9000px;
	margin: 26px auto auto 100px;
	float: left;
	position: absolute;
	left: 479px;
	top: 0;
}

#head p 
{
	position: absolute;
	top: 0;
	text-indent: -90000px;
}
	
/*</group>*/

/*<group=Content>*/

/*<group=sponsors>*/

#sponsors dl:hover 
{
	background: #fff567;
}

#sponsors .maincontent 
{
	margin-left: 0;
	margin-right: 0;
	width: 265px;
	padding-left: 1px;
}

#sponsors dl 
{
	width: 264px;
	margin: 0 1px 10pt 0;
	padding: 8pt 0 8pt 0pt;
}

#sponsors dl:hover > dt 
{
	color: #231f20;
}
	
/*</group>*/

/*<group=Calendar>*/

#calendar
{
	display: none;
}

/* hide from el retardo \*/
#calendar 
{
	display: block;
	margin: 10px auto;
	width: 222px;
	padding: 0;
	position: fixed;
	top: 160px;
	right: 50px;
	z-index: 8;
}

#workshops #calendar 
{
	display: block;
	margin: 10px auto;
	width: 222px;
	padding: 0;
	position: fixed;
	top: 400px;
	right: 50px;
	z-index: 8;
}
/* done */


#calendar caption 
{
	text-align: center;
	display: block;
	width: 222px;
	margin: 10px auto 0;
	font: 10pt   'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	color: #4c4c4c;
	height: 14pt;
}

#calendar th 
{
	width: 40px;
	height: 20px;
	margin: 0;
	padding: 1px;
	float: left;
	border-right: 1px solid #b10916;
	border-bottom: 1px solid #b10916;
	background: #ef3443;
	display: block;
}

#calendar th a 
{
	display: table;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #e4122c;
	color: #ffffff;
	text-decoration: none;
	width: 40px;
	height: 20px;
	text-shadow: #b10916 0px 1px 0px;
	border-bottom-style: none;
}

#calendar th.off a 
{
	background: #ef3443;
}

#calendar td.off a 
{
	background: #e6e6e6;
}

#calendar thead tr 
{
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #b10916;
	border-top: 1px solid #b10916;
	display: block;
}

#calendar tbody, #calendar thead 
{
	display: block;
	padding: 0;
	margin: 0;
}

#calendar tbody tr 
{
	border-left: 1px solid #cccccc;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

#calendar td 
{
	width: 40px;
	height: 40px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 1px;
	float: left;
	background: #fff;
	display: block;
}

#calendar td a 
{
	display: block;
	height: 39px;
	width: 39px;
	text-align: center;
	padding: 1px 1pt 0 0;
	color: #404040;
	text-decoration: none;
	margin: 0;
	border-style: none;
	text-indent: 16pt;
	background: #f7f7f7;
}

#calendar td a:hover 
{
	background: #e9e9e9;
}

#calendar td a:active 
{
	background: #edf3fa;
}

#calendar td > ul 
{
	padding: 0;
	margin-top: 10px;
	width: 216px;
	display: none;
	list-style: none;
	position: fixed;
	top: 260px;
	right: 55px;
	z-index: 10;
}

#workshops #calendar td > ul 
{
	padding: 0;
	margin-top: 10px;
	width: 216px;
	display: none;
	list-style: none;
	position: fixed;
	top: 500px;
	right: 55px;
	z-index: 10;
}

#calendar td:hover > ul, #workshops #calendar td:hover > ul 
{
	display: block;
}

#calendar td > ul li 
{
	margin: 0pt 0 2pt;
	display: block;
	border-bottom: 1px solid #cccccc;
	padding: 3pt 0;
}

#calendar td > ul li > em 
{
	font-style: normal;
	color: #e4122c;
	letter-spacing: normal;
	font-weight: bold;
	display: block;
}
	
/*</group>*/

/*<group=register>*/

#register dl:hover > dt 
{
	color: #231f20;
}

#register dl:hover > dd 
{
	color: #e4122c;
	background: #fff567;
}
	
/*</group>*/

/*<group=program>*/

#program h5 
{
	display: block;
	color: #231f20;
	text-transform: none;
	text-align: left;
	padding-top: 3pt;
	border-bottom: 1px none #e4122c;
	padding-bottom: 3pt;
	margin: -1px 0 6pt;
	padding-left: 10pt;
	font: bold 9pt 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	letter-spacing: normal;
	text-indent: 0;
}

#program h3 
{
	margin-bottom: 6pt;
}

#program h4
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 3px;
	padding-top: 4pt;
	margin: -1px 0 10pt;
}

#program p > em
{
	margin-top: -9pt;
	display: block;
	margin-bottom: -8pt;
}

#program .maincontent:hover, #workshops .maincontent:hover
{
	background: #fffcd7;
}

#program .maincontent:hover h4, #workshops .maincontent:hover h4 
{
	background: #fff567;
	border-color: #ffbf38;
}

#program .maincontent:hover p > em
{
	color: #e4122c;
}
	
/*</group>*/

#main 
{
	z-index: 2;
	display: block;
	padding: 0;
	position: absolute;
	left: 159px;
	right: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

#special {
	margin-bottom: -1px;
}

#wrap p.imagebag 
{
	clear: right;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}

#wrap 
{
	display: table;
	min-width: 850px;
	min-height: 580px;
	background: #ffffff repeat-y url(contentheads/maincol-linetile.gif) 266px 0px;
	border-color: #e4122c;
	z-index: 3;
	padding: 0 0 3pt;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

.full #wrap 
{
	background: #ffffff;
}

#wrap p:first-child 
{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

#wrap p > img 
{
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	border: 3px solid #ffffff;
	border-right-width: 2px;
}

/*<group=workshops>*/

#workshops h4
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 3px;
	padding-top: 4pt;
	margin: -1px 0 0pt;
}

#workshop ol 
{
	counter-reset: item;
}

#workshops ol > li 
{
	display: list-item;
	list-style: lower-latin;
}

#workshops ol > li:before 
{
	content: ") ";
	margin-left: -5pt;
}

#workshops ul 
{
	display: block;
	margin-top: 2pt;
	margin-right: 0;
	padding: 0 10pt;
	margin-left: 11pt;
}

#workshops ul.presenters
{
	padding-left: 0;
	padding: 0;
	margin: 0 0 0 10pt;
}

#workshops ul.presenters li 
{
	font-weight: bold;
	list-style: none;
}

#workshops ul.presenters ul 
{
	margin: 0 0 10pt 0pt;
	list-style: none;
	padding-left: 0;
}

#workshops ul.presenters ul > li 
{
	list-style: none;
	margin-left: 0;
	font-weight: normal;
}

#workshops ul.cost 
{
	padding: 0;
}

#workshops ul.cost li 
{
	margin: 0 0 0 0pt;
	list-style: none;
	background: no-repeat url(textual/wsbullet.gif) 1pt 5pt;
	padding: 0 20pt 0 10pt;
}

#workshops .maincontent:hover h5 
{
	color: #e4122c;
	background: #fff567;
}

#workshops .maincontent:hover ul > li > ul > li
{
	color: #e4122c;
}

#workshops h5 
{
	display: block;
	color: #231f20;
	text-transform: none;
	text-align: left;
	border-bottom: 1px solid #e4122c;
	margin: -1px 0 6pt;
	font: bold 9pt 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	letter-spacing: normal;
	text-indent: 0;
	width: auto;
	padding: 3pt 0 3pt 10pt;
	position: relative;
	right: 0;
	left: 0;
}
	
/*</group>*/

/*<group=medium width>*/

#about em 
{
	color: #e15358;
}

#about em:before 
{
	font-style: normal;
	content: "[";
}

#about em:after 
{
	font-style: normal;
	content: "]";
}

.med .maincontent 
{
	border-style: none;
	padding: 0 0 30px;
	display: block;
	margin: 0;
	position: relative;
}

.med #wrap
{
	padding: 10px 314px 40px 0;
	background: #ffffff repeat-y right top url(contentheads/linetile.gif);
	position: relative;
}


.med .infocol 
{
	width: 314px;
	display: block;
	position: absolute;
	margin: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 12;
	padding: 5pt 0 0;
	float: right;
}

.med .infocol img 
{
	margin: 4px;
	position: relative;
}

.med .infocol p 
{
	padding: 2px 54px 10px 10pt;
	margin: 0;
	display: block;
}


.med .infocol h3 
{
	margin: 5pt 0 8pt;
	text-align: left;
	font-size: 12pt;
	line-height: 12pt;
}

.med .infocol h3:first-child 
{
	margin: 0pt 0 8pt;
}

/*</group>*/

/*<group=full width>*/

.full .maincontent 
{
	width: auto;
}
	
/*</group>*/
	
/*</group>*/

/*<group=Menu>*/

#program .maincontent {
	float: left;
	clear: right;
}

#menu 
{
	position: absolute;
	display: block;
	float: left;
	width: 159px;
	margin: 0;
	z-index: 8;
	left: 0;
	top: 150px;
	background: #e4122c;
	padding: 0 0 50pt;
}

#menu ul 
{
	padding: 0;
	margin: 15px 0 0;
	display: block;
}

#menu li 
{
	margin: 0 0 5px;
	padding: 0;
	display: block;
}

#menu #mn-tctv 
{
	margin-top: 50px;
	display: block;
}

#mn-register a, #mn-program a, #mn-speakers a, #mn-workshops a, #mn-travel a, #mn-venues a, #mn-specevents a, #mn-sponsors a, #mn-tctv a
{
	margin: 0;
	width: 159px;
	height: 25px;
	background: #ff8000;
	display: block;
	text-indent: -9000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-size: 20px;
	line-height: 20px;
	border-style: none;
}

/*<group=menu parts>*/

#mn-register a 
{
	background: no-repeat url(logos/menu.gif) 0px 0px;
}

#mn-program a 
{
	background: no-repeat url(logos/menu.gif) 0px -25px;
}

#mn-speakers a 
{
	background: no-repeat url(logos/menu.gif) 0px -50px;
}

#mn-workshops a 
{
	background: no-repeat url(logos/menu.gif) 0px -75px;
}

#mn-travel a 
{
	background: no-repeat url(logos/menu.gif) 0px -100px;
}

#mn-venues a 
{
	background: no-repeat url(logos/menu.gif) 0px -125px;
}

#mn-specevents a 
{
	background: no-repeat url(logos/menu.gif) 0px -150px;
}

#mn-sponsors a 
{
	background: no-repeat url(logos/menu.gif) 0px -175px;
}

#mn-tctv a 
{
	background: no-repeat url(logos/menu.gif) 0px -200px;
}
	
/*</group>*/

/*<group=menu hover>*/

#mn-register a:hover 
{
	background: no-repeat url(logos/menu.gif) -160px 0px;
}

#mn-program a:hover 
{
	background: no-repeat url(logos/menu.gif) -160px -25px;
}

#mn-speakers a:hover 
{
	background: no-repeat url(logos/menu.gif) -160px -50px;
}

#mn-workshops a:hover 
{
	background: no-repeat url(logos/menu.gif) -160px -75px;
}

#mn-travel a:hover 
{
	background: no-repeat url(logos/menu.gif) -160px -100px;
}

#mn-venues a:hover 
{
	background: no-repeat url(logos/menu.gif) -160px -125px;
}

#mn-specevents a:hover 
{
	background: no-repeat url(logos/menu.gif) -160px -150px;
}

#mn-sponsors a:hover 
{
	background: no-repeat url(logos/menu.gif) -160px -175px;
}

#mn-tctv a:hover 
{
	background: no-repeat url(logos/menu.gif) -160px -200px;
}
	
/*</group>*/

/*<group=menu selected>*/

#register #mn-register a
{
	background: no-repeat url(logos/menu.gif) -320px 0px;
}

#program #mn-program a  
{
	background: no-repeat url(logos/menu.gif) -320px -25px;
}

#speakers #mn-speakers a
{
	background: no-repeat url(logos/menu.gif) -320px -50px;
}

#workshops #mn-workshops a 
{
	background: no-repeat url(logos/menu.gif) -320px -75px;
}

#travel #mn-travel a 
{
	background: no-repeat url(logos/menu.gif) -320px -100px;
}

#venues #mn-venues a 
{
	background: no-repeat url(logos/menu.gif) -320px -125px;
}

#special #mn-specevents a, .special #mn-specevents a 
{
	background: no-repeat url(logos/menu.gif) -320px -150px;
}

#sponsors #mn-sponsors a 
{
	background: no-repeat url(logos/menu.gif) -320px -175px;
}

#tctv #mn-tctv a 
{
	background: no-repeat url(logos/menu.gif) -320px -200px;
}
	
/*</group>*/

/*<group=The Form>*/

#menu form 
{
	display: block;
	width: 150px;
	margin: 50px auto 8px;
	font: 8pt 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	position: relative;
	top: 0;
	left: 0;
}

#menu fieldset 
{
	display: block;
	border: 1px solid #d30f25;
	color: #ffffff;
	text-shadow: #802722 0px 1px 1px;
	background: #ef3443;
}

#menu legend 
{
	text-align: left;
	margin: 3px;
	color: #ffffff;
}

#menu p 
{
	display: block;
	margin: 5px;
	padding: 0;
}

#menu #email 
{
	display: block;
	width: 120px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
	color: #4c4c4c;
	font-size: 11px;
	line-height: 16px;
}

#menu #email:focus 
{
	background: #fff567;
	color: #804000;
}

#menu input[type="submit"] 
{
	display: block;
	margin: 8px 2px -16px auto;
	background: #e1112b;
	color: #ffffff;
	border-width: 1px;
	border-color: #c20c1d;
}

#menu input[type="submit"]:active 
{
	display: block;
	margin: 8px 2px -16px auto;
	background: #fff567;
	color: #e4122c;
	border-width: 1px;
	border-color: #ffff66;
}
	
/*</group>*/
	
/*</group>*/

/*<group=Footer>*/

#footer 
{
	min-width: 880px;
	height: 50px;
	background: #fff567 url(contentheads/footer.gif) left top repeat-x;
	position: relative;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0;
	padding: 2px 0 0;
	display: block;
	clear: left;
	float: left;
}

/* hide from el retardo \*/
#footer
{
	position: fixed;
	z-index: 22;
}

/* done */


.chariot 
{
	width: 880px;
	display: block;
	padding: 0 0pt 0 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	left: 0;
}

#footer .links1, #footer .links2 
{
	width: 480px;
	margin: 8px 0 0;
	padding: 0;
	display: block;
	height: 80px;
	position: relative;
	float: left;
}

#footer .links2 
{
	width: 400px;
	position: relative;
	left: 10px;
}

#footer li[title~="Contact"]
{
	border-right-style: none;
}

#footer p 
{
	padding: 0;
	margin: 3px 0;
	display: block;
	text-align: right;
	line-height: 10px;
}

#footer ul 
{
	display: block;
	float: right;
	padding: 0;
	margin: 5px 0 0 5px;
}

#footer li 
{
	display: block;
	float: left;
	font-weight: bold;
	margin: 0;
	padding-bottom: 0;
	line-height: 4pt;
	border-right: 1pt solid #e4122c;
	padding-right: 3px;
	padding-left: 3px;
}

#footer li > a:hover 
{
	border-bottom: 2px solid;
}

#footer .links2 a img 
{
	display: block;
	float: left;
	margin: 4px 0 0 12px;
	padding: 0 5px 3px;
	border-style: none;
	border-width: 0;
}
	
/*</group>*/