h1, h2, h3, h4, h5 {
  font-family: 'Roboto Slab', serif !important;
}

#link-content, #content-wrapper, #page-header-contact {
  font-family: 'Open Sans', sans-serif !important;
}

#header.header-small #page-header .content h1#site-header {
  width: 500px;
}


#page-header-contact {
  font-size:16px;
  line-height:17px;
  font-weight:400;
  float:right;
}


#page-title {
  display:none;
  height:0;
}

#page-title-manual {
  margin: 0; 
  height: 100px;
  background-color: #3588bc;
}

#page-title-manual h2 {
  padding: 25px 0!important;
  border: none;
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  text-align: center;
}

#page-title-manual h2 a, #page-title-manual h2 a:link {text-decoration:none; color: #fff !important;}
#page-title-manual h2 .dark, #page-title-manual h2 a .dark, #page-header-contact .dark {color: #70b8e5!important;}

#page-title-manual #apply-now {background-color: #59a0cd; float:right; width:100px;  margin: 20px 20px 0 0; padding:5px; text-align: center; border-radius:10px; color: #fff; font-size:25px; font-family: 'Roboto Slab', serif !important; font-weight: 700; line-height:25px;}
#page-title-manual #apply-now a {text-decoration:none;}
#page-title-manual #apply-now:hover {background-color: #fff !important; color:#59a0cd;}

#content-wrapper { padding:0!important; margin:0!important;}

#back {height: 300px; position: relative;}
#back.students2013 {background-image:url('wiss-banner-stu2013.jpg');}
#back.approach2013 {background-image:url('wiss-banner-apr2013.jpg');}
#back.peace2013 {background-image:url('wiss-banner-pea2013.jpg');}
#back.pose2013 {background-image:url('wiss-banner-pos2013.jpg');}
#back.everything {background-image:url('wiss-banner-everything.jpg');}
#back.arts {background-image:url('wiss-banner-arts.jpg');}
#back.library {background-image:url('wiss-banner-library.jpg');}
#back.learninggrid {background-image:url('wiss-banner-learninggrid.jpg');}
#back.arthur {background-image:url('wiss-banner-arthur.jpg');}
#back.rsc {background-image:url('wiss-banner-rsc.jpg');}
#back.uni0089 {background-image:url('wiss-banner-uni0089.jpg');}
#back.lecture {background-image:url('wiss-banner-lecture.jpg');}
#back.study {background-image:url('wiss-banner-study.jpg');}

#back .white {color:#fff;}
#back .blue {color:#3588bc;}
#back .green {color:#3c9db0;}
#back .grey {color:#aaaaaa;}

#back .bg-white {background: rgba(255,255,255,.7) !important;}
#back .bg-blue {background: rgba(53,136,188,.8) !important;}
#back .bg-green {background: rgba(60,157,176,.8) !important;}
#back .bg-grey {background: rgba(170,170,170,.8) !important;}

#back #tr {width:400px; float:right; margin:60px 0; text-align:right; }
#back #tr .bg-blue {background: #3588bc!important; }
#back #tr p {padding: 0 10px!important; margin: 0!important; display: block; font-weight:700; font-size:22px; line-height:70px; text-align: center; border-radius: 5px 0 0 0; }
#back #tr a.register-your-interest { display:block; padding:20px 10px; text-align: center; color:#fff!important; background:#59a0cd; border-radius: 0 0 0 5px; font-family: 'Roboto Slab', serif;
font-size: 19px; text-decoration:none; } 

#back #tr a.register-your-interest:hover {text-decoration:none!important; background: #fff; color:#59a0cd!important; }

#back #bottom {position:absolute; bottom:0; height:60px; background-color:#fff; width: 100%; background: rgba(0,0,0,.7); color:#fff; text-align:center; }
#back #bottom p, #back #bottom h2 {line-height:60px; padding: 0 20px 0 50px; margin:0; font-weight:600; font-size:16px; color:#fff !important; text-transform:uppercase; letter-spacing: 2px; text-align:center; }
#back #bottom .image { background-repeat: no-repeat; background-size: 30px; background-position: left 14px; }
#back #bottom h2 { display:inline-block; }
#back #bottom.introduction .image { background-image:url('globe-white.png');}
#back #bottom.programme .image { background-image:url('drawer-white.png');}
#back #bottom.reasons .image { background-image:url('enter-white.png');}
#back #bottom.social .image { background-image:url('social-white.png');}
#back #bottom.home .image { background-image:url('home-white.png');}
#back #bottom.page .image { background-image:url('page-white.png');}
#back #bottom.calc .image { background-image:url('calc-white.png');}

