/*
Theme Name: Mathew Porter
Theme URI: http://www.mathewporter.co.uk
Description: Responsive HTML5 & CSS3 Theme.
Author: MP
Author URI: http://www.mathewporter.co.uk
*/

.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.sticky{border:1px solid}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,dfn,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}q:after,q:before{content:''}abbr,acronym{border:0}html{overflow-y:scroll}body{font-family:'Open Sans',sans-serif;font-size:.8em;border-top:3px solid #b21f25;width:auto;height:auto;color:#5e5e5e;line-height:22px;background:#f4f0ed}.clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}.fl{float:left}.fr{float:right}.icon_left{float:left;margin-right:10px}a img{border:0}a,a:link{color:#D37E81;text-decoration:none}a:hover{color:#B32026;text-decoration:none}::selection{background:#000;color:#fafafa}::-moz-selection{background:#000;color:#fafafa}img::selection{background:0 0}img::-moz-selection{background:0 0}.clear{clear:both}a{-webkit-transition-property:background color;-webkit-transition-duration:.12s;-webkit-transition-timing-function:ease-out;-moz-transition-property:background color;-moz-transition-duration:.12s;-moz-transition-timing-function:ease-out;-o-transition-property:background color;-o-transition-duration:.12s;-o-transition-timing-function:ease-out}h1,h2,h3,h4,h5,h6{margin:0 0 20px;font-weight:400;color:#510000;font-family:'Open Sans',sans-serif}h1{font-size:26px;line-height:30px}h2{font-size:20px;line-height:24px}h3{font-size:18px;line-height:22px}h4{font-size:16px}h5{font-size:12px}h6{font-size:10px}h1 a,h2 a,h3 a,h4 a{color:#510000!important}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{color:#b32026!important}ol,p,ul{margin-bottom:20px}ol,ul{margin-left:20px}figure,img{max-width:100%;height:auto;margin-bottom:20px}img.left{margin:0 20px 0 0;float:left}img.right{margin:0 0 0 20px;float:right}img.center{display:block;margin-left:auto;margin-right:auto;float:none!important}embed,object,video{max-width:100%;height:auto}p code{width:90%;padding:5%;display:block;font-style:italic;color:#B21F25;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 0 2px 1px rgba(0,0,0,.2);box-shadow:inset 0 0 2px 1px rgba(0,0,0,.2);background:#fff;word-break:break-all}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;border:1px solid #2f2f2f;margin-bottom:20px;-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.2);-o-box-shadow:0 1px 2px 1px rgba(0,0,0,.2);box-shadow:0 1px 2px 1px rgba(0,0,0,.2)}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.aligncenter{text-align:center}.alignleft{text-align:left}.alignright{text-align:right}blockquote{font-family:'Open Sans',sans-serif;font-style:italic;background:url(images/quote_left.png) left .4em no-repeat;margin-bottom:30px}blockquote p{color:#;padding-left:26px;font-size:1.4em;line-height:1.5em}blockquote p cite{font-style:italic;color:#aa98b0}.columns .excerpt{float:right;width:74%}.columns .img{float:left}.columns .img img{max-width:100%}#page{width:100%;max-width:978px;margin:0 auto}div.columns{width:100%;float:left}div.one-half{width:48.5%}div.one-third{width:31.3%}div.two-third{width:65.64%}div.one-fourth{width:22.7%}div.three-fourth{width:74.23%}div.one-fourth,div.one-half,div.one-third,div.three-fourth,div.two-third{position:relative;margin-left:3%;float:left;margin-bottom:1.55em}.first,div.one-fourth:first-child,div.one-half:first-child,div.one-third:first-child,div.three-fourth:first-child,div.two-third:first-child{margin-left:0!important;clear:left}#main{width:75%;float:right}#main .content,#main .last-content{width:100%;float:left;padding:55px 0 100px;position:relative;clear:both}#main .last-content{min-height:770px!important}#main .content .page_title h1,#main .content .page_title h2,#main .last-content .page_title h2,.title_underline{font-size:11px;text-transform:uppercase;border-bottom:1px solid #D37E81;letter-spacing:3px;margin-bottom:30px;float:left;width:100%}#main .content .page_title h1 span,#main .content .page_title h2 span{position:absolute;right:0}#main .divider{border:none;border-top:1px solid #D37E81;clear:both;width:100%;margin-bottom:20px}.copyright{margin-bottom:40px;float:left;width:100%;border-top:1px solid #b21f25;padding-top:10px;font-size:12px}.intro{font-family:'Open Sans',sans-serif;font-size:2.5em;font-weight:300;line-height:1.4em;text-align:center;margin-bottom:60px;color:#510000}.intro a{background:#c84342;color:#f9fffd}.intro a:hover{text-decoration:none;background:#1a1a1a}#filters{padding:0;margin:0 0 20px -10px}#filters li{list-style:none;display:inline;padding:0 10px 0 0;color:#929292}#filters li a{padding:0 0 0 10px;text-decoration:none}#filters li a.selected{color:#474747;text-decoration:none}#works-container{margin-left:-6px;width:106%;float:left}#works-container .element{margin:6px;float:left;overflow:hidden;position:relative;width:170px;height:160px}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.post{float:left;width:100%;margin-bottom:40px;padding-bottom:40px}.post .post-aside{float:left;width:27.3%}.post .post-aside .post-meta{text-align:right;padding-right:20px;border-right:1px solid #D37E81}.post .post-aside .post-meta .share span,.post .post-aside .post-meta>span{display:block}.post .post-aside .post-meta .share{margin-top:20px}.post .hentry{float:right;width:67%}.post .hentry .category a{text-transform:uppercase;font-size:12px;letter-spacing:2px}.single-post .hentry{width:100%}.post .more-button{font-style:italic}#commentsBox{position:relative;margin:30px 0;width:100%;padding:30px 0 0;clear:both}#commentsBox ul{list-style:none;margin:0 0 30px}#trackbacks{margin:30px 0 0 40px}#commentslist{margin:0;list-style:none;padding:0}#commentslist li{list-style:none}#commentslist .children li{padding:15px 0 0 30px;background:url(images/comment_marker.gif) 0 40px no-repeat;border-left:1px solid #D37E81}.comment{position:relative;margin:0;padding:0 0 20px}.comment .avatar{position:absolute;left:0;top:0;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px}#commentform h3{font-size:19px}#commentform label{padding-left:20px}.comment h5{font-size:16px;margin:0 0 0 80px;padding:0}.comment .date{margin:0 0 10px 80px;display:block;color:#a5a5a2;font-style:italic}.comment p{margin:0 0 10px 80px}.comment-reply-link,.comment-reply-login{margin:0 0 0 80px}.comment-reply{display:inline-block!important;padding:0 0 0 10px}#comment-add{position:absolute;top:-5px;right:0}.moderation{margin:0;padding:0 0 10px 25px}#trackbacks ul{margin:-5px 0 15px}#trackbacks ul li{padding:5px 0 5px 20px}#commentform,.wpcf7-form{position:relative;margin:30px 0;clear:both}#comments #respond{position:relative;padding:0;margin:0}#respond{padding-bottom:20px}#respond div{padding-bottom:10px}#respond .form-allowed-tags{display:none}#respond form{margin:none;padding:none;position:relative}.cancel-comment-reply{float:right;margin:5px 90px 0 0;z-index:9999}#commentform textarea,.wpcf7-form textarea{width:95%!important;margin-right:0!important}#commentform input[type=text],#commentform textarea,.wpcf7-form input[type=email],.wpcf7-form input[type=text],.wpcf7-form textarea{width:50%;background:0 0;padding:7px;margin-right:20px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;border:1px solid #D37E81}#commentform input[type=text]:focus,#commentform textarea:focus{border:1px solid #8a8a8a}.pagination{float:left;width:100%;text-align:center;margin-bottom:40px}.pagination a,.pagination span{padding:4px 10px;margin-right:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px}.pagination span{color:#fff}.pagination a:hover,.pagination span{-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#b21f25}.pagination a:hover{text-decoration:none}#header{margin:40px 1% 0 0;width:24%;float:left}#header #logo{width:100%;max-width:200px;height:auto;float:left;display:inline-block}#header #main-nav{width:100%;float:left;margin-bottom:35px}#header #main-nav,#header .widget{position:relative}#header .widget{margin-bottom:20px;clear:both;float:left;width:100%}#header .widget h4{font-size:11px;text-transform:uppercase;font-weight:400;letter-spacing:2px;margin:10px 0}#header #main-nav ul{margin-left:45px}#header #main-nav ul li{list-style:none;line-height:30px}#header #main-nav ul li a{color:#d37e81;font-size:18px;padding:4px 60px 4px 20px}#header #main-nav ul li.external a{background-image:url(images/external_link.gif);background-position:80% 50%;background-repeat:no-repeat}#header #main-nav ul li a:hover{text-decoration:none;color:#b32026}#header #main-nav ul li.current_temp a,#header #main-nav ul li.selected_temp a{-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;background:-webkit-gradient(linear,left top,right top,from(#42c1e4),to(#49acc7));background:-webkit-linear-gradient(left,#42c1e4,#49acc7);background:-moz-linear-gradient(left,#42c1e4,#49acc7);background:-ms-linear-gradient(left,#42c1e4,#49acc7);background:-o-linear-gradient(left,#42c1e4,#49acc7);padding:4px 60px 4px 20px;color:#fff;text-shadow:0 -1px 0 #338ca4}#header #main-nav ul li.current a,#header #main-nav ul li.current a:hover,#header #main-nav ul li.selected a:hover{color:#b32026}#header .social{margin:0 0 0 25px;float:none!important;text-align:center;padding:0}#header .social li{list-style:none;display:inline}#header .social li.dribbble a,#header .social li.facebook a,#header .social li.flickr a,#header .social li.skype a,#header .social li.twitter a{width:26px;height:26px;display:block;float:left;margin-right:5px;margin-bottom:5px}#header .view h4{float:left;margin-right:10px}#header .view .monitor{background:url(images/monitor.png) bottom left no-repeat;width:15px;height:15px}#header .view .ipad{background:url(images/ipad.png) top left no-repeat;width:13px;height:15px}#header .view .iphone{background:url(images/iphone.png) top left no-repeat;width:9px;height:16px}#header .view .ipad,#header .view .iphone,#header .view .monitor{margin-top:13px;margin-right:10px;float:left}#map{height:400px;margin-bottom:20px;clear:both}:focus{outline:0}.form>div{margin-bottom:20px;width:100%;position:relative}.form>div>label{width:100px;float:left;margin-top:10px}#commentform textarea,.form #email,.form #message,.form #name,.form #subject,.form select,.inputtext{padding:10px;font-family:'Open Sans',sans-serif;font-size:13px;width:38%}.form #email:focus,.form #message:focus,.form #name:focus,.form #subject:focus,.form select:focus,.inputtext:focus{border:1px solid #8a8a8a}.form #email,.form #message,.form #name,.form #subject,.form select,.inputtext{-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:0 0}.form #email,.form #name,.form #url{margin-right:20px;width:23%}.form #message{width:97%;max-width:97%;max-height:10%}#map_canvas{width:100%;height:22em;float:left;margin:0 2% 40px 0}.staff>h4{margin-bottom:0}.staff>h5{text-align:center}#works-container img,.gallery img,.post-thumb img,.slides li img,.staff img{-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.2);-o-box-shadow:0 1px 2px 1px rgba(0,0,0,.2);box-shadow:0 1px 2px 1px rgba(0,0,0,.2)}#commentform #submit,.form #submit,.wpcf7-form .wpcf7-submit{background:#C84342;padding:10px 20px;color:#fff;text-shadow:0 -1px 0 #B21F25;border:none;cursor:pointer;font-size:16px}.gallery{margin-left:-10px}.gallery-item{float:left;margin:0;padding:0}.gallery br{margin:0;padding:0;border:1px solid red;float:left}.gallery-item .gallery-icon{padding:0;margin:0 10px}.gallery-item .gallery-icon img{float:left;margin:0 0 10px;padding:0}#contactform input[type=submit][disabled]{background:#888;cursor:default}#contactform legend{padding:7px 10px;font-weight:700;color:#000;border:1px solid #eee;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:0!important}#contactform span.required{font-size:13px;color:red}#message{margin:10px 0;padding:0}.notification_error{display:block;line-height:22px;background:url(images/error.gif) 7px .8em no-repeat #FBE3E4;padding:7px 10px 7px 35px;color:#8a1f11;border:1px solid #FBC2C4;-moz-border-radius:5px;-webkit-border-radius:5px}ul.notification_errors{margin:0 0 0 15px;padding:0}ul.notification_errors li{height:22px;line-height:22px;color:#333}.loader{padding:0 10px;margin-bottom:-2px}#contactform #success_page h1{background:url(images/success.gif) left no-repeat;padding-left:22px}acronym{border-bottom:1px dotted #ccc}#header #main-nav ul{display:block}#header #main-nav select{display:none}@media handheld and (max-width:480px),screen and (max-device-width:480px),screen and (max-width:767px){body{padding:0 20px}#header{position:relative;width:100%;float:none;margin:80px 0 0;text-align:center}#header #logo{margin:0 auto 30px;float:none}#header #logo a{display:block}#header #main-nav{margin-bottom:40px}#header .widget h4{font-size:11px;text-transform:uppercase;font-weight:400;letter-spacing:2px;margin:10px 0;font-family:Arvo,serif}#header #main-nav{position:fixed;top:0;z-index:99999;background:#e7cfc7;padding:10px 0;width:100%;margin-left:-20px}#header #main-nav ul{display:none}#header #main-nav select{display:block;width:200px;margin:0 auto}#header #main-nav ul li{list-style:none;line-height:30px;display:inline}#header #main-nav ul li a{color:#8d8c8c;font-size:16px;padding:4px 20px}#header #main-nav ul li.external a{background-image:url(images/external_link.gif);background-position:80% 50%;background-repeat:no-repeat}#header #main-nav ul li a:hover{text-decoration:none;color:#63c8a4}#header #main-nav ul li.selected a{background:0 0;color:#63c8a4;text-shadow:none;padding:4px 20px}#header #main-nav ul li.selected a:hover{color:#63c8a4}#header .widget{margin-bottom:0;clear:none;float:none;width:100%;margin-left:0}#header .social{margin:0 auto 40px;float:none!important;width:100%!important;text-align:center;padding-bottom:0!important;clear:none!important}#header .social li{position:relative}#header .social li a img{margin-bottom:-8px}#header .social li.dribbble a,#header .social li.facebook a,#header .social li.flickr a,#header .social li.skype a,#header .social li.twitter a{width:26px;height:26px;display:inline;float:none;margin:0 5px 5px}#main{width:100%;float:none;clear:both}#main .content{padding:10px 0 20px}#header .view{text-align:center;margin:0 auto}#header .view .view_holder{width:60px;margin:0 auto}#header .view h4{float:none;margin-right:10px;text-align:center;width:100%;margin-bottom:0;padding-bottom:0}#header .view .monitor{background:url(images/monitor.png) top left no-repeat;width:15px;height:15px}#header .view .ipad{background:url(images/ipad.png) bottom left no-repeat;width:13px;height:15px}#header .view .iphone{background:url(images/iphone.png) top left no-repeat;width:9px;height:16px}#header .view .ipad,#header .view .iphone,#header .view .monitor{margin-top:13px;margin-right:10px;display:block}#header .view .iphone{margin-right:0}.columns .excerpt{float:right;width:74%}.columns .img{float:left}.columns .img img{max-width:100%}}@media handheld and (max-width:479px),screen and (max-device-width:479px),screen and (max-width:479px){#header .view{text-align:center;margin:0 auto}#header .view .view_holder{width:60px;margin:0 auto}#header .view h4{float:none;margin-right:10px;text-align:center;width:100%;margin-bottom:0;padding-bottom:0}#header .view .monitor{background:url(images/monitor.png) top left no-repeat;width:15px;height:15px}#header .view .ipad{background:url(images/ipad.png) top left no-repeat;width:13px;height:15px}#header .view .iphone{background:url(images/iphone.png) bottom left no-repeat;width:9px;height:16px}#header .view .ipad,#header .view .iphone,#header .view .monitor{margin-top:13px;margin-right:10px;display:block}#header .view .iphone{margin-right:0}#header #main-nav{text-align:center;position:fixed;z-index:99999}#header #main-nav ul{display:none}#header #main-nav select{display:block}div.one-fourth,div.one-half,div.one-third,div.three-fourth,div.two-third{width:100%;float:none;margin-left:0}.columns>div{clear:both}.columns .excerpt{float:right;width:75%}.columns img{float:left}.form #comments,.form #email,.form #name,.form #subject,.form select,.form>div>label,.inputtext{width:90%}.form #comments{width:100%!important;max-width:90%}.post .hentry,.post .post-aside{width:100%}.post .post-aside .post-meta{text-align:left;padding-right:0;border-right:none}.post .post-aside .post-meta .share span,.post .post-aside .post-meta>span{display:block}.post .post-aside .post-meta .share{margin-top:0;margin-bottom:20px}#commentform label{display:block;padding:0}.intro{font-size:2em}.pagination a,.pagination span{display:none}.pagination .next,.pagination .previous{display:block;float:left}.pagination .next{float:right}}#cssAward{width:85px;height:56px;display:block;float:none;margin:0 auto;background:url(images/cssAward_A.png) top left} #main a {word-wrap:break-word;}