@charset "utf-8";
@import url('base.css');
@import url('https://fonts.googleapis.com/css?family=Telex');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400');

/**
 * Links: #844df4
 * Links hovered: #9364f4
 *
 */

/* >>>>>>>>>>>>>>>>>>>>>>>> */
/* >   BEGIN GLOBAL CSS   > */
/* >>>>>>>>>>>>>>>>>>>>>>>> */

/* [----------------- Shared -----------------] */

/* Bottom margin. */
h1,
h2,
h3,
ol,
ul,
dl,
.table,
.list-table,
fieldset,
ul.pagination,
ul.buttons,
.error-box,
.success-box,
.attention-box,
.info-box,
.box-body {
    margin-bottom:15px;
}

p {
    margin-bottom:15px;
}

/* [------------ Main HTML Elements ------------] */

html {
    font-size:100%; /* 93.75% */
}

body {
    background-color:#000;
    color:#B5B5B5;
    font-family:'Work Sans', 'Open Sans', Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:'Telex', Arial, Helvetica, sans-serif;
    color:#FFF;
    font-weight:normal;
}

h1 {
    font-size:2.4em;
    color:#FFF;
    line-height:1;
}

h2 {
    font-size:1.8em;
    color:#FFF;
}

h3 {
    font-size:1.5em;
    color:#EEE;
}

h4 {
    font-size:1.3em;
    color:#DDD;
    margin-bottom:8px;
}

h5 {
    font-size:1.3em;
    color:#CCC;
    margin-bottom:8px;
}

h6 {
    font-size:1.2em;
    color:#BBB;
    margin-bottom:8px;
}

hr {
    border:0;
    width:100%;
    color:#333;
    background-color:#333;
    height:2px;
    margin-bottom:16px;
}

blockquote {
    background-image:url('../images/quote_open.png');
    background-position:top left;
    background-repeat:no-repeat;
    color:#666;
    font-size:1.2em;
    letter-spacing:-0.03em;
    margin:0 20px 5px 20px;
    min-height:40px;
    padding-left:50px;
    quotes:"“" "”" "‘" "’";
    quotes:none;
    *zoom:1;
}

blockquote::before,
blockquote::after {
    content:" ";
    display:table;
}

blockquote::after {
    clear:both;
}

    blockquote p {
        padding-right:50px;
        padding-top:10px;
        padding-bottom:6px;
        margin-bottom:14px;
    }

    blockquote p:last-child {
        background-image:url('../images/quote_close.png');
        background-position:bottom right;
        background-repeat:no-repeat;
    }

    blockquote span.source {
        padding:10px;
        background-image:none;
        text-align:right;
        color:#999;
        display:inline-block;
        float:right;
    }

    blockquote span.source::before {
        content:"— ";
    }

code {
    font-family:'Courier New', Courier, monospace;
}

/* Lists. */

ol.contents {
    margin-left:0;
}

ol.contents,
ol.contents ol {
    list-style:none;
}

ul {
    list-style:square;
}

dfn {
    border-bottom:1px dotted #999;
}

b, strong {
    font-weight:600;
}

/* [------------ Links ------------] */

a:link,
a:visited {
    text-decoration:underline;
    color:#844df4;
}

a:active,
a:hover {
    text-decoration:underline;
    color:#9364f4;
}

/* Heading links. */
h1 a,
h1 a:link,
h1 a:visited,
h2 a,
h2 a:link,
h2 a:visited {
    color:#FFF;
    text-decoration:none;
}

h1 a:hover,
h2 a:hover {
    color:#AAA;
}

/* [------------ Tables ------------] */

.table {
    border:1px solid #222;
    clear:both;
    margin-left:0px;
    margin-right:2px;
}