#info { padding:30px 20px; }
#info a:hover {text-decoration:none !important;}
#info h2 {color: #fff; font-weight: 700; font-size: 26px;}
#info h3 {color: #231f20; font-size:18px !important;}
#info h4 {
	color: #497997;
	font-size: 17px !important;
	margin: 20px 0 10px 0;
	font-weight: 600;
}
#info h4.also {font-weight: 400; font-size:16px !important;}
#info h5 {font-size:13px !important; font-weight:300; margin-bottom:0.2em;}
#info h4 a:link, #info h4 a:visited {color: #231f20;}
#info p, #info li {color: #231f20; font-size: 14px !important; line-height:1.6em !important; font-weight:400;}
#info p.small {font-size: 11px !important;}
#info ol {margin: 0;}
#info ul {margin: 0 0 1em 1em;}

#info #info-columns {display:table;}
#info #info-columns .column {width:278px; padding:0 20px 20px 20px; display:table-cell; vertical-align:top;}
#info #info-columns .column.separator {border-left: 1px solid #efefef!important;}
#info #info-columns .column.double {width:640px;}
#info #info-columns .column.fifty {width:440px;}
#info #info-columns .column.full {width:920px;}

#info #items {margin:0 20px; width: 880px; padding-top: 10px; padding-bottom: 20px;}
#info #items .item {margin-bottom:25px; padding: 10px; color:#fff; text-align:justify;}
#info #items .item p {color:#fff;}
#info #items .item .image {margin:0 0 30px 0; position:relative;}
#info #items .single {width:260px;}
#info #items .double {width:560px;}
#info #items h2, #info #items h3 {color: #fff;}

#info .box-column { float:left; width: 293px;padding: 0; border-radius:6px; }
#info .box-column.middle { margin:0 20px; }
#info .box-column h2 {color: #fff; text-align: center; font-weight: 700; font-size: 23px; margin: 40px 20px 20px 20px!important; letter-spacing:1px; }
#info .box-column h2 a {color: #fff; text-decoration:none;}
#info .box-column p {text-align: center; color: #fff; margin: 0 20px!important; }
#info .box-column .image {margin:20px auto 10px auto;}

#info .full-column { padding-top: 10px; padding-bottom: 20px;}
#info .full-column p {font-size: 12px;}
#info .full-column .image { margin: 0 0 10px 0; padding:5px 0 0 55px; width:auto; height:auto; min-height:48px;}
#info .full-column .image h2 { margin: 0; padding:0;}

#info .person { margin:7px; text-align:center; }
#info .person img { 
	width: 170px;
	padding: 10px;
	margin:0 0 10px 0;
	border: 1px solid #EFEFEF;
}
#info .person p {padding:0; text-align:center; font-size:13px!important; }
#info .person a { text-decoration:none!important; font-weight:600; }
#info .person .name {
display:block;
font-family: 'Roboto Slab', serif;
font-size: 18px;
padding:10px 0;
color: #5B8CAB!important;
}

.course-tutor-heading { text-align: center; }

#info .section {margin-bottom:20px;}
#info .image {height: 48px; width: 48px; background-repeat:no-repeat; display:block;}
#info .more { display:block; width:120px; margin: 30px auto; padding: 10px 20px; text-decoration:none!important; text-align: center; border-radius:4px; color: #fff!important; font-family: 'Roboto Slab', serif !important; font-weight: 700; line-height:25px;}
#info .more:hover {background-color: #fff!important; color:#333!important; }

