/*
Theme Name: ECUAD Research
Theme URI: http://research.ecuad.ca/
Version: 1.0
Author: Sean Mitchell
Author URI: http://seanmitchell.ca/
*/

/* RESET
---------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    background: transparent;
    border: 0kpkopqwdkdplklpk
    font: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul, menu {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}
img {
    display: block;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
:focus, button, input, select, textarea {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
}



/* BODY
---------------------------------------- */
body {
    background: url(img/body.png) #46484A;
    color: #66686A;
    font-family: "Source-Sans-Pro", Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    font-smooth: always;
    font-weight: 400;
    line-height: 22px;
    text-rendering: optimizeLegibility;
}
a {
    color: #63B7C9;
    text-decoration: none;
}
a:hover {
    color: #2A2C2E;
}
b, strong {
    color: #525456;
    font-weight: 700;
}
i, em {
    color: #989A9C;
    font-style: italic;
}



/* WRAP
---------------------------------------- */
#wrap {
    margin: auto;
    min-width: 976px;
    width: 100%;
}



/* DIV.WRAP
---------------------------------------- */
div.wrap {
    margin: auto;
    width: 976px;
}



/* SITES
---------------------------------------- */
#sites {
    background: url(img/sites.png) left bottom repeat-x;
    float: left;
    width: 100%;
}
#sites ul {
    float: left;
    font-size: 14px;
    line-height: 36px;
    padding-top: 9px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
#sites ul li {
    float: left;
}
#sites ul li a {
    color: #7A7C7E;
    display: block;
    padding-right: 8px;
}
#sites ul li a:hover {
    color: #2A2C2E;
}
#sites ul li a span {
    display: inline-block;
    padding: 0 6px 0 14px;
}
#sites ul li.selected a {
    background: url(img/tab.png) right -36px no-repeat;
    color: #2A2C2E;
}
#sites ul li.selected a span {
    background: url(img/tab.png) left top no-repeat;
}



/* HEADER
---------------------------------------- */
#header {
    background: #FFF;
    float: left;
    width: 100%;
}
#header h1 {
    float: left;
    padding: 14px 0;
    width: 98px;
}
#header h1 a {
    background: url(img/logo.png) left top no-repeat;
    display: block;
    height: 89px;
    width: 98px;
}
#header h1 a span {
    display: none;
}
#header h2 {
    color: #525456;
    float: right;
    font-size: 40px;
    font-weight: 300;
    line-height: 114px;
}
#header h2 a {
    color: #525456;
}
#header h2 a:hover {
    color: #000;
}



/* MENU
---------------------------------------- */
#menu {
    background: url(img/menu.png) repeat-x;
    float: left;
    width: 100%;
}
#menu ul {
    float: left;
    font-size: 14px;
    line-height: 24px;
    padding: 16px 0 16px 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
#menu ul li {
    background: url(img/menu-divide.png) top right no-repeat;
    float: left;
    margin-right: 16px;
    padding-right: 18px;
}
#menu ul li:last-child {
    background: none;
    margin: 0;
    padding: 0;
}
#menu ul li a {
    color: #CACCCE;
    display: block;
    padding-top: 1px;
}
#menu ul li a:hover {
    color: #FFF;
}
#menu ul li.selected a {
    color: #FFF;
}
#menu ol {
    float: right;
    padding-top: 11px;
}
#menu ol li {
    float: left;
    padding-left: 11px;
}
#menu ol li a {
    background: url(img/social.png) no-repeat;
    display: block;
    height: 35px;
    width: 35px;
}
#menu ol li a span {
    display: none;
}
#menu ol li.twitter a {
    opacity: 0.75;
}
#menu ol li.facebook a {
    background-position: right top;
    opacity: 0.75;
}
#menu ol li.campaignmonitor {
    padding: 4px 1px 0 10px;
    width: 106px;
}
#menu ol li.campaignmonitor div {
    opacity: 0.75;
}
#menu ol li.twitter a:hover,
#menu ol li.facebook a:hover,
#menu ol li.campaignmonitor div:hover {
    opacity: 1;
}



