/*
Theme Name: UoN Base
Description:
Author: Tom J Nowell Interconnect/it
Author URI: http://www.interconnectit.com
License: GPL V2.1.1
License URI: http://www.gnu.org/licenses/lgpl-2.1.html
Theme URI: http://www.interconnectit.com
Version: 1.0.1
*/

html {
    overflow-y: scroll;
    overflow-x: auto;
}

html, body {
    min-height: 100%;
}

body {
    max-width: 100%;
    font-family: sans-serif;
    text-align: left;
    font-size: 0.9em;
    color: #000;
    background: transparent url(images/backgrounds/bg.jpg) center top no-repeat;
    -webkit-text-size-adjust: none;
}

html, body {
    height: 100%;
}

:focus {
    outline: 0;
}

.span-6,
.span-18,
.span-24 {
    width: 100%;
    margin-right: 0;
}

@media (min-width: 768px) {
    .span-6 {
        width: 222px;
        margin-right: 24px;
    }

    .span-6.last {
        margin-right: 0;
    }

    .span-18 {
        width: 492px;
        margin-right: 24px;
    }

    .span-18.last {
        margin-right: 0;
    }

    .blogs #sidebar {
        float: left;
    }

    .blogs #maincontent {
        float: right;
    }
}

@media (min-width: 992px) {
    .span-18 {
        width: 684px;
    }
}

#background {
    width: 100%;
    min-height: 100%;
}

#foreground {
    min-height: 100%;
}

.ie6 #foreground {
    height: 100%;
}

.container {
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 738px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 930px;
    }
}

.ie7 img {
    -ms-interpolation-mode: bicubic;
}

a {
    text-decoration: none;
}

.screenReader {
    display: none;
}

.clearboth {
    clear: both;
    height: 0;
    padding: 0;
    margin: 0;
}

.clearleft {
    clear: left;
    height: 0;
    padding: 0;
    margin: 0;
}

.clearright {
    clear: right;
    height: 0;
    padding: 0;
    margin: 0;
}

.container:before,
.container:after,
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.container:after,
.clearfix:after {
    clear: both;
}

.container,
.clearfix {
    *zoom: 1;
}

.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

#navigation {
    position: relative;
}

.contentcontainer p {
    word-wrap: break-word;
}

.contentcontainer img {
    margin-bottom: 10px;
}

.contentcontainer img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.contentcontainer iframe {
    max-width: 100%;
}

/* reset menu styles */
.menu, .menu > ul {
    margin: 0px;
    padding: 0px;
}

.menu li {
    display: block;
    padding: 0;
    margin: 0;
    min-height: 10px;
    min-width: 10px;
}

.menu li a {
    display: block;
}

#logo a {
    display: block;
    height: 100%;
}

#logo h1 {
    display: block;
    height: 100%;
    margin: 0px;
    width: 100%;
}

.home h1, .home h, .home h2, .home h3, .home h4 {
    /*color:#fff;*/
}

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.wp-caption {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 3px;
    /* optional rounded corners for browsers that support it */
    margin: 10px;
    padding-top: 4px;
    text-align: center;
}

.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* fix default jquery UI hover colour conflict with blueprint */
a.ui-button:hover, a.ui-button:focus {
    color: #212121;
}

.ui-button {
    font-size: 13px;
}

/* override blueprint for the wordpress post commenting form, its probably going to use the jquery autoexpand plugin anyway */
textarea#comment {
    display: block;
}

/* fix blueprint modifying the colours of table headings in the datepicker widget */
.ui-datepicker th {
    background: white;
}

/* Tweak the textarea for if the Jquery comment preview plugin is activated */
#jquery-comment-wrap #comment, .dwpcontact-page #commentinput {
    margin-top: 0px;
    width: 510px !important;
}

/* Dont show bullet points next to wordpress comments */
.commentlist .comment, .commentlist .comment ul {
    list-style: none;
}

.comment {
    margin-bottom: 13px;
}

.comment-author .avatar {
    float: left;
    margin: 0px 13px 0px 0px;
}

.comment-body {
    margin-bottom: 26px;
}

#respond input {
    display: block;
}

thead th {
    background: #EEE;
}

.searchterm {
    font-style: italic;
}

.menu ul {
    padding-left: 0;
}

body {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, p, body {
    color: #535353;
}

.light a, a {
    color: #535353;
    text-decoration: underline;
}

a:hover, .light a:hover {
    color: #000;
}

.dark a {
    color: #CCC;
}

.dark a:hover {
    color: #fff;
}

.light a {
    color: #535353;
}

.light a:hover {
    color: #000;
}

.dark {
    background: #333;
    color: #eee;
}

.light {
    color: #535353;
}

.dark .light {
    color: #535353;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark h7,
.dark h8,
.dark h9,
.dark h10,
.dark p {
    color: #EEE;
}

.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6,
.light h7,
.light h8,
.light h9,
.light h10,
.light p {
    color: #535353;
}

body {
    background: #eaeaea url(images/background.png) repeat-y center !important;
}

@media (min-width: 992px) {
    #foreground {
        width: 960px;
        margin: 0px auto;
        background: #fff;
    }
}

.light {
    background: #fff;
}

.dark #foreground {
    background: #333;
}

.dark .light {
    background: #fff;
}

.navigationcontainer .container {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

#logo {
    float: left;
    font-size: 0;
    height: 68px;
    width: 168px;
}

