/* Stylesheet for MGA website - bootstrap overrides 

Bootstrap has been set up with customised values to incorporate the blue and purple within the gray base, and with a larger fontsize of 15px / 1.5 and a default sans serif family of roboto-light.

*/
@charset "UTF-8";

/* Framework //////////////////////////////////////////////////////*/


body {
	background: #fff;
	font-family: "raleway", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#twocols > div.row-fluid {
		margin-top: 28px;

}
span

#maincol {
	margin-bottom: /*28px*/0;	 /*moved onto footer top for collapsing*/
}




footer {
margin-top: 28px; 	
}


/* General styles //////////////////////////////////////////////////////*/

#maincol p {
margin: 0 0 15px;	
}

#maincol ul, #maincol ol {
    margin-bottom: 12px;
    margin-top: -2px;
	padding-left: 20px;
	list-style: square;
}
#maincol li {
	margin-bottom: 5px;
}

a { color: #999;
	transition: color 0.3s ease 0s;

}

a:hover, a:focus {
    color: #666;
text-decoration: none;
	border: none;
	outline: none;
}

em, i {
	font-family: 'raleway', Arial, Helvetica, sans-serif;
	font-style: oblique;
}

strong, b {
	font-family: 'raleway', Arial, Helvetica, sans-serif;
	font-weight: bold;
}





.big {
	font-size: 18px;	
}

h1, .h1 {
	margin-top: 0;
	font-size: 40px;
	line-height: 1.1;
	margin-bottom: 18px;
}
.home h1 {
	margin-top: 0;
font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 10px;
	line-height: 1.15;
	margin-bottom: 10px;
	color: #999;
}


h2, .h2 {
	margin-top: 32px;
	font-size: 28px;
	line-height: 1.1;
	margin-bottom: 10px;
	color: #999;
}

#maincol {
	text-align: center;
}
h2 {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 10px;
	line-height: 1.15;
	margin-bottom: 10px;
	color: #999;
}

div.hometext {
padding: 20px 0 20px 0;
border-top: 1px solid #ddd;	
border-bottom: 1px solid #ddd;	
font-size: 16px;
margin: 20px auto;
text-align: center;
}

div.hometext > .col-md-8, div.hometext > .col-sm-10  {
float: none;
margin: 0px auto;
}


h3, .h3 {
	margin-top: 32px;
	font-size: 20px;
	line-height: 1.1;
	margin-bottom: 10px;
	color: #999;
	font-weight: bold;
}
#maincol h3 {
	line-height: 1.2;

}

h4, .h4 {
	margin-top: 20px;
	font-size: 17px;
	line-height: 1.1;
	margin-bottom: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

#rightcol {
	font-size: 14px;
	line-height: 1.45;
}


#rightcol a {
}


#rightcol h2, #rightcol .h2 {
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	margin-top: 0;
    border-bottom: 2px solid rgba(0,0,0,0.15);
    margin-bottom: 4px;
    padding-bottom: 10px;
}
#rightcol h2 a {
	text-decoration: none;
}

#rightcol h2 a:hover {
	color: #e3e3e3;
	text-decoration: none;
}

#rightcol h4, #rightcol .h4 {
	margin-top: 0px;
	font-size: 17px;
	line-height: 1.1;
	margin-bottom: 10px;
	font-weight: normal;
}

#rightcol ul, #rightcol ol {
    margin-bottom: 12px;
    margin-top: 0px;
	padding-left: 18px;
	list-style: square;
}

.caret {
    border-top: 6px dashed;
}


#rightcol .shop i.fa, #rightcol .info i.fa, #rightcol .calendar i.fa {
font-size: 30px;	/* these ones slightly large?*/
}
#rightcol .tutor i.fa { /* teacher's cap move right */
	right: 7px;
	font-size: 32px;
}


img { /* From wingtheme2.css - Responsive images (ensure images don't scale beyond their parents) */

	max-width: 100%; /* Part 1: Set a maxium relative to the parent */
	width: auto\9; /* IE7-8 need help adjusting responsive images */
	height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.home #maincol iframe, .page-id-2928 #maincol iframe {
	margin: 0;	
	padding: 0;	
}


