/* CSS Document */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th { 
     margin: 0;
     padding: 0; 
     border: 0; 
     outline: 0; 
     font-size: 100%; 
     vertical-align: baseline; 
     background: transparent; 
}
body { 
     line-height: 1; 
     font-family:"omnes-pro", "Myriad-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; 
     color: #333; 
} 
ol, ul { 
     list-style: none; 
} 
blockquote, q { 
     quotes: none; 
} 

/* remember to define focus styles! */ 
:focus { 
     outline: 0; 
} 

/* remember to highlight inserts somehow! */ 
ins { 
     text-decoration: none; 
} 
del { 
     text-decoration: line-through; 
} 

/* tables still need 'cellspacing="0"' in the markup */ 
table { 
     border-collapse: collapse; 
     border-spacing: 0; 
} 

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }
#content {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 56px;
}
#content a {
	color: #000;
	text-decoration: none;
}
article {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #808080;
	margin: 0px;
}
.article-picture {
	box-sizing: border-box;
	padding: 1em 1em 0 1em;
}
.article-picture img {
	max-width:100%;
	max-height:100%;
}
.article-text {
	box-sizing: border-box;
	margin: .7em 0;
	padding: 0 1em;
}
article.main {
	background-color: #E5E5E5;
}
.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
article h2 {
	font-size:18px;
	line-height: 1.1;
	margin-top: .3em;
}
span.category {
	text-transform:uppercase;
	color: #A8A8A8;
	letter-spacing: .2em;
}
header {
	background-color: #FFF;
	height: 55px;
	position: fixed;
	top: 0;
	border-bottom: 1px solid #808080;
	width: 100%;
}
#home-logo {
	padding: 6px 10px 0 0;
	width: 125px;
}
#logo-text {
	font-weight: 300;
	font-size: 25px;
	display: none;
}
#mobile-menu-items {
	float: right;
	margin-top: 20px;
}
#mobile-menu-items img {
	margin-left: 10px;
}
footer {
	text-align: center;
	padding: 1em;
}
footer p {
	font-size: 14px;
	line-height: 22px;
}
#mobile-app-links {
	padding: 12px 0;
}
#mobile-app-links a {
	padding: 0 6px;
}
nav#sub {
	padding-bottom: 24px;
}
nav#sub a {
	margin: 0 7px;
	color: #358ccc;
	padding-bottom: 1px;
	border-bottom: 1px dashed #358ccc;
}
@media (min-width: 653px) {
	#content { width: 633px; padding-top: 76px;}
	article.non-main .article-picture { width: 33%; float: left;}
	article.non-main .article-text { width: 67%; float: left; padding-left: 1em;}
	article {padding: 1em 0;}
	article.main  {padding-top: 0;}
	header {height: 75px; width: 633px;}
	.article-picture {padding: 0}
	#logo-text {display: inline;}
	#home-logo {width: 195px; vertical-align:-10%;}
	#mobile-menu-items { margin-top: 40px;}
}
@media (min-width: 985px) {
	#content { width: 950px;}
	article h2 {font-size: 24px;}
	article {padding: 1.5em 0;}
	header {width: 950px;}
}
/* MENU */

nav#nav {
	width: 100%;
	display:none;
}
nav#nav > a, nav#nav-media a, nav#nav-topics div.topic-subhead h2, nav#nav-topics div.topic-subhead ul li {
	display: block;
	position: relative;
	background-color: rgba(199,201,203,1);
	font-family:"omnes-pro", "Myriad-Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: 500;
	color: #393839;
	text-align: left;
	padding: 6px 0 6px 33px;
	z-index: 12;
	border-bottom: solid 1px #FFF;
}
nav#nav > a:hover{
	background-color: rgba(210,210,210,1);
}
nav#nav > a > img {
	width: 30px;
	padding-right: 12px;
}
nav#nav > a > span {
	position: relative;
	bottom: 5px;
}
nav#nav-media {
	width: 100%;
	display: none;
}
nav#nav-media a, nav#nav-topics div.topic-subhead h2, nav#nav-topics div.topic-subhead ul li {
	background-color: #FFF;
	border-bottom: solid 1px #c7c9cb;
}
.topic-subhead > h2 {
	cursor: pointer;
}
nav#nav-media a img {
	height: 40px;
	padding-right: 12px;
	padding-left: 10px;
}
nav#nav-media a span{
	position: relative;
	bottom: 10px;
}
nav#nav-topics {
	width: 100%;
}
nav#nav-topics, nav#nav-topics ul {
	display:none;
}
nav#nav-topics div.topic-subhead h2 {
	padding-left: 53px;
}
nav#nav-topics div.topic-subhead ul li {
	font-size: 17px;
	padding-left: 67px;
}
.nav-today-link, .nav-with-link, .nav-journal-link, .nav-faq-link, .nav-home-link {
	display: none;
}

/* SEARCH */
#search-form {
	padding: 0 56px 8px 8px;
	position: relative;
	display: none;
	z-index: 86;
}
#search {
	border: none;
	background-color: #DCDCDC;
	height: 24px;
	width: 100%;
	padding: 4px 10px 4px 38px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 15px;
	margin-top: 8px;
}
#search:focus {
	background-color: #E6F4D3;
}
#search::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
#search-button {
	position: absolute;
	left: 20px;
	top: 15px;
}

/* LANGUAGES */
ul#languages-list {
	display: none;
}
ul#languages-list li a{
	font-family: Tahoma, Arial, Helvetica, san-serif;
	background-color: rgba(199,201,203,1);
	color: #393839;
	display: block;
	font-size: 22px;
	letter-spacing: .05em;
	text-align: left;
	padding: 6px 0 6px 33px;
	border-bottom: solid 1px #FFF;
}
ul#languages-list li a:hover{
	background-color: rgba(210,210,210,1);
}


/* SHARE */
ul#share-list {
	display:none;
	text-align: center;
}
ul#share-list li {
	display: inline-block;
	/*border: 1px solid #EEE;*/
}
ul#share-list li a img {
	width: 40px;
	margin: 4px 8px;
	border: solid 1px #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}