/*.dark #logo a {
    background: transparent url("/wp-content/themes/uonbase/images/logo-white.png") no-repeat scroll 0 0;
}*/

/*.light #logo a {
    background: transparent url("/wp-content/themes/uonbase/images/logo.png") no-repeat scroll 0 0;
}*/

.campuslinks {
    font-size: 12px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.campuslinks li {
    font-weight: bold;
    margin-top: 1px;
}

.campuslinks li a {
    color: #fff;
    display: block;
    padding: 5px;
    text-decoration: none;
}

.campuslinks li a:hover {
    text-decoration: none !important;
}

.campuslinks li.ukcampus a,
.campuslinks li.china a,
.campuslinks li.malaysia a {
    background-color: #666;
    color: #fff;
}

.campuslinks li.ukcampus a:hover,
.campuslinks li.china a:hover,
.campuslinks li.malaysia a:hover {
    text-decoration: none !important;
}

#topmenubar.dark, #topmenubar.dark a {
    color: #C6C6C6;
}

#topmenubar, #topmenubar a {
    font-size: 11px;
    max-height: 28px;
}

#topmenubar.dark a:hover {
    color: #fff;
}

#topmenubar {
    height: 28px;
    line-height: 28px;
}

#topmenubar .contentcontainer {
    padding-top: 0;
    padding-bottom: 0;
}

#topmenubar ul {
    margin: 0;
    padding: 0;
}

#topmenubar a, #topmenubar li {
    float: left;
}

#topmenubar li {
    padding-right: 10px;
}

#navigation .container #search {
    margin-top: 15px;
}

@media (min-width: 768px) {
    #navigation .container #search {
        font-size: 10px;
        height: 23px;
        margin-top: 0;
        float: right;
    }
}

#search fieldset {
    padding: 0;
    margin: 0;
    border: none;
    vertical-align: middle;
}

#search input {
    border: 0;
    color: #999;
    float: left;
    padding: 4px 0 4px 2px;
    width: 90%;
    font-size: 1.2em;
    margin: 0;
    vertical-align: bottom;
}

@media (min-width: 768px) {
    #search input {
        width: 200px;
    }
}

#search label {
    display: none;
}

#CampusName {
    clear: left;
    margin: 10px 0 0 0px;
    font-size: 2.4em;
}

#search #CampusName .campusHighlight {
    color: #007EA6;
}

#search input.sys_submit {
    background: transparent url("/wp-content/themes/uonbase/images/icons.png") no-repeat scroll -21px 2px;
    border: medium none;
    float: right;
    font-size: 0;
    height: 24px;
    line-height: 0;
    padding: 0;
    text-indent: -9999px;
    width: 18px;
    cursor: pointer;
    margin-left: 8px;
}

#search input.sys_submit:hover, .sys_homepageGreyBox input.sys_submit:hover {
    color: black;
}

input, select, textarea {
    font: 1em "Verdana", sans-serif;
}

.main-menu-toggle {
    padding: 0;
    border: 0;
    cursor: pointer;
    background: transparent;
}

@media (min-width: 768px) {
    .main-menu-toggle {
        display: none;
    }
}

.main-menu-toggle__icon {
    position: relative;
    width: 20px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
}

.main-menu-toggle__icon__line {
    position: absolute;
    width: 20px;
    height: 3px;
    display: block;
    background: #eee;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -o-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -o-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.main-menu-toggle__icon__line.\--1, .main-menu-toggle__icon__line.\--3 {
    -webkit-transform-origin: 0 1.5px;
    -o-transform-origin: 0 1.5px;
    transform-origin: 0 1.5px;
}

.main-menu-toggle__icon__line.\--1 {
    top: 0;
}

.main-menu-toggle__icon__line.\--2 {
    top: 5px;
    -webkit-transition: opacity 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: opacity 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: opacity 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.main-menu-toggle__icon__line.\--3 {
    top: 10px;
}

.main-menu-toggle__text {
    position: relative;
    top: 2px;
    font-size: 1.08em;
    font-weight: bold;
    margin-left: 2px;
    text-transform: uppercase;
    color: #eee;
}

.main-menu-toggle.\--active .main-menu-toggle__icon__line.\--1 {
    -webkit-transform: translateY(-2px) rotate(45deg);
    -o-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg);
}

.main-menu-toggle.\--active .main-menu-toggle__icon__line.\--2 {
    filter: alpha(Opacity=0);
    opacity: 0;
}

.main-menu-toggle.\--active .main-menu-toggle__icon__line.\--3 {
    -webkit-transform: translateY(2px) rotate(-45deg);
    -o-transform: translateY(2px) rotate(-45deg);
    transform: translateY(2px) rotate(-45deg);
}

#navigation .menu, #navigation .menu > ul {
    font-size: 0;
    display: none;
}

@media (min-width: 768px) {
    #navigation .menu, #navigation .menu > ul {
        font-size: 1em;
        display: block;
    }
}

#navigation .navigationcontainer {
    background-color: #666;
    /*padding: 4px 0;*/
    position: relative;
}

#navigation .menu li {
    font-size: 15px;
    width: 50%;
    margin-top: 10px;
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 768px) {
    #navigation .menu li {
        width: auto;
        margin-top: 0;
        margin-right: 10px;
    }
}

.dark #navigation .menu a,
.dark #footer .menu a {
    display: block;
    color: #EEE;
}