#maincol .alignright, #maincol .hanger {
	float: right;
	clear: right;
	margin: 0px 0px 15px 20px;	
}
#maincol .alignleft {
	float: left;
	clear: left;	
	padding: 0px 20px 15px 0px;	
}
#maincol .alignnone, #maincol .aligncenter {
	margin: 15px 0;
	clear: both;	
	padding: 0px 0px 15px 0px;	
}
#maincol .wp-post-image {
	margin-bottom: 15px;
	clear: both;	
	padding: 0px 0px 15px 0px;	
	width: 100%;
}

#maincol iframe {   
	/*width: 100% !important; AMY do i need this ??????*/
	margin: 15px 0;
	clear: both;	
	padding: 0px 0px 15px 0px;	
}


img.inline {
	margin: -2px 0 0 4px;
	padding: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
}




/* Header //////////////////////////////////////////////////////*/
#header_lining {
letter-spacing: 0.5px;	
}

#topstuff {
margin-bottom: 10px;	
}

#headerlogo {
	position: inherit; /*affects links in menu above otherwise*/
	margin-top: 20px;
}

#headerlogo img {
	width: 100%;
	height: auto;
	max-width: 469px;	
	margin-bottom: 10px;
	opacity: 1;
	transition: opacity 0.3s ease 0s;
}
#headerlogo img:hover, #headerlogo img:focus {
	opacity: 0.5;	
}


ul#topnav {
	list-style: none;
	padding: 0;
	margin-right: 50px;
	margin-bottom: 24px;
	padding-top: 22px;
	padding-bottom: 5px;
}
#topnav li {
	display: inline-block;
	position: relative;	
	text-transform: uppercase;
	font-size: 13px;
    margin-left: 11px;
}
#topnav li a {
		
}


.region_sociallinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: "font-awesome", arial;
	font-size: 22px;
}
.region_sociallinks li {
	display: inline-block;
	float: right;
	padding-left: 12px;
	padding-right: 8px;
}

.region_sociallinks li a {
	color: #999;
	display: block;
}
.region_sociallinks li a, .region_sociallinks li a:visited {
}

.region_sociallinks li a:hover, .region_sociallinks li a:focus  {
	color: #666;
}




/* MAIN NAV ////*/
/*overrules*/
.cmenu {
	left: -62px;
	position: absolute;
	text-transform: uppercase;
	top: 5px;
}
button:hover .cmenu, button:focus .cmenu, {
}
nav.navbar {
	font-size: 13px;
	font-weight: bold;
    border-radius: 0;
    box-shadow: none;
	border: none;
	margin-bottom: 0px;
	min-height: 30px;
	letter-spacing: 0px;
	background: none;
	padding: 0;
}
nav.navbar > .container-fluid {
padding: 0;
}

.navbar-default .nav {
	float: right;
}

.nav > li > a {
	padding: 3px 20px;
}

.nav > li {
	border-left: solid 1px #ddd;
}
.nav > li:first-child {
	border-left: none;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus { /*When the top button is hovered/clicked*/
	background-image: none;
}
.navbar-default .navbar-nav > .open > a,        
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {   /*When the top button is clicked on*/
	background-image: none;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {   /*When the top button is the page or parent*/
	background-image: none;
	background-color: transparent;
}

/*Dropdown*/


/* end of nav */


/* END OF HEADER //////////*/






/* Widget styles //////////////////////////////////////////////////////*/
.wf_widget {
    margin-bottom: 28px;
}


.box {
	padding: 0 14px 28px 14px;
}

#maincol .box {
	font-size: 13px;
}

#maincol .box.extra {
	padding-top: 14px;
	padding-bottom: 14px;
	margin-bottom: 28px;
	margin-top: 14px;
}

#maincol .box.extra li, #maincol .box.extra p  {
	margin-bottom: 4px;
}
#maincol .box.extra h4 {
	margin-top: 0px;
	font-size: 18px;
	line-height: 1.1;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	text-transform: none;
}

.single #maincol p.date {
    color: #938988;
    font-size: 13px;
    text-transform: uppercase;
}


#credits {
font-size: 12px;
color: #ddd;	
text-align: right;
}


/* Right col */


#rightcol a.more_link {
	font-weight: bold;
}
#rightcol a:hover {
	color: #fff;
}

.download .postwrap a, .view .postwrap a, .calendar .postwrap a, .shop .postwrap a, .tutor .postwrap a {
	padding: 10px 46px 14px 14px; /*to make room for glyph*/
	display: block;
	min-height: 52px;
}

#rightcol .box {
	padding: 14px 14px 4px 14px;
}