.blue-more { background-color: #529fce; }
.green-more  { background-color: #60b4c4; }
.grey-more { background-color: #c2c2c2; }

#info .bg-blue {background-color:#3588bc; background-image: url('drawer.png'); background-position: -40px -40px; background-size: 200px; background-repeat: no-repeat; }}

#info .blue .table thead > tr > th {border-bottom: 2px solid #59a0cd;}
#info .blue .table .highlight {color:#3588bc;}
#info .blue h2 {color:#3588bc;}
#info .blue h4 a:hover {color:#3588bc;}
#info .blue h5 {color:#3588bc;}

#info .bg-green {background-color:#3c9db0; background-image: url('globe.png'); background-position: -40px -40px; background-size: 200px; background-repeat: no-repeat; }

#info .green .table thead > tr > th {border-bottom: 2px solid #60b4c4;}
#info .green .table .highlight {color:#60b4c4;}
#info .green h2 {color:#3c9db0;}
#info .green h4 a:hover {color:#3c9db0;}
#info .green h5 {color:#3c9db0;}

#info .bg-grey {background-color:#aaaaaa; background-image: url('enter.png'); background-position: -40px -40px; background-size: 200px; background-repeat: no-repeat; }}

#info .grey .table thead > tr > th {border-bottom: 2px solid #c2c2c2;}
#info .grey .table .highlight {color:#c2c2c2;}
#info .grey h2 {color:#aaaaaa;}
#info .grey h4 a:hover {color:#aaaaaa;}
#info .grey h5 {color:#aaaaaa;}

#connect {margin:0; float:left; }
#connect #bio {float: left; margin:0 50px; padding:30px 0 50px 0; border-top:1px solid #efefef; }
#connect #bio p { color:#545454; text-align:center; }
#connect #icons {float: right;width: 140px;}

#connect #bio h3 {
	text-align:center;
	font-size:17px;
	font-family: 'Roboto Slab', serif;
	color:#3588bc;
	margin:30px 0 0 0;
}	

ul.footer-social {
  list-style-image:none!important;
  list-style:none!important;
  width:315px;
  margin: 20px auto!important;
}
ul.footer-social li {
  float: left;
  margin: 0 8px 0 0;
}
ul.footer-social li a {
  display: inline-block;
  text-indent: -9999px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center center;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
ul.footer-social li a.twitter {
  background-color: #29c5f6;
  background-image: url('http://www2.warwick.ac.uk/fac/soc/economics/twitter.png');
}
ul.footer-social li a.twitter:hover {
  background-color: #26b3df;
}
ul.footer-social li a.facebook {
  background-size: 17px;
  background-color: #6788ce;
  background-image: url('http://www2.warwick.ac.uk/fac/soc/economics/facebook.png');
}
ul.footer-social li a.facebook:hover {
  background-color: #5676c0;
}
ul.footer-social li a.youtube {
  background-color: #e74c3c;
  background-image: url('http://www2.warwick.ac.uk/fac/soc/economics/youtube.png');
}
ul.footer-social li a.youtube:hover {
  background-color: #d0483a;
}
ul.footer-social li a.linkedin {
  background-color: #3a9bdc;
  background-image: url('http://www2.warwick.ac.uk/fac/soc/economics/linkedin.png');
}
ul.footer-social li a.linkedin:hover {
  background-color: #2b8bd4;
}
ul.footer-social li a.flickr {
  background-size: 17px;
  background-color: #f85993;
  background-image: url('http://www2.warwick.ac.uk/fac/soc/economics/flickr.png');
}
ul.footer-social li a.flickr:hover {
  background-color: #e94b84;
}

ul.footer-social li a.rss {
  background-size: 17px;
  background-color: #f9a246;
  background-image: url('http://www2.warwick.ac.uk/fac/soc/economics/rss.png');
}
ul.footer-social li a.rss:hover {
  background-color: #e0923f;
}

ul.footer-social li a.weibo {
  background-size: 17px;
  background-color: #d52b2a;
  background-image: url('http://www2.warwick.ac.uk/fac/soc/economics/weibo.png');
}
ul.footer-social li a.weibo:hover {
  background-color: #bf2f2e;
}

ul.footer-social li a.wordpress {
  background-size: 19px;
  background-color: #1e8cbe;
  background-image: url('http://www2.warwick.ac.uk/fac/soc/economics/wordpress.png');
}
ul.footer-social li a.wordpress:hover {
  background-color: #1c769f;
}

ul.footer-social li a.external-web {
  background-size: 15px;
  background-color: #d8975a;
  background-image: url('http://www2.warwick.ac.uk/fac/soc/economics/external-web.png');
}
ul.footer-social li a.external-web:hover {
  background-color: #bf854e;
}

#main-content .boxstyle_ {
margin: 20px 0;
font-family: 'Roboto Slab', serif;
color: #FFF!important;
padding: 0 10px;
font-size: 15px;
background-color: #67afde!important;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(103, 175, 222)), to(rgb(86, 159, 207)))!important;
background-image: -webkit-linear-gradient(top, rgb(103, 175, 222), rgb(86, 159, 207))!important;
background-image: -moz-linear-gradient(top, rgb(103, 175, 222), rgb(86, 159, 207))!important;
background-image: -o-linear-gradient(top, rgb(103, 175, 222), rgb(86, 159, 207))!important;
background-image: -ms-linear-gradient(top, rgb(103, 175, 222), rgb(86, 159, 207))!important;
background-image: linear-gradient(top, rgb(103, 175, 222), rgb(86, 159, 207))!important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#67afde', EndColorStr='#569fcf')!important;
border: 1px solid #59A0CD!important;
}

#main-content .boxstyle_ p {
	color:#fff!important;
	font-size:15px!important;
}

.form-wrapper {
	position:relative;
	padding:30px;
}

.modal-wrapper {
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	background:rgba(255,255,255,0.85);
}

.modal-inner {
	position:relative;
	width:600px;
	margin:20px auto;
}

.modal-inner a {
	display:block;
	float:left;
	width:50%;
	line-height:80px;
	color:#fff!important;
	text-decoration:none!important;
	padding:0!important;
	margin:0!important;
	text-align:center;
	font-size:18px;
	font-weight:400;
	font-family:'Roboto Slab', serif;
	background: #3588bc;
	border-radius:6px 0 0 6px;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}

.modal-inner a:hover { background:#317dad; }

.modal-inner a:last-child { background:#70B8E5; border-radius: 0 6px 6px 0; }

.modal-inner a:last-child:hover { background:#6bb1dd; }

.modal-inner .or {
	position:absolute;
	top:50%; left:50%; right:0; bottom:0;
	margin: -10px 0 0 -10px;
	width:25px;
	height:25px; line-height:25px;
	text-align:center;
	color:#fff;
	background: #83c4ed;
	border-radius:50%;
	text-transform:uppercase;
	font-size:11px;
	font-weight:400;
	cursor:default;
}

@media (max-width: 734px) {

#container { width: 100%; }

#page-header-contact { display:none!important; }
.is-smallscreen #header.header-small #page-header .content { padding: 5px 10px!important; }

.is-smallscreen #navigation-and-content { margin-top: 80px; }

#page-title-manual { height:auto; }
#page-title-manual h2 { margin:0!important; font-size:30px; }

#back { padding:50px 0 120px 0; height:auto; }
#back #tr { display:none; width:85%; float:none!important; margin:0 auto; }
#back.home #tr {display:block!important; }
#back #tr p { border-radius:5px 5px 0 0; }
#back #tr a.register-your-interest { border-radius:0 0 5px 5px; }
#back #bottom { height:auto; }
#back #bottom p, #back #bottom h2 { line-height: 1.6em; padding:15px 0 15px 40px; }
#back.home #bottom p, #back.home #bottom h2 { padding: 15px 30px; }

#info .box-column { width:100%; }
#info .box-column.middle { margin:20px 0!important; }
#info .box-column br { display:none!important; }

#info #info-columns .column { width: 100%; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #EFEFEF; display: block; vertical-align: 0; }
#info #info-columns .column.separator { border-left: none!important; }

#info #info-columns .column.fifty { width: auto; }
#info #info-columns .column.double { width: auto; }

.is-smallscreen .alternate-breadcrumbs { padding: 12px 10px; background:#3588BC; color:#fff!important; }
.is-smallscreen .alternate-breadcrumbs ol { padding: 0 0 8px 0!important; border-bottom: 1px solid #70B8E5!important; }
.is-smallscreen .alternate-breadcrumbs hr { display:none!important; }

#connect { padding: 20px; }
#connect #bio { float:none!important; margin:0!important; }

}