@media (min-width: 992px) {
    .dark #navigation .menu a,
    .dark #footer .menu a {
        margin-right: 26px;
    }
}

.dark #navigation .menu li:hover > a {
    color: #FFF;
    text-decoration: underline;
    font-weight: normal;
}

@media (min-width: 768px) {
    .navigationcontainer .container .menu-main-menu-container {
        float: left;
    }
}

.light .navigationcontainer {
    border-top: none;
}

#primarycontainer {
    margin-top: 10px;
}

#footer {
    border-top: 1px dotted #8b8b8b;
    clear: both;
    margin: 10px 15px 0;
    padding: 10px 0;
    text-align: left;
    line-height: normal;
}

#footer .clear {
    height: 2px;
}

#footer .container {
    font-size: 12px;
    padding: 0;
}

#footer .container .sys_inner:before, #footer .container .sys_inner:after {
    content: " ";
    display: table;
}

#footer .container .sys_inner:after {
    clear: both;
}

@media (min-width: 768px) {
    #footer .container .sys_inner {
        margin-top: 100px;
    }
}

@media (min-width: 768px) {
    #footer .sys_inner {
        clear: both;
        display: block;
        margin: 0 auto;
        padding: 8px 0;
        position: relative;
        width: 100%;
    }
}

#footer .sys_inner h2, #footer .sys_inner h3 {
    font-size: 1em;
    font-weight: bold;
}

#footer .sys_inner h3 {
    margin: 1em 0;
}

@media (min-width: 768px) {
    #footer .sys_inner .sys_twoColumns5050 {
        clear: both;
        width: 100%;
        float: left;
        margin-bottom: 3px;
        overflow: hidden;
    }
}

#footer .sys_inner .sys_twoColumns5050 a {
    color: #dbcf00;
    text-decoration: none;
}

@media (min-width: 768px) {
    #footer .sys_inner .sys_twoColumns5050 .sys_one {
        width: 48%;
        float: left;
        margin: 0;
    }
}

#footer .sys_inner .sys_twoColumns5050 .sys_one ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    #footer .sys_inner .sys_twoColumns5050 .sys_two {
        width: 48%;
        float: right;
        margin: 0;
        padding: 0 0 0 14px;
    }
}

#footer .sys_inner .sys_twoColumns5050 .sys_two .social {
    text-decoration: none;
}

.dark .info {
    background: #222;
    border-width: 1px;
    border-color: gray;
}

.light .info {
    background: #EEE;
    border-color: gray;
    border-width: 1px;
}

.menu a {
    text-decoration: none;
}

#footer .menu li {
    float: left;
    padding-right: 13px;
    margin-top: 4px;
    margin-bottom: 2px;
    margin-right: 13px;
    line-height: 16px;
    border-right: 1px solid #BBB;
}

#footer .menu .last-menu-item {
    border-right: none;
}

#crumbs {
    padding-top: 10px;
}

.light #navigation .menu a, .light #footer .menu a {
    color: #036;
}

.light #navigation .menu li {
    border-right: none;
}

.menu li {
    position: relative;
}

.dark #navigation .menu .sub-menu li,
.dark #navigation .menu .children li,
.dark #navigation .menu ul ul li {
    border-right: none;
}

#navigation .menu .sub-menu a,
#navigation .menu .children a,
#navigation .menu ul ul a {
    padding-left: 13px;
    padding-right: 13px;
}

#navigation .menu .sub-menu li,
#navigation .menu .children li,
#navigation .menu ul ul li {
    float: none;
    width: auto;
}

.menu .sub-menu,
.menu .children,
.menu ul ul {
    position: absolute;
    float: left;
    min-width: 180px;
    display: none;
    left: 0px;
    padding-bottom: 4px;
}

.menu ul li:last-child ul {
    left: auto;
    right: 0;
}

a:hover {
    text-decoration: underline !important;
}

.menu .sub-menu .sub-menu,
.menu .children .children,
.menu ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
    border-left: none;
    margin-left: -26px;
    border: none;
}

.light .menu .sub-menu,
.dark .light .menu .sub-menu,
.light .menu .children,
.dark .light .menu .children,
.light .menu ul ul,
.dark .light .menu ul ul {
    background: #fff;
    border: none;
}

.dark .menu .sub-menu,
.dark .menu .children,
.dark .menu ul ul {
    background: #333;
    border-left: 2px solid #515151;
    border-right: 2px solid #515151;
    border-bottom: 2px solid #515151;
}

.dark .menu .sub-menu .sub-menu,
.dark .menu .children .children,
.dark .menu ul ul ul {
    background: #333;
    border-top: 2px solid #515151;
    border-right: 2px solid #515151;
    border-bottom: 2px solid #515151;
    border-left: none;
}

.light .menu .sub-menu .sub-menu,
.light .menu .children .children,
.light .menu ul ul ul,
.dark .light .menu .sub-menu .sub-menu,
.dark .light .menu .children .children,
.dark .light .menu ul ul ul {
    background: #fff;
    border: none;
}

.sf-sub-indicator {
    display: none;
}

#topblogtitle a {
    text-decoration: none;
}

.socialicon img {
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0;
    width: 32px;
    height: 32px;
}

.socialicon a, .socialicon a:hover {
    text-decoration: none !important;
}

.socialicon a:hover img {
    border-radius: 4px;
}

#smallertext, #normaltext, #biggertext {
    cursor: pointer;
    text-decoration: none;
}

#normaltext {
    font-size: 80%;
}