.table thead th {
    background-color:#330f64;
    background-image:linear-gradient(to bottom, #4f169d 0px, #330f64 101%);
    border-bottom:1px solid #222;
}

.table tbody th {
    border-bottom:1px dotted #222;
    background-color:#050505;
}

.table tbody td {
    background-color:#050505;
}

.table th {
    color:#EEE;
    text-align:center;
    padding:0.5em;
    vertical-align:top;
}

.table th a:link,
.table th a:visited {
    color:#FFF;
}

.table td {
    padding:0.5em;
    border-bottom:1px dotted #222;
    vertical-align:top;
    text-align:center;
}

.table tr:last-child td {
    border-bottom:0;
}

.table tr td:first-child {
    text-align:left;
}

.table tr th:first-child {
    text-align:left;
}

.table.cellpad tr th,
.table.cellpad tr td {
    padding-bottom:10px;
}

.table tr:nth-child(even) td {
    background-color:#090909;
}

/* List Tables. */
.list-table {
    background:none;
    border:0;
}

.list-table tbody td,
.list-table tbody th {
    background:none;
    border:0;
    padding:0;
    padding-bottom:8px;
    text-align:left;
}

.list-table tr:last-child th,
.list-table tr:last-child td {
    padding-bottom:0;
}

.list-table tbody th {
    font-weight:normal;
    color:#FFF;
    vertical-align:top;
}
/* ---------- */

/* [----------------- Forms ------------------] */

form {
    clear:both;
}

input,
textarea,
select {
    background-color:#000;
    border:1px solid #333;
    color:#CCC;
    font-size:1em;
    padding:5px;
    -webkit-border-radius:2px;
            border-radius:2px;
}

input:focus,
textarea:focus,
select:focus {
    border:1px solid #666;
}

input.short,
textarea.short,
select.short {
    max-width:100px;
}

input.long,
textarea.long,
select.long {
    max-width:450px;
}

fieldset {
    border:1px solid #191919;
    background-image:url('../images/panel-bg.png');
    padding:16px 16px 0 16px;
    -webkit-border-radius:6px;
            border-radius:6px;
}

fieldset:last-child {
    border:0;
}

legend {
    color:#CCC;
    font-weight:600;
    font-size:1.5em;
}

.form-item {
    clear:both;
    padding-bottom:16px;
}

label {
    color:#DDD;
    cursor:pointer;
    display:block;
    margin-bottom:2px;
    text-align:left;
}

label.required::before {
    color:#A00;
    content:'* ';
    font-size:0.85em;
}

label small,
legend small {
    display:block;
    font-size:0.85em;
    font-weight:normal;
}

/* Nested fieldsets for radio buttons & checkboxes. */
.form-item ul {
    list-style:none;
}

.form-item ul,
.form-item ul li {
    margin:0;
    padding:0;
    width:auto;
}

.form-item ul li label {
    font-weight:normal;
    margin:0;
    text-align:left;
    width:auto;
}

.form-item ul li input {
    border:0;
    width:auto;
}
/* ---------- */

/* Multi-column lists. */
fieldset ul.dual-col li,
fieldset ul.tri-col li,
fieldset ul.quad-col li {
    clear:none;
    float:left;
}

fieldset ul.dual-col li {
    width:50%;
}

fieldset ul.tri-col li {
    width:33%;
}

fieldset ul.quad-col li {
    width:25%;
}

/* Responsive multi-column. */
@media only screen and (max-width: 640px) {
    fieldset ul.dual-col li,
    fieldset ul.tri-col li,
    fieldset ul.quad-col li {
        clear:both;
        float:none;
        width:100%;
    }
}
/* ---------- */

form fieldset.submit {
    background:none;
    clear:both;
    float:none;
    padding:0;
    width:auto;
}

/* Toolbar (search/view/filter). */
form.form-inline fieldset {
    border:0;
    background:#111 none;
    margin-bottom:0;
    padding:8px 8px 0 8px;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
    -webkit-border-radius:0;
       -moz-border-radius:0;
            border-radius:0;
}

form.form-inline .form-item {
    display:inline-block;
    margin:0 8px 8px 0;
    padding:0;
}
/* ---------- */

#plupload ul {
    list-style:square;
    margin-bottom:10px;
    margin-left:20px;
}