.download .postwrap a:hover, .download .postwrap a:focus, .view .postwrap a:hover, .view .postwrap a:focus, .calendar .postwrap a:hover, .calendar .postwrap a:focus, .shop .postwrap a:hover, .shop .postwrap a:focus, .tutor .postwrap a:hover, .tutor .postwrap a:focus {
	text-decoration: none;	
}

#rightcol .box li {
	margin-bottom: 3px;
}
#rightcol .light, #rightcol .light h2,  #rightcol .light h4,  #rightcol .light a { /* Because it's a light colour */
	color: #000;	
}

#rightcol .light .postwrap  {
	font-size: 115%;
}

#rightcol .download, #rightcol .view, #rightcol .calendar, #rightcol .shop, #rightcol .tutor {
	font-size: 18px;
	line-height: 1.1;
	min-height: 30px;
}

#rightcol .download a.apply {
	font-size: 24px;	
}

.region_righttop.shop .picwrap {
	display: none; /* does the basic WF post widget bring in a featured image?? */
}

/* end of rightcol //////////////*/



/* ////////// WIDGETS ///////////////////*/


/* List widget news box */
.list_widget .entry p {
    margin-bottom: 8px;
}

#rightcol .hwrap, #rightcol .posts  {
	/*margin: 0 15px 0 15px;*/
}
#rightcol .region_rightnews {
	border: none;	
	padding-bottom: 7px; /* should be 13 but doesn't look right with x height */
}



#rightcol .region_rightnews .post {
    border-top: none;
    padding-top: 6px;
    padding-bottom: 10px;
}

.region_rightnews {
	padding: 14px 14px 0 14px;
}

#rightcol .region_rightnews {
	line-height: 1.4;
}
.region_rightnews p.title {
font-size: 19px;
line-height: 1.2;
color: #fff;	
font-weight: bold;
}
.region_rightnews p.title a {
color: #fff;	
}

.region_rightnews .date {
	font-size: 12px;
	margin-bottom: 0;
    text-transform: uppercase;
}
/* end of news widget*/





/* List widget in PLAINLIST style */

.list_widget.plainlist {
border: 0;
}

.plainlist .posts {
	margin-bottom: 100px;
}

.plainlist .post {
    border-top: 2px solid #3b3736;
	margin-top: 28px;
	min-height: 196px;	/*changed to square 7.4.16*/
}

.plainlist p.date {
font-size: 12px;
text-transform: uppercase;
color: #938988;
margin-bottom: 0px !important;	
}

.plainlist  p.title {
	font-size: 24px;
	line-height: 1.2;	
}

.plainlist  p.title a {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #a1509f;
	font-weight: normal;
}


#maincol .plainlist p.title, #maincol .plainlist .entry {
	margin-left: 214px;
}

.plainlist a > img {
width: 180px;
height: 180px; /*changed to square 7.4.16*/
position: absolute;
left: 0;
	top: 31px
}

.plainlist a:hover > img {
    opacity: 0.7;
}

.plainlist p.list_pagination span, .plainlist p.list_pagination a {
margin-right: 5px;
	color: #3b3736;
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.3);
	background: #0094cb;
	padding: 2px 8px;
}

.plainlist p.list_pagination .summary {
	background: none;
	color: #938988;
}
.plainlist p.list_pagination a:hover, .plainlist p.list_pagination a:focus, .plainlist p.list_pagination span.current_pagin {
	text-decoration: none;
	background: #1DADE9;
	color: #fff;
	text-decoration: none;
}
 .plainlist p.list_pagination a:focus, .plainlist p.list_pagination span.current_pagin {
	font-weight: bold;
 }

body.page-id-4463 .plainlist .entry p { /*ie the news page */
	font-size: 14px;
	margin: 0 0 10px;
}

/* end of plainlist */





/* List widget in PICBACK style */

.list_widget.picback {
    border-bottom: none;
	margin-top: 28px;
}
.list_widget.picback .post {
    border: none;
	padding: 0;
}

.picback .post {/* and mga-colours.css */
	min-height: 200px;	
}

#maincol .picback p, #rightcol .picback p {
margin: 0;	
}

.picback.list_widget p.title, .picback.list_widget .entry p {
	line-height: 1.1; 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	letter-spacing: 0.5px;
	font-weight: normal;
}