#smallertext {
    font-size: 60%;
}

#campusmenu {
    float: right;
    font-weight: bold;
}

@media (min-width: 768px) {
    #search form {
        float: left;
    }
}

@media (min-width: 768px) {
    #search form fieldset {
        height: 30px;
        margin-right: 13px;
    }
}

.postbody-index {
    margin-bottom: 1.5em;
    padding-bottom: 13px;
    width: 100%;
}

.indexpostthumbcontainer img {
    margin: 0;
    width: 100%;
    display: block;
    height: auto;
}

@media (min-width: 768px) {
    .indexpostthumbcontainer img {
        width: auto;
        max-width: 100%;
    }
}

.indexpostthumbcontainer-indextop-1 {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .indexpostthumbcontainer-indextop-1 {
        width: 220px;
        /*height: 110px;*/
    }
}

@media (min-width: 992px) {
    .indexpostthumbcontainer-indextop-1 {
        width: 420px;
        height: 210px;
    }
}

@media (min-width: 768px) {
    .indexpostthumbcontainer-indextop-2 {
        width: 240px;
        height: 120px;
    }
}

.indexpostthumbcontainer-indextop-featured {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .indexpostthumbcontainer-indextop-featured {
        width: 400px;
        height: 200px;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .indexpostthumbcontainer-indextop-featured {
        width: 600px;
        height: 300px;
    }
}

@media (min-width: 768px) {
    .attachment-indextop-2.wp-post-image {
        width: 240px !important;
        height: 120px !important;
    }
}

.placeholderthumb {
    position: relative;
    height: 173px;
    background: #666;
    margin-bottom: 13px;
    text-align: center;
}

@media (min-width: 768px) {
    .placeholderthumb.empty-indextop-1 {
        width: 220px;
        height: 110px;
        line-height: 110px;
    }
}

@media (min-width: 992px) {
    .placeholderthumb.empty-indextop-1 {
        width: 420px;
        height: 210px;
        line-height: 210px;
    }
}

@media (min-width: 768px) {
    .placeholderthumb.empty-indextop-2 {
        width: 240px;
        height: 120px;
        line-height: 120px;
    }
}

.placeholderthumb.empty-indextop-featured {
    width: 600px;
    height: 300px;
    line-height: 300px;
}

.placeholderthumb img {
    position: relative;
    top: 50%;
    width: auto !important;
    max-width: 100%;
    transform: translateY(-50%);
}

.placeholderthumb a {
    height: 100%;
    width: 100%;
    display: block;
}

tbody tr:nth-child(even) td, tbody tr.even td {
    background: #EEE;
}

a.toggleicon:hover {
    text-decoration: none !important;
}

.widget.ICIT.Social.Profile.Icons .widget-title {
    font-size: 12px;
    font-weight: normal;
    border-bottom: 1px dotted #ccc;
    line-height: 12px;
    height: auto;
    margin-top: 3em;
}

.fat_title {
    font-weight: bold;
}

.thin_bottom_stripe {
    padding-bottom: 4px;
    border-bottom: 2px solid #535353;
}

.thick_bottom_stripe {
    border-bottom: 4px solid #535353;
    padding-bottom: 8px;
}

/*
 Colours
*/
/*
blogcolour-gray
	Default colours

blogcolour-pink
	#9A2235
	#CA0064
	#E655A0

blogcolour-orange
	#882A0D
	#FF5D00
	#FF942C

blogcolour-lightblue
	#435A69
	#7A9AAD
	#A2C4D0

blogcolour-brightblue
	#006579
	#0095A1
	#64CDCD

blogcolour-darkgreen
	#00684C
	#00914D
	#6FBA00

blogcolour-purple
	#5B2960
	#911EB3
	#C786DB

blogcolour-yellow
	#545302
	#979700
	#DBCF00
*/
/*
 Pink
*/
.blogcolour-pink .placeholderthumb {
    background: #9A2235;
}

.blogcolour-pink h2.post-title,
.blogcolour-pink h3.post-title,
.blogcolour-pink .post-title,
.blogcolour-pink .post-title a,
.blogcolour-pink .current {
    color: #E655A0;
}

.blogcolour-pink .light #navigation .container,
.blogcolour-pink .dark #navigation .container {
    /*border-bottom: 2px solid #E655A0;*/
}

.blogcolour-pink .widget-title,
.blogcolour-pink .blogtitlebar,
.blogcolour-pink .thin_bottom_stripe,
.blogcolour-pink .thick_bottom_stripe {
    border-color: #E655A0;
}

.blogcolour-pink .light .sub-menu,
.blogcolour-pink .dark .sub-menu,
.blogcolour-pink .light .children,
.blogcolour-pink .dark .children,
.blogcolour-pink .light ul ul,
.blogcolour-pink .dark ul ul {
    border-color: #E655A0;
}

.blogcolour-pink .light .sub-menu .sub-menu,
.blogcolour-pink .light .children .children,
.blogcolour-pink .light ul ul ul,
.blogcolour-pink .dark .light .children .children,
.blogcolour-pink .dark .light .sub-menu .sub-menu,
.blogcolour-pink .dark .light ul ul ul {
    background: #fff;
    border-color: #E655A0;
}

.blogcolour-pink .dark .sub-menu .sub-menu,
.blogcolour-pink .dark .sub-menu .children,
.blogcolour-pink .dark ul ul ul {
    background: #333;
    border-color: #E655A0;
}

