/*Theme Name: id2 - Industrial Design
Theme URI: http://studiomyers.co.uk
Author: Nicolas Myers
Description: Industrial design
Version: 1.0
 */
/*+clearfix {*/
.content:after, .posts-thumbnails:after, .content:after, UL.gallery-thumbs:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.content, .posts-thumbnails, .content, UL.gallery-thumbs
{
	display: inline-block;
}
.content, .posts-thumbnails, .content, UL.gallery-thumbs
{
	/*\*/
	display: block;
	/**/
	-height: 1px;
}
/*+}*/
/*+init {*/
*
{
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
H1, H2, H3, H4, H5, H6, TH
{
	font-weight: inherit;
	=font-weight: expression(this.__FW?this.__FW:(new Function('t','return (t.__FW=t.parentNode.currentStyle.fontWeight)'))(this));
}
ADDRESS, CITE, DFN, VAR
{
	font-style: inherit;
	=font-style: expression(this.__FS?this.__FS:(new Function('t','return (t.__FS=t.parentNode.currentStyle.fontStyle)'))(this));
}
CAPTION, CODE, KBD, PRE, SAMP, TT, INPUT, TEXTAREA, SELECT, BUTTON
{
	font-family: inherit;
	=font-family: expression(this.__FF?this.__FF:(new Function('t','return (t.__FF=t.parentNode.currentStyle.fontFamily)'))(this));
}
TABLE
{
	border-spacing: 0;
}
TH
{
	text-align: left;
}
HTML, BODY, THEAD, TBODY, TFOOT, TR, TH, TD, BR
{
	position: static;
}
INPUT[type=hidden]
{
	display: none !important;
}
FIELDSET, A IMG
{
	border: 0;
}
BODY
{
	font-size: 100%;
	font-family: sans-serif;
	line-height: 1.5;
}
/*+}*/
*
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
}
HTML
{
	font-size: 62.5%;
	height: 100%;
}
BODY
{
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.3em;
	height: 100%;
}
/*GLOBAL*/
#wrap
{
	position: relative;
	width: 1020px; /*[e]980px+40*/
	margin: 0 auto;
	padding: 20px;
}
UL
{
	list-style: none;
}
H2, H3
{
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 1em;
}
A
{
	color: #000000;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
P
{
	margin-bottom: 1em;
}
HTML
{
	overflow-y: scroll;
}
/*LOADING SPINNER*/
.loader
{
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(/wp-content/themes/id2/_/img/ajax-loader.gif);
	display: none;
	text-indent: -1000px;
	overflow: hidden;
}
.loading .loader
{
	display: block;
}
/*TOOLTIP*/
#tooltip
{
	position: absolute;
	z-index: 3000;
	background-color: #000;
	color: #CCC;
	width: 300px;
	padding: 10px;
	font-size: 11px;
	font-weight: 600;
}
#tooltip H3, #tooltip DIV
{
	margin: 0;
}
/*HEADER*/
#header
{
	height: 40px;
	width: 980px;
}
.home #header
{
	height: 55px;
	width: 980px;
	position: fixed;
	background: #FFFFFF;
	z-index: 800;
	padding-top: 20px;
	top: 0;
}
#s
{
	text-align: right;
	text-transform: uppercase;
	font-size: 1.2rem;
	width: 214px;
	font-weight: bold;
	color: #999;
}
#s:hover
{
	color: #000000;
}
#s:focus
{
	color: #000000;
}
#searchform
{
	/*+placement:float-right 0px 0px;*/
	float: right;
	position: relative;
	left: 0px;
	top: 0px;
	font-size: 1.2rem;
}
#suggestedsearch
{
	width: 192px;
	text-align: right;
	/*+placement:anchor-top-right 22px 19px;*/
	position: absolute;
	right: 22px;
	top: 19px;
	line-height: 1.5em;
	display: none;
	z-index: 3000;
}
#header H1
{
	/*+placement:float-left 0px 0px;*/
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	color: #000000;
	font-weight: 700;
	text-transform: uppercase;
}
#header H1 A:hover
{
	text-decoration: none;
	color: #000000;
}
#header H1 SPAN
{
	margin-left: 14px;
}
#header H1:after
{
	/*[disabled]content:'–';*/
	/*[disabled]margin-left:15px;*/
}
#header H1 SPAN:before
{
	/*[disabled]content:'›';*/
	/*[disabled]padding:0 12px 0 10px;*/
}
#header #maintitle SPAN:before
{
	content: none;
	padding: 0;
}
#searchsubmit
{
	background: transparent;
	padding: 0 3px;
	font-weight: bold;
	color: #999;
}
#searchsubmit:hover
{
	/*[disabled]background-color:#000000;*/
	/*[disabled]color:#FFFFFF;*/
	text-decoration: none;
	cursor: pointer;
	color: #000000 !important;
}
.about-link
{
	padding: 0 10px;
}
.about-link:before
{
	content: ' ';
	border-bottom: 2px solid #000000;
	display: inline-block;
	width: 5px;
	/*+placement:shift 1px -3px;*/
	position: relative;
	left: 1px;
	top: -3px;
	margin-right: 13px;
	margin-left: -1px;
}
#header .maintitle
{
	text-transform: none;
}
#menus .menu
{
	float: left;
}
.menu:hover .menu-content
{
	display: block;
	/*+opacity:100%;*/
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.menu-content
{
	display: none;
	position: absolute;
	width: 388px;
	background: #FFFFFF;
	padding: 10px 10px 5px;
	margin-left: 10px;
	line-height: 1.4;
	z-index: 1000;
	/*+opacity:0;*/
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#menus .menu-content A:hover
{
	text-decoration: underline;
}
.menu-title
{
	margin-left: 19px;
}
.menu-title A
{
	font-weight: 700;
	text-transform: uppercase;
	color: #999;
}
.menu-title A:hover
{
	color: #000000;
	text-decoration: none;
}
A.show-menu:after
{
	content: '▼';
	font-size: 9px;
	margin-left: 3px;
}
/*FOOTER*/
#footer
{
	text-transform: uppercase;
	font-size: 0.9rem;
}
#footer P
{
	/*+placement:float-left 0px 0px;*/
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
}
#footer .arrow-top
{
	/*+placement:float-right 0px 0px;*/
	float: right;
	position: relative;
	left: 0px;
	top: 0px;
}
/*sticky footer*/
HTML, BODY, #wrap
{
	height: 100%;
}
#inwrap
{
	height: auto;
	min-height: 100%;
	overflow: hidden;
}
/*[clearfix]*/.content
{
	padding-bottom: 60px;
}
#footer
{
	position: relative;
	margin-top: -30px;
	height: 30px;
	clear: both;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
/*FRONTPAGE*/
.loading .posts-thumbnails:before
{
	content: ' ';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7) no-repeat 10px 16px;
	z-index: 200;
}
.loading #content:after
{
	content: ' ';
	display: block;
	position: fixed;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	background: url(/wp-content/themes/id2/ajax-loader.gif) no-repeat;
	z-index: 1000;
	margin-left: -10px;
	margin-top: -10px;
}
#blognav
{
	visibility: hidden;
}
#unilogo
{
	display: block;
	width: 182px;
	height: 28px;
	border: none !important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAAdCAMAAAA0ALYmAAAAMFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABaPxwLAAAAD3RSTlMAB9y1eO8xHRGhjWHJQVLq/asbAAAEb0lEQVR42tVYDXNrKQi9iuK3/P9/ux7BJE3azHszO9sN0/QGheMRkGt7PYhLYVyfJbOQl/Y/IuT+wKbVLj6/jnNt7leCSIX/wCxI/3ZU0m+QroK850rhrRlJ/S4DEn+FdBCZ15VE6K2Zl/Y96fyLpL2Ud1Y5Cv8NaecelWzaXX0r78HcjbTzUn8CzXOOKV4HuSU1+kLahTDNuQW+RihULTNLISrt4hC2DwfqFBjOIaSNb84wYdXNN4WQr1mpYBxykKfISC1E6VgOnoXosSm0KCJRaKPUqGUyKLhzEPVpmXBRSpMtdWNUVQqJZEMDXsAxkQCLKXYySEHqDWwsC/NvG7wYWFhgTUxRUAgBZtv5MGbwwHfNr9kJ8lHZNq+N0IOj2ndZc1RJF3JVjiYwDVjFJtkiAZMBUNXzDQwW277rNhwBDNuHzkQLs1C72jYqcanKuuimCVyZJus427xLyWKFASMtcebLLSRyiJUf7nIDiPmmzggWHT7w0JBPjWezDRrpzu7KZW+jqXdmL4idyziIDpuNAE1qBTvAYfeAzwuYtIb7+NIPYweMkW46CErFhhFi75YaNfETPOtpXB77u6pWSRFP5sXRCifvJPgDNjThIK3QQQ9fh7mRhZWdw/Lcrg27MAKrpM20gnSUrprz4gFHeUvqy5wFaFP6bvcZQxusskg5wMeboHVbsTy2PJ4ngHPX2TCngKfueH77fhqot6SkyQ7DIp10dQs8qioS9d6JPHjuCFcpC3aAU8NSAFuzrKTDjTQo1e/6dGLmAWGNeZWm1WHO4/UNiFkEFw4vpPm+zlKX+6MwCgKVHfanYeQB7IV0w6DKfCRNj6D14i7jhPLHG4iCASG6F9Ivke7VJNSETbQLUS5CDh8DA1ufvyFdz5JvSAfN0uhR0o83EC0Mq7PX8ujulg6c8/qUo5DwfmrLtktQMFaw8Ux63CNQ76ShxDbmEi2PIj3jRTK9z+cG8nKdPUcQPe6Z9OVPjtruHnZKQc6XjPVo/ejpiwiQpkbBnknnCMQt/UZabdut1Pkq8JxxjuU75i7pK7d8Jar56fKiDYefSQd7TbFH74VanJHCekMzCi/k5IRw85H0RPoq5g2YQ9oaE1ulk0MdDpzFKjX4BmM/PTnksD0ew3RyVp9JZ5ANuCWANDYmNHmBSkzKTVNRjHxEbg0sPJNOEd5jwthI+zkTIhDbGCFKZIWKYxdaZyv5sKFlPAS6njrRNtZPqUfWEEOogLSpCmsNN4JlU/JVwTQH0Y2jZm3RMx5vjRrZ3aOe4YlAFB8SLhC95U2wV81DgcspTuLT1bwf61fRieppBzP0GH1wdZGGWj3QCxu37jetRB6Z/wLWmbtvtoqacdkpGxMrAax3H0CoP4C6pI98auH178qcMGhm2amuvhlDsMC3frpl4jnS3T07g3EGdsd1Nvo4kcbgvB7J3Mwi8xj49q9IjV0JapP9DKkixLjleXSjDxF0j0hVT/DHSCqyxbcP++9U71T5+ijhUEpt+b9a7h+eX0XMNPtMcgAAAABJRU5ErkJggg==);
	/*+placement:anchor-top-right 13px 13px;*/
	position: absolute;
	right: 13px;
	top: 13px;
	text-indent: -1000px;
	overflow: hidden;
	/*+opacity:70%;*/
	filter: alpha(opacity=70);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#unilogo:hover
{
	/*+opacity:100%;*/
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#content .blogintro
{
	margin-bottom: -35px;
}
#content .blogintro P
{
	margin: 0;
}
/*[clearfix]*/.posts-thumbnails
{
	width: 104%;
	margin-top: 50px;
	margin-left: -10px;
	/*visibility: hidden;*/
}
.posts-thumbnails.masonry
{
	visibility: visible;
}
.post-thumbnail
{
	float: left;
	margin: 0 10px;
	margin-bottom: 24px;
}
.masonry-brick
{
	margin: 0;
	margin-bottom: 24px;
}
.post-thumbnail A
{
	display: block;
	position: absolute;
}
.post-thumbnail .img-rgb, .post-thumbnail .img-bw
{
	position: absolute;
}
.post-thumbnail A:hover .colour-box
{
	display: none;
}
.post-thumbnail A .img-rgb
{
	/*+opacity:0;*/
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.post-thumbnail A:hover .img-rgb
{
	/*+opacity:100%;*/
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.img-bw
{
}
.post-no
{
	position: absolute;
	bottom: -17px;
	font-size: 1rem;
	/*[disabled]color:#3E3E3E;*/
	color: #000000;
	z-index: 600;
}
A:hover .post-no
{
	text-decoration: none;
}
.title-group
{
	background: #000000;
}
.title-group A, .title-group SPAN
{
	padding: 8px;
	color: #FFFFFF;
	font-size: 1.8rem;
	line-height: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
}
.title-group A .post-no
{
	font-weight: normal;
	margin-left: -8px;
	bottom: -20px;
}
.title-group .colour-box
{
	/*+opacity:90%;*/
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.colour-box
{
	position: absolute;
	background-color: rgb(255, 13, 0);
	opacity: 0.8;
}
.excerpt
{
	display: none;
}
.post-group
{
	width: 100%;
	height: 30px;
	margin-bottom: 10px !important;
}
A.post-edit-link
{
	color: #FFFFFF !important;
	background: #FF0000 !important;
	font-size: 9px;
	font-weight: bold;
	position: absolute;
	display: inline-block;
	padding: 0px 4px;
	text-decoration: none;
	z-index: 500;
	/*[disabled]display:none;*/
}
A.post-edit-link:hover
{
	color: #FFFFFF !important;
	background: #000000 !important;
}
#galleryhome
{
	margin-top: 40px;
	margin-bottom: 40px;
}
#galleryhome .rsArrow
{
	margin-top: 20px;
}
#galleryhome .intro
{
	/*+placement:anchor-top-left 20px 20px;*/
	position: absolute;
	left: 20px;
	top: 20px;
	width: 337px;
	height: auto;
	padding: 11px 10px 11px 13px;
	background: rgba(255, 255, 255, 0.8);
	line-height: 1.4;
	/*[disabled]z-index:1000;*/
}
#galleryhome .intro LI
{
	margin-bottom: 8px;
	margin-top: -3px;
}
#galleryhome.rsHor .rsGCaption
{
	/*+placement:anchor-bottom-left 0px 0px;*/
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#galleryhome.rsHor .rsGCaption DIV
{
	padding: 5px 5px 5px 7px;
	/*[disabled]font-style:italic;*/
}
#galleryhome .intro A:before
{
	/*[disabled]content:'→';*/
	/*[disabled]margin-right:7px;*/
}
#galleryhome .intro A
{
	/*[disabled]border:0;*/
	display: inline-block;
	margin-bottom: -8px;
}
#galleryhome .intro H2
{
	margin-top: 0;
	margin-bottom: 6px;
}
#galleryhome
{
	visibility: hidden;
}
#galleryhome.rsHor
{
	visibility: visible;
}
/*POST*/
#gallery
{
	width: 100%;
	height: 580px;
	/*+opacity:0;*/
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.gallery-thumbs A
{
	/*+opacity:50%;*/
	filter: alpha(opacity=50);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.gallery-thumbs A.selected, .gallery-thumbs A:hover
{
	/*+opacity:100%;*/
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/*[clearfix]*/.content
{
	margin-top: 1em;
	line-height: 1.3em;
}
.secondary
{
	/*+placement:float-left 0px 0px;*/
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 305px;
	min-height: 150px;
}
.secondary H3
{
	margin: 0;
}
.secondary H2
{
	margin: 0;
	/*[disabled]margin-bottom:1em;*/
}
.secondary .section
{
	margin-bottom: 1em;
}
#content .side_content A
{
	/*[disabled]border:0;*/
}
#content .side_content A:before
{
	/*[disabled]content:'→';*/
	/*[disabled]margin-right:4px;*/
}
.primary
{
	/*+placement:float-left 0px 0px;*/
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 570px;
	margin-left: 20px;
	margin-top: 0;
}
.primary .caps P:first-child
{
	text-transform: uppercase;
}
/*[clearfix]*/UL.gallery-thumbs
{
	display: block;
	width: 100%;
}
.gallery-thumbs LI
{
	display: inline;
}
.side_content
{
	-ms-word-break: break-all;
	word-break: break-all;
	/*Non standard for webkit*/
	word-break: break-word;
	/*[disabled]-webkit-hyphens:auto;*/
	/*[disabled]-moz-hyphens:auto;*/
	/*[disabled]hyphens:auto;*/
}
#content A
{
	border-bottom: 1px dotted;
}
#content A:hover
{
	border-bottom: 1px solid;
	text-decoration: none;
}
.rsGCaption
{
	margin-top: -76px;
	background: rgba(255, 255, 255, 0.7);
}
#gallery .rsGCaption DIV
{
	padding: 5px 5px 5px 8px;
	text-align: left !important;
}
/*ABOUT*/
.page-id-8 .primary
{
	margin-top: 1em;
}
/*new*/
#post-1228
{
	/*[disabled]border-top:1px dotted #000000;*/
	/*[disabled]border-bottom:1px dotted #000000;*/
	/*[disabled]padding:10px;*/
	/*[disabled]height:40px;*/
}
.semester-break
{
	/*[disabled]border-top:1px solid #000000;*/
	padding-top: 2px;
	text-align: left;
	/*[disabled]text-transform:uppercase;*/
	font-size: 11px;
	width: 981px;
}
.page-id-8 .menu-content
{
	background: #EBEBEB;
	border-top: 5px solid #FFFFFF;
}
/*RESP*/
.w-780 .secondary, .w-380 .secondary
{
	min-height: 0;
}
.w-380 .primary
{
	margin-left: 0;
	width: 100%;
}
.w-780 .primary
{
	width: 450px;
}
.side_content
{
	margin-top: 1em;
}
.masonry-brick
{
}