* {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 100%;
  border: 0px solid;
}

body {
  margin: 0 0;
  padding: 0 0;
  font: 10px/1.5em arial, sans-serif;
  color: #000;
  background: #FFF;
}

a {
  cursor: pointer;
}

a:link,
a:visited {
	color: #5abafb;
  text-decoration: none;
  outline: none;
  border: 0px solid;
}

a:hover {
	color: #000;
}

a:link img,
a:visited img {
  border: none;
  padding: 0 0;
}

.float {
  float: left;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden;
}


/* basic site typography */

p {
	margin-bottom: 10px;
}

blockquote {
  font-style: italic;
  display: block;
	margin-bottom: 10px;
}

ul, ol, li {
	list-style: none;
}

ul, ol {
  margin-bottom: 1em;
}

ol li strong {
  font-weight: normal;
  color: #000;
}


h1 a {
	text-indent: -1000em;
	float: right;
	width: 20px;
	height: 25px;
	margin: 37px 10px 35px 880px;
	background: transparent;
	overflow: hidden;
}

h1 a:hover {
	width: 143px;
	margin: 37px 10px 35px 757px;
	background: transparent url(http://arcpost.ca/images_site/arcpost_animated.gif) no-repeat right center;
}

h3 {
	font: 23px/1.3em arial, sans-serif;
	margin-bottom: 20px;
	color: #CCC;
	margin-top: 45px;
}

h3 em {
 	color: #000;
 	font-style: normal;
}

h4 {
	font: normal 15px arial, sans-serif;
	margin-bottom: 5px;
	margin-top: 20px;
}

h4 a:link,
h4 a:visited {
 	color: #000;
}

h4 a:hover {
 	color: #5abafb;
}

div h4:first-child {
	margin-top: 0;
} 

h5,
legend {
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	font-weight: normal;
}

h5 {
  margin-top: 27px;
}

h5:first-child {
  margin-top: 0 !important;
}

h4 + h5 {
  margin-top: 0px;
}

#sidebar h5:first-child {
  margin-top: 3px;
}

.back-to-top {
  clear: both;
  margin-top: 10px;
  display: block;
}

#logos img{
  margin: 0 10px 10px 0;
}

.weak {
  	color: #999 !important;
  font: 10px/1.5em arial, sans-serif;
}

#content .weak {
    font: 11px/1.5em arial, sans-serif;
}

.weak a {
  	color: #999;
  	text-decoration: underline;
}

.weak a:hover {
	color: #5abafb !important;
}


/* basic layout */

#header {
	margin: 0 auto 0 auto;
	width: 910px;
	height: 135px;
	background: transparent url(http://arcpost.ca/images_site/lines.gif) repeat-x bottom left;
	overflow: hidden;
}

#container {
	padding: 10px 20px;
	margin: 0 auto 50px auto;
	width: 890px;
	overflow: hidden;
	background: #FFF url(http://arcpost.ca/images_site/asterisk.gif) no-repeat 777px 46px;
}

#nav {
	width: 260px;
	float: left;
	margin-right: 40px;
}

#content {
	width: 600px;
	
	//margin: 0 45px 0 0;
	margin:auto;
	overflow: hidden;
    font: 11px/1.5em arial, sans-serif;
}

#content img,
#container iframe {
  margin-bottom: 2em;
}

#sidebar {
	width: 240px;
	float: left;
}

.col {
	width: 240px;
	float: left;
}

.col.large {
	width: 400px;
	margin-right: 30px;
}

.col.slim {
  width: 200px !important;
}

.columnized1,
.columnized2 {
	width: 285px;
	float: left;
	margin-right: 30px;
	overflow: hidden;
	background: transparent;
}

.columnized2 {
	margin-right: 0;
}

.col.full {
  width: 100%;
  overflow: hidden;
}

/* main nav */

#header ul {
	float: right;
	margin-right: 10px;
}

