/*
name         : style.css
author       : http://www.eastcoastinteractive.co.uk
created      : 10/10/2008
last updated : 29/01/2009
purpose		 : stylesheet for openknowledgenetworks.com
*/

/*general styles*/
*
{
	padding:0;
	margin:0;
}

body
{
	background:#fff url('../img/pattern.png') fixed;
	padding:10px 0;
}

body,input
{
	font:62.5% Helvetica, Arial, Verdana, sans-serif;
	color:#000;
}

p{font-size:14px; line-height:18px; padding-bottom:12px;}

a, a:visited
{
	color:rgb(130,125,61);
	text-decoration:none;
	font-weight:bold;
}

a:hover{color:#444;}

h1, h2, h3, h4, h5, h6{font-weight:bold; color:rgb(130,125,61);}

h1{font-size:24px;}

h2{font-size:21px;}

h3{font-size:18px; margin:9px 0;}

h4{font-size:16px;}

em{font-style:italic;}
strong{font-weight:bold;}

blockquote{border:1px dotted #ccc; padding:9px 18px 0 18px; margin-bottom:9px;}
blockquote p{font-size:12px; color:#222;}

/*layout of elements*/
#holdem
{
	position:relative;
	width:900px;
	background:#fff;
	margin:0 auto;
	z-index:20;
}

#header
{
	position:relative;
	width:100%;
}

#header img{margin:36px 18px 9px 18px;}

#header h1 a
{
	position:relative;
	top:36px;
	left:18px;
	display:block;
	width:862px;
	height:52px;
	overflow:hidden;
	background:url('../img/okn-logo-states.png') 0px 0px no-repeat;
	text-indent:-9999px;
	margin-bottom:54px;
}

#header h1 a{}
#header h1 a:hover{background:url('../img/okn-logo-states.png') 0px -52px no-repeat;}

#footer
{
	position:relative;
	clear:both;
	font-size:0.9em;
	padding:10px 0 18px 0;
	margin:0 18px;
	background:transparent;
}

#sponsors
{
	position:relative;
	padding:9px 0 18px 0;
	margin:0 18px;
}

.credits
{
	position:relative;
	top:0;
	left:0;
	height:100px;
	list-style-type:none;
	width:864px;
	margin:0;
	border-top:1px dotted #9cbebf;
}
.credits li{float:left; margin:0 18px 0 0;}
.credits li a
{
	display:block;
	width:150px;
	height:76px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.peacockLogo{background:url('../img/partners/peacock-visual-arts.png');}
.eciLogo{background:url('../img/partners/east-coast-interactive.png');}
.sacLogo{background:url('../img/partners/scottish-arts-council.png');}
.accLogo{background:url('../img/partners/aberdeen-city-council.png');}

/* menu system */
ol.menu
{
	position:relative;
	top:18px;
	left:18px;
	height:33px;
	list-style-type:none;
	width:864px;
	margin:0;
}

ol.menu li
{
	float:left;
	margin:6px 18px 0 0;
}

ol.menu li a
{
	display:block;
	font-size:14px;
	line-height:22px;
	padding:2px 12px;
	background:#333;
	color:#eee;
}

ol.menu li a:hover, ol.menu li a.active
{
	color:#fff;
	background:rgb(130,125,61);
}

/* all the main content */
.nextEventInfo,.pageTitle
{
	border:1px solid #fff;
	background:rgb(182,178,141);
	margin:18px;
	padding:0 18px 3px 18px;
}

.nextEventInfo h2, .pageTitle h2{font-size:4em; color:#fff;}

.eventDescription, .next-event
{
	margin:0 0 0 18px;
	padding:18px;
	border:1px dotted #9cbebf;
	border-width:1px 0;
	width:560px;
	float:left;
}

.next-event{border-width:0 0 1px 0; padding:0; width:596px;}

.eventDescription h3{border-top:1px dotted #9cbebf; padding-top:9px;}

.eventDescription ol{margin-top:14px; padding-top:18px; border-top:1px dotted #9cbebf;}
.eventDescription ol li{font-size:12px; line-height:18px; margin-bottom:9px; list-style-type:decimal;}
.eventDescription ol li a{}

.archived-event
{
	margin:9px 18px 9px 18px;
	padding:18px;
	border:1px dotted #9cbebf;
	border-width:1px 0;
	position:relative;
	/*width:560px;*/
	/*float:left;*/
	background:rgb(156, 190, 191);
}

.archived-event h3{color:#fff;}
.archive-title{border-top:1px dotted #fff; padding-top:12px;}

.registerNotice
{
	margin-top:18px;
	padding-top:18px;
	display:block;
	clear:both;
	font-size:18px;
	line-height:24px;
	border-top:1px dotted #9cbebf;
}

#promotional{float:right; width:250px; margin-right:18px;}
#promotional h4{border-top:1px dotted #9cbebf; margin-top:9px; padding-top:9px;}
.promoLink{display:block; font-size:11px; margin:18px 0 18px 0;}
.twitterFeedLogo{display:block; width:250px; height:26px; overflow:hidden;background:url('../img/twitter-logo.png') 0px 9px no-repeat; text-indent:-9999px;}
#twitter_update_list{font-size:12px; margin:9px 0;}
.railo-power{display:block; width:80px; height:27px; margin:54px 0 18px 70px;}

.presentation-lineup, .music-lineup{list-style-type:none; background:#efefef;}
.music-lineup li, .presentation-lineup li{font-size:14px; padding:3px 0 3px 28px;}
.presentation-lineup li{background: url('../img/monitor.png') 1px 5px no-repeat;}
.music-lineup li{background: url('../img/music.png') 1px 5px no-repeat;}

.formHolder
{
	position:relative;
	margin:0 18px;
}

.formHolder ol{list-style-type:none; margin-bottom:18px;}
.formHolder li{padding:5px 0; display:block;}

.formHolder h2{}
.formHolder form{}
.formHolder fieldset{margin:18px; border-bottom:1px solid #bbb; position:relative;}
.formHolder fieldset.optional{background:#fff;}
.formHolder legend
{
	font-size:18px;
	background:#fff;
	color:rgb(130,125,61);
	padding:9px;
}
.formHolder label{font-size:13px;}
.formHolder label.requestedInput{text-align:right; float:left; width:210px; padding-right:3px; line-height:24px;}
.formHolder input, .formHolder textarea{font-size:18px; width:360px; margin:0 9px 0 18px;}
.formHolder textarea{margin-bottom:18px;}
.formHolder select
{
	margin:0 18px 24px 230px;
	font-size:20px;
	width:360px;
	color:#527fbc;
}

.formInstructions
{
	background:#333;
	padding:9px;
	color:#ccc;
	border-radius:10px;
	-moz-border-radius:10px; /* Mozilla */
	-webkit-border-radius:10px; /* Webkit */
}

.formOption
{
	padding:9px 9px 7px 32px;
	margin:0 0 12px 220px;
	border:1px solid #eee;
	font-size:14px;
	display:block;
	width:380px;
	text-align:center;
	border:1px dotted #626f5a;
}

div.formOption:hover{cursor:hand;}

.formButton
{
	display:block;
	position:relative;
	left:214px;
	border:2px solid #ccc;
	background:rgb(130,125,61);
	color:#fff;
	padding:3px;
	text-align:center;
}

.formButton:hover{background:#333; color:#fff;}

#surveyChoice{background:rgb(164, 221, 239) url('../img/ui/chart_bar.gif') 9px center no-repeat;}
#tipChoice{background:rgb(164, 221, 239) url('../img/ui/comment_bullet.gif') 9px center no-repeat;}

.actionCall
{
	position:relative;
	margin:18px;
	/*background:#eee;*/
}

.button
{
	display:block;
	border:2px solid #626f5a;
	background:#faeada;
	padding:3px;
	text-align:center;
}

.action
{
	width:200px;
	float:right;
	margin-right:340px;
	margin-top:6px;
	font-size:2em;
	line-height:3em;
	background:#dafac8;
	border-radius:9px;
	-moz-border-radius:9px; /* Mozilla */
	-webkit-border-radius:9px; /* Webkit */
}

.action:hover{background:#626f5a;}

.memberTopics
{
	position:relative;
	display:block;
	margin:18px;
	background:url('../img/2cols.png') center top repeat-y;
}

.recent
{
	float:left;
	display:block;
	width:380px;
	padding:18px 12px 18px 24px;
}

.recent h3
{
	border:1px solid #9cbebf;
	margin-bottom:12px;
	padding:3px 9px;
	background:#333;
	color:#fff;
}

.recent ul li
{
	padding-left:24px;
	line-height:24px;
	border-bottom:1px dotted #bbb;
}

.recent ul li.alt{background-color:#eee;}
.recent ul li.over{background-color:#fff;}

.speakers{margin-right:18px;}
.speakers ul{}
.speakers ul li{background-image:url('../img/ui/group_bullet.gif'); background-position:0 3px; background-repeat:no-repeat;}

.topics{}
.topics ul{}
.topics ul li{background-image:url('../img/ui/comment_bullet.gif'); background-position:0 6px; background-repeat:no-repeat;}

.moreInformation{display:block; width:40px; font-size:11px; margin:18px 0 18px 24px;}


/* contact form */
/* forms */
#contactForm
{
	font-size:1.3em;
}

#contactForm legend
{
	font-weight:bold;
	_margin:0 -7px; /* IE Win */
	position:relative;
	top:18px;
}

#contactForm fieldset
{
	background:#fff;
}

#contactForm fieldset div
{
	list-style:none;
	padding:18px 18px 0 18px;
	margin:0;
	position:relative;
}

#contactForm input, #contactForm select, #contactForm textarea
{
	font-size:1.1em;
	display:block;
	width:480px;
	border:3px solid #eee;
	padding:4px;
}

#contactForm input:focus, #contactForm select:focus, #contactForm textarea:focus{border:3px solid #B6B28D;}
#contactForm label.left
{
	display:block;
	margin-bottom:5px;
}

#contactForm select{margin-bottom:5px;}
#contactForm textarea{margin-bottom:18px;}
#contactForm input.submit{margin-bottom:18px;}
#contactForm input.submit
{
	width:254px;
	background:#add5fb;
	font-weight:bold;
	margin-bottom:18px;
	cursor:pointer;
}

form input.submit:hover
{
	background:#add5fb;
	cursor:pointer;
}

div.error{display:none;}

#contactForm label.error
{
	margin:8px 0 0 1px;
	padding:2px 4px 4px 4px;
	width:auto;
	display:inline;
	border:1px solid #fff;
	background:#add5fb;
	color:#021f3c;
}

span.reqd
{
	position:absolute;
	top:42px;
	left:526px;
	font-size:2.4em;
	color:#add5fb;
	padding-top:4px;
}

/* specific form tweakage */
#contactFormContainer{margin-top:18px;}


/* user notifications throughout the site */
.notification
{
	display:block;
	background:#333;
	border:1px dotted #bbb;
	font-size:12px;
	margin:18px;
	padding:9px 9px 12px 9px;
	color:#ccc;
	text-align:center;
}

/* user should take notice by way of a star (*) */
.userNote
{
	color:#f00;
	font-size:26px;
	position:relative;
	line-height:1px;
	padding:0;
	margin:0;
	top:5px;
}

.notification>.userNote{top:12px;}

.clear{height:1px; clear:both;}