/*
Theme Name: CSUN Wordpress Theme
Theme URI: http://www.csun.edu
Author: CSUN Web One Team
Author URI: http://www.csun.edu/
Description: Previously the Wordpress 2012 Theme, customized by Web One to suit CSUN's need.
Version: 4.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */








/*Changes for a reactive space*/
/*----------------------------------------------------------------------------------*/
@media (min-width: 951px){

.layout-csun--header{
  padding-bottom: 10px;
    }

.layout-csun--header {
  float: left;
  width: 62.5%;
  margin-left: 0%;
  margin-right: -100%;
    }
}





.layout-csun {
    position: relative;

}
@media (min-width: 951px) {
   .layout-csun {
    *position: relative;
    *zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    min-width: 600px;
    max-width: 1152px;
}
#secondary{/*This is for the sidebar*/
    background-color: #eeeeee;
    padding: 12px;
}
.layout-csun:before, .layout-csun:after {
    content: "";
    display: table;
}
.layout-csun:after {
    clear: both;
}
.layout-csun--navbar {
    *position: relative;
    *zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    min-width: 600px;
}
.layout-csun--navbar:before, .layout-csun--navbar:after {
    content: "";
    display: table;
}
.layout-csun--navbar:after {
    clear: both;
}

.layout-csun--header{
padding-left: 12px;
    padding-right: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/default/themes/csun/js/boxsizing.htc");
    }

}
.layout-csun--supplementary, .layout-csun--content-left, .layout-csun--content-right, .layout-csun--content-both, .layout-csun--content-none, .layout-csun--sidebar-featured, .layout-csun--sidebar-left, .layout-csun--sidebar-right, .layout-csun--footer {
    padding-left: 12px;
    padding-right: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/default/themes/csun/js/boxsizing.htc");
}
.layout-csun--supplementary, .layout-csun--content-none, .layout-csun--footer {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    *margin-right: -99.9%}
@media (min-width: 951px){
.layout-csun--header-right {
    float: left;
    width: 62.5%;
    margin-left: 37.5%;
    margin-right: -100%;
    *margin-right: -99.9%
    }
}
.layout-csun--supplementary {
    clear: left;
}
.layout-csun--columns-left, .layout-csun--columns-right, .layout-csun--columns-both, .layout-csun--columns-none {
    overflow: hidden;
    *zoom: 1;
    clear: both;
    position: relative;
}
.layout-csun--content-left {
    clear: left;
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
    *margin-right: -99.9%}
.layout-csun--content-right {
    clear: left;
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -100%;
    *margin-right: -99.9%}
.layout-csun--content-both {
    clear: left;
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: -100%;
    *margin-right: -99.9%}
.layout-csun--content-none {
    clear: left;
}
.layout-csun--sidebar-featured {
    float: right;
    width: 25%;
    margin-right: 75%;
    margin-left: -100%;
    *margin-left: -99.9%}
.layout-csun--sidebar-left {
    clear: right;
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -100%;
    *margin-right: -99.9%}
.layout-csun--sidebar-right {
    position: relative;
    top: 0;
    left: 75%;
    width: 25%}
.layout-csun--sidebar-featured .panel-pane, .layout-csun--sidebar-left .panel-pane, .layout-csun--sidebar-right .panel-pane {
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.layout-csun--footer {
    clear: left;
}
}
.lt-ie9 .layout-csun {
    *position: relative;
    *zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    min-width: 600px;
    max-width: 1152px;
}
.lt-ie9 .layout-csun:before, .lt-ie9 .layout-csun:after {
    content: "";
    display: table;
}
.lt-ie9 .layout-csun:after {
    clear: both;
}
.lt-ie9 .layout-csun--navbar {
    *position: relative;
    *zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    min-width: 600px;
}
.lt-ie9 .layout-csun--navbar:before, .lt-ie9 .layout-csun--navbar:after {
    content: "";
    display: table;
}
.lt-ie9 .layout-csun--navbar:after {
    clear: both;
}
.lt-ie9 .layout-csun--supplementary, .lt-ie9 .layout-csun--content-left, .lt-ie9 .layout-csun--content-right, .lt-ie9 .layout-csun--content-both, .lt-ie9 .layout-csun--content-none, .lt-ie9 .layout-csun--sidebar-featured, .lt-ie9 .layout-csun--sidebar-left, .lt-ie9 .layout-csun--sidebar-right, .lt-ie9 .layout-csun--footer {
    padding-left: 12px;
    padding-right: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/default/themes/csun/js/boxsizing.htc");
}
.lt-ie9 .layout-csun--supplementary, .lt-ie9 .layout-csun--content-none, .lt-ie9 .layout-csun--footer {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    *margin-right: -99.9%}
.lt-ie9 .layout-csun--header {
    float: left;
    width: 62.5%;
    margin-left: 0%;
    margin-right: -100%;
    *margin-right: -99.9%}

.lt-ie9 .layout-csun--supplementary {
    clear: left;
}
.lt-ie9 .layout-csun--columns-left, .lt-ie9 .layout-csun--columns-right, .lt-ie9 .layout-csun--columns-both, .lt-ie9 .layout-csun--columns-none {
    overflow: hidden;
    *zoom: 1;
    clear: both;
    position: relative;
}
.lt-ie9 .layout-csun--content-left {
    clear: left;
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
    *margin-right: -99.9%}
.lt-ie9 .layout-csun--content-right {
    clear: left;
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -100%;
    *margin-right: -99.9%}
.lt-ie9 .layout-csun--content-both {
    clear: left;
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: -100%;
    *margin-right: -99.9%}
.lt-ie9 .layout-csun--content-none {
    clear: left;
}
.lt-ie9 .layout-csun--sidebar-featured {
    float: right;
    width: 25%;
    margin-right: 75%;
    margin-left: -100%;
    *margin-left: -99.9%}
.lt-ie9 .layout-csun--sidebar-left {
    clear: right;
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -100%;
    *margin-right: -99.9%}
.lt-ie9 .layout-csun--sidebar-right {
    position: relative;
    top: 0;
    left: 75%;
    width: 25%}
.lt-ie9 .layout-csun--sidebar-featured .panel-pane, .lt-ie9 .layout-csun--sidebar-left .panel-pane, .lt-ie9 .layout-csun--sidebar-right .panel-pane {
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.lt-ie9 .layout-csun--footer {
    clear: left;
}
.element-invisible, .element-focusable, .header--name-and-slogan, .layout-csun--header .pane-title, .layout-csun--header-right .pane-title, .pane-menu-block-custom-primary-links .pane-title, .node-slideshow .node--title {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,  1px,  1px,  1px);
}
.element-focusable:active, .element-focusable:focus {
    position: static !important;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto;
}
@media (min-width: 951px) {
    .mobile-only {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,  1px,  1px,  1px);
}
}
@media (max-width: 950px) {
    .desktop-only {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,  1px,  1px,  1px);
}
p code{
    width:100%;
}
div#secondary > aside > form > div > input{
    margin-bottom: 10px;
}
.layout-csun--footer p a{
    line-height: 35px;
}
.layout-csun--footer p:first-of-type {
    line-height: 20px;
}
.layout-csun--footer div.column {
  float: left;
  padding: 0 30px 0px 10px;
  min-height: 0px;

}

       h3.widget-title{
    /*width:101%;*/
    background-color:#ccc;
    background-image: url('images/sidebar-expand.png');
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0 -12px 1px -12px;
    color:#333333;
    font-size: 25px;
    font-family: museo_sans_700, Verdana, Tahoma, "DejaVu Sans", sans-serif;
    padding: 0px 10px;
    line-height: 1.7;
    }
    h3.widget-title.side-bar-open{
        background-image: url('images/sidebar-collaps.png');
    }
.layout-csun--footer{
    color: #fff;
    background-color: #000;
}
.layout-csun--footer a{
    color:#fff;
}
.layout-csun--footer .column a:hover{
    color: #fff;
    text-decoration: underline;
}
.layout-csun--footer .column{
    clear: both;
    font-size: 125%;
    font-style: italic;
}
form#google-appliance-block-form{
    margin: 0px 10px;
}
.layout-csun--footer > div > address > div:first-of-type{
    display: none;
}

    aside > ul > li:first-child{
    border-top: none;
}
aside > ul > li{
    padding: 10px 0px;
    border-top: 1px #d4c0c0 solid;
}
    aside > ul{
        display:none;
    }
}
@media (max-width: 950px) {
.layout-csun--header {
margin-left: -10px;
}


#secondary{/*This should get the sidebar to drop to the bottom*/
    clear:both;
    padding:20px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    width: auto;
    padding: 1px 12px;
}
@media (max-width: 950px){
ul#menu-primary-navigation-1 > li{
    display: list-item;
    background-color: #d00d2d;
}
.layout-csun--footer .column p{
    padding-left: 10px;
}
}
@media (min-width: 951px){
.menu-primary-navigation-container{
    height: 5px;
}
}
.pane-node-field-wordmarks {
    padding-left: 10px;
}
.wordmark-secondary {
    margin: -10px 0 0 0px;
}
.wordmark-tertiary {
    margin: 0;
}
}
.wordmark-tertiary .wordmark {
    font-family: adobe_garamond_pro, Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
}
@media (min-width: 951px) {
    .pane-node-field-wordmarks {
    float: left;
    font-size: 73px;
}
.wordmark-secondary, .third-wordmark{
  float: left;
  height: 73px;
  position: relative;
  margin: 0;
  line-height: 66px;
  clear: right;
  margin-top: 7px;
}

.lt-ie8 .wordmark {
    position: relative;
    top: -36px;
}

.wordmark.two-wordmarks  {
    border-right: 1px solid #000;
}
.wordmark-tertiary .wordmark {
    padding-right: 0;
}
.wordmark--offset {
    position: relative;
    white-space: pre;
}
}

@media (min-width: 951px){

img.header--logo-image {
  border-right: 2px solid #000;
  float: left;
  padding: 0px 9px 0 0;
    }
}