#plupload ul li {
    padding:0;
}

.bars-complete {
    color:#090;
}

.bars-incomplete {
    color:#BBB;
}

/* [----------------- TinyMCE ----------------] */

.mce-content-body {
    background:#000 none;
    padding:10px;
}

.mce-container button:hover {
    background:none;
    border:0;
}

.mce-text {
    padding:4px;
}

/* [------------ Pagination ------------] */

ul.pagination {
    float:left;
    font-size:0.9em;
    list-style:none;
    margin-left:0;
    padding:0;
}

ul.pagination li {
    float:left;
    margin:0px 3px 3px 0;
}

ul.pagination li.ellipsis {
    border:none;
    font-weight:600;
    padding-top:3px;
}

ul.pagination li.disabled,
ul.pagination li.current,
ul.pagination li a {
    background:#330f64;
    padding:3px 6px 3px 6px;
    text-decoration:none;
    -webkit-border-radius:4px;
            border-radius:4px;
}

ul.pagination li a {
    color:#FFF;
    display:block;
}

ul.pagination li.current {
    background:#4f169d;
    color:#FFF;
    font-weight:600;
}

ul.pagination li a:active,
ul.pagination li a:hover {
    background:#4f169d;
    color:#FFF;
}

ul.pagination li.disabled {
    background:#111;
    color:#333;
}

/* [----------------- Buttons ----------------] */

ul.buttons {
    list-style:none;
    margin-left:0;
    padding:0;
}