/* SHOWCASE
---------------------------------------- */
#showcase {
    float: left;
    width: 100%;
}
#showcase div.slideshow {
    background: url(img/showcase.png);
    float: left;
    height: 366px;
    position: relative;
    width: 976px;
}
#showcase div.slideshow div.slides {
    display: none;
    float: left;
    height: 366px;
    position: relative;
    width: 976px;
}
#showcase div.slideshow div.slides-single {
    float: left;
    position: relative;
    width: 976px;
}
#showcase div.slideshow div.slide {
    float: left;
    height: 366px;
    overflow: hidden;
    position: relative;
    width: 976px;
}
#showcase div.slideshow div.slide div.image {
    float: left;
    width: 488px;
}
#showcase div.slideshow div.slide div.image img {
    height: auto;
    max-width: 100%;
    width: auto\9;
}
#showcase div.slideshow div.slide dl {
    float: right;
    padding: 42px 48px 0 48px;
    width: 388px;
}
#showcase div.slideshow div.slide dl dt {
    font-size: 33px;
    font-weight: 300;
    line-height: 36px;
    padding-bottom: 19px;
}
#showcase div.slideshow div.slide dl dt a {
    color: #FFF;
}
#showcase div.slideshow div.slide dl dt a:hover {
    color: #000;
}
#showcase div.slideshow div.slide dl dd {
    color: #B6B8BA;
}
#showcase div.slideshow div.slide dl dd p {
    padding-bottom: 21px;
}
#showcase div.slideshow div.slide dl dd a {
    color: #DEE0E2;
    text-decoration: underline;
}
#showcase div.slideshow div.slide dl dd a:hover {
    color: #FFF;
}
#showcase div.slideshow div.slide dl dd p.link {
    padding-bottom: 0;
}
#showcase div.slideshow div.slide dl dd p.link a {
    background: #989A9C;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 41px;
    padding: 1px 16px 0 16px;
    text-decoration: none;
}
#showcase div.slideshow div.slide dl dd p.link a:hover {
    background: #63B7C9;
}
#showcase div.slideshow p.prev,
#showcase div.slideshow p.next {
    position: absolute;
    top: 167px;
    z-index: 100;
}
#showcase div.slideshow p.prev {
    left: -56px;
}
#showcase div.slideshow p.next {
    right: -56px;
}
#showcase div.slideshow p.prev a,
#showcase div.slideshow p.next a {
    background: url(img/showcase-controls.png) no-repeat;
    display: block;
    height: 32px;
    width: 32px;
}


#showcase div.slideshow p.next a {
    background-position: right top !important;
}
#showcase div.slideshow p.prev a:hover {
    background-position: left bottom;
}
#showcase div.slideshow p.next a:hover {
    background-position: right bottom !important;
}
#showcase div.slideshow p.prev a span,
#showcase div.slideshow p.next a span {
    display: none;
}



/* CONTENT
---------------------------------------- */
#content {
    background: #FFF;
    border-bottom: 4px solid #E8EAEC;
    border-top: 4px solid #E8EAEC;
    float: left;
    width: 100%;
}



