/* @override http://refreshportland.org/css/style.css */

body {
	background: #162e4a url('../img/bg.png') top left repeat-x fixed;
	color: #fff;
	font: small/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}

a {
	font-weight: bold;
	color: #b3ec1a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.button {
	background-color: #87b410;
	color: #fff !important;
	padding: 2px 8px;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	transition: background-color .2s linear;
	display: block;
	float: left;
}

a.button:hover {
	text-decoration: none;
	background-color: #7b9906;
}

a.button:active {
	background-color: #718b08;
	border-top: solid 2px rgba(0,0,0,0.1);
	padding-top: 0px;
	color: rgba(255,255,255,0.9) !important;
}

.map {
	color: #fff;
	background-color: rgba(255,255,255,0.1);
	padding: 0 .4em .1em .4em;
	font-size: 85%;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
}

a.map:hover {
	text-decoration: none;
	background-color: #8dab18;
}

p {
	margin-bottom: 1em;
}

input[type="text"]{
	background-color: rgba(255,255,255,0.1);
	border: 0;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	color: #fff;
	padding: 6px;
	margin-bottom: 1em;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	width: 216px;
}

input[type="text"]:focus {
	border: solid 2px rgba(255,255,255,0.3);	
	padding: 4px;
	background-color: rgba(255,255,255,0.2);
	
}

label {
	display: block;
	font-weight: bold;
	margin: 0 0 .5em 0;
}

.clear { clear: both; }

h2 {
	font-size: 3.5em;
	line-height: 1.3em;
	letter-spacing: -2px;
	font-weight: bold;
}

h2 span {
	font-weight: 100;
	font-family: "HelveticaNeue-UltraLight","Helvetica Neue UltraLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 95%;
}

h4 {
	font-size: .85em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .2em;
	padding: .5em 0 .5em 1em;
	background-color: rgba(0,0,0,0.1);
	margin: 0 0 1em 0;
}

h3 {
	font-size: 1.8em;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	line-height: 1.3em;
	margin-bottom: .5em;
	clear: both;
}

cite {
	font-family: Georgia, serif;
	font-style: italic;
	display: block;
	margin-bottom: 1.2em;
}

cite a {
	font-weight: normal;
	font-size: 1.3em;
	font-style: normal;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

img {
	padding: 4px;
	background-color: rgba(0,0,0,0.15);
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 2em 0 0 0;
}

h1 a {
	display: block;
	width: 169px;
	height: 41px;
	background: transparent url('../img/logo-trans.png');
	float: left;
	text-indent: -9999px;
}

#header {
	width: 100%;
	margin-bottom: 2em;
	overflow: hidden;
}

ul#navigation {
	float: right;
	height: 41px;
	line-height: 41px;
}

ul#navigation li {
	float: left;
	margin: 0 0 0 2em;
}

ul#navigation li a {
	color: rgba(255,255,255,0.3);
	font-size: 1.8em;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	-webkit-transition: all .1s linear;
	-moz-transition: all .2s linear;
}

ul#navigation li a:hover {
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	position: relative;
	top: -2px;
}

ul#navigation li.selected a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
}

ul#navigation li.selected a:hover {
	position: static;
}

dl {
	background-color: #1b3554;
	border-bottom: solid 2px rgba(255,255,255,0.05);
	height: 50px;
	position: relative;
	padding: 1em;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
}

dl a:hover {
	text-decoration: none;
}

dl:first-child {
	clear: both;
}

dl:last-child {
	border: 0;
	margin-bottom: 20px;
}

dl.selected {
	background-color: #25466c !important;
	border: 0 !important;
}

dl.selected dt.month-header {
	color: #284b74 !important;
	padding-right: .2em;
}

dl.selected:hover, dl.tba:hover {
	background-color: #1b3554;
	cursor: auto;
	border-bottom: solid 2px rgba(255,255,255,0.05);
}

dl.tba:hover .month-header {
	color: #1d395a;
}

dt {
	font-size: 1.5em;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	line-height: 1.1em;
	margin: 0 0 .5em 0;
	color: #284c74;
	position: relative;
}

dt a {
	color: #fff;
	font-weight: 100;
}

dl.tba:hover dt.month-header {
	padding-right: .2em;
}

.tba dt, .archive dt {
	line-height: 50px;
}