.wordmark-secondary .wordmark{
  font-size: 22px;
  line-height: 26px; /* 19 */
  padding-bottom: 2px;
  font-weight: normal; /*700*/
  color: #000;
  letter-spacing: .05em;
  /*font-family: 'Sentinel_A'*/
  font-family: adobe_garamond_pro_bold, Georgia, "Times New Roman", Times, serif;
 /* -webkit-text-size-adjust:none;*/
}

.third-wordmark .wordmark {
  font-family: adobe_garamond_pro, Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  padding-bottom: 2px;
  margin-bottom: 1px;
  /*letter-spacing: .10em;*/
  /*-webkit-text-size-adjust:none;*/
}


@media (min-width: 951px){
.third-wordmark .wordmark {
  text-align: center;
  vertical-align: middle;
}
}
/*----------------------------------------------------------------------------------*/










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, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	/*font-family: inherit;*/
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 95%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	/*font-family: Helvetica, Arial, sans-serif;*/
	text-rendering: optimizeLegibility;
	color: #444;

}
body.custom-font-enabled {
	/*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/


}
a {
	outline: none;
	color: #000;
}
a:hover {
	color: #0f3647;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
	/*padding: 0 24px;
	padding: 0 1.714285714rem;*/
	background-color: #fbfbfb;
	min-width:100%;
}
.site-content {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}
.widget-area {
	margin: 24px 0 0;
	margin: 3px 0 0;
}

/* Header */
.site-header {
	/*padding: 24px 0;
	padding: 1.714285714rem 0; */
}

.site-header h1 {
	text-align: center;
}
.site-header h1 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #3333;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}

.header-image {
	margin-top: 24px;
	margin-top: 1.714285714rem;
}

/* Navigation Menu */
.main-navigation {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* Sidebar
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}*/
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #500000;
    text-decoration: none;
}
.widget-area .widget a:hover {
    text-decoration: underline;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}


/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
	font-size: 20px;
	font-size: 1.428571429rem;
	line-height: 1.2;
	font-weight: normal;
}
.entry-header .entry-title a {
	text-decoration: none;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header .comments-link {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
	visibility: hidden;
}
.comments-link a,
.entry-meta a {
	color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}
.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
    padding-left: 2px;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	/*font-family: Consolas, Monaco, Lucida Console, monospace;*/
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	/*font-family: Consolas, Monaco, Lucida Console, monospace;*/
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.site-content article {
	border-bottom: 1px solid #ccc;
	margin-bottom: 32px;
	/*margin-bottom: 5.142857143rem;*/
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}


/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}


/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}


/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 951 pixels. Changed*/
@media screen and (min-width: 951px) {
	.widget-area .widget h3 {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.widget-area .widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    word-wrap: break-word;
}

    .author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: hidden;
	}
.site-content {
  clear: right;
  float: right;
  width: 70%;
  margin-right: 29%;
  margin-left: -108%;
  margin-top: 1%;
  padding-top: 10px;
}
	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {
		width: 100%;
        margin-right: 0;
	}
	.widget-area {
	clear: left;
    float: right;
    width: 25%;
    margin-left: -100%;
	}
	.site-header h1 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #fbfbfb;
	}
	body .site {
		/*padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;*/
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.singular .site-content,
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular .comments-title {
		margin: 0;
		width: 100%;
	}
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
}

/*****Drupal to Wordpress****/
/* Layout */
.layout-csun--navbar {
  *position: relative;
  *zoom: 1;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  min-width: 600px;
}
.layout-csun--navbar:before, .layout-csun--navbar:after {
  content: "";
  display: table;
}
.layout-csun--navbar:after {
  clear: both;
}












/* Layout rules */
/**
 * @file
 * Positioning for responsive layout .
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */

.layout-csun:before, .layout-csun:after {
  content: "";
  display: table;
}
.layout-csun:after {
  clear: both;
}

.layout-csun--navbar {
  *position: relative;
  *zoom: 1;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  min-width: 600px;
}
.layout-csun--navbar:before, .layout-csun--navbar:after {
  content: "";
  display: table;
}
.layout-csun--navbar:after {
  clear: both;
}

.layout-csun--supplementary, .layout-csun--content-left, .layout-csun--content-right, .layout-csun--content-both, .layout-csun--content-none, .layout-csun--sidebar-left, .layout-csun--sidebar-right, .layout-csun--footer {
  padding-left: 12px;
  padding-right: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("/sites/default/themes/csun/js/boxsizing.htc");
}

.layout-csun--supplementary, .layout-csun--content-left, .layout-csun--content-right, .layout-csun--content-both, .layout-csun--content-none, .layout-csun--footer {
  clear: left;
}

.layout-csun--supplementary, .layout-csun--content-none, .layout-csun--footer {
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  *margin-right: -99.9%;
}

.layout-csun--columns-left,
.layout-csun--columns-right,
.layout-csun--columns-both,
.layout-csun--columns-none {
  overflow: hidden;
  *zoom: 1;
  clear: both;
}

.layout-csun--content-left {
  float: left;
  width: 75%;
  margin-left: 25%;
  margin-right: -100%;
  *margin-right: -99.9%;
}

.layout-csun--content-right {
  float: left;
  width: 75%;
  margin-left: 0%;
  margin-right: -100%;
  *margin-right: -99.9%;
}

.layout-csun--content-both {
  float: left;
  width: 50%;
  margin-left: 25%;
  margin-right: -100%;
  *margin-right: -99.9%;
}

.layout-csun--sidebar-left {
  float: left;
  width: 25%;
  margin-left: 0%;
  margin-right: -100%;
  *margin-right: -99.9%;
}

.layout-csun--sidebar-right {
  float: left;
  width: 25%;
  margin-left: 75%;
  margin-right: -100%;
  *margin-right: -99.9%;
}

.layout-csun--sidebar-left .panel-pane,
.layout-csun--sidebar-right .panel-pane {
  padding-left: 12px;
  padding-right: 12px;
}

/* Module rules */
/**
 * @file
 * SMACSS Modules
 *
 * Adds modular sets of styles.
 *
 * Additional useful selectors can be found in Zen's online documentation.
 * http://drupal.org/node/1707736
 */
/* =============================================================================
   Development grids
   ========================================================================== */
/*
body {
  @include baseline-grid-background();
  &.admin-menu {
    background-position: left 29px;
  }
}
.layout-csun {
  @include column-grid-background();
  background-position: 12px top;
}
*/
/* =============================================================================
   Accessibility features
   ========================================================================== */
/* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.element-invisible,
.element-focusable,
.header--name-and-slogan,
.layout-csun--header .pane-title,
.layout-csun--header-right .pane-title,
.pane-menu-block-custom-primary-links .pane-title,
.pane-menu-tree .pane-title,
.node-slideshow .node--title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.element-focusable:active, .element-focusable:focus {
  /* Turns off the element-invisible effect. */
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

/* =============================================================================
   Extendibles
   ========================================================================== */


.skip-link a, .pane-user-menu .menu--link,
.pane-user-menu .menu--link-active,
.pane-user-menu .menu--link-active-trail, .pane-menu-block-custom-primary-links .menu--link,
.pane-menu-block-custom-primary-links .menu--link-active-trail, .field-name-field-group-constituency-links a, .mega-menu__link, .node-slideshow .field-name-field-link a {
  text-decoration: none;
}
.skip-link a:hover, .pane-user-menu .menu--link:hover,
.pane-user-menu .menu--link-active:hover,
.pane-user-menu .menu--link-active-trail:hover, .pane-menu-block-custom-primary-links .menu--link:hover,
.pane-menu-block-custom-primary-links .menu--link-active-trail:hover, .field-name-field-group-constituency-links a:hover, .mega-menu__link:hover, .node-slideshow .field-name-field-link a:hover, .skip-link a:focus, .pane-user-menu .menu--link:focus,
.pane-user-menu .menu--link-active:focus,
.pane-user-menu .menu--link-active-trail:focus, .pane-menu-block-custom-primary-links .menu--link:focus,
.pane-menu-block-custom-primary-links .menu--link-active-trail:focus, .field-name-field-group-constituency-links a:focus, .mega-menu__link:focus, .node-slideshow .field-name-field-link a:focus {
  text-decoration: underline;
}

.node-slideshow figcaption {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("/sites/default/themes/csun/js/boxsizing.htc");
}

/* =============================================================================
   Branding header
   ========================================================================== */

.header--logo {
  /* Wrapping link for logo */

  display: block;
  width: 160px;
}

@media (max-width: 950px){
.header--logo {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 107px;
}


.layout-csun--header {
  margin-left: -10px;
  padding-bottom: 0px;
}

}

@media (min-width: 951px){
.layout-csun--header-right {
  padding-bottom: 10px;
}
}



@media (min-width: 951px){
a#logo{
  float: left;
  margin-top: 22px;
  margin-right: 10px;
  margin-left: -12px;
  margin-bottom: -10px;
  padding-left: 12px;
}
}
.header--logo-image {
  /* Logo image */
  vertical-align: bottom;
    border: 0;
  height: 43px;
  width: 160px;

}

.header--name-and-slogan {
  /* Wrapper for website name and slogan */
}
@media (max-width: 950px){
.wordmark-wrapper{
  padding-left: 10px;
  padding-bottom: 10px;
}
}

@media (min-width: 951px){
.wordmark-wrapper {
  float: left;
  font-size: 73px;
  margin-bottom: 0.1em;
}
}

.wordmark-tertiary {
  float: left;
  height: 73px;
  position: relative;
  margin: 0;
  line-height: 64px;
}
@media (min-width: 951px){
.wordmark {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    padding: 0 16px;
    vertical-align: bottom;
    text-align: center;
    overflow: visible;

}
}
.wordmark {
 line-height: 26px;
  font-weight: normal;
  text-decoration: none;
}

@media (max-width: 950px){
.wordmark{
  margin: -10px 0 0 0;
}
}