/* BODY
---------------------------------------- */
#body {
    float: left;
    padding-top: 39px;
    width: 976px;
}
#body.home {
    padding-top: 0;
}
#body h2 {
    color: #525456;
    font-size: 38px;
    font-weight: 300;
    line-height: 38px;
}
#body h2 a {
    color: #525456;
}
#body h2 a:hover {
    color: #63B7C9;
}
#body h3 {
    color: #66686A;
    font-size: 27px;
    font-weight: 300;
    line-height: 35px;
    padding-bottom: 23px;
}
#body h4 {
    color: #525456;
    font-size: 29px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 10px;
}
#body h4 a {
    color: #525456;
}
#body h4 a:hover {
    color: #63B7C9;
}
#body h5 {
    color: #525456;
    font-size: 23px;
    font-weight: 700;
    line-height: 25px;
    padding-bottom: 7px;
}
#body h5 a {
    color: #525456;
}
#body h5 a:hover {
    color: #63B7C9;
}
#body h6 {
    color: #989A9C;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 21px;
    padding-bottom: 7px;
    text-transform: uppercase;
}
#body h6 a {
    color: #989A9C;
}
#body h6 a:hover {
    color: #63B7C9;
}
#body p {
    padding-bottom: 22px;
}
#body ol {
    list-style: decimal;
    padding: 0 0 22px 19px;
}
#body ul {
    list-style: disc;
    padding: 0 0 22px 19px;
}
#body span.createsend {
    display: inline-block;
    padding: 3px 0 21px 0;
}
#body hr {
    background: #E8EAEC;
    color: #E8EAEC;
    clear: both;
    height: 1px;
    margin-bottom: 27px;
}



/* BODY > TITLE
---------------------------------------- */
#body #title {
    border-bottom: 4px solid #E8EAEC;
    float: left;
    width: 100%;
}
#body #title h2 {
    display: inline-block;
    float: left;
    padding-bottom: 24px;
}
#body #title h2 span {
    color: #CACCCE;
    font-weight: 200;
    padding: 0 8px 0 8px;
}
#body #title ul {
    float: right;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 23px;
    list-style: none;
    padding: 14px 0 0 0;
    text-align: right;
    text-transform: uppercase;
}
#body #title ul li {
    border-left: 1px solid #E8EAEC;
    float: left;
    margin-left: 12px;
    padding-left: 12px;
}
#body #title ul li:first-child {
    border: none;
}
#body #title ul li a {
    color: #66686A;
    display: inline-block;
    padding-top: 1px;
}
#body #title ul li a:hover {
    color: #2A2C2E;
}
#body #title ul li span {
    color: #B6B8BA;
    display: inline-block;
    padding-top: 1px;
}



/* BODY > PRIMARY
---------------------------------------- */
#body #primary {
    float: left;
    padding: 24px 0 16px 0;
    width: 976px;
}
#body #primary.split {
    width: 688px;
}
#body #primary.blocks {
    border-bottom: 1px solid #E8EAEC;
    padding-bottom: 4px;
}
#body.home #primary {
    padding: 40px 152px 20px 152px;
    text-align: center;
    width: 672px;
}



/* BODY > PRIMARY > DIV.THUMBNAIL
---------------------------------------- */
#body #primary div.thumbnail {
    float: left;
    padding: 8px 32px 32px 0;
    width: 304px;
}
#body #primary div.thumbnail dl {
    float: left;
    width: 304px;
}
#body #primary div.thumbnail dl dt {
    float: left;
    width: 304px;
}
#body #primary div.thumbnail dl dt img {
    height: auto;
    max-width: 100%;
    width: auto\9;
}
#body #primary div.thumbnail dl dd {
    background: #F2F4F6;
    float: left;
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
    width: 272px;
}



/* BODY > PRIMARY > SINGLE
---------------------------------------- */
#body #primary div.s-title {
    border-bottom: 1px solid #E8EAEC;
    padding: 4px 0 16px 0;
}
#body #primary div.s-title h6 {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 4px;
}
#body #primary div.s-thumbnail {
    float: left;
    padding: 32px 32px 32px 0;
    width: 304px;
}
#body #primary div.s-thumbnail dl {
    float: left;
    width: 304px;
}
#body #primary div.s-thumbnail dl dt {
    float: left;
    width: 304px;
}
#body #primary div.s-thumbnail dl dt img {
    height: auto;
    max-width: 100%;
    width: auto\9;
}
#body #primary div.s-thumbnail dl dd {
    background: #F2F4F6;
    float: left;
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
    width: 272px;
}
#body #primary div.s-content {
    padding-top: 28px;
}
#body #primary div.s-content img {
    height: auto;
    max-width: 100%;
    width: auto\9;
}
#body #primary div.s-content a {
    text-decoration: underline;
}