.blogcolour-pink ::-moz-selection {
    background: #E655A0;
    /* Safari */
    color: #fff;
}

.blogcolour-pink ::selection {
    background: #E655A0;
    /* Safari */
    color: #fff;
}

.blogcolour-pink ::-moz-selection {
    background: #E655A0;
    /* Firefox */
    color: #fff;
}

.blogcolour-pink #topblogtitle a {
    color: #9A2235;
}

/*
 Orange
*/
.blogcolour-orange .placeholderthumb {
    background: #882A0D;
}

.blogcolour-orange h2.post-title,
.blogcolour-orange h3.post-title,
.blogcolour-orange .post-title,
.blogcolour-orange .post-title a,
.blogcolour-orange .current {
    color: #FF942C;
}

.blogcolour-orange .light #navigation .container,
.blogcolour-orange .dark #navigation .container {
    /*border-bottom: 2px solid #FF942C;*/
}

.blogcolour-orange .widget-title,
.blogcolour-orange .blogtitlebar,
.blogcolour-orange .thin_bottom_stripe,
.blogcolour-orange .thick_bottom_stripe {
    border-color: #FF942C;
}

.blogcolour-orange .light .sub-menu,
.blogcolour-orange .dark .sub-menu,
.blogcolour-orange .light .children,
.blogcolour-orange .dark .children,
.blogcolour-orange .light ul ul
.blogcolour-orange .dark ul ul {
    border-color: #FF942C;
}

.blogcolour-orange .light .sub-menu .sub-menu,
.blogcolour-orange .light .children .children,
.blogcolour-orange .light ul ul ul,
.blogcolour-orange .dark .light .children .children,
.blogcolour-orange .dark .light .sub-menu .sub-menu,
.blogcolour-orange .dark .light ul ul ul {
    background: #fff;
    border-color: #FF942C;
}

.blogcolour-orange .dark .sub-menu .sub-menu,
.blogcolour-orange .dark .sub-menu .children,
.blogcolour-orange .dark ul ul ul {
    background: #333;
    border-color: #FF942C;
}

.blogcolour-orange ::-moz-selection {
    background: #FF942C;
    /* Safari */
    color: #fff;
}

.blogcolour-orange ::selection {
    background: #FF942C;
    /* Safari */
    color: #fff;
}

.blogcolour-orange ::-moz-selection {
    background: #FF942C;
    /* Firefox */
    color: #fff;
}

.blogcolour-orange #topblogtitle a {
    color: #882A0D;
}

/*
 Light blue
*/
.blogcolour-lightblue .placeholderthumb {
    background: #435A69;
}

.blogcolour-lightblue h2.post-title,
.blogcolour-lightblue h3.post-title,
.blogcolour-lightblue .post-title,
.blogcolour-lightblue .post-title a,
.blogcolour-lightblue .current {
    color: #A2C4D0;
}

.blogcolour-lightblue .light #navigation .container,
.blogcolour-lightblue .dark #navigation .container {
    /*border-bottom: 2px solid #A2C4D0;*/
}

.blogcolour-lightblue .widget-title,
.blogcolour-lightblue .blogtitlebar,
.blogcolour-lightblue .thin_bottom_stripe,
.blogcolour-lightblue .thick_bottom_stripe {
    border-color: #A2C4D0;
}

.blogcolour-lightblue .light .sub-menu,
.blogcolour-lightblue .dark .sub-menu,
.blogcolour-lightblue .light .children,
.blogcolour-lightblue .dark .children,
.blogcolour-lightblue .light ul ul,
.blogcolour-lightblue .dark ul ul {
    border-color: #A2C4D0;
}

.blogcolour-lightblue .light .sub-menu .sub-menu,
.blogcolour-lightblue .light .children .children,
.blogcolour-lightblue .light ul ul ul,
.blogcolour-lightblue .dark .light .children .children,
.blogcolour-lightblue .dark .light .sub-menu .sub-menu,
.blogcolour-lightblue .dark .light ul ul ul {
    background: #fff;
    border-color: #A2C4D0;
}

.blogcolour-lightblue .dark .sub-menu .sub-menu,
.blogcolour-lightblue .dark .sub-menu .children,
.blogcolour-lightblue .dark ul ul ul {
    background: #333;
    border-color: #A2C4D0;
}

.blogcolour-lightblue ::-moz-selection {
    background: #A2C4D0;
    /* Safari */
    color: #fff;
}

.blogcolour-lightblue ::selection {
    background: #A2C4D0;
    /* Safari */
    color: #fff;
}

.blogcolour-lightblue ::-moz-selection {
    background: #A2C4D0;
    /* Firefox */
    color: #fff;
}

.blogcolour-lightblue #topblogtitle a {
    color: #435A69;
}

/*
 Bright blue
*/
.blogcolour-brightblue .placeholderthumb {
    background: #006579;
}

.blogcolour-brightblue h2.post-title,
.blogcolour-brightblue h3.post-title,
.blogcolour-brightblue .post-title,
.blogcolour-brightblue .post-title a,
.blogcolour-brightblue .current {
    color: #64CDCD;
}

.blogcolour-brightblue .light #navigation .container,
.blogcolour-brightblue .dark #navigation .container {
    /*border-bottom: 2px solid #64CDCD;*/
}

.blogcolour-brightblue .widget-title,
.blogcolour-brightblue .blogtitlebar,
.blogcolour-brightblue .thin_bottom_stripe,
.blogcolour-brightblue .thick_bottom_stripe {
    border-color: #64CDCD;
}