ul.buttons li {
    display:inline-block;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"],
a.btn,
ul.buttons li a {
    background:#330f64;
    border:0;
    color:#FFF;
    cursor:pointer;
    display:inline-block;
    font-family:'Work Sans', Arial, Helvetica, sans-serif;
    font-size:0.9em;
    padding:5px 12px;
    text-decoration:none;
    width:auto;
    -webkit-border-radius:4px;
            border-radius:4px;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
a.btn:hover,
a.btn.current,
ul.buttons li a:hover,
ul.buttons li.current a {
    background:#4f169d;
}

a.btn.current,
ul.buttons li.current a {
    cursor:default;
}

button.btn-aux,
input.btn-aux,
a.btn-aux,
ul.buttons li a.btn-aux {

}

button.btn-aux:hover,
input.btn-aux:hover,
a.btn-aux:hover,
a.btn-aux.current,
ul.buttons li a.btn-aux:hover,
ul.buttons li.current a.btn-aux {

}

ul.btn-lg li a,
a.btn-lg,
button.btn-lg,
fieldset.submit button {
    font-size:1.2em;
    padding:7px 18px;
}

ul.btn-sm li a,
a.btn-sm,
button.btn-sm {
    font-size:0.85em;
    padding:4px 10px;
}

/* [------------------ Tabs ------------------] */

ul.tabs {
    font-size:0.9em;
    list-style:none;
    margin:0;
    padding:0;
}

ul.tabs li {
    display:inline-block;
}

ul.tabs li a {
    background-color:#222;
    background-image:linear-gradient(to bottom, #AAA 0px, #555 1px, #222 101%);
    border:1px solid #222;
    color:#FFF;
    display:inline-block;
    font-weight:600;
    text-decoration:none;
    padding:6px 10px 6px 10px;
    -webkit-border-radius:6px 6px 0 0;
            border-radius:6px 6px 0 0;
}

ul.tab li a:link,
ul.tab li a:visited {
    text-decoration:none;
}

ul.tabs li a:hover,
ul.tabs li.current a {
    background-color:#000;
    background-image:linear-gradient(to bottom, #555 0px, #333 1px, #000 101%);
    color:#DDD;
}

ul.tabs li.current a {
    cursor:default;
}

/* [----------------- Boxes ------------------] */

.error-box,
.success-box,
.attention-box,
.info-box {
    background-position:10px 10px;
    background-repeat:no-repeat;
    padding:10px 10px 10px 36px;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

.error-box {
    background-color:#1D0000;
    background-image:url('../images/ui/notify_error.png');
    border:1px solid #F13030;
    color:#F13030;
}

.success-box {
    background-color:#001500;
    background-image:url('../images/ui/notify_success.png');
    border:1px solid #090;
    color:#54CB5C;
}

.attention-box {
    background-color:#191905;
    background-image:url('../images/ui/notify_attention.png');
    border:1px solid #FC0;
    color:#FC0;
}

.info-box {
    background-color:#0D0E2B;
    background-image:url('../images/ui/notify_info.png');
    border:1px solid  #69C;
    color:#69C;
}

.error-box ul,
.success-box ul,
.attention-box ul,
.info-box ul {
    margin-bottom:0;
}

.box-head {
    background-color:#330f64;
    border:1px solid #191919;
    border-bottom:0;
    margin-bottom:0;
    padding:8px 10px;
    -webkit-border-top-left-radius:6px;
            border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
            border-top-right-radius:6px;
}

.box-body {
    background-color:#040404;
    background-image:url('../images/panel-bg.png');
    border:1px solid #191919;
    padding:10px;
}

.box-footer {
    background-color:#0C0C0C;
    border:1px solid #191919;
    border-top:0;
    color:#888;
    padding:5px 10px 5px 10px;
    text-align:right;
}

/* [------------ Generic Classes ------------] */

.bmargin {
    margin-bottom:15px !important;
}

.tmargin {
    margin-top:15px !important;
}

.rmargin {
    margin-right:15px !important;
}

.lmargin {
    margin-left:15px !important;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* >   BEGIN MAIN SITE CSS   > */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* Classes and styles specific to this site. */

/* [------------ Layout Divisions ------------] */

#top-bar {
    background:rgba(0,0,0,0.5);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    border-bottom:1px solid #222;
    z-index:999;
}

#top-bar-inner {
    width:100%;
    max-width:1280px;
    padding:6px 10px;
    margin:0 auto;
    font-size:0.85em;
}

#top-bar .icon-twitter {
    color:#FFF;
}

#top-bar a:link,
#top-bar a:visited {
    text-decoration:none;
}

#banner {
    background-position:center;
    background-size:auto 100%;
    background-repeat:no-repeat;
    height:668px;
}

#banner-inner {
    margin:0 auto;
    position:relative;
    width:100%;
    max-width:1280px;
    height:80%;
    display:block;
}

#banner #social-links {
    position:absolute;
    top:32px;
    right:0;
    background:rgba(0,0,0,0.5);
}

#banner img {
    width:100%;
    display:none;
}

#backing-panel-1 {
    width:100%;
    max-width:1280px;
    min-height:200px;
    margin:0 auto;
    margin-top:-110px;
    padding:0 20px;
    -webkit-border-radius:5px;
            border-radius:5px;
}

#nav {
    list-style:none;
    display:flex;
    flex-direction:row;
    padding:0;
    margin:0 8px;
}

#nav li {
    flex-grow:1;
    position:relative;
    padding:0;
    margin:0;
}

#nav li:nth-child(2) a {
    border-left:1px solid #222;
}

#nav li a {
    background:rgba(0,0,0,0.8);
    font-family:'Telex', Arial, Helvetica, sans-serif;
    font-size:1.1em;
    display:block;
    text-align:center;
    color:#FFF;
    text-decoration:none;
    padding:10px 0;
    border-right:1px solid #222;
    border-top:1px solid #222;
}

#nav li a:hover,
#nav li.current a {
    background-image:linear-gradient(to bottom, rgba(112,27,184,0.8) 0px,rgba(67,19,164,0.8) 101%);
}

#nav li:first-child {
    display:none;
}