.picback p.title {/* and mga-colours.css */
	padding: 12px 15px;	
	font-size: 19px;
	margin-bottom: 0;
	display: block;
	min-height: 200px;
}
#maincol .picback.past .post p.title, #rightcol .picback.past .post p.title {
	font-size: 17px;
}

.picback .entry p {
	padding: 12px 15px;	
	font-size: 15px;
	margin-bottom: 0 !important;
	position: absolute;
	bottom: 0px;
}

/*pickback for right col */

#rightcol .picback .box {
    padding: 14px 14px 14px;
}

#rightcol .list_widget.picback h2 {
margin-bottom: 0;	
border: 0;
margin-top: 5px;
padding-bottom: 0;
}



/* end of PICBACK*/




/*TEASER widget for front page 
(and picback list widget on front page) */

#maincol .teaser_widget {
text-align: center;	
margin-top: 20px;
}

#maincol .teaser_widget .backgroundimg {
height: 260px;
	transition: opacity 0.3s ease 0s;
}

.teaser_widget .picwrap {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
background-color: #666;
}


#maincol .teaser_widget p {
font-size: 19px;
letter-spacing: 0.5px;
margin-bottom: 0;
font-weight: normal;
	 line-height: 1.25; 
	 margin: 0;
padding: 0px 15px;
}

#maincol .teaser_widget p.title {
padding-top: 12px;
}

#maincol .teaser_widget p.teasetext {
font-size: 15px;
}


#maincol .teaser_widget .picwrap .backgroundimg:hover, #maincol .teaser_widget .picwrap .backgroundimg:focus {
opacity: 0.5;
}



/* end of teaser */


/* Slideshow */

/* End wf slideshow*/





/* Fluid Video Embeds */

/* End of video /////*/



/* SOCIAL plugins */

#maincol .smalltease > .wf_widget.twoo {
margin-bottom: 0;	
}
.tweetbox #tweecool {
	overflow: hidden;
	height: 178px;	
	margin-bottom: 0 !important;
}


.tweetbox #tweecool ul {
margin: 0;
padding: 0;
padding: 10px 12px 0 13px;
list-style: none;
}

.tweetbox #tweecool li {
padding: 0;
margin: 0;
font-size: 12.5px;
line-height: 1.4;
color: #e3e3e3;

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.tweetbox #tweecool li a {
color: #fff;
}
.tweetbox #tweecool span {
text-transform: uppercase;	
	color: #938988;
	display: inline-block;
clear: both; 
font-size: 11px;
}

#tweecool i.fa.fa-twitter {
	top: auto;
	bottom: 32px;
	right: 19px;
}
#tweecool .fa-twitter {
}


/* activity plugin */
#twitterbox {
	width: 100%;
	padding: 14px 14px 0px 14px;
}

#tweetwrap {

}
#tweetcode {
	text-align: center;
}

#twitter-widget-0 {
}



/* end of social plugins */


/* STUDENT GRADUATE LIST and SUCCESS news */

/*New announcement bits and news in the LIST WIDGET*/

#maincol p.newsstrap {
text-transform: uppercase;
margin-bottom: 3px;
font-size: 110%;
}

.tiled-gallery {
	margin: 28px 0 !important; 
	padding: 15px 0;
	/*taken from feature4 */
	background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(119, 111, 111, 1) 0%, rgba(59, 55, 54, 1) 100%) repeat scroll 0 0;
}



.list_widget .graduate-success p.title span a, .list_widget .junior-success p.title span a {
font-weight: normal;
font-size: 13px;
color: #66ccff;
text-transform: uppercase;
display: inline-block;
position: relative;
top: -2px;
}
 
#rightcol .list_widget .graduate-success p.title span a {
color: #66ccff;

}


#rightcol .graduate-success p.title a > i.fa, #rightcol .junior-success p.title a > i.fa { /* cancels out for grad news in post */
	position: relative;
	top: 0px; 
	right: auto;
	font-size: inherit;
	opacity: 1;
	color: #66ccff;
}
/* end of grad news list */


/* Graduate CV pages - portfolio style list widget */
.list_widget.portfolio {
    border-bottom: none;
	text-align: left;
margin-top: 25px;	
}
.list_widget.portfolio .post {
    border-top: none;
    padding-top: 0;
float: left;	
clear: none;
display: block;
width: 23% !important;
height: ;
margin: 0 1%;
	margin-bottom: 20px;
}

#maincol .list_widget.portfolio p.title {
    font-size: 13px;
	color: #fff;
    font-weight: normal;