/* BODY > PRIMARY > SINGLE > DIV.META
---------------------------------------- */
#body #primary div.s-content div.meta {
    clear: both;
    float: left;
    padding-top: 4px;
    width: 688px;
}
#body #primary div.s-content div.meta ul {
    border-top: 1px solid #E8EAEC;
    float: left;
    font-size: 12px;
    line-height: 27px;
    list-style: none;
    padding: 20px 0 16px 0;
    width: 688px;
}
#body #primary div.s-content div.meta ul li {
    float: left;
    padding: 0 12px 0 0;
}
#body #primary div.s-content div.meta ul li a {
    background: #F2F4F6;
    border-radius: 14px;
    color: #989A9C;
    display: inline-block;
    padding: 1px 12px 0 12px;
    text-decoration: none;
}
#body #primary div.s-content div.meta ul li a:hover {
    background: #525456;
    color: #FFF;
}



/* BODY > PRIMARY > SINGLE > DIV.SHARE
---------------------------------------- */
#body #primary div.s-content div.share {
    clear: both;
    float: left;
    width: 688px;
}
#body #primary div.s-content div.share ul {
    float: left;
    list-style: none;
    padding: 0 0 20px 0;
    width: 688px;
}
#body #primary div.s-content div.share ul li {
    float: left;
    padding: 0 12px 0 0;
}
#body #primary div.s-content div.share ul li.twitter {
    height: 28px;
}
#body #primary div.s-content div.share ul li.twitter a {
    display: inline-block;
}
#body #primary div.s-content div.share ul li.google {
    height: 24px;
    padding-top: 2px;
}
#body #primary div.s-content div.share ul li.google div {
    display: inline-block;
}
#body #primary div.s-content div.share ul li.facebook {
    height: 24px;
    padding-top: 2px;
}
#body #primary div.s-content div.share ul li.facebook div {
    display: inline-block;
    overflow: hidden;
    width: 51px;
}



/* BODY > PRIMARY > DIV.ARCHIVE
---------------------------------------- */
#body #primary div.archive {
    border-top: 1px solid #E8EAEC;
    float: left;
    padding: 32px 0 32px 0;
    width: 688px;
}
#body #primary div.archive.first {
    border: none;
    padding-top: 8px;
}
#body #primary div.archive div.a-thumbnail {
    float: left;
    padding-right: 24px;
    width: 176px;
}
#body #primary div.archive div.a-thumbnail img {
    height: auto;
    max-width: 100%;
    width: auto\9;
}
#body #primary div.archive div.a-content {
    float: left;
    width: 488px;
}
#body #primary div.archive div.a-content h6 {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 23px;
    padding-bottom: 0;
}
#body #primary div.archive div.a-content p {
    padding-bottom: 0;
}



/* BODY > SECONDARY
---------------------------------------- */
#body #secondary {
    float: right;
    padding-bottom: 48px;
    width: 256px;
}



/* BODY > SECONDARY > UL.SUBMENU
---------------------------------------- */
#body #secondary ul.submenu {
    font-size: 14px;
    line-height: 58px;
    list-style: none;
    padding-bottom: 16px;
    text-align: right;
}
#body #secondary ul.submenu li {
    border-bottom: 1px solid #E8EAEC;
}
#body #secondary ul.submenu li a {
    color: #B6B8BA;
    display: inline-block;
}
#body #secondary ul.submenu li a:hover,
#body #secondary ul.submenu li.selected a {
    color: #2A2C2E;
}