@media only screen and (max-width:1325px) and (min-resolution:2dppx),
only screen and (max-width:559px) {

    #nav {
        display:block;
    }

    #nav li {

    }

    #nav li a {
        text-align:left;
        padding-left:15px;
        border-left:1px solid #222;
    }

    #nav[data-open="0"] li {
        display:none;
    }

    #nav li:first-child {
        display:block;
    }

    #nav li a:hover {
        background-image:linear-gradient(to bottom, rgba(112,27,184,0.8) 0px,rgba(67,19,164,0.8) 101%);
    }

    #nav li.current a {
        background:#111;
    }
}

#backing-panel-2 {
    background-color:#000;
    background-image:linear-gradient(to bottom, rgba(111,88,147,1) 0px, rgba(111,88,147,0) 350px);
    min-height:350px;
    padding:2px;
    -webkit-border-radius:5px;
            border-radius:5px;
}

#backing-panel-3 {
    background-color:#000;
    background-image:linear-gradient(to bottom, rgba(86,19,177,1) 0px,rgba(86,19,177,0) 350px);
    min-height:350px;
    padding:15px;
    -webkit-border-radius:5px;
            border-radius:5px;
}

#backing-panel-4 {
    background-color:#000;
    border:2px solid #111;
    min-height:350px;
    padding:15px;
    padding-bottom:0;
    position:relative;
    -webkit-border-radius:5px;
            border-radius:5px;
}

.main-with-sidebar {
    margin-right:240px;
}

#sidebar {
    position:absolute;
    right:0;
    top:0;
    width:200px;
    margin-top:15px;
    margin-right:15px;
}

#footer {
    clear:both;
    width:100%;
    font-size:0.85em;
    color:#666;
    background-repeat:repeat-x;
    text-align:center;
    padding-top:10px;
    margin-bottom:30px;
}

/* [------------ Site-Wide Classes -----------] */

.highlighted {
    color:#DDD;
}

.lead {
    font-size:1.2em;
    letter-spacing:-0.02em;
}

.large {
    font-size:120%;
}

.small {
    font-size:70%;
}

.inline_img {
    vertical-align:-3px;
}

.no_rounding {
    -webkit-border-radius:0;
            border-radius:0;
}

span.tag {
    border:1px solid #330f64;
    background:#23064b;
    padding:2px 6px;
    display:inline-block;
    border-radius:4px;
    margin:0 5px 5px 0;
    font-size:0.85em;
    color:#DDD;
}

span.tag-important {
    border-color:#591ab0;
    background:#411085;
    font-weight:bold;
}

.reference-title {
    color:#CCC;
}

.tweet {
    border:1px solid #222;
    background:#111;
    padding:15px;
    margin:0 auto;
    max-width:600px;
    border-radius:5px;
    color:#BBB;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    margin-bottom:15px;
}

.tweet-author {
    padding-left:46px;
    font-size:1.1em;
    line-height:1.3;
    color:#CCC;
}

.tweet .icon-twitter {
    color:#1da1f2;
}

.tweet-author span {
    color:#666;
    font-size:0.85em;
}

.tweet-avatar {
    border-radius:50%;
    float:left;
    width:40px;
}

.tweet-body {
    padding-top:8px;
}

.tweet p:last-child {
    margin-bottom:0;
}

/* [---------- Page Specific Classes ---------] */

/* Article. */

.subtitle {
    color:#DDD;
    font-size:1.35em;
    font-weight:normal;
    font-style:italic;
}

.references {
    font-size:0.9em;
    color:#888;
    font-weight:normal;
    margin-bottom:10px;
}

    .references p {
        margin-left:3em;
        text-indent:-3em;
    }

/* Blog */

.blog-entry {
    position:relative;
}

.blog-entry h1 {
    margin-bottom:6px;
}