.lt-ie8 .wordmark {
  position: relative;
  top: -36px;
}


.two-wordmarks .wordmark {
  border-right: 1px solid #000;
}

.wordmark-tertiary .wordmark {
  padding-right: 0;
  font-family: adobe_garamond_pro, Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
}

.lt-ie8 .wordmark-secondary .wordmark--offset {
  top: 3px;
}
.lt-ie8 .wordmark-tertiary .wordmark--offset {
  top: 6px;
}

@media  (max-width: 950px){

.header--logo-image {
  margin: -10px 0 0 18px;
  vertical-align: bottom;
  border: 0;
 width: 107px;
 height: 29px;
 padding-top: 0px;
 padding-left: 0px;
}

.nav-container {
  display: none;
  /*margin: 5px -10px -5px -10px;*/
  color: #fff;
}

}


.layout-csun--header-right {
  text-align: right;

}

.pane-user-menu .menu--leaf,
.skip-link {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  list-style-type: none;
  list-style-image: none;
}

.skip-link,
.pane-user-menu {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 33px;
  padding-top: 15px;
  font-size: 10px;
  line-height: 13px;
}

.pane-user-menu .menu {
  margin: 0;
  padding: 0;
  display: inline;
}
.pane-user-menu .menu--leaf {
  border-left: 1px solid #999;
}

@media (min-width: 951px){
.pane-google-appliance-ga-block-search-form form {
  float: right;
  width: 265px;
  position: relative;
  height: 22px;
  border: 1px #919191 solid;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background-color: #f2f2f2;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(230, 230, 230, 0.4);
  -moz-box-shadow: 0px 3px 0px 0px rgba(230, 230, 230, 0.4);
  box-shadow: 0px 3px 0px 0px rgba(230, 230, 230, 0.4);
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
}
}
.pane-google-appliance-ga-block-search-form input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.pane-google-appliance-ga-block-search-form .form-submit {
  position: absolute;
  left: 7px;
  top: 1px;
  font-size: 12px;
  color: #333333;
  font-family: museo_sans_300, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  background-color: transparent;
  border: 1px #e2e2e2 solid;
  border-left: 0 none;
  line-height: 12px;
  height: 20px;
  width: 59px;
  padding: 0;
  border-collapse: collapse;
}
.lt-ie8 .pane-google-appliance-ga-block-search-form .form-submit {
  border: 0 none;
}

@media (min-width: 951px){
.pane-google-appliance-ga-block-search-form .form-text {
  position: absolute;
  right: 7px;
  top: 1px;
  font-size: 12px;
  color: #333333;
  font-family: museo_sans_300, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  background-color: transparent;
  border: 1px #e2e2e2 solid;
  border-right: 0 none;
  width: 191px;
  padding: 0 4px 0 7px;
  border-collapse: collapse;
  line-height: 12px;
  height: 20px;
  margin: 0;
    }
}
.lt-ie9 .pane-google-appliance-ga-block-search-form .form-text {
  line-height: 20px;
}
.lt-ie8 .pane-google-appliance-ga-block-search-form .form-text {
  top: 0;
  width: 184px;
  padding: 0 4px 0 0;
}

/* =============================================================================
   Sidebars
   ========================================================================== */
.layout-csun--columns-left {
  background: url(../images/background-sidebar-gutter.png) repeat-y left top, url(../images/background-sidebar-left.png) repeat-y 25% top;
  -pie-background: url(/sites/default/themes/csun/images/background-sidebar-gutter.png) repeat-y left top, url(/sites/default/themes/csun/images/background-sidebar-left.png) repeat-y 25% top;
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
}

.layout-csun--columns-both {
  background: url(../images/background-sidebar-gutter.png) repeat-y left top, url(../images/background-sidebar-gutter.png) repeat-y right top, url(../images/background-sidebar-left.png) repeat-y 25% top, url(../images/background-sidebar-right.png) repeat-y 75% top;
  -pie-background: url(/sites/default/themes/csun/images/background-sidebar-gutter.png) repeat-y left top, url(/sites/default/themes/csun/images/background-sidebar-gutter.png) repeat-y right top, url(/sites/default/themes/csun/images/background-sidebar-left.png) repeat-y 25% top, url(/sites/default/themes/csun/images/background-sidebar-right.png) repeat-y 75% top;
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
}

.layout-csun--columns-right {
  background: url(../images/background-sidebar-gutter.png) repeat-y right top, url(../images/background-sidebar-right.png) repeat-y 75% top;
  -pie-background: url(/sites/default/themes/csun/images/background-sidebar-gutter.png) repeat-y right top, url(/sites/default/themes/csun/images/background-sidebar-right.png) repeat-y 75% top;
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
}

.panel-pane .pane-title {
  font-size: 1.3333em;
  font-weight: normal;
}

.sidebar .panel-pane .pane-title {
  color: #500000;
  font-family: museo_sans_700, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.33333em;
  margin-top: 20px;
}
.sidebar .panel-pane:first-child .pane-title {
  margin-top: 10px;
}
.sidebar .panel-pane ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar .panel-pane ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}
.sidebar .panel-pane ul li {
  padding: 10px 0;
  border-top: 1px #d4c0c0 solid;
}
.sidebar .panel-pane ul li:first-child {
  border-top: 0 none;
}
.sidebar .panel-pane ul li a {
  color: #500000;
  text-decoration: none;
  font-family: museo_sans_500, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
}
.sidebar .pane-fieldable-panels-pane .pane-title {
  font-size: 1.66667em;
  margin-bottom: 10px;
}
.sidebar .pane-fieldable-panels-pane .pane-title a {
  color: #500000;
}
.sidebar .pane-fieldable-panels-pane p, .sidebar .pane-fieldable-panels-pane ul {
  margin-top: 0;
  padding-top: 0;
}
.sidebar .pane-fieldable-panels-pane p > img {
  padding: 1px;
  border: 1px #686868 solid;
}
.sidebar .pane-fieldable-panels-pane p > img[border] {
  border: none;
}
.sidebar .pane-fieldable-panels-pane .field-name-field-body img {
  margin-right: 15px;
}
.sidebar .pane-fieldable-panels-pane .field-name-field-multi-link {
  padding: 10px 0;
  border-top: 1px #d4c0c0 solid;
}
.sidebar .pane-fieldable-panels-pane .field-name-field-multi-link:first-child {
  border-top: 0 none;
  padding-top: 0;
}
.sidebar .pane-fieldable-panels-pane .field-name-field-multi-link a {
  color: #500000;
  text-decoration: none;
  font-family: museo_sans_500, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
}
.sidebar .pane-fieldable-panels-pane .field-name-field-multi-link a:hover {
  text-decoration: underline;
}
.sidebar .pane-fieldable-panels-pane .pane-title + .field-name-field-multi-link {
  border-top: 0 none;
  padding-top: 0;
}
.sidebar .panel-separator {
  margin: 3px 12px;
  border-top: 3px #333333 solid;
}
.sidebar .pane-node .pane-title {
  font-size: 1.66667em;
  line-height: 1.6em;
  margin-bottom: 20px;
}
.sidebar .pane-node .pane-title a {
  color: #500000;
}

/* =============================================================================
   Titles
   ========================================================================== */
.page--title,
.node--title,
.block--title,
.comments--title,
.comments--form-title,
.comment--title,
.pane-title {
  /* The title of a content pane */
  margin: 0;
}

.pane-page-elements h1 {
  margin: 0 0 10px 0;
}

/* =============================================================================
   Messages
   ========================================================================== */