.blogcolour-brightblue .light .sub-menu,
.blogcolour-brightblue .dark .sub-menu,
.blogcolour-brightblue .light .children,
.blogcolour-brightblue .dark .children,
.blogcolour-brightblue .light ul ul,
.blogcolour-brightblue .dark ul ul {
    border-color: #64CDCD;
}

.blogcolour-brightblue .light .sub-menu .sub-menu,
.blogcolour-brightblue .light .children .children,
.blogcolour-brightblue .light ul ul ul,
.blogcolour-brightblue .dark .light .children .children,
.blogcolour-brightblue .dark .light .sub-menu .sub-menu,
.blogcolour-brightblue .dark .light ul ul ul {
    background: #fff;
    border-color: #64CDCD;
}

.blogcolour-brightblue .dark .sub-menu .sub-menu,
.blogcolour-brightblue .dark .sub-menu .children,
.blogcolour-brightblue .dark ul ul ul {
    background: #333;
    border-color: #64CDCD;
}

.blogcolour-brightblue ::-moz-selection {
    background: #64CDCD;
    /* Safari */
    color: #fff;
}

.blogcolour-brightblue ::selection {
    background: #64CDCD;
    /* Safari */
    color: #fff;
}

.blogcolour-brightblue ::-moz-selection {
    background: #64CDCD;
    /* Firefox */
    color: #fff;
}

.blogcolour-brightblue #topblogtitle a {
    color: #006579;
}

/*
 dark green
*/
.blogcolour-darkgreen .placeholderthumb {
    background: #00684C;
}

.blogcolour-darkgreen h2.post-title,
.blogcolour-darkgreen h3.post-title,
.blogcolour-darkgreen .post-title,
.blogcolour-darkgreen .post-title a,
.blogcolour-darkgreen .current {
    color: #6FBA00;
}

.blogcolour-darkgreen .light #navigation .container,
.blogcolour-darkgreen .dark #navigation .container {
    /*border-bottom: 2px solid #6FBA00;*/
}

.blogcolour-darkgreen .widget-title,
.blogcolour-darkgreen .blogtitlebar,
.blogcolour-darkgreen .thin_bottom_stripe,
.blogcolour-darkgreen .thick_bottom_stripe {
    border-color: #6FBA00;
}

.blogcolour-darkgreen .light .sub-menu,
.blogcolour-darkgreen .dark .sub-menu,
.blogcolour-darkgreen .light .children,
.blogcolour-darkgreen .dark .children,
.blogcolour-darkgreen .light ul ul,
.blogcolour-darkgreen .dark ul ul {
    border-color: #6FBA00;
}

.blogcolour-darkgreen .light .sub-menu .sub-menu,
.blogcolour-darkgreen .light .children .children,
.blogcolour-darkgreen .light ul ul ul,
.blogcolour-darkgreen .dark .light .children .children,
.blogcolour-darkgreen .dark .light .sub-menu .sub-menu,
.blogcolour-darkgreen .dark .light ul ul ul {
    background: #fff;
    border-color: #6FBA00;
}

.blogcolour-darkgreen .dark .sub-menu .sub-menu,
.blogcolour-darkgreen .dark .sub-menu .children,
.blogcolour-darkgreen .dark ul ul ul {
    background: #333;
    border-color: #6FBA00;
}

.blogcolour-darkgreen ::-moz-selection {
    background: #6FBA00;
    /* Safari */
    color: #fff;
}

.blogcolour-darkgreen ::selection {
    background: #6FBA00;
    /* Safari */
    color: #fff;
}

.blogcolour-darkgreen ::-moz-selection {
    background: #6FBA00;
    /* Firefox */
    color: #fff;
}

.blogcolour-darkgreen #topblogtitle a {
    color: #00684C;
}

/*
 Purple
*/
.blogcolour-purple .placeholderthumb {
    background: #5B2960;
}

.blogcolour-purple h2.post-title,
.blogcolour-purple h3.post-title,
.blogcolour-purple .post-title,
.blogcolour-purple .post-title a,
.blogcolour-purple .current {
    color: #C786DB;
}

.blogcolour-purple .light #navigation .container,
.blogcolour-purple .dark #navigation .container {
    /*border-bottom: 2px solid #C786DB;*/
}

.blogcolour-purple .widget-title,
.blogcolour-purple .blogtitlebar,
.blogcolour-purple .thin_bottom_stripe,
.blogcolour-purple .thick_bottom_stripe {
    border-color: #C786DB;
}

.blogcolour-purple .light .sub-menu,
.blogcolour-purple .dark .sub-menu,
.blogcolour-purple .light .children,
.blogcolour-purple .dark .children,
.blogcolour-purple .light ul ul,
.blogcolour-purple .dark ul ul {
    border-color: #C786DB;
}

.blogcolour-purple .light .sub-menu .sub-menu,
.blogcolour-purple .light .children .children,
.blogcolour-purple .light ul ul ul,
.blogcolour-purple .dark .light .children .children,
.blogcolour-purple .dark .light .sub-menu .sub-menu,
.blogcolour-purple .dark .light ul ul ul {
    background: #fff;
    border-color: #C786DB;
}

.blogcolour-purple .dark .sub-menu .sub-menu,
.blogcolour-purple .dark .sub-menu .children,
.blogcolour-purple .dark ul ul ul {
    background: #333;
    border-color: #C786DB;
}