.blog-date {
    display:block;
    position:absolute;
    background-image:linear-gradient(to bottom, #2e2e2e 0px, #000 101%);
    border:2px solid #111;
    text-align:center;
    line-height:1;
    padding:5px 8px;
    -webkit-border-radius:6px;
            border-radius:6px;
}

    .blog-date span.day {
        font-weight:bold;
        color:#FFF;
        font-size:2.6em;
        font-family:Arial, Helvetica, sans-serif;
        display:block;
    }

    .blog-date span.month {
        font-size:1.5em;
        color:#5a27c4;
        display:block;
        letter-spacing:0.05em;
    }

    .blog-date span.year {
        letter-spacing:0.2em;
        color:#555;
    }

.blog-main {
    margin-left:86px;
}

.blog-main h2 {
    margin-bottom:6px;
    margin-top:6px;
}

.blog-main h2 a:link,
.blog-main h2 a:visited {
    color:#FFF;
}

.blog-main h2 a:hover,
.blog-main h2 a:active {
    color:#AAA;
}

.blog-entry header div {
    border-bottom:1px solid #350082;
    padding:0 0 12px 0;
    margin-bottom:12px;
    color:#666;
    font-size:0.9em;
}

.blog-full-date {
    font-family:'Telex', Arial, Helvetica, sans-serif;
    font-size:1.8em;
    color:#CCC;
}

.blog-body {
    border-bottom:1px dotted #222;
    margin-bottom:60px;
}

.blog-body img,
.essay img {
    max-width:100%;
    height:auto;
    border:1px solid #333;
}

.blog-entry footer {
    font-size:0.9em;
    padding:15px 0;
    border-top:1px dotted #222;
}

.blog-filters li.current a,
.blog-filters li.current a:link,
.blog-filters li.current a:visited,
.blog-filters li.current a:hover,
.blog-filters li.current a:active {
    color:inherit;
    font-style:italic;
    text-decoration:none;
    cursor:default;
}

.youtube_movie {
    background:transparent;
    display:block;
    margin:0 auto;
}

.comment {
    clear:both;
    border-bottom:1px dotted #222;
    margin-bottom:16px;
    padding-bottom:16px;
}

    .comment_left {
        float:left;
        width:25%;
    }

    .comment_left span {
        font-size:1.1em;
    }

    .comment_right {
        float:right;
        width:74%;
    }

        .comment_response {
            border-left:1px solid #333;
            color:#888;
            font-style:italic;
            padding-left:16px;
            margin-top:16px;
        }

/* Essays. */

.essay-entry {
    margin-bottom:30px;
    position:relative;
    min-height:109px;
}

.essay-entry a {
    text-decoration:none;
}

.essay-entry a:hover h2 {
    color:#AAA;
}

.essay-icon {
    position:absolute;
}

.essay-entry-main {
    margin-left:92px;
    border-bottom:1px solid #350082;
    padding:0 0 15px 0;
    color:#777;
    font-size:1em;
}

.essay-entry-main h2 {
    margin-bottom:6px;
    margin-top:10px;
}

.about section {
    margin-bottom:40px;
}

.about section:last-child {
    margin-bottom:0;
}

.essay section,
.blog-body section {
    margin-bottom:60px;
}

.essay section:last-child,
.blog-body section:last-child,
.blog-main .blog-body section {
    margin-bottom:0;
}

.essay section section {
    margin-top:60px;
}

.essay section section section {
    margin-top:30px;
}

.essay section h2 + section,
.essay section section h3 + section {
    margin-top:0;
}

/* Admin. */

#admin_panel {
    margin:0;
    padding:0;
    width:641px;
}

    #admin_panel li  {
        display:block;
        float:left;
        margin-bottom:16px;
        text-align:center;
        width:25%;
    }

    #admin_panel li.w33  {
        width:33%;
    }

        #admin_panel li a {
            text-decoration:none;
        }

/* Portfolio. */

.thumb_row {
    margin-bottom:10px;
}

.thumb_cell {
    float:left;
    font-size:0.9em;
    width:33%;
    text-align:center;
    margin-bottom:10px;
    padding:20px;
}