dt.month-header {
	display: block;
	left: 0;
	right: 0;
	height: 50px;
	position: absolute;
	text-align: right;
	font-size: 68px;
	text-transform: uppercase;
	color: #1d395a;
	letter-spacing: -.05em;
	line-height: 50px;
	padding: 0 .2em 0 0;
	margin: 0;
	z-index: 0;
	font-weight: bold;
	top: auto;
	left: auto;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
}

dl:hover {
	text-decoration: none;
	background-color: #8eab21;
	cursor: pointer;
	border-color: rgba(0,0,0,0.2);
}

dl:hover .month-header {
	color: rgba(255,255,255,0.2);
	padding-right: .1em;
}


dd {
	font-family: Georgia, serif;
	font-style: italic;
	color: rgba(255,255,255,0.5);
}

dd a {
	font-weight: normal;
	color: inherit;
	font-size: 1.2em;
	font-style: normal;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	transition: color .2s linear;
}

.main-column {
	margin: 0 20px 0 0;
	clear: both;
	width: 690px;
	float: left;
}

#event-info {
	background: #fff url('../img/bg-next-refresh.png') top right no-repeat;
	color: rgba(0,0,0,0.5);
	padding: 3.5em 170px 0 1em;
	position: relative;
	overflow: hidden;
}

#event-info a {
	color: #87b410;
}

#event-info a.button {
	margin-top: 1em;
}

#event-info h4 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(142,171,33,0.5);
}

#event-info p.meta {
	width: 87%;
	line-height: 25px;
	margin-bottom: 0;
}

#event-info #speaker-info {
	width: 145px;
	position: absolute;
	top: 1.5em;
	right: 1em;;
	font-size: .85em;
	line-height: 1.4;
	clear: both;
	list-style: none;
}

#event-info div ul {
	padding-left: 20px;
	margin: 0 0 1em 0;
	list-style-type: disc;
}

.sidebar {
	width: 250px;
	float: left;
	margin: 0;
}

.sidebar div {
	margin: 0 0 2em 0;
	background-color: #25466c;
	float: left;
}

.sidebar div p, .sidebar div ul, .sidebar div form {
	padding: 0 1em 1em 1em;
	font-size: .9em;
	float: left;
}

.sidebar div form fieldset {
	float: left;
	display: block;
	width: 100%;
}

.sidebar div form {
	width: 228px;
}

ul#find-us{
	float: left;
}

#find-us li {
	float: left;
	margin: 10px 0 .5em 0;
	display: block;
	width: 110px;
}

#find-us li a {
	color: #fff;
	height: 24px;
	display: block;
	float: left;
	padding-left: 35px;
}

#find-us li a:hover {
	background-position: bottom left;
	color: #b3ec1a;
}

li#upcoming {
	margin-left: 0;
}

li#upcoming a {
	background: url(../img/upcoming-icon.png) top left no-repeat;
}

li#twitter a {
	background: url(../img/twitter-icon.png) top left no-repeat;
}

li#linkedin a {
	background: url(../img/linkedin-icon.png) top left no-repeat;
}

li#google a {
	background: url(../img/google-icon.png) top left no-repeat;
}

li#ustream a {
	background: url(../img/ustream-icon.png) top left no-repeat;
}

li#flickr a {
	background: url(../img/flickr-icon.png) top left no-repeat;
}

li#slideshare a {
	background: url(../img/slideshare-icon.png) top left no-repeat;
}

.footer {
	clear: both;
	padding: 10px;
	font-size: .85em;
	background-color: #12273f;
	width: 940px;
	margin: 2em auto 1em auto;
	color: rgba(255,255,255,0.4);
	text-align: center;
}

.credit {
	font-size: .85em;
	color: rgba(255,255,255,0.2);
	text-align: center;
}

.footer a, .credit a {
	color: rgba(255,255,255,0.5);
}

#home #event-info div {
	display: none;
	padding-bottom: 1em;
	float: left;
}

.button-paragraph {
	float: left;
}

#event-info h3 {
	width: 500px;
}

#home #event-info .next {
	display: block;
}

ul.archive-links {
	list-style-type: none !important;
	padding: 0 !important;
	font-size: 90%;
}

ul.archive-links li {
	margin-bottom: 1.3em;
}

ul.archive-links li a{
	height: 24px;
	display: block;
	padding-left: 35px;
	background-position: top left;
	background-repeat: no-repeat;
}

