<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Andy Hazell
Description: Child theme for the twentytwelve theme 
Author: Jon Maskrey
Template: twentytwelve
*/

@import url("../twentytwelve/style.css");


/* Fonts
-------------------------------------*/



  
@font-face {font-family: 'StrangeloveText';src: url('webfonts/280B7B_0_0.eot');src: url('webfonts/280B7B_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/280B7B_0_0.woff') format('woff'),url('webfonts/280B7B_0_0.ttf') format('truetype');}
 
 
 
 

body.custom-background {
background-color: #000 !important;
}

body {
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:300; font-stretch:normal;
	padding:0 10px;
}
body.custom-font-enabled {
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:300; font-stretch:normal;
}


body {
color: #fff;
background: url(images/bg.jpg) top center repeat-x;
background-color: #000;
}

a {
color: #14CCE1;
}

a:hover {
color: #14CCE1;
}

body .site {
background-color: transparent;
margin-top: 15px;
box-shadow: none;
padding: 0;
}
 
 

/* Header
-------------------------------------*/




.site-header h2.site-description {
color: #fff;
}


.site-header hgroup {
	float:right;
	text-align: right;
	position: relative;
	top: -15px;
}

.site-title a{
	background: url(images/logo.png) no-repeat;
	width:100px;
	height: 20px;
	text-indent: -999em;
	background-size: contain;

}


h2.site-description {
	display:none;
}



.main-navigation {

    position: absolute;
    text-align: left;
    top: 0;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu &gt; ul {
    background:  #000;
    position: relative;
    z-index: 100;
}

.main-navigation a {
    padding: 10px 20px;
}



/* Main content
-------------------------------------*/

#main {
	background: url(images/nav-border.gif) repeat-x;
	clear: both;
}

.entry-header-home {
 	display: none;
}

.entry-content-home {
 	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding:20px 20px 0;
	margin:20px 0;
	text-align: center;
	font-size: 22px;
	font-size: 1.375rem;
	
}
.entry-content-home h1{
	font-size: 22px;
	font-size: 5.7rem;
	font-family: "StrangeloveText", "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:300; font-stretch:normal;
}

.site-content article {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

.archive-header, .page-header {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}

.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
font-size: 17px;
font-size: 1.375rem;
color:#fff;
}

h2.highlightTitle {
	background: url(images/dots.png) ;	
	padding:16px;
	margin: 0 0 20px;
}

/* Portfolio
-------------------------------------*/
.site-content-portfolio {
	float:none;
	width:auto;
}

.portfolio-list {
position: relative;
overflow: hidden;
display: block;
float: left;
margin: 0 0 2.2% 2.452%;
width: 31.6%;
}



.portfolio-list:nth-child(2), .portfolio-list:nth-child(5), .portfolio-list:nth-child(8), .portfolio-list:nth-child(11) {  
    margin-left:0;   
  
}
.portfolio-list:nth-child(4), .portfolio-list:nth-child(7), .portfolio-list:nth-child(10), .portfolio-list:nth-child(13) {  
    margin-right:0;   
  
}


.portfolio-list img.attachment-thumbnail{
display: block;
width: 100%;
border-radius: 0;

}

.portfolio-list span{
	display: none;
}

.portfolio-list span a{
text-decoration: none;
}



.portfolioSections .portfolio-list {
	margin: 0 0 2.2% 2.452%;
}


.portfolioSections .portfolio-list:nth-child(1), .portfolioSections .portfolio-list:nth-child(4), .portfolioSections .portfolio-list:nth-child(7), .portfolioSections .portfolio-list:nth-child(10) {  
    margin-left:0;   
  
}
.portfolioSections .portfolio-list:nth-child(3), .portfolioSections .portfolio-list:nth-child(6), .portfolioSections .portfolio-list:nth-child(9), .portfolioSections .portfolio-list:nth-child(12) {  
    margin-right:0;   
  
}


/*
.portfolio-list img.attachment-thumbnail {
    display: inline-block;
    height: 148px;
    padding: 1px 0;
    width: 234px;
    border-radius: 0;
}
*/
article.portfolio {

width: 47%;
float: left;
}