.messages, .messages-status, .messages-warning, .messages-error {
  margin: 1.33333em 0;
  padding: 10px 10px 10px 50px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD6UlEQVR42s2WX0xbVRzH3YwmC4k+GF/0ZS/S267/bmnX9nL7bwstZlnbjTDYyoC5GCbB0ZW5pdJCe6swbLFA6bpWIGuRMWVjKGP+21QW3SZBSAjGh4XEaTZTH82Cm/3ztS2xs7mw4KLRk3xyzj33/H6fe5Pz7zEA/yr/vUDukj9FH6drqTaqT8EoPs/UV+nX6TD1BlUh9AqLHlmgPKLcRHmoCOWmElK/FOKTYpS8UwLJkASiUyLI3pKhlClN0g46qj+qL/pbArlbrlO1q25JeiSgR2iYJ8ywXLSg/qP6LNl2ro8+Q4MMkKCd9K2t3q3KdQnkXXIF5aISkgEJzONm1F2qW52pDJN1MI2bUBIuAdVOJWSMTPNQgX6/vkjVpvpREpag6oMqWCYta1IzbsHh9ga0RJtzY8URMdRO9U/KSuWmNQUqh2pY3CtG+fvlqJyofMAFNrZAE+7e/RWR4X4cD9tgOGsA2U2CdtMDqwqyMyIzQ5KKqAKmcyaYxkzYd3YvjGNGFtXRPRj58DT+LOemRrFnrBLyITmUDmUyO/NYgu2d26ukHVJo3tXAMGpAs+cQmh0NeClan30uwN7TgnQ6nRd4r3thOGOAJqYB2UVC79AfZAnKHGUxQa8A2tNaNLW/jKvXv8Dyb8s4yryKA4O10A3roIvpUB+swTdz1/LJZ27PQBvT5lBH1RD4BChzlQ2wBNtc22aE/ULQgzRCl4P5BPcT93GMOYz9wb2QhCRgAq35d8u/L2PXe7tADVGgBlcQ+AXQtmlvsP/gzbJZvp8PMkJCFBYh8m0knyiVSsHe0YIGZz1+/uVOvt8z7QGvnwf+ST5EIRHIUyR4fh50rbp5lsDcYR4ReAXgBrng9q/Qfa0bfy035r7Ot2dvz4IX4IEIEAXwvDzscOw4zxJUd1YfEXlE4Aa4BQHMlwzSSBeI7iXvoTxWDqKPYCFsFaKmr+YVliB0JfS89DVpiuhlB9k/tSOZTuYFvq98yI7L0/MAsVWcGp0bfW61hbahwltxSeARsIKyWKesSKQSWIwvYkvvllwfx88pgOvhwthu/AzAxlVX8vz385tLbaVxwpcLZtEw0QDjsBGctzksiE4CimZFfHp++oWHbnbuUfdB0komMgHsRN1r0MWBsEmYODF5onY92/UTwcvBxuzXcN1ccHycVSn2FaPYWwzCQUDWKIt7z3utAJ5c74Hz+OLSomynY+cVfiM/xW3JiDyZpB3FuZrj4oCwE+Ad4qWMjPHjpTtL0mzMoxyZz9yM39Q7Y85Ok930icqm+k59TL2wm9l90dZv8y/8sPAigGf/iUN/Q4anM2zOsdLe+L+4VfwBVVjDs2rTYx0AAAAASUVORK5CYII=');
  *background-image: url(../images/message-24-ok.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  border: 1px solid #be7;
}

.messages-warning {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuElEQVRIiWP4//8/Ay0xSYqntTpnT252zqeJBf0Njhsykrz/pyd6/e9vcNpGVQv6q2wlm0qc/r0+IPD/3UG+/61l9v9mdrjIUc2C7hqHUzc3S///eZwBjO9tF/vfWe1wjioWTKixVm8otPn38wQT3IKfxxn/t5Va/utpsNSg2ILWcttrNzdJgQ3+dpQRjEHs+9tE/zeXWt+gyILOamuTqlxrsOtPLub+7+emBsSq/88v5wL7oqHQ9H9nmbkF2RbUF1rev7lJEuziuU3i/90ddcB4UZsoJC62ifyvK7R4QJYFrcUGrmUZ5v9hYb9hosh/bzcDMN42VRgeF9W5hv8bi/XdSbagKtfs2c1NEvCIPbaQ/7+/pwkYn17Ki0hR24T/l2eZPCfJgsZ83dCiNOP/yCnn7iau/8G+5mD8aBsHSoqqyNL9X5erHUm0BcVpRm9ubhZHMoTh/4eDzP/DA23+RwTZ/P96hAlF7t5Wof8FyfpvibKgNk8noyDZ4D9quofg1Bjr/1kJlhjiIF+Upmn/r83RzCJoQXaC3qcbm8SwGMLwvybP/H8jMGlik7u7VeB/Zqz2J7wWVGdr1uTG62J1PQgfWST1/+hiCaxyIF8UJqv9r8hQrcVpQVqkzrcbG0WwGvB2H/P/lnx5MAaxsam5vYn3f2KY+jesFpSlqfZnxWjidP2OGWL/g/0swBjExu4Lhv958Ur/i5KU+lEsCA1lYI4JUv95bZ0gTo2Pt3P+z0myBmMQG5e6mxu4/kf4Kf8EmQm3oCRNebKrvSawIGPBqRG9sMOp5hjjfwdrlf/58bKT4RaUpWvtcLZV/39iscD/H0AFP46jYwYiMeP/44u4/9tbKQODSXUH3II9G7v18hI0n8YGKv+IDVT6joxj/BVx4mgcOCde/SnITPRUJAHEGlTCEkQV19TAAN8FC67hZdFXAAAAAElFTkSuQmCC');
  *background-image: url(../images/message-24-warning.png);
  border-color: #ed5;
}

.messages-error {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp//215Q+p7kiKh2lQSAAAAABJRU5ErkJggg==');
  *background-image: url(../images/message-24-error.png);
  border-color: #ed541d;
}
.messages-error p.error {
  /* Core/module installation error messages. */
  color: #333;
}

.messages--list {
  margin: 0;
}

.messages--item {
  list-style-image: none;
}

/*
 * System status report
 */
.ok,
.messages-status {
  background-color: #f8fff0;
  color: #234600;
}

.warning,
.messages-warning {
  background-color: #fffce5;
  color: #840;
}

.error,
.messages-error {
  background-color: #fef5f1;
  color: #8c2e0b;
}

/* =============================================================================
   Tabs
   ========================================================================== */
/*
 * Basic positioning styles shared by primary and secondary tabs.
 */
.tabs-primary, .tabs-secondary {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(100%, #bbbbbb), color-stop(100%, transparent));
  background-image: -webkit-linear-gradient(bottom, #bbbbbb 1px, transparent 1px);
  background-image: -moz-linear-gradient(bottom, #bbbbbb 1px, transparent 1px);
  background-image: -o-linear-gradient(bottom, #bbbbbb 1px, transparent 1px);
  background-image: linear-gradient(bottom, #bbbbbb 1px, transparent 1px);
  list-style: none;
  margin: 1.33333em -24px;
  padding: 0 21px;
  white-space: nowrap;
  font-size: 0.88889em;
  line-height: 1.5em;
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
}
.layout-csun--columns-left .tabs-primary, .layout-csun--columns-left .tabs-secondary {
  margin: 1.33333em 0 1.33333em -24px;
  padding: 0 2px 0 21px;
}
.layout-csun--columns-right .tabs-primary, .layout-csun--columns-right .tabs-secondary {
  margin: 1.33333em -24px 1.33333em 0;
  padding: 0 21px 0 2px;
}
.layout-csun--columns-none .tabs-primary, .layout-csun--columns-none .tabs-secondary {
  margin: 1.33333em 0;
  padding: 0 2px;
}

.tabs-primary--tab, .tabs-primary--tab-active, .tabs-secondary--tab,
.tabs-secondary--tab-active {
  float: left;
  margin: 0 3px;
}

a.tabs-primary--tab-link, a.tabs-primary--tab-link-active, a.tabs-secondary--tab-link, a.tabs-secondary--tab-link-active {
  border: 1px solid #e9e9e9;
  border-right: 0;
  border-bottom: 0;
  display: block;
  line-height: 1.33333em;
  text-decoration: none;
}

/*
 * Primary tabs
 */
.tabs-primary--tab, .tabs-primary--tab-active {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  text-shadow: 1px 1px 0 white;
  border: 1px solid #bbbbbb;
  border-bottom-color: transparent;
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
}

.tabs-primary--tab-active {
  border-bottom-color: white;
}

a.tabs-primary--tab-link, a.tabs-primary--tab-link-active {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
  color: #333;
  background-color: #dedede;
  letter-spacing: 1px;
  padding: 0 5px;
  text-align: center;
}

a.tabs-primary--tab-link:hover, a.tabs-primary--tab-link:focus {
  background-color: #e9e9e9;
  border-color: #f2f2f2;
}

a.tabs-primary--tab-link:active, a.tabs-primary--tab-link-active {
  background-color: transparent;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0)));
  background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -o-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  border-color: #fff;
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
}

/*
 * Secondary tabs
 */
.tabs-secondary {
  font-size: .9em;
  margin-top: -1.33333em;
  /* Collapse bottom margin of ul.primary. */
}

.tabs-secondary--tab,
.tabs-secondary--tab-active {
  margin: 0.66667em 3px;
}

a.tabs-secondary--tab-link, a.tabs-secondary--tab-link-active {
  -webkit-border-radius: 0.75em;
  -moz-border-radius: 0.75em;
  -ms-border-radius: 0.75em;
  -o-border-radius: 0.75em;
  border-radius: 0.75em;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-shadow: 1px 1px 0 white;
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
  background-color: #f2f2f2;
  color: #666;
  padding: 0 .5em;
}

a.tabs-secondary--tab-link:hover, a.tabs-secondary--tab-link:focus {
  background-color: #dedede;
  border-color: #999;
  color: #333;
}

a.tabs-secondary--tab-link:active, a.tabs-secondary--tab-link-active {
  text-shadow: 1px 1px 0 #333333;
  background-color: #666;
  border-color: #000;
  color: #fff;
}

/* =============================================================================
   Inline styles
   ========================================================================== */
.inline {
  /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0;
}

span.field-label {
  /* The inline field label used by the Fences module */
  float: left;
  padding: 0 0.25em 0 0;
}

.field-label-inline {
  display: block;
}

/* =============================================================================
   "More" links
   ========================================================================== */
.more-link {
  text-align: right;
}

.more-help-link {
  text-align: right;
}

.more-help-link a {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC');
  *background-image: url(../images/help.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding: 1px 0 1px 20px;
}

/* =============================================================================
   Pager
   ========================================================================== */
.pager {
  /* A list of page numbers when more than 1 page of content is available. */
  clear: both;
  padding: 0;
  text-align: center;
}

.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis, .pager-current {
  display: inline;
  padding: 0 0.5em;
  list-style-type: none;
  background-image: none;
}

.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {
  /* A concatenation of several list items using an ellipsis */
}

.pager-current {
  /* The current page's list item. */
  font-weight: bold;
}

/* =============================================================================
   Blocks
   ========================================================================== */
.block {
  /* Block wrapper */
  margin-bottom: 1.5em;
}

/* =============================================================================
   Menus
   ========================================================================== */
.menu--expanded {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  *list-style-image: url(../images/menu-expanded.png);
  list-style-type: circle;
}

.menu--collapsed {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC');
  *list-style-image: url(../images/menu-collapsed.png);
  list-style-type: disc;
}

.menu--leaf {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  *list-style-image: url(../images/menu-leaf.png);
  list-style-type: square;
}

.menu--link-active-trail.active {
  /* The active item in a Drupal menu */
  color: #000;
}

/*
 * Shared main/constituency link styling
 */
 @media (min-width: 951px){
.pane-menu-block-custom-primary-links, .pane-node-field-group-constituency-links {
  font-family: museo_sans_700, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
}
}
@media (min-width: 950px){
.menu {
  margin: 0;
  padding: 8px 0 7px;
  text-align: center;
}
}
.pane-menu-block-custom-primary-links .menu--leaf, .field-name-field-group-constituency-links li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  list-style: none;
  width: auto;
  padding: 0 25px;
}

.pane-menu-block-custom-primary-links .menu--link,
.pane-menu-block-custom-primary-links .menu--link-active-trail, .field-name-field-group-constituency-links a {
  color: #fff;
  text-shadow: black 1px 1px 0;

}

/*
 * Main links
 */
 @media (min-width: 951px){
.pane-menu-block-custom-primary-links {
  margin-bottom: 11px;
  background-color: #d00d2d;
  *background-image: url(../images/background-primary-links.png);

  	box-shadow: 0px 5px 7px -3px #969191;
  	-webkit-box-shadow: 0px 5px 7px -3px #969191;
  	-moz-box-shadow: 0px 5px 7px -3px #969191;
  	-o-box-shadow: 0px 5px 7px -3px #969191;
  }
}
@media (min-width: 951px){
.menu > .menu-item {
  border-left: 1px solid #fff;
  border-left-color: rgba(255, 255, 255, 0.8);
  border-left-style: solid;
  border-left-width: 1px;
  /* display: -moz-inline-stack; */
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  width: auto;
  padding: 0 25px;
  zoom: 1;
}
.menu > .menu-item:first-child {
  border-left: none;
}
}
.mega-menu__trigger:hover {
  margin-top: -8px;
  margin-bottom: -7px;
  padding-top: 8px;
  padding-bottom: 7px;
  background-color: #333;
  border-left-color: transparent;
}
.mega-menu__trigger:hover + .mega-menu__trigger {
  border-left-color: transparent;
}

.mega-menu__wrapper {
  display: none;
  position: absolute;
  z-index: 3;
  left: 0;
  padding-top: 7px;
  width: 100%;
}
.mega-menu__trigger:hover .mega-menu__wrapper {
  display: block;
}

.mega-menu {
  padding: 15px 0;
  margin: 0;
  background-color: #333;
}
.mega-menu li {
  list-style-image: none;
  list-style-type: none;
}

@media (min-width: 951px){
.mega-menu__column {
  float: left;
  width: 25%;
}

.mega-menu__column-list {
  margin: 0;
  padding: 0;
    }
}
.mega-menu__item {
  margin: 0;
  padding: 0 0 0.5em 1em;
  text-align: left;
}

.mega-menu__link {
  font-size: 13px;
  line-height: 20px;
  text-transform: none;
  font-weight: normal;
}
.mega-menu__link:link, .mega-menu__link:visited {
  color: #fff;
}

/*
 * Constituency links
 */
.pane-node-field-group-constituency-links {
  margin-bottom: 4px;
  padding-top: 3px;
  background-image: url(../images/background-constituency.png);
  background-repeat: repeat-x;
  background-position: top left;
}

.field-wrapper--group-constituency-links {
  padding-bottom: 7px;
  background: url(../images/background-constituency.png);
  background-repeat: repeat-x;
  background-position: bottom left;
}

.field-name-field-group-constituency-links {
  border: 1px solid #545454;
  border-bottom: none;
}
.field-name-field-group-constituency-links li {
  width: 17.8%;
  padding: 0;
}

.pane-menu-tree .pane-title {
  /* Sidebar menu */
}

@media only screen and (max-width: 1127px) {
  /* Style adjustments for viewports that meet the condition */
  .pane-menu-block-custom-primary-links .menu--leaf, .field-name-field-group-constituency-links li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0 15px;
  }
  .field-name-field-group-constituency-links li {
    padding: 0;
  }
}
/* =============================================================================
   Nodes
   ========================================================================== */
.new,
.update {
  /* The "new" or "updated" marker. */
  color: #c00;
  background-color: transparent;
  /* Remove background highlighting from <mark> in normalize. */
}

figure img,
.caption img {
  padding: 1px;
  border: 1px #686868 solid;
}

caption,
figcaption,
.caption {
  font-size: 14px;
}
.node-video caption, .node-video
figcaption, .node-video
.caption {
  max-width: 552px;
}

.caption .caption-inner {
  border: 0 none;
  padding: 0;
  background-color: transparent;
  text-align: left;
  font-size: inherit;
}

.field-name-field-publication-date {
  margin-top: 0;
  color: #333;
}

.field-name-field-lede p {
  margin-bottom: 0;
}
.field-name-field-lede > p:first-child {
  margin-top: 0;
}

.field-name-field-deck {
  font-family: museo_sans_700, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
}
.field-name-field-deck > p:first-child {
  margin-top: 0;
}

.field-name-field-event-date {
  margin: 8px 0 0 0;
  font-family: museo_sans_500, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
}

.pane-featured-node-panel-pane-news {
  margin-top: -4px;
}

.view-featured-node .node-title,
.node-event.node-teaser .node-title,
.node-news.node-teaser .node-title {
  font-family: museo_sans_500, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
}
.view-featured-node figure,
.node-event.node-teaser figure,
.node-news.node-teaser figure {
  float: left;
  margin-right: 10px;
}
.view-featured-node figure img,
.node-event.node-teaser figure img,
.node-news.node-teaser figure img {
  vertical-align: bottom;
}

.node-event.node-teaser .node-title,
.node-news.node-teaser .node-title {
  font-family: museo_sans_700, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
}

.dropcap:first-letter {
  float: left;
  margin: 0 0 -7px 0;
  padding-top: 2px;
  font-size: 48px;
  line-height: 48px;
  font-family: museo_sans_700, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
}

.node-event.node-teaser .node-title,
.node-news.node-teaser .node-title {
  font-size: 1.33333em;
  line-height: 2em;
  margin-bottom: 0.25em;
  line-height: 1.5em;
}
.node-event.node-teaser .node-title a,
.node-news.node-teaser .node-title a {
  color: #000;
  text-decoration: none;
}
.node-event.node-teaser .node-title a:link, .node-event.node-teaser .node-title a:visited,
.node-news.node-teaser .node-title a:link,
.node-news.node-teaser .node-title a:visited {
  color: #000;
}
.node-event.node-teaser .node-title a:hover,
.node-news.node-teaser .node-title a:hover {
  text-decoration: underline;
}
.node-event.node-teaser .field-name-field-event-date,
.node-news.node-teaser .field-name-field-event-date {
  font-size: 1em;
  line-height: 1.33333em;
  margin: 0 0 0.25em 0;
  font-family: museo_sans_700, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
}
.node-event.node-teaser .read-more,
.node-news.node-teaser .read-more {
  font-family: museo_sans_300, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
}

.view-news-teaser-list {
  margin-top: 0.66667em;
}

h2.pane-title a {
  color: #000;
  text-decoration: none;
}
h2.pane-title a:link, h2.pane-title a:visited {
  color: #000;
}
h2.pane-title a:hover {
  text-decoration: underline;
}

.view-featured-node {
  margin-bottom: 30px;
}
.view-featured-node .node::after {
  content: "";
}
.view-featured-node .node-title a {
  text-decoration: none;
}
.view-featured-node .node-title a:hover {
  text-decoration: underline;
}
.view-featured-node .views-row {
  overflow: hidden;
}
.view-featured-node .views-row .view-mode-teaser_featured p {
  margin: 0;
}

.node-teaser a {
  text-decoration: underline;
}
.node-teaser a:hover {
  text-decoration: underline;
}

.node-teaser ul {
  list-style-position: inside;
}

.view-events-upcoming .view-header .view,
.view-events-month .view-header .view,
.view-events-upcoming-term .view-header .view,
.view-events-today .view-header .view {
  margin-top: 0.66667em;
  border-top: 3px #333333 solid;
  padding-top: 8px;
}
.view-events-upcoming .view-header .view .views-row-last,
.view-events-month .view-header .view .views-row-last,
.view-events-upcoming-term .view-header .view .views-row-last,
.view-events-today .view-header .view .views-row-last {
  border-bottom: 3px #979797 solid;
  margin-bottom: 1.33333em;
}
.view-events-upcoming .view-header + .view-content,
.view-events-month .view-header + .view-content,
.view-events-upcoming-term .view-header + .view-content,
.view-events-today .view-header + .view-content {
  padding-top: 8px;
}
.view-events-upcoming .view-header .view-content,
.view-events-month .view-header .view-content,
.view-events-upcoming-term .view-header .view-content,
.view-events-today .view-header .view-content {
  background-image: none;
}

.node-news.node-teaser,
.node-event.node-teaser {
  margin-bottom: 30px;
}
.node-news.node-teaser .node-title,
.node-event.node-teaser .node-title {
  font-size: 1.33333em;
  line-height: 1.5em;
}
.node-news.node-teaser .node-title a,
.node-event.node-teaser .node-title a {
  color: #000000;
  text-decoration: none;
}
.node-news.node-teaser .node-title a:link, .node-news.node-teaser .node-title a:visited,
.node-event.node-teaser .node-title a:link,
.node-event.node-teaser .node-title a:visited {
  color: #000000;
}
.node-news.node-teaser .field-name-field-publication-date,
.node-event.node-teaser .field-name-field-publication-date {
  margin: 0;
}

.view-person-teaser figure {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.view .field-name-field-person-first-name,
.view .field-name-field-person-last-name {
  font-size: 1.33333em;
  line-height: 1.5em;
  font-family: museo_sans_500, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
}
.view-person-teaser .field a {
  text-decoration: none;
}

.node-person.view-mode-teaser_no_photo,
.node-person.view-mode-teaser_photo {
  margin-bottom: 20px;
}
.node-person.view-mode-teaser_no_photo .field-name-field-image,
.node-person.view-mode-teaser_photo .field-name-field-image {
  margin-bottom: 0;
}

.node-video .field-label {
  margin-bottom: 0;
  margin-top: 1.5em;
  line-height: 1em;
}

.field-collection-container {
  border-bottom: 0 none;
}

.node-event header .field-label,
.node-event header .field {
  font-family: museo_sans_500, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
}
.node-event .field-name-field-event-date {
  line-height: 1.25em;
}
.node-event .field-name-field-event-registration {
  line-height: 1.5em;
  margin: 0.5em 0;
}

.field-name-field-body p:first-child,
.field-name-field-body h2:first-child,
.field-name-field-body h3:first-child {
  margin-top: 0;
}
details .field-name-field-body {
  border-top: 1px #b2b2b2 solid;
  padding: 10px 30px;
}
.field-name-field-body li {
  margin: 12px 0px;
  padding: 0px;
}
.field-name-field-body h2,
.field-name-field-body h3,
.field-name-field-body h4,
.field-name-field-body h5,
.field-name-field-body h6 {
  margin-bottom: -0.5em;
}

.field-name-field-download {
  margin: 1.5em 0;
}

.oembed-video .oembed-title {
  display: none;
}
/* =============================================================================
   Slide show
   ========================================================================== */
.node-slideshow {
  margin-bottom: 9px;
}
.node-slideshow .slides,
.node-slideshow .slide {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.node-slideshow figure {
  position: relative;
}
.node-slideshow img {
  padding: 0;
  border: none;
  vertical-align: bottom;
}
.node-slideshow figcaption {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  padding: 0 0 0 70px;
  min-height: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#99000000', endColorstr='#40000000');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(58%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 58%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 58%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 58%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(left, rgba(0, 0, 0, 0.5) 58%, rgba(0, 0, 0, 0) 100%);
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
}
.node-slideshow .field-name-field-title-text, .node-slideshow .field-name-field-link {
  margin: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  text-shadow: 1px 2px 0 black;
}
.node-slideshow .field-name-field-title-text {
  font-family: museo_sans_500, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
  font-size: 48px;
  line-height: 60px;
  color: #fff;
}
.node-slideshow .field-name-field-link {
  position: relative;
  overflow: visible;
  margin-left: 15px;
  border-left: 1px solid #fff;
  padding: 0 18px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAuCAYAAAFScXkXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeFJREFUeNpi/P//PwMMMDEgASycb5n/GRkZUWRYGJENAAggOIcJwxQw4/OrlOsMUDU74IoBAgjFCKzWYwj+/5p5FuQUFOcA2Ub/v2aAzDID2wI11wnkTpwWAQQQhiATQacQFmBBuAnoKqB7kVye8Q8kjqIFJIgiwMg9IxLZCxHEuRQggLB6kKiQHXSKgGkNlFoYIYABPd3BAS8PqwYo+D69TL6OEa7ogE987kMg5QcPWjiGJJsd0KCGRB+6IiDgRo5bokMcIICGUbQMEUUo8fb7Y5rrzQuRInhNevnqO7uaKv/rqf22sjgV/foFyaZZadqPkBXidBOyQkIOnwhKXzgVVdadvJVdePgZkMnBhEtBR+/5fUBmNxC/RQmCe1ej/VobzI4AJaYDsTzWcALlJiAuRlGARREzVOFApnGAACPKulGDRg2il0EseGW/ZSoByffAav09Rcn//Yef6kDq3Y93qZeg5QojWQZ9+PCLFUSzszPrggopYPV5DZeBTKSEA6g+xmUgEzkBi2wgtOBhZCI3lqrqT94ANgLOAJmBQCzBQqoB0FL2PpAJwgeB+DgQv2ah0ICnQPyHcDoCgs3bHk72C93ODA1PDAOIStnA5hQXkJIDYiGoZgwDiDVoNPczMAAAkUcr61vjxSQAAAAASUVORK5CYII=');
  *background-image: url(../images/background-slideshow-more.png);
  background-position: top right;
  background-repeat: no-repeat;
  font-family: museo_sans_700, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 48px;
}
.node-slideshow .field-name-field-link a {
  position: relative;
  top: 2px;
  color: #fff568;
}

.slide-wrapper {
  position: relative;
}

.flexslider-off .slide {
  display: none;
}
.flexslider-off .slide:first-child {
  display: block;
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  position: absolute;
  z-index: 2;
  width: auto;
  bottom: 0;
  right: 3px;
  margin: 0;
  padding: 0;
  *bottom: 4px;
}
.flex-direction-nav li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 0 6px;
}
.flex-direction-nav .flex-control-wrapper {
  margin: 0;
}
.flex-direction-nav a {
  display: block;
  width: 0;
  height: 0;
  text-indent: -9999px;
  cursor: pointer;
  outline: none;
}
.flex-direction-nav .flex-prev {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fcf9da;
}
.flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-prev:focus {
  border-right-color: #fff;
}
.flex-direction-nav .flex-next {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fcf9da;
}
.flex-direction-nav .flex-next:hover, .flex-direction-nav .flex-next:focus {
  border-left-color: #fff;
}

/* Control Nav */
.flex-control-nav {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  *position: relative;
  *top: -1px;
}
.flex-control-nav li a {
  margin-top: -4px;
  width: 12px;
  height: 12px;
  background: #fff;
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
}
.flex-control-nav li a.flex-active {
  cursor: default;
}
.flex-control-nav li a:hover, .flex-control-nav li a:focus, .flex-control-nav li a.flex-active {
  background: #fff;
}

/* =============================================================================
   Unpublished note
   ========================================================================== */
.unpublished {
  /* The word "Unpublished" displayed underneath the content. */
  height: 0;
  overflow: visible;
  background-color: transparent;
  /* Remove background highlighting from <mark> in normalize. */
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word;
  /* A very nice CSS3 property */
}

.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative;
  /* Otherwise these elements will appear below the "Unpublished" text. */
}

/* =============================================================================
   Comments
   ========================================================================== */
.comments {
  /* Wrapper for the list of comments and its title */
  margin: 1.5em 0;
}

.comment-preview {
  /* Preview of the comment before submitting new or updated comment */
  background-color: #ffffea;
  /* Drupal core will use a #ffffea background. See #1110842 */
}

.comment {
  /* Wrapper for a single comment */
}
.comment .permalink {
  /* Comment's permalink wrapper */
  text-transform: uppercase;
  font-size: 75%;
}

.indented {
  /* Nested comments are indented */
  margin-left: 40px;
  /* Drupal core uses a 25px left margin */
}

/* =============================================================================
   Forms
   ========================================================================== */
.form-item {
  /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1.5em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
  /* Pack groups of checkboxes and radio buttons closer together */
  margin: 0;
  /* Drupal core uses "0.4em 0" */
}
tr.odd .form-item, tr.even .form-item {
  /* Form items in a table. */
  margin: 0;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  /* Highlight the form elements that caused a form submission error */
  border: 1px solid #c00;
}
.form-item .description {
  /* The descriptive help text (separate from the label) */
  font-size: 0.85em;
}

.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
}

.form-required {
  /* The part of the label that indicates a required field */
  color: #c00;
}

label.option {
  display: inline;
  font-weight: normal;
}

a.button {
  /* Buttons used by contrib modules like Media */
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

.password-parent,
.confirm-parent {
  /* Password confirmation */
  margin: 0;
}

#user-login-form {
  /* Drupal's default login form block */
  text-align: left;
}

/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */
.openid-links {
  /* OpenID creates a new ul above the login form's links. */
  margin-bottom: 0;
  /* Position OpenID's ul next to the rest of the links. */
}

.openid-link,
.user-link {
  /* The "Cancel OpenID login" link. */
  margin-top: 1.5em;
}

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
  margin-left: -20px;
  /* Un-do some of the padding on the ul list. */
}

