html,
body {
	font-size: 18px;
	color: black;
}
@media screen and (min-width: 1280px)
{
	main#middle {
		padding-left: 1em !important;
		padding-right: 1em !important;
	}
}
@media screen and (min-width: 1600px)
{
	html,
	body {
		font-size: 20px;
	}
}
h1, h2, h3, h4, h5, h6 {
	color: black;
}
p {
	color: black;
}
a, 
a:link, 
a:visited {
	color: blue;
	font-size: 1em;
	text-transform: none;
	text-decoration: none;
}
a:hover, 
a:active {
	color: red;
}

#logo {
	background: transparent url('/theme/2/images/logo-uk.png') no-repeat center center;
	width: 221px;
	height: 65px;
}

#niche-bar {
	height: 50px;
	line-height: 50px;
	background: #e4e4e6;
}
#niche {
	border-top: 1px solid #d6d6d8;
	background: transparent !important;
	color: black;
}
.nav-element ul li.subtitle, 
.nav-element ul li a, 
.nav-element ul li a:visited, 
.nav-element ul li a:link {
	color: blue !important;
	text-transform: none;
}
.nav-element ul li.subtitle:hover, 
.nav-element ul li a:hover, 
.nav-element ul li a:active {
	color: red !important;
}
#page-load-time {
	display: none;
}
.tip {
	font-size: 18px;
}
.breadcrumb {
	text-transform: none;
	color: black;
}

.sidebar h2, 
#left ul li.toptitle, 
#right ul li.toptitle, 
#utilities ul li.toptitle {
	font: bold 18px/1.5 Arial, sans-serif;
	color: black;
	letter-spacing: 0;
	text-transform: none;
}
.sidebar h2 a, 
.sidebar h2 a:link, 
.sidebar h2 a:visited, 
#left ul li.toptitle a, 
#left ul li.toptitle a:link, 
#left ul li.toptitle a:visited, 
#right ul li.toptitle a, 
#right ul li.toptitle a:link, 
#right ul li.toptitle a:visited, 
#utilities ul li.toptitle a, 
#utilities ul li.toptitle a:link, 
#utilities ul li.toptitle a:visited {
	color: black;
}
#articles li a, 
#articles li a:link, 
#articles li a:visited, 
#blog_posts li a, 
#blog_posts li a:link, 
#blog_posts li a:visited, 
#recent_news li a, 
#recent_news li a:link, 
#recent_news li a:visited, 
#recent_tutors li a, 
#recent_tutors li a:link, 
#recent_tutors li a:visited, 
#recent_marketplace li a, 
#recent_marketplace li a:link, 
#recent_marketplace li a:visited, 
#foreign_sites li a, 
#foreign_sites li a:link, 
#foreign_sites li a:visited, 
#popular_searches li a, 
#popular_searches li a:link, 
#popular_searches li a:visited {
	color: blue;
}
.link-colour {
	color: blue;
}
#nav > ul > li.square {
	display: none;
}