.blogcolour-purple ::-moz-selection {
    background: #C786DB;
    /* Safari */
    color: #fff;
}

.blogcolour-purple ::selection {
    background: #C786DB;
    /* Safari */
    color: #fff;
}

.blogcolour-purple ::-moz-selection {
    background: #C786DB;
    /* Firefox */
    color: #fff;
}

.blogcolour-purple #topblogtitle a {
    color: #5B2960;
}

/*
 Yellow
*/
.blogcolour-yellow .placeholderthumb {
    background: #545302;
}

.blogcolour-yellow h2.post-title,
.blogcolour-yellow h3.post-title,
.blogcolour-yellow .post-title,
.blogcolour-yellow .post-title a,
.blogcolour-yellow .current {
    color: #DBCF00;
}

.blogcolour-yellow .light #navigation .container,
.blogcolour-yellow .dark #navigation .container {
    /*border-bottom: 2px solid #DBCF00;*/
}

.blogcolour-yellow .widget-title,
.blogcolour-yellow .blogtitlebar,
.blogcolour-yellow .thin_bottom_stripe,
.blogcolour-yellow .thick_bottom_stripe {
    border-color: #DBCF00;
}

.blogcolour-yellow .light .sub-menu,
.blogcolour-yellow .dark .sub-menu,
.blogcolour-yellow .light .children,
.blogcolour-yellow .dark .children,
.blogcolour-yellow .light ul ul,
.blogcolour-yellow .dark ul ul {
    border-color: #DBCF00;
}

.blogcolour-yellow .light .sub-menu .sub-menu,
.blogcolour-yellow .light .children .children,
.blogcolour-yellow .light ul ul ul,
.blogcolour-yellow .dark .light .children .children,
.blogcolour-yellow .dark .light .sub-menu .sub-menu,
.blogcolour-yellow .dark .light ul ul ul {
    background: #fff;
    border-color: #DBCF00;
}

.blogcolour-yellow .dark .sub-menu .sub-menu,
.blogcolour-yellow .dark .sub-menu .children,
.blogcolour-yellow .dark ul ul ul {
    background: #333;
    border-color: #DBCF00;
}

.blogcolour-yellow ::-moz-selection {
    background: #DBCF00;
    /* Safari */
    color: #fff;
}

.blogcolour-yellow ::selection {
    background: #DBCF00;
    /* Safari */
    color: #fff;
}

.blogcolour-yellow ::-moz-selection {
    background: #DBCF00;
    /* Firefox */
    color: #fff;
}

.blogcolour-yellow #topblogtitle a {
    color: #545302;
}

/*, embed {
	max-width: 100%;
	width: 100%;
	max-height: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px solid #EAEAEA;
}*/
.dark .indexpostthumbcontainer {
    text-align: center;
    /*background: #262626;*/
}

.indexpostthumbcontainer img {
    margin: 0 auto;
}

.widget_nav_menu a {
    text-decoration: none;
    font-size: 1.05em;
    border-bottom: 1px dotted #7B7B7B;
    display: block;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.flickr-gallery {
    clear: both;
    height: auto !important;
    margin-bottom: 2em;
    width: 100%;
}

.flickr-gallery .cycle-wrap {
    width: 100%;
    height: 520px;
    float: left;
    background: #1a1a1a;
}

.flickr-gallery .cycle-wrap .figure {
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    line-height: 500px;
}

.flickr-photo {
    vertical-align: middle;
}

.flickr-gallery .cycle-nav {
    clear: both;
    background: #222;
    padding: 10px;
}

.flickr-gallery .figure {
    float: left;
    height: 200px;
    width: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 200px;
}

.flickr-gallery a {
    color: #ccc;
    text-decoration: none;
}

.flickr-gallery a:hover {
    color: #eee;
}

.flickr-gallery .next {
    float: right;
}

.image-size-t .cycle-wrap {
    height: 230px;
}

.image-size-t .cycle-wrap .figure {
    line-height: 230px;
}

.image-size-m .cycle-wrap {
    height: 280px;
}

.image-size-m .cycle-wrap .figure {
    line-height: 280px;
}

.flickr-gallery img {
    max-width: 95%;
    max-height: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
}

.widget .flickr-gallery, .widget .flickr-gallery .cycle-wrap {
    height: 200px;
}

.widget .flickr-gallery .cycle-wrap .figure {
    line-height: 200px;
}

.addthis_toolbox {
    margin-bottom: 16px;
    margin-top: 16px;
}

.FeedburnerEmailWidget input {
    margin: 0px;
    margin-bottom: 8px;
}

#feedburner_email_widget_sbef_email {
    max-width: 142px;
    margin-right: 8px;
    margin-left: 0;
    padding: 2px;
}

#feedburner_email_widget_sbef_submit {
    max-width: 52px;
}

#primarycontainer #maincontent .contentcontainer_left {
    padding-right: 0;
}

#primarycontainer #maincontent .contentcontainer_right {
    padding-left: 0;
}

#author_profile_photo .photo {
    margin: 0;
}

#author_profile_photo {
    padding: 10px;
    background: #222;
    float: left;
    margin-bottom: 13px;
}

.campus-malaysia #navigation .menu-item,
.campus-malaysia #navigation .menu > ul > li {
    text-align: center;
    padding: 0;
}

.campus-malaysia #navigation .menu > ul > li > ul {
    width: 200px;
}