/* BODY > SECONDARY > DL.LIST
---------------------------------------- */
#body #secondary dl.list {
    width: 256px;
}
#body #secondary dl.list dt {
    border-bottom: 1px solid #E8EAEC;
    color: #525456;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding: 26px 0 14px 0;
}
#body #secondary dl.list dd {
    border-bottom: 1px solid #E8EAEC;
    font-size: 14px;
    line-height: 48px;
}
#body #secondary dl.list dd a {
    color: #B6B8BA;
    display: block;
    padding-top: 1px;
}
#body #secondary dl.list dd a:hover,
#body #secondary dl.list dd.selected a {
    color: #2A2C2E;
}
#body #secondary dl.list dd a span {
    background: #F2F4F6;
    border-radius: 14px;
    color: #B6B8BA;
    float: right;
    font-size: 12px;
    line-height: 27px;
    margin-top: 9px;
    min-width: 16px;
    padding: 1px 6px 0 6px;
    text-align: center;
}
#body #secondary dl.list dd a:hover span,
#body #secondary dl.list dd.selected a span {
    background: #525456;
    color: #FFF;
}



/* BODY > BLOCKS
---------------------------------------- */
#body #blocks {
    float: left;
    padding-bottom: 16px;
    width: 976px;
}
#body #blocks div.row {
    border-bottom: 1px solid #E8EAEC;
    float: left;
    padding: 25px 0 32px 0;
    width: 976px;
}
#body #blocks.inner div.row {
    padding-top: 32px;
}
#body #blocks div.row:last-child {
    border: none;
}



/* BODY > BLOCKS > DIV.BLOCK
---------------------------------------- */
#body #blocks div.block {
    float: left;
    padding-right: 32px;
    width: 304px;
}
#body #blocks div.block:last-child {
    padding-right: 0;
}
#body #blocks div.block h6 {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 23px;
    padding-bottom: 4px;
}
#body #blocks div.block h6 span {
    color: #CACCCE;
    padding: 0 4px 0 4px;
}
#body #blocks div.block h6 a {
    color: #989A9C;
}
#body #blocks div.block h6 a:hover {
    color: #2A2C2E;
}
#body #blocks div.block div {
    float: left;
    width: 304px;
}
#body #blocks div.block div img {
    height: auto;
    max-width: 100%;
    width: auto\9;
}
#body #blocks div.block dl {
    float: left;
    padding: 10px 16px 10px 16px;
    width: 272px;
}
#body #blocks div.block dl dt {
    color: #525456;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}
#body #blocks div.block dl dd {
    color: #989A9C;
}
#body #blocks div.block a.link {
    background: #F2F4F6;
    float: left;
    display: block;
    width: 304px;
}
#body #blocks div.block a.link:hover {
    background: #E8EAEC;
}
#body #blocks div.block a.link:hover dl dt,
#body #blocks div.block a.link:hover dl dd {
    color: #2A2C2E;
}



/* BODY > PAGINATION
---------------------------------------- */
#body #pagination {
    border-top: 1px solid #E8EAEC;
    float: left;
    width: 976px;
}
#body #primary.split #pagination {
    width: 688px;
}
#body #blocks #pagination {
    border: none;
}
#body #pagination ul {
    float: left;
    font-size: 15px;
    font-weight: 700;
    line-height: 41px;
    list-style: none;
    padding: 32px 0 32px 0;
    width: 100%;
}
#body #pagination ul li.prev {
    float: left;
}
#body #pagination ul li.next {
    float: right;
}
#body #pagination ul li span {
    background: #E8EAEC;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    padding: 1px 16px 0 16px;
}
#body #pagination ul li a {
    background: #989A9C;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    padding: 1px 16px 0 16px;
}
#body #pagination ul li a:hover {
    background: #63B7C9;
}



/* BUMPER
---------------------------------------- */
#bumper {
    background: url(img/bumper.png);
    float: left;
    width: 100%;
}
#bumper div.inner {
    background: url(img/bumper-inner.png) repeat-x;
    float: left;
    width: 100%;
}
#bumper div.wrap {
    overflow: hidden;
}
#bumper h2 {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    padding: 27px 0 25px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
#bumper ul {
    clear: both;
    float: left;
    width: 1008px;
}
#bumper ul li {
    background: #FFF;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    float: left;
    height: 136px;
    margin: 0 32px 32px 0;
    width: 136px;
}
#bumper ul li img {
    height: auto;
    max-width: 100%;
    width: auto\9;
}