margin-bottom: 0;
	line-height: 1.25;
	margin-top: 0px;
}
#maincol .list_widget.portfolio p.tag {
    color: #a1509f;
    text-transform: uppercase;
	line-height: 1.25;
margin-bottom: 0;
font-size: 13px;
}

.list_widget.portfolio .thumb {
width: 100% !important;
/*height: auto;*/
position: relative;
background: radial-gradient(ellipse at center, rgba(119,111,111,1) 0%, rgba(59,55,54,1) 100%);
    /*width: 23%;*/
    padding-bottom: 130%; /*to get proportional height inside the post div http://jsfiddle.net/4E2bV/1/ */
    float: left;
    height: 0;
    margin: 1%;
}

.list_widget.portfolio img {
width: 100% !important;
height: auto;
}

.list_widget.portfolio a.coverlink {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -90000px;
	color: #fff;
    top: 0;
    width: 100%;
    z-index: 2;
    transition: opacity 0.3s ease 0s;
    background: none;
    text-indent: inherit;
	text-align: center;
	padding-top: 2% ;
	font-size: 13px;
	text-transform: uppercase;
	overflow: hidden;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	opacity: 0;
}
/* To make the spotlight link icon show */
.list_widget.portfolio a.coverlink:hover, .list_widget.portfolio a.coverlink:focus {
	text-decoration: none;
	opacity: 1;
	background: rgba(119,111,111, 0.45) none repeat scroll 0 0;
    box-shadow: 0 0 90px rgba(59, 55, 54, 0.9) inset;
	text-align: center;
}

.list_widget.portfolio a.coverlink .fa {
font-size: 85%;	
}




/* End of Grad portfolio list widget */


/* Temp graduates2016 page */
/*
#maincol div.graduates2016 {
margin-top: 55px;	
}

#maincol div.graduates2016 .alignleft {
float: left;	
clear: none;
display: block;
width: 32% !important;
}

#maincol div.graduates2016 .alignleft img.size-full {
width: 100% !important;
height: auto;
}
#maincol div.graduates2016 .alignleft p.wp-caption-text {
width: 100%;
height: 35px;
margin-top: 5px;
font-size: 16px;
line-height: 1.25;
}

#maincol div.graduates2016 .alignleft p.wp-caption-text span {
text-transform: uppercase;
color: #a1509f;
	
}*/

/* end graduate */





/* END OF Widget styles //////////*/

/* Footer //////////////////////////////////////////////////////*/
footer {
margin-top: 20px;
padding-bottom: 20px;
}

#footmenu {
padding-bottom: 10px;	
		line-height: 1.1;	
color: #ddd;
}
#footmenu a {

}
#footmenu ul {
	list-style-type:none;
	padding-left: 0;
	font-size: 11px;
}


#contactbox ul {
	color: #999;
	font-size: 14px;
		list-style-type:none;
padding: 0;
margin-bottom: 0;
}
#contactbox ul strong {
font-size: 85%;	
padding-right: 5px;
}



#contactbox ul li {
float: left;
display: inline-block;
margin: 0;
padding-right: 20px;
}

.region_paypal {
	margin-bottom: 0;
}

.region_creditinfo p {
	font-size: 90%;
	color: #000;
}


#login_link {
	position: absolute;
	display: inline-block;
	float: left;
	z-index: 200;
}
#login_link a {
	font-size: 10px;
	color: #3CF;
}


#contactbox  ul.smallprint {
	clear: left;
	padding-top: 5px;
}
#contactbox .smallprint li a {
font-size: 85%;
	color: #333;
}


/* END OF FOOTER //////////*/







/* Admin and WF related //////////////////////////////////////////////////////*/
body a.editlink {
	color: #0F0; !important 
}

#wp-toolbar .hide-if-no-customize {
	display: none;	
}

s {
color: #999;	
}

/* END OF Admin related //////////*/






/* Media queries //////////////////////////////////////////////////////*/

@media (max-width: 510px) {
		#maincol .teaser_widget.col-xs-6 {
width: 100% !important;
}

#maincol .teaser_widget .backgroundimg {
height: 320px !important;
}

}