.pagination {
	clear: both;
	padding:10px 0;
}

.pagination .next{
	float:right;
}

.pagination .prev{
	float:left;
}


.site-content-portfolio-video article {
	width:40%;
}


.page-numbers {
display: block;
padding: 8px;
color: #fff;
background: #14CCE1;
float: left;
width: 16px;
height: 16px;
margin: 0 10px 0 0;
text-align: center;
text-decoration: none;
}

.page-numbers:hover {
color: #14CCE1;
background: #fff;
}

.page-numbers.current {
color: #14CCE1;
background: #fff;
}

.next {
width:auto;
margin: 0;
}

.prev {
	width:auto;
}


/* videos
-------------------------------------*/

.post-meta {
	float:right;
}

.post-meta-key {
	display: none;
}

/* Footer
-------------------------------------*/

footer[role="contentinfo"] {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
overflow:hidden;
}



.footerCol:first-child {
margin-left:0;
}

.footerCol:first-child {

margin: 0 0 0 0;
}

.recentWork img {
	float:left;
	display: block;
	width:60px !important;
	padding:0 5px 5px 0;
	border-radius: 0;
}



.footerContact .wpcf7-text, .footerContact .wpcf7-textarea, .footerContact .wpcf7-captchar {
	border: none;
	border-radius: 0;
	background: #333;
	color: #fff;
	width: 140px;
	margin:0 0 10px;
	
}

.footerContact .wpcf7-textarea {
	height:60px;
	width: 92%;
	margin: 0 0 10px 0;
}



.footerContact .wpcf7-submit {
	background: #14CCE1;
	color: #fff;
	border-radius: 0;
	border:none;
	margin: 0;
}

span.wpcf7-not-valid-tip {
	color:#000 !important;
}


.footerContact p { 
position:relative 
}
.footerContact label  { 
position:absolute; 
top:1px; 
left:5px;
z-index: 100;
}


.footerAbout img{
float: right;
margin: 0 0 10px 10px;
}

.footerAbout p{
line-height: 1.3em;
}



.copyright {
float:right;
color: #666;
padding:10px 0;
}


@media screen and (min-width: 600px) {


.main-navigation {

    position: static;

}

.main-navigation ul.nav-menu {
    background: none;


}

.main-navigation a {
    padding: 0;
}


.site-title a{
	float:right;
	background: url(images/logo.png) no-repeat;
	width:206px;
	height: 49px;
	text-indent: -999em;

}

h2.site-description {
	display:block;
}

.main-navigation {
float: left;
}

.main-navigation li {
font-size: 16px;
font-size: 1rem;
}

.main-navigation li ul {
z-index: 3;
}

.main-navigation li a {
color: #fff;
padding-left:20px;
text-transform: lowercase;
background: url(images/nav-on.gif) no-repeat  0 21px;
}

.main-navigation .current-menu-item &gt; a, .main-navigation .current-menu-ancestor &gt; a, .main-navigation .current_page_item &gt; a, .main-navigation .current_page_ancestor &gt; a {
color: #fff;

}

.main-navigation li a:hover {
color: #14CCE1;
}

.main-navigation .current_page_item &gt; a {
	background: url(images/nav-on.gif) no-repeat  0 21px;
}


.main-navigation ul.nav-menu, .main-navigation div.nav-menu &gt; ul {
border-top: none;
border-bottom: none;
float:left;
}

.main-navigation li ul li a {
background: #000;
border-bottom: 1px solid #333;

}


  .portfolio-list span{
	position: absolute;
	bottom: 10px;
	left: -220%;
	padding: 10px;
	display: block;
	background: #000;
	  -webkit-transition:0.3s ;
	   -moz-transition:0.3s ;
	     -o-transition:0.3s ;
	        transition:0.3s ;
	}

	.portfolio-list:hover span {
    left:0;
	}

	.portfolio-list img.attachment-thumbnail {
		height: 200px;
	}
	
.footerCol {
	float: left;
	margin: 0 0 2.2% 2.452%;
	width: 31.6%;
}



}


</pre></body></html>