/* FOOTER
---------------------------------------- */
#footer {
    background: url(img/footer.png) repeat-x;
    color: #989A9C;
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding: 30px 0 30px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    width: 100%;
}
#footer ul {
    background: url(img/footer-logo.png) no-repeat;
    float: left;
    padding: 12px 0 12px 60px;
}
#footer ul li {
    background: url(img/footer-divide.png) top right no-repeat;
    float: left;
    margin-right: 14px;
    padding-right: 16px;
}
#footer ul li:last-child {
    background: none;
    margin: 0;
    padding: 0;
}
#footer ul li a {
    color: #989A9C;
    display: block;
    padding-top: 1px;
}
#footer ul li a:hover {
    color: #FFF;
}
#footer ul li.selected a {
    color: #FFF;
}
#footer p {
    float: right;
    padding: 12px 0 12px 0;
}



/* ------------- OPTOMEDIA MODS ------------ */

a {
    color: #333;
    text-decoration: underline;
}

div#menu a {
    text-decoration: none;
}

div#header a {
    text-decoration: none;
}

div#footer a {
    text-decoration: none;
}

body a:hover {
    background-color: transparent;
}

body a:hover {
    background-color: #FF0;
    text-decoration:underline;
}

#body h2 a:hover, #body h3 a:hover, #body h4 a:hover, #body h5 a:hover, #body h6 a:hover  {
    color: #000;
}

#body #primary div.s-content a {
    text-decoration: underline;
}

#body #blocks div.block dl dt {
    /*color: rgb(82, 84, 86);*/
    color:#000;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

#body #blocks div.block a.link:hover {
    background: none repeat scroll 0% 0% #FF0;
}

#body #blocks div.block h6 {
    font-size: 14px;
}

#body #blocks div.block a.link {
    background-color: transparent;
    border:1px solid #B2B2B2;
}

#body #blocks div.block div img {
    border-bottom: 1px solid #B2B2B2;
}

/*
#header h2 {
    position: relative;
    left: 15px;
    float: right;
    top: -17px;
}

#header h2 a {
    font-size: 40px;
}
*/

#sites ul li a {
    font-size: 18px;
}

#sites ul li a:hover {
    background-color: #FF0;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
/*
    width: 159px;
    height: 30px;
    margin:0px;
    padding:0px;
*/
}

#sites ul li.selected a {
    font-size: 18px;
}

#sites ul li.selected a:hover {
    background-color: transparent;
}

#menu ul {
    font-size: 15px;
}

#menu ul li {
    margin-right: 7px;
    padding-right: 9px;
}

#menu ul li a {
    font-weight: bold;
    padding: 0 5px 0 5px;
}

#menu ul li a:hover {
    color: #000;
    padding: 0 5px 0 5px;
    border-radius:4px;
}

#menu ul li.selected a:hover {
    color: #000;
}

select#little-nav {
    display: none;
}

div.createsend-button2 {
    background-image: url("../uploads/2013/12/ecu-research-subscribe-button.png");
    width: 112px;
    height: 30px;
    position: relative;
    top:-1px;
    cursor: pointer;
}

#showcase {
    background-color: #FFF;
    float: left;
    width: 100%;
}

#showcase div.slideshow {
    background: none;
}

#showcase div.slideshow div.slide dl dd p {
    color: #515355;
}

#showcase div.slideshow div.slide dl dd a {
    color: #000;
    text-decoration: underline;
}

#showcase div.slideshow div.slide dl dd a:hover {
    color: #000;
    text-decoration: underline;
}


#showcase div.slideshow div.slide dl dt a {
    color: #000;
    text-decoration: none;
}