.thumb_cell img {
    width:100%;
    border:1px solid #333;
    margin-bottom:7px;
}

.thumb_cell img:hover {
    border:1px solid #666;
}

.portfolio_item_name {
    font-size:1.3em;
    color:#844df4;
}

img.mid_image {
    display:block;
    border:1px solid #191919 !important;
    margin:0 auto;
}

.bordered {
    border:1px solid #333;
}

/* Music */

.music_box {
    border:1px solid #191919;
    padding:10px;
    background-color:#040404;
    background-image:url('../images/bg_content_section.jpg');
    background-repeat:repeat-x;
    -webkit-border-radius:6px;
            border-radius:6px;
}

    .music_box h2 {
        margin-bottom:6px;
        font-size:1.6em;
        color:#AAA;
    }

/* Portfolio Admin */

.image_upload_thumb {
    border:1px solid #222;
    position:absolute;
    right:16px;
    top:16px;
}

.portfolio_management_item {
    border:1px solid #222;
    background-color:#111;
    padding:10px 20px;
    float:left;
    margin-right:13px;
    margin-bottom:13px;
    text-align:center;
    width:205px;
}

/* Research. */

.research-items {
    list-style:none;
    margin:0;
    padding:0;
}

.research-items li {
    padding:10px 10px 10px 30px;
    margin-bottom:15px;
    border:1px solid #333;
    border-radius:7px;
    background:#060606;
    background:linear-gradient(to right, #5413ad 0px, #5413ad 15px, #060606 15px, #060606 101%);
    font-size:1.1em;
}

.research-items li a {
    text-decoration:none;
}

.research-items li .summary {
    font-size:0.9em;
    color:#777;
}

.research-items li .response {
    font-size:0.9em;
    color:#CCC;
}

.research-items li .details {
    color:#888;
    font-size:0.9em;
    display:none;
}

/* Mobile. */

@media only screen and (min-width:1632px) and (min-resolution:2dppx),
only screen and (min-width:960px) {
    #banner {
        background-image:url('../images/banner.jpg');
    }
}

@media only screen and (max-width:1631px) and (min-resolution:2dppx),
only screen and (max-width:959px) {

    #banner {
       background-image:url('../images/banner-1280.jpg');
       height:480px;
    }

    #backing-panel-1 {
        margin-top:-70px;
    }

    .main-with-sidebar {
        margin-right:0;
    }

    #sidebar {
        position:static;
        width:auto;
        margin:0;
    }
}

@media only screen and (max-width:1325px) and (min-resolution:2dppx),
only screen and (max-width:767px) {
    #banner {
       background-image:url('../images/banner-1280.jpg');
       height:280px;
    }

    #top-bar {
        position:static;
    }

    #top-bar-inner {
        font-size:0.75em;
    }

    #nav li a {
        font-size:1em;
    }

    #backing-panel-1 {
        margin-top:-30px;
    }

    .blog-date,
    .essay-icon {
        display:none;
    }

    .blog-main,
    .essay-entry-main {
        margin-left:0;
    }

    .thumb_cell {
        padding:8px;
    }

    .portfolio_item_name {
        font-size:1em;
    }

    blockquote {
        font-size:1em;
        margin:0 0 5px 0;
    }
}

@media only screen and (max-width:1325px) and (min-resolution:2dppx),
only screen and (max-width:559px) {

    #backing-panel-1,
    #backing-panel-3 {
        padding:0;
    }

    #backing-panel-2 {
        background:#5613b1;
        /* background-image:linear-gradient(to bottom, rgba(86,19,177,1) 0px, rgba(86,19,177,0) 350px); */
    }

    #nav li a {
        font-size:0.85m;
    }

    h1 {
        font-size:2em;
    }

    h2 {
        font-size:1.8em;
    }

    h3 {
        font-size:1.6em;
    }

    h4 {
        font-size:1.4em;
    }

    h5 {
        font-size:1.2em;
    }

    h6 {
        font-size:1.1em;
    }
}