/* /////////////////////////////////
	digital industry forum CSS 
	by Benek Lisefski
	http://www.benekdesign.com
///////////////////////////////// */

/* reset whitespace */
* { 
	margin:0;
	padding:0;
}

/* /////////////////////////////////
	LAYOUT
///////////////////////////////// */

body {
	font: normal 12px 'lucida grand', 'lucida sans unicode', 'lucida sans', arial;
	color: #dfcedc;
	background: #2b0640 url('../i/bg.jpg') no-repeat center top;
	line-height: 18px;
}

#center {
	width: 970px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear { 
	clear: both; 
	height: 0; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -5000px;
}

.hidden {
	display: none;
}

.sideCol {
	width: 210px;
}

.mainCol {
	width: 660px;
	overflow: hidden;
	height: 1%;
}


/* /////////////////////////////////
	BASIC TEXT
///////////////////////////////// */

h1 {
	font: bold 30px arial;
	text-transform: uppercase;
	color: #fff;
	background: transparent url('../i/bg-h1.gif') no-repeat left bottom;
	padding-bottom: 4px;
	margin: 28px 0 18px 0;
}

h2 {
	font: bold 18px arial;
	text-transform: uppercase;
	color: #fff;
	margin: 18px 0 12px 0;
}

h2.topLine {
	background: transparent url('../i/bg-h1.gif') no-repeat left top;
	padding-top: 22px;
	margin-top: 28px;
}

p, ul, ol {
	margin: 12px 0px 12px 0px;
}

ul {
	list-style-type: none;
}


/* /////////////////////////////////
	DEFAULT LINKS
///////////////////////////////// */

a img { border: none }

a:link,
a:visited {
	color: #cb79a0;
	text-decoration: none;
}

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

a:focus {
	outline: 0;
}


/* /////////////////////////////////
	HEADER
///////////////////////////////// */

#header {
	height: 183px;
	overflow: hidden;
	text-indent: -5000px;
}

/* /////////////////////////////////
	NAV
///////////////////////////////// */

ul#nav {
	margin: 32px 0 24px 0;
	list-style-type: none;
}

#content ul#nav li {
	display: block;
	background: transparent url('../i/bg-nav.gif') no-repeat left bottom;
	padding: 0;
}

ul#nav li a:link,
ul#nav li a:visited {
	display: block;
	width: 210px;
	overflow: hidden;
	font: bold 17px arial, 'lucida grand', 'lucida sans unicode', 'lucida sans';
	color: #fff;
	text-transform: uppercase;
	padding: 12px 0 4px 0;
}

ul#nav li a:hover {
	color: #efc6da;
}

ul#nav li a.current:link,
ul#nav li a.current:visited {
	color: #cb79a0;
}

#rsvp:link,
#rsvp:visited {
	display: block;
	width: 104px;
	height: 34px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-rsvp.gif') no-repeat left top;
}

#rsvp:hover {
	background-position: left -34px;
}

/* sub nav */

ul#nav li ul.sub {
	margin: 8px 0 0 0;
	padding: 0 0 12px 0;
}

#content ul#nav li ul.sub li {
	background: none
}

ul#nav li ul.sub li a:link,
ul#nav li ul.sub li a:visited {
	display: block;
	width: 182px;
	overflow: hidden;
	font: bold 13px arial, 'lucida grand', 'lucida sans unicode', 'lucida sans';
	color: #fff;
	text-transform: uppercase;
	padding: 1px 0 1px 28px;
	background: transparent url('../i/bullet.gif') no-repeat 12px center;
}

ul#nav li ul.sub li a:hover {
	color: #efc6da;
}
	
ul#nav li ul.sub li a.current:link,
ul#nav li ul.sub li a.current:visited {
	color: #cb79a0;
}


/* /////////////////////////////////
	CONTENT 
///////////////////////////////// */

#wrapper {
	background: #0f0216 url('../i/bg-content.gif') repeat-y left top;
}

#content {
	overflow: hidden;
	padding: 1px 30px 12px;
	background: transparent url('../i/bg-content-top.jpg') no-repeat left top;
	height: 1%;
}

#contact:link,
#contact:visited {
	display: block;
	width: 653px;
	height: 21px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/email2.gif') no-repeat left 18px;
	border-top: solid 1px #271c2e;
	padding-top: 18px;
	margin: 24px 0 18px 0;
}

#content ul li {
	padding-left: 16px;
	background: transparent url('../i/bullet.gif') no-repeat left 6px;
}

img.bio {
	border: solid 4px #0c0215;
	float: right;
	margin: -30px 0 12px 24px;
}

.video {
	margin: 24px 0 18px 0;
}

#gallery {
	height: 1%;
	overflow: hidden;
}

#gallery a:link,
#gallery a:visited {
	display: block;
	float: left;
	width: 115px;
	border: solid 4px #000;
	margin: 0 8px 8px 0;
}

#gallery a img {
	display: block;
}

#gallery a:hover {
	border-color: #cb79a0;
}

/* /////////////////////////////////
	FORMS 
///////////////////////////////// */

#rsvpForm {
	background: #1f0e20 url('../i/bg-h1.gif') no-repeat left top;
	padding: 4px 20px 24px 20px;
	margin: 24px 0 56px 0;
}

fieldset {
	border: 0;
}

label {
	display: block;
	font: bold 14px arial;
	text-transform: uppercase;
	color: #fff;
	margin: 16px 0 5px 0;
}

.btn {
	margin: 18px 8px 0 0;
}

input.input {
	font: normal 14px 'lucida grand', 'lucida sans unicode', 'lucida sans', arial;
	background: #432836;
	border: 0;
	border-bottom: solid 1px #523a48;
	color: #fff;
	padding: 5px;
	margin: 0;
	width: 500px;
}

.input:focus {
	outline: none;
	border-color: #72445f;
}

/* /////////////////////////////////
	TABLES 
///////////////////////////////// */

#programmeTable td {
	padding: 4px 20px 4px 0;
	vertical-align: top;
}

#programmeTable h2 {
	margin: 18px 0 0 0;
}

#programmeTable tr.borderTop td {
	border-top: solid 1px #3b2a39;
}

#programmeTable tr.borderBottom td {
	background: transparent url('../i/bg-h1.gif') no-repeat left bottom;
}

#programmeTable tr.padBottom td {
	padding-bottom: 12px;
}


/* /////////////////////////////////
	FOOTER
///////////////////////////////// */

#footer {
	height: 186px;
	background: #2b0640 url(../i/bg-footer.gif) no-repeat left top;
	padding: 16px 6px 0 6px;
}

#logos {
	margin: 0 auto 18px;
	height: 82px;
	list-style-type: none;
	text-align: center;
	padding-top: 25px;
}

#logos li {
	display: inline;
	margin: 0 20px;
}

#footer p {
	text-align: center;
}