#showcase div.slideshow div.slide dl dt a:hover {
    color: #000;
    text-decoration: none;
}

#showcase div.slideshow p.prev a,
#showcase div.slideshow p.next a {
    background: url(img/showcase-controls4.png) no-repeat;
}

/*
#showcase div.slideshow p.prev,
#showcase div.slideshow p.next {
    position: absolute;
    top: 167px;
    z-index: 100;
}
#showcase div.slideshow p.prev {
    left: -56px;
}
#showcase div.slideshow p.next {
    right: -56px;
}

#showcase div.slideshow p.prev a {
    background-position: left bottom;
}
#showcase div.slideshow p.next a {
    background-position: right bottom;
}
*/

#content {
    border-top: 1px solid rgb(232, 234, 236);
}

#body #pagination ul li a:hover {
    background: none repeat scroll 0% 0% #FF0;
    color:#000;
}

#footer ul {
    display: none;
}

#footer ul li.selected a:hover {
    color: #000;
}

#footer ul li a:hover {
    color: #000;
}

div.author-page-title {
    margin-bottom: 20px;
}

div#top {
    display:none;
}



/* -- RESPONSIVE -- */

@media only screen and (max-width: 650px) {

    * {
        border:0px solid red !important;
    }

    body {
        background: none;
    /*
        max-width: 500px;
        overflow-x: hidden;
    */
    }

    #sites {
        background:none;
        float: left;
        width: 100%;
        border-bottom: 4px solid #DDDFE1 !important;
    }

    #wrap {
        margin: auto;
        min-width: 360px;
        width: 100%;
    }

    div.wrap {
        margin: auto;
        width: 360px;
    }

    #menu ol {
        margin-top: -17px;
    }

    iframe.subscribe-button-frame {
        top: 22px;
    }

    #header h2 {
        clear: both;
        line-height: 50px;
        position: relative;
        float: left;
    }

    select#little-nav {
        font-size: 15px;
        font-family: inherit;
        width: 150px;
        margin: 20px 0 0 0;
        display: block;
        margin-bottom: 14px;
    }

    div.createsend-button2 {
        position: relative;
        top:17px;
    }

    div#mobile-friendly-menu ul {
        display: none;
    }

    #showcase {
        display: none;
    }

    #body.home #primary {
        padding: 40px 0px 0 0;
        text-align: left;
        width: 335px;
    }

    #body #blocks {
        width: 335px;
    }

    #body #blocks div.row {
        border-bottom: 0px solid rgb(232, 234, 236);
        float: left;
        padding: 25px 0px 32px 0px;
        width: 335px;
    }

    #body #secondary {
        float: none;
    }

    #body #secondary ul.submenu {
        text-align: left;
    }

    #body #primary.split {
        width: 335px;
    }

    #body #title h2 {
        float:none;
        width: 350px;
    }

    #body h3 {
        width: 335px;
    }

    #body h5 {
        width: 350px;
    }

    #body p {
        width: 335px;
    }

    #body #title ul {
        float:none;
    }

    #body #title ul li {
        float:left;
        margin-left: 4px;
        padding-left: 0;
        padding-right: 32px;
    }

    #body #primary {
        width: 360px;
    }

    #body #primary div.s-content img {
        clear: both;
        margin: 25px 0 25px 0;
    }

    #body #primary.split #pagination {
        width: 350px;
    }

    #body #primary div.s-content div.meta {
        width: 350px;
    }

    #body #primary div.s-content div.meta ul {
        width: 350px;
    }

    #body #primary div.s-content div.share ul {
        width: 350px;
    }

    #body #primary div.s-content div.share {
        width: 350px;
    }

    #body #pagination ul {
        width: 350px;
    }

    #body #pagination ul li.next {
        float:none;
    }

    #body #pagination ul li.prev {
        margin-right: 30px;
    }

    div.wrap {
        margin: auto;
        width: 330px;
        padding: 0 0 0 0px;
    }

    li.campaignmonitor {
        position: relative;
        top: -18px;
    }

    div#body {
        width: 335px !important;
    }

    #body #blocks div.row {
        width: 335px;
        padding: 10px 0 0px 10px;
        float: left;
    }

    #footer p {
        float: none;
        padding: 12px 0 12px 0;
        margin: 10px 0 0 0;
    }

    div#top {
        display:block;
    }

    div#top img {
        float: right;
    }

}