#user-login ul {
  margin: 1.5em 0;
}

/*
 * Drupal admin tables
 */
form th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}
form tbody {
  border-top: 1px solid #ccc;
}
form table ul {
  margin: 0;
}

thead tr.even,
thead tr.odd {
  background-color: #000;
  color: #fff;
}

tfoot tr.even,
tfoot tr.odd {
  background-color: #E1E1E1;
}

tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

tr.even {
  background-color: #fff;
}

tr td {
  padding: 0 10px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
  border-bottom: 1px solid #ccc;
  /* IE doesn't display borders on table rows */
}

td.active {
  /* Markup generated by theme_tablesort_indicator(). */
  background-color: #ddd;
}

td.checkbox,
th.checkbox {
  text-align: center;
}

/*
 * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
 */
td.menu-disabled {
  background: #ccc;
}

/* =============================================================================
   Buttons
   ========================================================================== */
a.action-button {
  background-color: #850000;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8a0000), color-stop(100%, #480000));
  background: -webkit-linear-gradient(top, #8a0000 0%, #480000 100%);
  background: -moz-linear-gradient(top, #8a0000 0%, #480000 100%);
  background: -o-linear-gradient(top, #8a0000 0%, #480000 100%);
  background: linear-gradient(top, #8a0000 0%, #480000 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
  border: 1px #660000 solid;
  height: 48px;
  padding: 0 50px;
  line-height: 48px;
  color: #ffffff;
  font-family: museo_sans_500, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
  text-decoration: none;
}

/* =============================================================================
   Pullquotes
   ========================================================================== */
aside.pullquote {
  float: left;
  border: 1px #bfbfbf solid;
  border-left: 14px #aeaeae solid;
  padding: 11px;
  font-size: 24px;
  font-family: museo_sans_100, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
  background-color: #f1f1f1;
  color: #2a2a2a;
  max-width: 310px;
  margin: 12px .5em 12px 0;
  line-height: 48px;
}

/* =============================================================================
   Footer
   ========================================================================== */
.layout-csun--footer {
  padding: 20px 0;
}
.layout-csun--footer address {
  font-size: 12px;
  font-style: normal;
}
.layout-csun--footer .column {
  float: left;
  padding: 0 30px 10px 30px;
  min-height: 74px;
  *height: 74px;
}
.layout-csun--footer .column p {
  margin: 0;
  padding-top: 2px;
  line-height: 1.5;
}
.layout-csun--footer .column a {
  text-decoration: none;
}
.layout-csun--footer .column .contact-us a {
  text-decoration: underline;
}
.layout-csun--footer #footer-logo {
  background: transparent url(images/footer-seal.png) no-repeat;
  width: 73px;
  height: 72px;
  margin-left: 12px;
}
.layout-csun--footer .fn, .layout-csun--footer .org {
  font-family: museo_sans_500, Verdana, Tahoma, "DejaVu Sans", sans-serif;
}

/* =============================================================================
   Accordion
   ========================================================================== */
#accordion {
  font-family: museo_sans_300, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-size: 15.2px;
  border: 1px #b2b2b2 solid;
  border-bottom: 0 none;
}
#accordion .ui-accordion-header {
  padding: 10px 50px 10px 20px;
  font-family: museo_sans_500, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
  border: 0 none;
  background-color: #f9f9f9;
  background-image: none;
  border: 0 none;
  border-bottom: 1px #b2b2b2 solid;
  margin-top: 0;
  color: #000000;
  outline: 0;
}
#accordion .ui-state-active {
  background-color: #850000;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #850000), color-stop(100%, #6a0000));
  background: -webkit-linear-gradient(top, #850000 0%, #6a0000 100%);
  background: -moz-linear-gradient(top, #850000 0%, #6a0000 100%);
  background: -o-linear-gradient(top, #850000 0%, #6a0000 100%);
  background: linear-gradient(top, #850000 0%, #6a0000 100%);
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
  color: #ffffff;
}
#accordion .ui-icon {
  background: transparent url(../images/accordion-open-close.png) right top no-repeat;
  width: 20px;
  height: 19px;
  left: auto;
  right: 20px;
}
#accordion .ui-icon-triangle-1-e {
  background-position: right top;
}
#accordion .ui-icon-triangle-1-s {
  background-position: right bottom;
}
#accordion .ui-accordion-content {
  border: 0 none;
  border-bottom: 1px #b2b2b2 solid;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  behavior: url(/sites/default/themes/csun/js/PIE.htc);
  background-color: #efefef;
  background-image: none;
}
.lt-ie8 #accordion {
  overflow: hidden;
  width: 98%;
}