#header ul li {
	float: left;
	margin-left: 24px;
	text-transform: uppercase;
	color: #b8b8b8;
	font-size: 9px;
	letter-spacing: 1px;
}

#header ul li a:link,
#header ul li a:visited {
	color: #000;
}

#header ul li a:hover {
	color: #5abafb
}

/* articles */


.articles #sidebar ol:first-child {
  display: none;
}

.articles #sidebar ol li {
	list-style-type: decimal;
	list-style-position: inside;
	color: #CCC;
}

#issue-nav a {
	margin-right: 5px;
}

.articles #issue-nav a.current:before {
	content: '{';
	color: #000;
	padding-right: .3em;
}

.articles #issue-nav a.current:after {
	content: '}';
	margin-left: -.2em;
	color: #000;
}


.articles #content h4 {
	margin-top: 25px;
}

.articles #content h4:first-child {
	margin-top: 0px;
}

.articles #content h5 {
	text-transform: none;
	font-size: 10px;
	letter-spacing: 0;
	font-weight: bold;
	margin-top: 15px;
}

.articles .columnized1 img,
.articles .columnized2 img {
  width: 50%;
  height: auto;
}

.articles.commissions .columnized1 img,
.articles.commissions .columnized2 img {
  width: 100%;
  height: auto;
}



/* resources */

.resources #sidebar {
	margin: 0 45px 0 0;
}

.resources #content {
  margin-right: 0;
}

.resources #content.links p {
  width: 250px;
}

.resources .columnized1,
.resources .columnized2 {
  margin-top: 0px;
}

.resources .columnized2 ol {
	margin-bottom: 20px
}

.resources .columnized2 p {
	margin-bottom: 0;
}



.resources .current-tags li,
.resources .related-tags li {
	display: inline;
	margin-right: 2px;
}

.resources h3 {
	margin-bottom: 30px;
}


.resources #browser p {
	width: 280px;
	padding-right: 320px;
}

.resources #browser ol {
	margin: 20px 20px 0 0;
	width: 280px;
	float: left;
	width: 275px;
}

.resources #browser ol.main {
	clear: both;
	padding-right: 320px;
}


.resources #browser ol li {
	display: block;
    text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	overflow: hidden;

}

.resources #browser ol li a {
	color: #000;
}

.resources #browser ol li a:hover {
	color: #5abafb;
}

.resources #browser ol li ol {
	margin-top: 0;
	border: none;
	margin-bottom: 15px;
}

.resources #browser ol li ol li {
	display: inline;
	text-transform: none;
	font-size: 10px;
	letter-spacing: 0px;
	width: auto;
	float: none;
	margin: 0 2px 0 0;
	border: none;
}

.resources #browser ol li ol li a {
	color: #5abafb;
}

.resources #browser ol li ol li a:hover {
	color: #000;
}


/* links */

ol.link-results {
  padding-bottom: 20px;
  overflow: hidden;
}

ol.link-results li {
	list-style-type: decimal;
	list-style-position: inside;
	color: #b8b8b8;
	margin-bottom: 10px;
}



/* home */

.home #content .issues {
  border-bottom: 1px solid #d8d8d8;
  overflow: hidden;
  padding-bottom: 40px;
}

.home #content .issues img {
  height: 200px;
}

.home #content .issues {
	margin-top: -20px;
}

/* Conference */

.speakers li strong  {
  font-weight: bold;
}

.speakers li {
  margin-bottom: 3em;
}

/* table of contents */

.articles #content.toc {
	xwidth: 640px;
}

.articles .issues {
  float: left;
  width: 315px;
}

.articles .issues:nth-child(even) {
  width: 285px;
}

#content.toc ol li {
	color: #b8b8b8;
	list-style-type: decimal;
	list-style-position: inside;
}

#content.toc ol li strong {
  font-weight: normal;
  color: #000;
}

#content.toc .col.full {
  xmargin-bottom: 30px;
}

.commissions .issues p {
  margin-bottom: 50px;
}


/* events */


.events {
  position: relative;
}