/* Extra small devices (phones, <768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 540px) {
	

	

	#maincol .box.col-sm-6 {
	min-height: 130px !important;
	line-height: 1.1;
	}
	
	#maincol .smalltease > .col-sm-3 {
	min-height: 130px !important;
	}
	
	#maincol .teaser_widget .shader,
	#maincol .teaser_widget .nonshader,
	#maincol .box .teaser_widget {
	min-height: 130px !important;
	}
	

	
}


@media (max-width: 580px) { /* THE MOBILE VIEW */



}

@media (min-width: 581px) { /* THE MOBILE SIDE VIEW */



}

/* special overrides for forms  */
@media (max-width: 420px) {
#maincol .checkbox input {
    margin-left: 30px;
}
}


/* special overrides for boxes */
@media (min-width: 541px) and (max-width: 767px) {

	#maincol .current .col-sm-6, 
	#maincol > .row > .box.col-sm-6,
	#maincol .box.col-sm-6 {
		width: 50% !important;
		float: left;
	}
	
	#maincol .smalltease > .col-sm-3 {
		width: 25% !important;
		float: left;
	}
	
	.page-id-94 #maincol .picback.current .post p.title,
	.page-id-94 #maincol .picback.current .post {
		min-height: 150px !important;
	}
	
	#maincol .teaser_widget .shader,
	#maincol .teaser_widget .nonshader,
	#maincol .box .teaser_widget {
	min-height: 150px !important;
	}
	

}



/* Small devices (tablets, >768px) */
@media (max-width: 767px) {
.page-id-2 h2 {
font-size: 14px;	
}
#topstuff {
margin-bottom: 0;	
}

ul.navbar-nav li {
display: inline-block;
}
ul.navbar-nav li > a {
padding: 4px 9px;
font-size: 12px;
}
	
	p.title {
	font-size: 20px;	
	}

.teaser_widget {
margin-bottom: 10px;	
}
	
	#headerlogo {
		text-align: center;
		margin-top: 0;
	}
	
	.region_sociallinks ul {
	font-size: 35px;
	
}

.region_sociallinks  {
margin-bottom: 5px;	
}
.region_sociallinks li {
	display: inline-block;
	float: right;
	padding-left: 30px;
	padding-bottom: 10px;
}

nav.navbar a {
font-size: 13px;	
}
	
	
	
	
	
	
	#maincol .teaser_widget .backgroundimg {
height: 280px;
}
	
	
	h1, .h1 {
		font-size: 30px;
	}
	h2, .h2 {
	font-size: 23px;	
	}
	h3, .h3 {
	font-size: 18px;	
	}
	.big {
		font-size: 17px;
	}	
	
	#maincol p, #maincol li {
		line-height: 1.3;
		margin: 0 0 12px;
	}
	
	#maincol li {
		margin-bottom: 4px;
	}
	
	#maincol .usefullinks li {
	margin-right: 4px;	
		line-height: 1.5;
	}
	#maincol .usefullinks li a {
		font-size: 14px;
		padding: 1px 5px;
	}
	
	.nav > li > a {
		padding: 7px 20px;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 7px 15px 7px 35px;
	}
	
	.navbar-toggle {
		background-color: #776f6f;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #938988;
	}
	.navbar-default .navbar-toggle {
		border-color: #776f6f;
	padding: 8px 10px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #3b3736;
		height: 3px;
	}
	
	ul#topnav {
	position: relative;
	top: 0;	
	padding-top: 5px;
	margin-bottom: 15px;
	margin-right: 0;
	}
	#topnav li {
	font-size: 14px;	
	}
	
	
	#slidethumbs {
	display: none;
	}
	
	#rightcol .picback {
	width: 100% !important;
	}
	

#paypalbox {
max-width: 310px;	
}
	

}


@media (min-width: 768px) { 
	
	
	
	#footlogo {
		top: -10px;	
	} 
	
	#maincol .box.extra {
		margin-left: 20px;
		margin-right: 28px;
	}
	
	#mgaslide .bx-wrapper .bx-caption {
	width: 45% ;
	padding: 22px 25px 0px 0px;
	}
	
	#mgaslide .bx-wrapper .bx-caption p {
		font-size: 23px;
		line-height: 1.855;
	}	
	
	#topstuff {
		margin-bottom: 0px;	
	}


}