@media screen and (min-width: 480px)
{
	fieldset label {
		float: none;
		width: 100%;
		padding: 0.3em 0 0.3em 0;
		text-align: left;
	}
	.input_wrapper {
		float: none;
		width: 100%;
		margin-bottom: 0.5em;
	}
	.nav-element > label {
		font-size: 1.7em;
		width: 1.7em;
		height: 1.7em;
		line-height: 1.7em;
	}
	#left > ul, 
	#left > div, 
	#right > ul, 
	#right > div { 
		display: block;
		vertical-align: top;
		width: auto;
		margin: 0;
	}
}
@media screen and (min-width: 768px)
{
	#middlewrapper {
		float: none;
		width: auto;
	}
	#middle {
		margin: 0;
		padding: 1em;
		min-height: 560px;
		text-align: left;
	}
	#left {
		float: none;
		margin: 0;
		padding: 0;
		width: auto;
		text-align: left;
	}
	#footer_coloured {
		font-size: 1em;
	}
	#niche {
		position: relative;
		top: -0.3em;
		border: 0;
	}
	#left, 
	#right {
		margin: 0 0 1em 0;
		width: auto;
	}
	#left > ul, 
	#left > div, 
	#right > ul, 
	#right > div { 
		display: inline-block;
		vertical-align: top;
		width: 48.5%;
		margin: 0 0.5%;
	}
}
@media screen and (min-width: 960px)
{
	#middlewrapper {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#middle {
		margin: 0 0 1em 19em;
		padding: 1em 1em 2px 1.5em;
		min-height: 560px;
		text-align: left;
	}
	#left {
		float: left;
		margin: 0 0 0.5em -100%;
		padding: 0 0 0 0.3em;
		width: 19em;
		text-align: left;
	}
	#left > ul, 
	#left > div { 
		display: block;
		width: 100%;
		margin: 0;
	}
	#right {
		margin: 0 0 1em 0;
		width: auto;
	}
	#right > ul, 
	#right > div { 
		width: 32.3333333%;
	}
	.no-right-bar fieldset label {
		float: left;
		width: 37%;
	}
	.no-right-bar .input_wrapper {
		float: left;
		width: 62%;
	}
	#nav > ul > li > a, 
	#nav > ul > li.subtitle > span {
		font-size: 1em;
		padding: 1em 1em 0 1em;
	}
}
@media screen and (min-width: 1280px)
{
	html,
	body {
		padding: 0;
	}
	#middle {
		margin: 0 19em 1em 19em;
		padding: 1em 1.5em 2px 1.5em;
		min-height: 560px;
		text-align: left;
	}
	
	#subnav {
		margin-top: 2em;
	}
	#right {
		clear: none;
		float: right;
		margin: 0 0 0.5em -19em;
		padding: 1em 0.3em 0 0;
		width: 19em;
		text-align: left;
	}
	#right .sidebar h2 {
		margin: 1em 0 0 0;
	}
	#right ul li.toptitle {
		margin: 1em 0 1.5em 0;
	}
	#right > ul, 
	#right > div { 
		display: block;
		width: 100%;
		margin: 0;
	}
	#header:before, 
	#header:after, 
	#featured-by:before, 
	#featured-by:after, 
	#utilities:before, 
	#utilities:after, 
	#footer_nav:before, 
	#footer_nav:after,
	#footer_coloured:before, 
	#footer_coloured:after {
		display: none;
	}
	fieldset label {
		float: left;
		width: 30%;
	}
	.input_wrapper {
		float: left;
		width: 68%;
	}
	.icon-general {
		padding: 1.5em 145px 0.5em 1.5em !important;
		background-position: right 1em center !important;
		background-color: white;
		border: 1px solid #e1e1e1;
		float: none;
		width: auto;
		margin: 0 0 0.5em 0 !important;
	}
}
@media screen and (min-width: 1600px)
{
	html,
	body {
		padding: 0;
	}
	#nav > ul > li > a, 
	#nav > ul > li.subtitle > span {
		padding: 0.8em 1em;
	}
	.icon-general {
		padding: 150px 0 0 0 !important;
		background-position: top center !important;
		background-color: transparent;
		border: 0;
		width: 31%;
		float: left;
		margin: 0 1% 0.5em 1% !important;
	}
}
@media screen and (min-width: 320px)
{
	.search_other_sites li {
		width: 50%;
	}
}
@media screen and (min-width: 480px)
{
	.search_other_sites li {
		width: 50%;
	}
	fieldset.search_box {
		width: auto;
	}
}
@media screen and (min-width: 600px)
{
	.search_other_sites li {
		width: 25% !important;
	}
}
@media screen and (min-width: 768px)
{
	.search_other_sites li {
		width: 33% !important;
	}
}
@media screen and (min-width: 960px)
{
	.search_other_sites li {
		width: 25% !important;
	}
	fieldset.search_box.slimline {
		margin-right: 120px;
	}
}
@media screen and (min-width: 1400px)
{
	.search_other_sites li {
		width: auto !important;
	}
	#search_site_1_container {
		width: 16% !important;
	}
	#search_site_2_container {
		width: 11% !important;
	}
	#search_site_4_container {
		width: 5% !important;
	}
	#search_site_5_container {
		width: 19% !important;
	}
	#search_site_8_container {
		width: 16% !important;
	}
	#search_site_9_container {
		width: 11% !important;
	}
	#search_site_6_container {
		width: 13% !important;
	}
	#search_site_7_container {
		width: 9% !important;
		border-right: 0 !important;
	}
}

@media screen and (min-width: 480px)
{
	.meet-tutor {
		min-height: 580px;
	}
}
@media screen and (min-width: 560px)
{
	.meet-tutor {
		min-height: 500px;
	}
}
@media screen and (min-width: 600px)
{
	.meet-tutor {
		min-height: 410px;
	}
	.meet-tutor p.view-profile {
		position: absolute;
		bottom: 0.5em;
		left: 0;
		width: 100%;
	}
}
@media screen and (min-width: 768px)
{
	.meet-tutor {
		min-height: 370px;
	}
}
@media screen and (min-width: 840px)
{
	.meet-tutor {
		min-height: 300px;
	}
}
@media screen and (min-width: 960px)
{
	.meet-tutor {
		min-height: 430px;
	}
}
@media screen and (min-width: 1100px)
{
	.meet-tutor {
		min-height: 370px;
	}
}
@media screen and (min-width: 1200px)
{
	.meet-tutor {
		min-height: 300px;
	}
}
@media screen and (min-width: 1600px)
{
	.meet-tutor {
		min-height: 300px;
	}
}
@media screen and (min-width: 1920px)
{
	.meet-tutor {
		min-height: 260px;
	}
}