.events #content {
  width: 100%;
  overflow: visible;
  background: #fff;
}

.events #sidebar {
	position: absolute;
	right: 0;
	background: #fff;
	padding-left: 70px;
}

.events h4 {
  padding-top: 30px;
}

.events table {
  width:  890px;
	border-collapse: collapse;
	border-spacing: 0;
}

.events table th,
.events table td {
  width: 19px;
  height: 20px;
  overflow: hidden;
  padding: 0 0;
  text-align: center;
  color: #000;
  font-weight: bold;
}

.events table th {
  font-weight: normal;
}

.events table a {
  display: block;
  width: 19px;
  height: 20px;
  padding: 0 0;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -1000em;
}

.events table td:last-child {
  padding-left: 13px;
  padding-bottom: 1px;
  width: 300px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1000;
}

.events table .start {
  background-image: url('/images_site/eventStart.gif');
  background-position: 3px center;
}

.events table .ongoing {
  background-image: url('/images_site/eventOngoing.gif');
  background-repeat: repeat-x;
}

.events table .end {
  background-image: url('/images_site/eventEnd.gif');
  background-position: -12px center;
}

.events table .start.continued {
  background:
  	   url('/images_site/eventContinuedBefore.png') center center no-repeat,  
	url('/images_site/eventStart.gif') 3px center no-repeat;
}

.events table .end.continued {
  background:
   url('/images_site/eventContinuedAfter.png') center center no-repeat,  
   url('/images_site/eventEnd.gif') -12px center no-repeat;
}

.events table .special {
  background: 
  	url('/images_site/eventSpecial.png') center center no-repeat;
}

.events table .special.ongoing {
  background: 
  	url('/images_site/eventSpecial.png') center center no-repeat, 
  	url('/images_site/eventOngoing.gif') center center repeat-x;
}

.events table .special.end {
  background: 
  	url('/images_site/eventSpecial.png') center center no-repeat, 
  	url('/images_site/eventEnd.gif') -12px center no-repeat;
}

.events table .special.start {
  background: 
  	url('/images_site/eventSpecial.png') center center no-repeat, 
  	url('/images_site/eventStart.gif') 3px center no-repeat;
}


.events table .oneDay {
  background: url('/images_site/eventOneDay.gif') center center no-repeat;
}



/* forms */


input,
select,
textarea {
	border: 1px solid #ccc;
	padding: 3px 4px;
	margin: 2px 0;
  font: 9px/1.5em arial, sans-serif;
  width: 200px;
}

input,
select {
  display: block;
  font: 11px "Courier New", Courier, mono;
}

select + select {
  margin-top: 10px;
}

input.submit {
  width: auto;
  cursor: pointer;
}

label {
	display: block;
  margin-bottom: 2em;
}

label.checkbox input {
  float: left;
  margin-right: 10px;
  width: auto;
  margin-top: 3px;
}

/*tips */

.tip {
  background: #000;
  opacity: .6;
  -moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
padding: 2px 4px;
}
.tip-text {
  display: none;
}

/* fade away and radiate */

.fadeAway  {
  margin-bottom: 0;
}

.fadeAway {
  position: relative;
}

.fadeAway li,
.fadeAway div {
  height: auto;
  opacity: 0;
}

.fadeAway li li,
.fadeAway div div,
.fadeAway div li,
.fadeAway li:first-child,
.fadeAway div:first-child {
  opacity: 1;
}

.fadeAway a {
	font-weight: normal;
  text-decoration: underline;
}

.fadeAway a:hover {
  text-decoration: none;
}

.fadeAway strong a {
      font-weight: bold;
  text-decoration: none;
}

.fadeAway strong a:hover {
  text-decoration: underline;
}

/* Logo Blocks */

.logoBlock li {
  margin-top: 12px;
}

/* Twitter */

#tweets .tweeter a {
  color: #000;
  text-decoration: underline;
}

#tweets li {
  margin-bottom: 1em;
}

#tweets li a {
  color: #000;
}