ul.archive-links li a:hover {
	background-position: bottom left;
	color: #809924 !important;
}

li#watch a{
	background-image: url(../img/watch.png);
}

li#view a{
	background-image: url(../img/slideshare.png);
}

li#download a{
	background-image: url(../img/download-pdf.png);
}

ul#navigator {
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	float: left;
	padding: .8em 0;
	border-top: solid 2px rgba(0,0,0,0.2);
}

ul#navigator li a {
	background-color: rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.5);
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	padding: .2em .5em;
	display: block;
	text-transform: uppercase;
	letter-spacing: .2em;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	transition: color .2s linear;
}

ul#navigator li a:hover {
	border-top: solid 1px rgba(255,255,255,0.3);
	background-color: rgba(255,255,255,0.3);
	color: rgba(255,255,255,0.8);
	text-decoration: none;
	padding-top: .1em;
	-webkit-box-shadow: 0 1px 4px rgba(255,255,255,0.2);
	-moz-box-shadow: 0 1px 4px rgba(255,255,255,0.2);
	box-shadow: 0 1px 4px rgba(255,255,255,0.2);
}

ul#navigator li a:active {
	color: rgba(255,255,255, 0.2);
	border-top: none;
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	background-color: rgba(255,255,255,0.1);
	border-bottom: solid 1px rgba(255,255,255,0.1);
	padding: .3em .5em 0 .5em;
}

ul#navigator li.next-link {
	float: right;
	padding: 0 .8em;
}

ul#navigator li.prev-link {
	float: left;
	padding: 0 .8em;
}

/* Archive */

.content {
	clear: both;
	margin-bottom: 1em;
}

.archive-page h3 {
		font-family: "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	float: left;
}

dl.archive-list-item {
	height: 32px;
	padding: 0;
	clear: both;
	width: 100%;
}

dl.archive-list-item + h3{
	margin-top: .5em;
}

dl.archive-list-item:hover img {
	opacity: 1;
}

dl.archive-list-item dt {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 .5em 0 0
}

dl.archive-list-item dt img {
	height: 32px;
	width: 32px;
	border: 0;
	padding: 0;
	opacity: 0.6;
	-webkit-transition: opacity .5s linear;
	margin: 0;
}

dl.archive-list-item dd:nth-child(2) a{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 1.3em;
	line-height: 32px;
	color: rgba(255,255,255,0.9);
}

dl.archive-list-item:hover dd:nth-child(2) a{
	color: #fff;
}

dl.archive-list-item dd:last-child {
	font-size: 2.3em;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: .2em;
	text-align: right;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 32px;
	color: #1d395a;
	-webkit-transition: all .2s linear;
}

dl.archive-list-item:hover dd:last-child {
	color: rgba(255,255,255,0.3);
	right: .1em;
}

h2 + dl.archive-list-item {
	margin-top: 1em;
}

div#notice {
	width: 97%;
	margin: 0 auto;
	-webkit-border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em;
	-moz-border-radius-bottomleft: .5em;
	-moz-border-radius-bottomright: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em;	
	color: rgba(255,255,255,0.8);
	background: rgba(255,255,255,0.1) url('../img/info_capsule.png') 1em 50% no-repeat;
	text-align: left;
	text-indent: 3.5em;
	height: 3em;
	line-height: 3em;
}

div#notice a {
	color: rgba(255,255,255,0.9);
}

div#notice a:hover {
	color: rgba(255,255,255,1);
}

div#notice strong {
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .9em;
}

div#notice a[href="#notice"]{
	float: right;
	margin-right: 1em;
}

div#notice:target {
	display: none;
}

#break {
  margin: 50px 0;
  margin-bottom: 200px;
  clear: both;
  overflow: hidden;
}

#break h2 {
  font-size: 54px;
  font-family: Georgia, serif;
  font-weight: normal;
  margin-bottom: 15px;
}

#break p {
  font-size: 26px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  line-height: 1.3;
  color: #96aeca;
}

#break p a {
  font-weight: bold;
  text-decoration: underline;
  color: #fff;
}

#break a.big-button {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  padding: 6px 15px 8px 15px;
  background-color: #8dab18;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

#break a.big-button:hover {
  text-decoration: none;
  background-color: #7b9906;
}

body#break-page .footer {
  position: absolute;
  bottom: 45px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

body#break-page .credit {
  position: absolute;
  bottom: 3px;
  width: 100%;
}