/* start fonts */
body, input, textarea, select {
    font-family: 'Ubuntu', sans-serif;
}
h1, h2, h3, h4, h5, h6, #logo, #nav {
    font-family: 'Ubuntu', sans-serif;
}
pre, tt {
    font-family: 'Ubuntu Mono', 'Consolas', 'Menlo', monospace;
}

body {
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.4;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .75em 0;
    line-height: 1.2;
    font-weight: lighter;
    font-style: normal;
}
h1 {
    font-size: 1.75em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}
/* end fonts */

/* start colors */
/**
 * blue: 211, 100%, 30%
 * green: 86, 50%, 36%
 * purple: 312, 51%, 38%
 **/

body {
    color: hsl(0, 0%, 0%);
}
a {
    color: hsl(211, 100%, 30%);
}

#logo a, #nav a,
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: hsl(211, 100%, 30%);
}

/* Hover, focus, active links */
a:hover, a:focus, a:active,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
    color: hsl(86, 50%, 36%);
}
#nav a {
    color: hsl(0, 0%, 0%);
}
#nav a:hover, #nav a:active, #nav a:link.active, #nav a:visited.active {
    color: hsl(211, 100%, 30%);
}

input, textarea, select {
    color: hsl(196, 20%, 90%);
}
input[type=submit] {
	color: hsl(84, 70%, 50%);
}

#content .article_date, article > .article_meta,
article > .article_meta a:link, article > .article_meta a:visited {
    color: hsl(0, 0%, 40%);
}
article > .article_meta a:hover, article > .article_meta a:hover,
article > .article_meta a:focus, article > .article_meta a:focus,
article > .article_meta a:active, article > .article_meta a:active {
    color: hsl(0, 0, 20%);
}

/* backgrounds */
body {
    background: hsl(0, 0%, 100%);
    background: -moz-linear-gradient(top,
        hsl(0, 0%, 85%), hsl(0, 0%, 100%) 15em);
    background: -webkit-linear-gradient(top,
        hsl(0, 0%, 85%), hsl(0, 0%, 100%) 15em);
    background: linear-gradient(top,
        hsl(0, 0%, 85%), hsl(0, 0%, 100%) 15em);
}
input, textarea, select {
	background: hsl(0, 0%, 90%);
}
input:focus, input:hover, textarea:focus, textarea:hover {
	background: hsl(0, 0%, 100%);
}
input[type=submit] {
    background: -moz-linear-gradient(top,
        hsl(0, 0%, 90%), hsl(0, 0%, 80%) 100%);
    background: -webkit-linear-gradient(top,
        hsl(0, 0%, 90%), hsl(0, 0%, 80%) 100%);
    background: linear-gradient(top,
        hsl(0, 0%, 90%), hsl(0, 0%, 80%) 100%);
}
input[type=submit]:focus, input[type=submit]:hover {
    background: -moz-linear-gradient(top,
        hsl(0, 0%, 95%), hsl(0, 0%, 85%) 100%);
    background: -webkit-linear-gradient(top,
        hsl(0, 0%, 95%), hsl(0, 0%, 85%) 100%);
    background: linear-gradient(top,
        hsl(0, 0%, 95%), hsl(0, 0%, 85%) 100%);
}
div.highlight, pre.literal-block {
    background: hsl(0, 0%, 90%);
}

/* Form errors */
.errorlist li {
    color: hsl(0, 100%, 75%);
}
.error input, .error textarea {
    border-color: hsl(0, 100%, 75%);
}
/* end colors */

/* start borders */
hr {
    background: hsl(86, 50%, 36%);
    background: -moz-linear-gradient(left,
        hsla(86, 50%, 36%, 0) 0%,
        hsla(86, 50%, 36%, .8) 10%,
        hsla(86, 50%, 36%, .8) 90%,
        hsla(86, 50%, 36%, 0) 100%);
    background: -webkit-linear-gradient(left,
        hsla(86, 50%, 36%, 0) 0%,
        hsla(86, 50%, 36%, .8) 10%,
        hsla(86, 50%, 36%, .8) 90%,
        hsla(86, 50%, 36%, 0) 100%);
    background: linear-gradient(left,
        hsla(86, 50%, 36%, 0) 0%,
        hsla(86, 50%, 36%, .8) 10%,
        hsla(86, 50%, 36%, .8) 90%,
        hsla(86, 50%, 36%, 0) 100%);
    height: 1px;
    margin: 0;
    border: 0;
}
input, textarea, select,
div.highlight, pre.literal-block, .rounded {
    margin: 0;
	border: 1px solid hsl(211, 100%, 30%);
	border-radius: 0.2em;
}