@media (min-width: 768px) and (max-width: 991px) { 
.home #rightcol .region_rightnews h2 {
	padding-right: 35px;
}


	/* Temporary nav resizing til the collapsing thing can get resolved */
	.navbar .container-fluid {
	padding: 0;	
	}
	#navbar {
	padding: 0;	
	}
	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 8px 10px;
	}
	.navbar-default .nav > li > a {
	 padding: 4px 10px;	
	 letter-spacing: 0;
	 font-size: 14px;
	}
	.caret {
	margin-left: 0;	
	}
	
	ul.navbar-nav li:last-child > ul.dropdown-menu {
		left: auto;
		right: 0;	
	}
	
	#headerlogo img {
		margin-left: 0px;	
	}

	
	.region_rightnews p.title {
	font-size: 17px;
	}
	.region_rightnews .entry p {
	font-size: 13px;
	line-height: 1.3;
	}
	
	

	.tweetbox #tweecool ul {
	padding: 10px 11px 0 10px;
	}
	
	.tweetbox #tweecool li {
	font-size: 9.6px;
	line-height: 1.13;
	}
.tweetbox #tweecool span {
    font-size: 10px;
}

	#rightcol .region_rightnews .posts .postwrap:nth-child(n+4) { /* Takes off 2 posts from the news col on medium*/
		display: none;
	}


}





@media (max-width: 991px) {
	
#credits {
padding-top: 20px;	
}
	
	#mgaslide .bx-wrapper .bx-pager {
		bottom: 0px;
	}
	#mgaslide .bx-pager-item .bx-pager-link {
		margin-right: 7px;
		width: 13px;
		height: 13px;
	}	
		
	#mgaslide .bx-wrapper .bx-controls-direction a {
		height: 50px;
		width: 35px;
		margin-top: -25px;
	}
	
	#mgaslide .bx-wrapper .bx-prev {
		background: url(../images/wfchanger_sm.png) rgba(0, 0, 0, 0) no-repeat scroll top left;
		left: 10px;
	}
	#mgaslide .bx-wrapper .bx-next {
		background: url(../images/wfchanger_sm.png) rgba(0, 0, 0, 0) no-repeat scroll top right;
		right: 10px;
	}
	  ul#topnav {
	  margin-right: 0px;
	  }
	
	
	#maincol .teaser_widget p, .picback .postwrap p.title {
	}
	#maincol .smalltease .teaser_widget p {
	font-size: 15px;
	}
	
	#maincol .staff .entry {
		min-height: 158px;
	}	
	
	#maincol p.role {
		margin-bottom: 8px;
	}
	
	.picback .entry p {
		font-size: 13px;
	}
	
	#maincol .picback.current .post {
	min-height: 150px;
	}
	#maincol .picback.current .post p.title {
	 font-size: 17px;
	 line-height: 1.1;
	 min-height: 150px;
	} 
	#maincol .picback.past .post,  #rightcol .picback .post {
	min-height: 130px;
	}
	#maincol .picback.past .post p.title, #rightcol .picback .post p.title {
	 line-height: 1.1;
	min-height: 130px;
	} 
	#maincol .smalltease .shader, #maincol .smalltease .nonshader, 
	#maincol .smalltease .teaser_widget, 
	#maincol .smalltease .post {
	min-height: 150px;
	}
	
	#maincol .tweetbox #tweecool {
	height: 150px;
	}
	
	.page-id-94 #maincol .picback.current .post, .page-id-94 #maincol .picback.current .post p.title {
	min-height: 178px;
	}

}




/* Medium devices (desktops, >992px ) */
@media (min-width: 992px) { 

	.big {
		font-size: 19px;	
	}
	
	#maincol .teaser_widget .backgroundimg {
height: 300px;
}

.region_paypal {
    margin-top: -15px;
}

}




@media (min-width: 992px) and (max-width: 1199px) {	

	#header_lining {
		letter-spacing: 0px;
	}
		.nav > li > a {
		padding: 3px 12px;
		letter-spacing: 
	}
	
	#mgaslide .bx-wrapper .bx-caption p {
		font-size: 28px;
		line-height: 1.905;
	}	
	
	#maincol .smalltease .teaser_widget p {
	font-size: 18px;
	}
	
	.tweetbox #tweecool li {
	font-size: 11px;
	line-height: 1.4;
	}
	
	#rightcol .region_rightnews .posts .postwrap:nth-child(n+5) { /* Takes off a post from the news col on medium*/
		display: none;
	}


}






/* Large devices (large desktops, >1200px) */
@media (min-width: 1200px) {
	
		#maincol .teaser_widget .backgroundimg {
height: 350px;
}
	

}