.campus-malaysia .menu-malaysian-menu-container .menu-item-101,
.campus-malaysia .sys_m1 {
    width: 92px;
}

.campus-malaysia .menu-malaysian-menu-container .menu-item-111,
.campus-malaysia .sys_m2 {
    width: 176px;
}

.campus-malaysia .menu-malaysian-menu-container .menu-item-121,
.campus-malaysia .sys_m3 {
    width: 148px;
}

.campus-malaysia .menu-malaysian-menu-container .menu-item-131,
.campus-malaysia .sys_m4 {
    width: 175px;
}

.campus-malaysia .menu-malaysian-menu-container .menu-item-141,
.campus-malaysia .sys_m5 {
    width: 170px;
}

.campus-malaysia .menu-malaysian-menu-container .menu-item-151,
.campus-malaysia .sys_m6 {
    width: 88px;
}

.campus-malaysia .menu-malaysian-menu-container .menu-item-161,
.campus-malaysia .sys_m7 {
    width: 100px;
}

#navigation .menu-item .menu-item,
#navigation ul ul li {
    text-align: left;
}

.ss-share {
    display: none;
    list-style: none;
    padding: 16px 0;
    border-bottom: 1px dotted #999;
    margin-bottom: 16px;
    margin-right: 0;
    overflow: hidden;
}

.single-post .postcontent .ss-share {
    border: 0;
    padding-bottom: 0;
}

.ss-share-item {
    border: 1px solid #CCC;
    padding: 5px 8px;
    border-radius: 3px;
    margin-right: 1em;
    background: #f0f0f0;
    text-decoration: none;
    float: left;
}

.ico-facebook {
    display: inline-block;
    background-position: 0 center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("http://www.facebook.com/favicon.ico");
    padding-left: 24px;
}

.ico-twitter {
    display: inline-block;
    background-position: 0 center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("http://twitter.com/favicons/favicon.ico");
    padding-left: 24px;
}

.ico-google {
    display: inline-block;
    background-position: 0 center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("https://ssl.gstatic.com/s2/oz/images/faviconr3.ico");
    padding-left: 24px;
}

.ico-linkedin {
    display: inline-block;
    background-position: 0 center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("http://s.c.lnkd.licdn.com/scds/common/u/img/favicon_v3.ico");
    padding-left: 24px;
}

.ss-share-item .ss-share-link {
    text-decoration: none;
}

.contentcontainer .wp-smiley {
    margin: 0;
    vertical-align: text-bottom;
}

#foreground #lang_sel_click li,
#foreground #lang_sel_click ul ul {
    width: 100%;
}

.icl_lang_sel_translated {
    line-height: 24px;
}

#foreground #lang_sel_click img.iclflag {
    margin: 0;
}

.widget-twitter .tweet {
    margin: 0.6em 0 1.8em;
}

.widget-twitter .tweet-content {
    overflow: visible;
    margin-top: 0.6em;
}

.widget-twitter .tweet-date {
    position: static;
}

.tweet-profile-link img {
    margin: 0 6px 0 0;
    width: 32px;
    height: auto;
}

.dark .tweet-intents {
    display: none;
}

.dark .tweet-intents a {
    background: #111;
    padding: 5px;
    border-radius: 3px;
    text-decoration: none;
    margin-bottom: 3px;
    display: inline-block;
}

.dark .tweet-intents a:hover {
    text-decoration: none !important;
    background: #000;
}

.tweet-intent-icon {
    margin: 0 3px 0 -3px;
    vertical-align: middle;
}

.tweet-intent-label {
    vertical-align: middle;
}

.cookie-text p {
    margin: 10px 20px 0 !important;
}

/* Search Results */
.search-results.dark .mainpagesplit,
.search-no-results.dark .mainpagesplit {
    background-image: none;
}

/**
 * Search form
 *
 * This uses the default browser styles and behaviour
 * Which leads to some inconsistencies, based on the default browser dimensions for elements
 * For example, Firefox has a much shorter text input, which means it fits on the same line as the label
 * Which results in the submit button wrapping onto a new line
 */
.searchform label {
    display: block;
}

.searchform input[type=text] {
    width: 140px;
}

.searchform input[type=submit] {
    width: 60px;
}

#toplogo {
    height: 87px;
}

.postcontent img {
    display: block;
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .postcontent img {
        width: auto;
        max-width: 100%;
    }
}

.widget_icitmublogmenuwidget .widget-title {
    cursor: pointer;
}

@media (min-width: 768px) {
    .widget_icitmublogmenuwidget .widget-title {
        cursor: default;
    }
}

.widget_icitmublogmenuwidget .widget-title:before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px;
    content: '\f0c9';
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.widget_icitmublogmenuwidget .widget-title.clicked:before {
    content: '\f00d';
}

@media (min-width: 768px) {
    .widget_icitmublogmenuwidget .widget-title:before {
        display: none;
    }
}

.widget_icitmublogmenuwidget .menu {
    display: none;
}

@media (min-width: 768px) {
    .widget_icitmublogmenuwidget .menu {
        display: block;
    }
}

#text-3,
.icit-social-profile-icons {
    display: none;
}

@media (min-width: 768px) {
    #text-3,
    .icit-social-profile-icons {
        display: block;
    }
}

.thin_bottom_stripe {

}

.widget_categories select {
    margin-left: 10px;
}

.tagcloud a {
    display: inline;
}