/* Fancy borders for grouped form elements. */
.box input:first-of-type, td input:first-of-type {
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.box input:last-of-type, td input:last-of-type {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.box input:only-of-type, td input:only-of-type {
    border: 1px solid hsl(211, 100%, 30%);
	border-radius: 0.2em;
}

div.border img {
    border: 1px solid hsl(0, 0%, 40%);
}

/* #footer { */
/*     border-top: 1px solid hsl(86, 50%, 36%); */
/* } */

/* #sidebar .box { */
/* 	border-bottom: 1px solid hsl(86, 50%, 36%); */
/* } */

blockquote {
    border-left: 1px solid hsl(86, 50%, 36%);
}
/* end borders */

/* start misc_styles */
/* Links */
a,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}
a:hover, a:focus, a:active
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
    text-decoration: underline;
}
a img {
    border: none;
}

/* Paragraphs and lists */
p, ul, ol, dl, table {
    margin: .75em 0; /* Most browser defaults are '1em 0'. */
    border: 0;
}
dt {
    margin-top: .75em;
}
dd {
    /* margin: .25em 0; */
}
ul {
    list-style: disc;
}
td {
    padding: 0 .25em .25em;
    vertical-align: top;
}
table ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Tables */
table, th, td { border: 0; }
tr:nth-child(odd) { background-color: #eee; }
tr:nth-child(even) { background-color: #fff; }
th { background-color: #fff;}

/* Stopping superscript and subscript from augmenting the line's leading */
sup, sub {
    line-height: 0;
}

/* Forms */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle;
}
input, textarea, select {
	font-size: .875em;
}
textarea, input[type=text], input[type=password] {
    padding: .125em .25em;
}
input[type=submit] {
	padding: .125em .75em;
}
/* Remove button padding in FF */
input::-moz-focus-inner {
    border: none;
    padding: 0;
}

/* Code */
pre { margin: 0.25em 0; }
div.highlight, pre.literal-block {
    font-size: .875em;
    margin: .3em .6em;
	padding: .25em;
	overflow: auto;
}
tt {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

/* Make quotations more clearly visible */
blockquote {
    margin: .75em 0 .75em 1em;
    padding: 0 0 0 1em;
}
q, cite {
    font-style: italic;
}
q cite, q q {
    font-style: normal
}

/* Remove automatic quotation marks for inline quotations
   ('quotes:none' not working in Safari/Chrome) */
q:before, q:after {
    content: '';
}

/* Bring paragraphs inside lists or quotations closer */
blockquote p, li p {
    margin: .5em 0;
}

.align-center {text-align: center;}
div.align-center, table.align-center {margin: 0 auto;}
.align-left { float: left; }
.align-right { float: right; }
.clearboth { clear: both; }

.email {
    display: none;
}

/* end misc_styles */

/* Containers */
/* Navigation */
#nav {
    text-transform: uppercase;
}

/* Contents */
#article-list {
    list-style: none;
    padding-left: 0;
}
article {
    margin-bottom: 2em;
}
#content .article_date, article > .article_meta {
    font-size: 0.875em;
}
#content .article_date {
    margin-top: -0.75em;
    margin-bottom: -0.5em;
}
article > .article_meta a:link, article > .article_meta a:visited {
    text-decoration: underline;
}
#content div.figure {
    margin-top: 1em;
    margin-bottom: 1em;
}
#content div.figure p.caption {
    margin: 0;
    font-size: 0.875em;
    font-style: italic;
}
div.partner-logo {
    width: 50%;
    float: left;
    margin: 1em auto;
}

/* Sidebar */
#sidebar {
    font-size: .875em;
}
#sidebar input {
    font-size: 1em;
}
#sidebar .box {
    padding: 1em 0 .75em .5em;
}
#sidebar .box h3 {
    font-size: 1.1em;
    margin: 0;
}
#sidebar .box small {
}
#sidebar .box p {
    margin: 0 0 1em;
}
#sidebar .box img.mwk {
    width: 35px;
    float: left;
    margin-right: .5em;
    border: 0;
}
#sidebar .box img.ip180 {
    width: 300px;
    border: 0;
}
#sidebar .box #g-plus {
    margin-top: 1em;
    width: 300px;
}
#sidebar .box #___plus_0 iframe {
    height: 69px;
}

/* Footer */
#footer {
	padding-top: .25em;
	text-align: center;
	font-size: .875em;
}
#footer p {
	position: relative;
	display: inline;
}
#footer span.sep {
	padding: 0 .35em;
}
/* end containers */