@media only screen and (max-width: 330px) {

    * {
        border:0px solid red !important;
    }

    body {
        background: none;
    }

    #sites {
        background:none;
        float: left;
        width: 100%;
        border-bottom: 4px solid #DDDFE1 !important;
    }

    #wrap {
        margin: auto;
        min-width: 330px;
        width: 100%;
    }

    div.wrap {
        margin: auto;
        width: 330px;
    }

    #menu ol {
        margin-top: -17px;
        position: relative;
        left: -10px;
    }

    iframe.subscribe-button-frame {
        top:22px;
    }

    #header h2 {
        clear: both;
        position: relative;
        line-height: 50px;
        width: 280px;
    }

    #header h2 a {
        font-size: 30px;
    }

    select#little-nav {
        font-size: 15px;
        font-family: inherit;
        width: 130px;
        margin: 20px 0 0 0;
        display: block;
        margin-bottom: 14px;
    }

    div#mobile-friendly-menu ul {
        display: none;
    }

    #showcase {
        display: none;
    }

    #body.home #primary {
        padding: 40px 0px 0 0;
        text-align: left;
        width: 302px;
    }

    #body #blocks {
        width: 302px;
    }

    #body #blocks div.row {
        border-bottom: 0px solid rgb(232, 234, 236);
        float: left;
        padding: 25px 0px 32px 0px;
        width: 302px;
    }

    #body #blocks div.block a.link {
        width: 280px;
    }

    #body #secondary {
        float: none;
    }

    #body #secondary ul.submenu {
        text-align: left;
    }

    #body #primary.split {
        width: 302px;
    }

    #body #title h2 {
        float:none;
        width: 325px;
    }

    #body h3 {
        width: 302px;
        font-size: 22px;
    }

    #body h5 {
        width: 325px;
    }

    #body p {
        width: 302px;
    }

    #body #title ul {
        float:none;
    }

    #body #title ul li {
        float:left;
        margin-left: 4px;
        padding-left: 0;
        padding-right: 24px;

    }

    #body #primary {
        width: 330px;
    }

    #body #primary div.s-content img {
        clear: both;
        margin: 25px 0 25px 0;
    }

    #body #primary.split #pagination {
        width: 300px;
    }

    #body #primary div.s-content div.share {
        width: 300px;
    }

    #body #primary div.s-content div.meta {
        width: 300px;
    }

    #body #primary div.s-content div.meta ul {
        width: 300px;
    }

    #body #primary div.s-content div.share ul {
        width: 300px;
    }

    #body #pagination ul {
        width: 300px;
    }

    #body #pagination ul li.next {
        float:none;
    }

    #body #pagination ul li.prev {
        margin-right: 30px;
    }

    div.wrap {
        margin: auto;
        width: 309px;
        padding: 0 0 0 0px;
    }

    li.campaignmonitor {
        position: relative;
        top: -18px;
    }

    div#body {
        width: 315px !important;
    }

    #body #blocks div.row {
        width: 302px;
        padding: 10px 0 0px 10px;
        float: left;
    }

    #body #blocks div.block div img {
        width: 280px;
    }


    #bumper ul li {
        margin: 0px 22px 32px 0px;
    }

    #footer p {
        float: none;
        padding: 12px 0 12px 0;
        margin: 10px 0 0 0;
    }

    #footer ul {
        display: none;
    }

    div#top img {
        margin-top:-15px;
        margin-right:15px;
    }

}