/* ##################################################### DEFAULT STYLES ##################################################### */

body {
	overflow:auto;
	background-image:url('../img/richard3footerwhite.png');
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:400px;
}

#portal-globalnav, #portal-searchbox, #mobilelinks, #portal-personaltools, .deskaddthis{display:block;}
.mobilemenu, .mobilemenu #portal-searchbox, .addthis_toolbox p,  #mobilebacktotop, .mobileaddthis, .searchSection {display:none;}
#wrapper {max-width:768px; min-width:480px;}
.clear {clear:both;}
.clear-left {clear:left;}

/* Logo */
#portal-logo img {width:auto; height:auto;}

/* Search */
#portal-searchbox {float:right; margin:-31px 10px 0 0; font-size:90%; padding:0;}
#portal-searchbox .searchField {font-size:105%;}

/* Global Navigation */
#portal-header {display:block; margin:-2px 0 0 0; padding:0; clear:both;}
ul#portal-globalnav li a {font-weight:bold;}
ul#portal-globalnav {margin: 30px 0 0 0; font-size: 80%;}

ul#portal-globalnav {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    margin: 27px 0 0 0;
    padding: 0;
	clear: both;
	list-style:none;
}

ul#portal-globalnav li {display:inline;}

ul#portal-globalnav li a, ul#portal-globalnav li.selected a {
    background: none repeat scroll 0 0 transparent;
    border-color: #FFFFFF;
    border-style: none solid none none;
    border-width: 0.1em;
    color: #FFFFFF;
    display: inline-block;
    line-height: 140%;
    padding: 0.5em 1em;
	min-width:77px;
}

ul#portal-globalnav li a:hover {background:#EDEDED; color:#000000;}

/* FOOTER */
#portal-footer {font-size:95%; min-height:105px; padding-top:22px;}
#portal-footer ul.left, #portal-footer ul.right, #portal-footer ul.social {display:block;}
#portal-footer ul {margin:0; padding:0;}
#portal-footer ul li {margin:0; padding:0;}
#portal-footer a {color:#FFF;}

/* Social icons */
#portal-footer ul.social {width:346px; float:right; text-align:right; font-weight:bold; margin:1px 12px 0 0;}
#portal-footer ul.social img {display:none;}
#portal-footer ul.social li {display:inline; margin-left:6px;}
#portal-footer ul.social li a.icon-alone {font-size: 170%; margin:0 0 0 1px;}
#portal-footer ul.social li.text {float:left; margin-top:7px;}

/* Left links */
#portal-footer ul.left {width:500px; display:inline-block; margin:0 0 0 15px;}
#portal-footer ul.left li {float:left; margin:7px 0 0 0;}
#portal-footer ul.left li:before {color:rgba(255, 255, 255, 0.6); content:"\e01f"; font-family: 'icomoon'; font-size: 150%; display:inline-block; float:left; margin-top:-5px;}
#portal-footer ul.left li.hide:before {display:none;}
#portal-footer ul.left a {font-weight:bold;}

/* Right links */
#portal-footer ul.right {clear:both; float:right; margin:8px 15px 21px 0; font-size:90%;}
#portal-footer ul.right li {float:left;}
#portal-footer ul.right li:after {color:rgba(255, 255, 255, 0.6); content:"\e01f"; font-family: 'icomoon'; font-size: 120%; display:inline-block; float:right; margin-top:-2px;}
#portal-footer ul.right li.hide:after {display:none;}
#portal-footer ul.right a {font-weight:normal!important;}

#mainmobilelinks, .mobilemenu, #portal-footer {width: 100%; margin:0;}

/* For inserting media */
.media-right {float:right; margin:5px 0 10px 15px;}
.media-left {float:left; margin:5px 15px 10px 0;}
.media-full {width:100%; clear:both;}
.media-40 {width:45%;}

/* --- Misc --- */
.rotating-spine {display: block;}