/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */
@media print {
  a:link,
  a:visited {
    /* underline all links */
    text-decoration: underline !important;
  }
  #site-name a:link, #site-name
  a:visited {
    /* Don't underline header */
    text-decoration: none !important;
  }

  #content a[href]:after {
    /* Add visible URL after links. */
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 18px;
  }
  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    /* Only display useful links. */
    content: "";
  }
  #content abbr[title]:after {
    /* Add visible title after abbreviations. */
    content: " (" attr(title) ")";
  }

  #content {
    /* Un-float the content */
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }


  body,
  #page,
  #main,
  #content {
    /* Turn off any background colors or images */
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
  }

  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons {
    /* Hide sidebars and nav elements */
    visibility: hidden;
    display: none;
  }
}
  @media (max-width: 951px){
    div #content {
        padding: 0px 5px;
    }
}
/* End @media print */
/* Global state rules */
/**
 * @file
 * SMACSS States
 *
 * Adds state-based styling. Global state rules are those that apply only during
 * certain states of the page and have a JavaScript dependency. For more
 * information, see https://smacss.com/book/type-state
 */
/* =============================================================================
   Drupal form widgets
   ========================================================================== */
/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
#autocomplete .selected {
  /* Suggestion list */
  background: #0072b9;
  color: #fff;
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js .collapsible .fieldset-legend {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  *background-image: url(../images/menu-expanded.png);
  background-position: 5px 65%;
  background-repeat: no-repeat;
  padding-left: 15px;
}
html.js .collapsed .fieldset-legend {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC');
  *background-image: url(../images/menu-collapsed.png);
  background-position: 5px 50%;
}
.fieldset-legend .summary {
  color: #999;
  font-size: 0.9em;
  margin-left: 0.5em;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

.tabledrag-toggle-weight {
  font-size: 0.9em;
}

/**
 * TableSelect behavior.
 *
 * @see tableselect.js
 */
tr.selected td {
  background: #ffc;
}

/**
 * Progress bar.
 *
 * @see progress.js
 */
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #ccc;
  border-color: #666;
  margin: 0 0.2em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.progress .filled {
  background-color: #0072b9;
  background-image: url('data:image/gif;base64,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');
  *background-image: url(../images/progress.gif);
}
.node-person .person-bio-image {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.node-person .person-bio-profile {
  float: left;
  width: 550px;
}
.node-person .person-bio-body {
  clear: both;
  float: left;
  margin-right: 10px;
}
/* Theme rules */
/* @import "theme-A"; */
/* @import "theme-B"; */

#main.wrapper{

    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 1152px;
    position: relative;
    padding-left: 20px;
}
.layout-csun--footer{
    margin-left:-11px;
    clear: both ;
}



@font-face {
  font-family: 'museo_sans_100';
  src: url("fonts/museosans_100-webfont.eot");
  src: url("fonts/museosans_100-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_100-webfont.woff") format("woff"), url("fonts/museosans_100-webfont.ttf") format("truetype"), url("fonts/museosans_100-webfont.svg#museo_sans_100regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans_100_italic';
  src: url("fonts/museosans_100_italic-webfont.eot");
  src: url("fonts/museosans_100_italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_100_italic-webfont.woff") format("woff"), url("fonts/museosans_100_italic-webfont.ttf") format("truetype"), url("fonts/museosans_100_italic-webfont.svg#museo_sans_100italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans_300';
  src: url("fonts/museosans_300-webfont.eot");
  src: url("fonts/museosans_300-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_300-webfont.woff") format("woff"), url("fonts/museosans_300-webfont.ttf") format("truetype"), url("fonts/museosans_300-webfont.svg#museo_sans_300regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans_300_italic';
  src: url("fonts/museosans_300_italic-webfont.eot");
  src: url("fonts/museosans_300_italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_300_italic-webfont.woff") format("woff"), url("fonts/museosans_300_italic-webfont.ttf") format("truetype"), url("fonts/museosans_300_italic-webfont.svg#museo_sans_300italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans_500';
  src: url("fonts/museosans_500-webfont.eot");
  src: url("fonts/museosans_500-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_500-webfont.woff") format("woff"), url("fonts/museosans_500-webfont.ttf") format("truetype"), url("fonts/museosans_500-webfont.svg#museo_sans_500regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans_500_italic';
  src: url("fonts/museosans_500_italic-webfont.eot");
  src: url("fonts/museosans_500_italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_500_italic-webfont.woff") format("woff"), url("fonts/museosans_500_italic-webfont.ttf") format("truetype"), url("fonts/museosans_500_italic-webfont.svg#museo_sans_500italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans_700';
  src: url("fonts/museosans_700-webfont.eot");
  src: url("fonts/museosans_700-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_700-webfont.woff") format("woff"), url("fonts/museosans_700-webfont.ttf") format("truetype"), url("museosans_700-webfont.svg#museo_sans_700regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans_700_italic';
  src: url("fonts/museosans_700_italic-webfont.eot");
  src: url("fonts/museosans_700_italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_700_italic-webfont.woff") format("woff"), url("fonts/museosans_700_italic-webfont.ttf") format("truetype"), url("museosans_700_italic-webfont.svg#museo_sans_700italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans_900';
  src: url("fonts/museosans_900-webfont.eot");
  src: url("fonts/museosans_900-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_900-webfont.woff") format("woff"), url("fonts/museosans_900-webfont.ttf") format("truetype"), url("fonts/museosans_900-webfont.svg#museo_sans_900regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans_900_italic';
  src: url("fonts/museosans_900_italic-webfont.eot");
  src: url("fonts/museosans_900_italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/museosans_900_italic-webfont.woff") format("woff"), url("fonts/museosans_900_italic-webfont.ttf") format("truetype"), url("fonts/museosans_900_italic-webfont.svg#museo_sans_900italic") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'adobe_garamond_pro_bold';
  src: url("fonts/agaramondpro-bold-webfont.eot");
  src: url("fonts/agaramondpro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-bold-webfont.woff") format("woff"), url("fonts/agaramondpro-bold-webfont.ttf") format("truetype"), url("fonts/agaramondpro-bold-webfont.svg#adobe_garamond_pro_bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'adobe_garamond_pro';
    src: url("fonts/agaramondpro-regular-webfont.eot");
    src: url("fonts/agaramondpro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-regular-webfont.woff") format("woff"), url("fonts/agaramondpro-regular-webfont.ttf") format("truetype"), url("fonts/agaramondpro-regular-webfont.svg#adobe_garamond_proregular") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'adobe_garamond_pro_italic';
    src: url("fonts/agaramondpro-italic-webfont.eot");
    src: url("fonts/agaramondpro-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-italic-webfont.woff") format("woff"), url("fonts/agaramondpro-italic-webfont.ttf") format("truetype"), url("fonts/agaramondpro-italic-webfont.svg#adobe_garamond_proitalic") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'adobe_garamond_pro_bold';
    src: url("fonts/agaramondpro-bold-webfont.eot");
    src: url("fonts/agaramondpro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-bold-webfont.woff") format("woff"), url("fonts/agaramondpro-bold-webfont.ttf") format("truetype"), url("fonts/agaramondpro-bold-webfont.svg#adobe_garamond_pro_boldRg") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'adobe_garamond_pro_bold_italic';
    src: url("fonts/agaramondpro-bolditalic-webfont.eot");
    src: url("fonts/agaramondpro-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/agaramondpro-bolditalic-webfont.woff") format("woff"), url("fonts/agaramondpro-bolditalic-webfont.ttf") format("truetype"), url("fonts/agaramondpro-bolditalic-webfont.svg#adobe_garamond_pro_bolditalic") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Sentinel_A';
    src: url("fonts/Sentinel-Semibold.otf");
    src: url("fonts/Sentinel-Semibold.otf?#iefix") format("opentype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Sentinel_B';
    src: url("fonts/Sentinel-Medium.otf");
    src: url("fonts/Sentinel-Medium.otf?#iefix") format("opentype");
    font-weight: normal;
    font-style: normal
}



/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: museo_sans_300, Verdana, Tahoma, "DejaVu Sans", sans-serif;
}

h1 a{
  font-size: 1.05667em;
  font-family: museo_sans_700, Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-weight: normal;
  color: #D00D2D;
  /* letter-spacing: 1px; */
}

/* =============================================================================
   Links
   ========================================================================== */
/*
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
/*a:link,
a:visited {
  color: black;
}*/


/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted;
}

/* ==========================================
	Customized CSS for Navigation Bar
   ======================================= */
@media (min-width: 951px){
.menu-primary-navigation-container {
	font-family: museo_sans_700,Verdana,Tahoma,"DejaVu Sans",sans-serif;
	font-weight: normal;
	line-height: 21px;
}

.menu-item  {

	display: list-item;
	list-style-type: none;
	padding-right: 20px;
	text-transform:uppercase;
	font-size: 14px;
	color: #fff;
  	text-shadow: #000 1px 1px 0;
  	padding-top: 8px;
    }
}
/*.sub-menu {
	display: none;
	text-align: left;
	line-height: 20px;
	position: absolute;
	left:-130px;
	list-style-type: none;
	margin-top: 7px;
    background-color: #333;
    padding-top: 15px;
    padding-bottom: 15px;

}*/
@media (min-width: 951px){

.sub-menu{
	display:none;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #333;
	overflow-x: hidden;
	overflow-y: hidden;
}

.menu-primary-navigation-container{
	position: relative;
	max-width: 1128px;
	margin: 0 auto;
	padding-left: 12px;
	padding-right: 12px;
}

 .menu > .menu-item:hover > .sub-menu__wrapper > .sub-menu{
	display: block;
    }

.menu-item {
  margin: 0 auto;
  max-width: 1128px;
  padding-left: 12px;
  padding-right: 12px;
    }
}

h3 {

}

@media (min-width: 951px){
.menu-item > a {
	list-style-type: none;
	text-decoration: none;
	color: #fff;
  	text-shadow: #000 1px 1px 0;
  }


.mega-menu__column-list > .menu-item > a{
	padding-left:14px;
}

.menu-item > a:hover , .menu-item > a:focus , .menu-item > a:active {
	text-decoration: underline;
}

.menu-item:hover , .menu-item:focus , .menu-item:active {

background-color: #333;
border-left-color: transparent;
}

 .menu-item:hover+.menu-item {
border-left-color: transparent;
}

.menu > .menu-item:hover , .menu > .menu-item:focus , .menu > .menu-item:active{

border-left:transparent;
background-color: #333;
padding-bottom:7px;
padding-top:8px;
margin-bottom:-7px;
margin-top:-8px;

}


.mega-menu__column-list {

	text-align: left;
	list-style-type: square;
	list-style-image: none;
	display: block;
	background:#333;
	text-transform: none;
}

.mega-menu__column {

	float: left;
	width: 25%;
	text-transform: none;

}

.mega-menu__column-list > .menu-item {
  padding-left: 0px;
  padding-bottom: 7px;
  padding-right: 0px;
  padding-top: 0px;
  text-transform: none;
}

}
@media (min-width: 951px){
.sub-menu__wrapper {
  display: block;
  position: absolute;
  z-index: 9999;
  width: 100%;
  left: 0;
  margin-top: 7px;

}


.menu-primary-navigation-container > .menu {
 font-size:0;
}
}

@media (min-width: 951px){
.menu-item__focus > .sub-menu__wrapper{
   display:block;
}

.menu-item__focus > .sub-menu__wrapper > .sub-menu{
    display:block;
}

.menu-item__focus+.menu-item {
border-left-color: transparent;
}

.menu > .menu-item__focus{
    border-left:transparent;
    border-left-color: transparent;
    background-color: #333;
    padding-bottom:7px;
    padding-top:8px;
    margin-bottom:-7px;
    margin-top:-8px;
}
}
@media (min-width: 951px){

.nav-dropdown{
display: none !important;
  position: absolute;
  top: 0px;
  right: 16px;
}


}
@media (max-width: 950px){
.nav-dropdown__label.open {
  color: #900;
  background-color: #000;
  background-position: -40px top;
}
}

@media (max-width: 950px){

body.home.blog.custom-font-enabled{
    padding: 0 10px;
}

.nav-dropdown {
  position: absolute;
  top: 20px;
  right: 26px;
}

.nav-dropdown__label{
    display: block;
  text-decoration: none;
  text-indent: -100%;
  overflow: hidden;
  width: 40px;
  height: 33px;
  padding: 0;
  background-image: url('images/background-nav-dropdown.png');
  background-position: 0 top;
  background-repeat: no-repeat;
}

.nav-dropdown__label:active > .layout-csun--header-right,
.nav-dropdown__label:focus > .layout-csun--header-right,
.nav-dropdown__label:target > .layout-csun--header-right{

display: block;

}


.layout-csun--header-right .panel-pane.pane-block.pane-google-appliance-ga-block-search-form {
  padding: 9px 10px;
}


.nav-dropdown__container ul li a, .nav-dropdown__container .pane-google-appliance-ga-block-search-form {
  display: block;
  background-color: #d00d2d;
  background-position: right top;
}

.panel-pane.pane-block.pane-google-appliance-ga-block-search-form{

  display: block;
  background-color: #d00d2d;
  background-position: right top;


}

.layout-csun--header-right form#google-appliance-block-form{
 -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding-left: 7px;
  padding-right: 37px;
}

form#google-appliance-block-form {
  padding: 1px 7px 1px 67px;
}

.pane-google-appliance-ga-block-search-form form{
  position: relative;
  height: 22px;
  border: 1px #919191 solid;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background-color: #f2f2f2;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(230,230,230,0.4);
  -moz-box-shadow: 0px 3px 0px 0px rgba(230,230,230,0.4);
  box-shadow: 0px 3px 0px 0px rgba(230,230,230,0.4);
}



.skip-link, .pane-user-menu, .pane-node-field-group-constituency-links {
  display: none;
}

input#edit-search-keys{
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    border: none;
}


input#edit-submit {
  width: 30px;
  height: 22px;
  left: auto;
  right: 7px;
  text-indent: -9000px;
  background-image: url(images/background-search.png);
  background-position: 3px top;
  background-repeat: no-repeat;
  border: none;
}

.menu-primary-navigation-container ul li a {
  background-repeat: no-repeat;
  border-bottom: 1px solid #FFF;
  font-size: 25px;
  line-height: 1.33333em;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 20px;
  padding-bottom: 5px;
}


ul#menu-primary-navigation{
    margin: 0;
    padding: 0;
}


ul#menu-primary-navigation-1{
    display: none;
}


.container-inline div, .container-inline label {
  display: inline;
}

.pane-google-appliance-ga-block-search-form .form-text{
  font-size: 12px;
  color: #333333;
  font-family: museo_sans_300,Verdana,Tahoma,"DejaVu Sans",sans-serif;
  background-color: transparent;
  border: 1px #e2e2e2 solid;
  border-right: 0 none;
  padding: 0 4px 0 7px;
  border-collapse: collapse;
  line-height: 12px;
  height: 20px;
  margin: 0;

}

.nav-container a:link, .nav-container a:visited, .nav-container a:hover{
  color: #fff;
  text-decoration: none;
}

.menu > .menu-item > .sub-menu__wrapper > .sub-menu > .mega-menu__column > .mega-menu__column-list > .menu-item:hover{
  color: #fff;
  text-decoration: underline;
}

.menu-primary-navigation-container > ul > li > a{
  display: block;
  background-color: #d00d2d;
  background-position: right top;
}

.panel-pane.pane-block.pane-menu-block-custom-primary-links {
  /*margin: 5px -10px 0 -10px;*/
  height: 0;
  overflow: hidden;
  border-bottom: 5px solid #d00d2d;
}

.menu > .menu-item-has-children > a {
  background-image: url(images/main-menu-expand.png);
  background-position: right top;
}

.menu > .active > a {
  background-image: url(images/main-menu-collaps.png);
  background-position: right top;
}

.sub-menu{
    display: none;
    background-color: #666;
}

.sub-menu__wrapper {
  display: block;
  z-index: 9999;
  width: 100%;
  left: 0;

}

.sub-menu > .mega-menu__column > .mega-menu__column-list > .menu-item{
    border-bottom: 1px solid #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sub-menu > .mega-menu__column > .mega-menu__column-list > .menu-item > a{
    border-bottom: none;
    display: block;
    margin-top: -5px;
    margin-bottom: -5px;
}

.layout-csun--footer {
    margin-left: 0;
    margin-right: 0;
    clear: both;
    float: left;
    /*width: 103%;*/
    }

.wordmark-secondary > .wordmark > span.wordmark--offset{
    color: #333333;
    padding-left: 8px;
}

span.wordmark--offset {
  padding-left: 8px;
}

br {
  display: none;
}

#main.wrapper{

    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 1152px;
    position: relative;
    padding-left: 0px;
}

}
.header--logo-image-no-border{
    border-right: 0px;
}


@media (min-width: 951px){

.third-wordmark-wrapper {
  height: 43px;
  margin-top: 22px;
  border-left: 2px solid #000;
}


.mobile-menu{
    display: none;
    visibility: hidden;
}

.panel-pane {
   height: 36px;

}

h2.wordmark-secondary {
   margin-top:7px;
}

.wordmark-secondary > .wordmark > .wordmark--offset > .secondText{
    float: left;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    /*text-size-adjust: none;*/
   position:relative;
   }


.wordmark-secondary > .wordmark > .wordmark--offset {

    float: left;
    color: #000;
    letter-spacing: 0em;
    font-size: 22px;
    font-weight: 700;
    letter-spacing:1px;
    /*text-size-adjust: none;*/
    resize:none;
    position: relative;

}

.wordmark-secondary > .wordmark {
   text-align: center;
   vertical-align: middle;
}

}