html,body {
margin:0;
padding:0;
background: #d5d6c8;
text-align: center;
font-family: Georgia,serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #231f20;
}
h1, h2, h3, h4 {
}
h1 {
font-size: 20px;
color: #f36f21;
border-bottom: 2px solid #f36f21;
font-variant:small-caps;
margin-bottom: 25px;
text-shadow: 0 0 2px #999;
}
h2 {
font-size: 18px;
color: #f36f21;
text-shadow: 0 0 1px #999;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
a {
color: #a76941;
}
a:hover {
color: #ff0000;
}
h2 a {
color: #734121;
text-decoration: none;
}
h2 a:hover {
color: #cc000;
text-decoration: underline;
}
img {
border: 0;
max-width:100%; 
height:auto;
}
div {
text-align: left;
}
form {
margin:0;
}
#header {
height: 250px;
background: #fff url(//www.tasmansodablasting.co.nz/wp-content/themes/theme2-responsive/images/header.jpg) center center no-repeat;
padding: 0px;
}
#logo {
display:block;
margin: 0 auto;
text-align: center;   
}
#tagline {
font-weight: bold;
text-align: center;
margin: 3px 0 0 0;
font-size: 12px;
letter-spacing: 1px;
color: #1b4e62;
}
#pagetop {
width: 914px;
height: 20px;
margin-left: auto;
margin-right: auto;
}
#page {
max-width: 900px;
background: white;
margin: 0px auto;
padding: 0;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
#pagebottom {
width: 914px;
height: 20px;
margin-left: auto;
margin-right: auto;
}
#nav {
font-size: 12px;
background: #231f20;
padding: 0;
text-align: center; font-family: Verdana, Geneva, sans-serif;
}
#nav a {
color: #d6d6d6;
text-decoration:none;
font-weight:bold;
text-transform: none;
padding-left: 15px;
padding-right: 15px;
display: inline-block;
height: 26px;
line-height: 26px;
}
#nav a:hover, nav a.current, #nav .current_page_item a {
color: #f9af84;
background: url(//www.tasmansodablasting.co.nz/wp-content/themes/theme2-responsive/images/navpointer.gif) center 21px no-repeat;
}
#nav a:hover {
color: #f36f21;
}
ul#nav {
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
display: inline;
list-style: none;
}
#maincontent {
padding: 25px 50px;
}
#leftcol {
float: left;
width: 430px;
padding: 10px 10px 10px 20px;
}
#rightcol {
float: left;
width: 270px;
padding: 10px 20px 10px 10px;
}
.clear {
clear:both;
}
.center {
text-align:center;
}
.centered {
margin: 0 auto;
}
#footer {
margin: 5px 50px 0 50px;
padding: 10px;
text-align: center;
font-size: 11px;
color: #999;
border-top: 2px solid #f36f21;
}
#footer a {
text-decoration: none;
color: #999;
}
#footer a:hover {
text-decoration: underline;
color: #888;
}
img.leftalign {
display: block;
float: left;
text-align: left;
margin: 0 25px 5px 0;
}
img.rightalign {
display: block;
float: right;
text-align: right;
margin: 0 0 5px 15px;
}
img.centeralign {
display: block;
margin: 10px auto;
text-align: center;
}
table.labels {
width:50%;
margin:10px auto;
}
table.labels th {
text-align: right;
padding-right: 30px;
}
#maincontent td {
padding: 10px;
}
#maincontent td h2 {
margin-top: 0px;
}
#blogdescription {
color: #777;
padding: 5px 20px;
background-color: #f0f0f0;
margin-bottom: 30px;
}
h1.postheading, h2.postheading {
margin-bottom: 0px;
}
a.more-link {
font-weight: bold;
}
#searchresults {
padding: 10px 25px 50px 25px;
} #widgets {
width: 720px;
padding: 10px 40px;
margin: 0 auto;
overflow: hidden;
background-color: #e0dad2;
}
div.widget {
width: 180px;
float: left;
}
#widgets h2 {
font-size: 14px;
margin: 0;
font-family:'Times New Roman',Times,serif;
font-style: italic;
}
div.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.screen-reader-text {
display:none;
}
input#s {
width: 100px;
}
#widgets, #widgets select, #widgets input {
font-size: 11px;
} a.slideshowlink {
display: block;
width: 150px;
text-align: center;
color: #ddd;
background: #888;
text-decoration: none;
padding: 5px 0;
margin: 10px auto;
font-weight: bold;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
box-shadow: rgba(200,200,200,1) 0 4px 18px;   
}
a.slideshowlink:hover {
color: #fff;
background: #AAA;
}
div.ngg-galleryoverview {
width: 800px;
margin: 10px auto;
}
.ngg-gallery-thumbnail {
width: 210px;
}
.ngg-gallery-thumbnail img {
margin:-6px auto 6px auto;
}
.ngg-gallery-thumbnail span {
color: #666;
}
#attachment_69 {
margin: 20px 20px 0 0;
}
table.contact {
width: 410px;
margin: 5px auto;
}
table.contact th {
text-align: right;
vertical-align: top;
}
table.contact th, table.contact td {
padding: 10px;
}
table#projects td {
padding: 0px 10px 0px 10px;
text-align:center;
font-weight:bold;
}
table#projects td img {
margin: 25px 0 5px 0;
}
table#projects thead td {
text-align: center;
font-size: 18px;
letter-spacing: 1px;
color: #f36f21;
padding-top: 20px;
} .editLink {
text-align: center;
padding: 5px 0 15px 0;
clear:both;
}
.editLink a, a.editLink {
background: #e0e0e0;
color: #777777;
font-size: 10px; 
border: 1px solid #999999;
text-decoration: none;
padding: 3px 5px;
}
.editLink a:hover, a.editLink:hover {
background: #eeeeee;
border: 1px solid #333333;
color: #000000;
}
.postmetadata {
color: #999;
font-size: 10px;
margin: 2px 0;
}
img.aligncenter, div.aligncenter {
display: block;
margin: 20px auto;
}
img.alignright {
float: right;
margin: 0px 10px 5px 15px;
}
img.alignleft {
float: left;
margin: 10px 25px 5px 5px;
}
div.alignright {
float: right;
margin: 0px 0px 5px 15px;
}
div.alignleft {
float: left;
margin: 0 20px 5px 0px;
}
img.aligncenter {
text-align: center;
}
img.alignright {
text-align: right;
}
img.alignleft {
text-align: left;
}
.wp-caption-text,.wp-caption-dd {
margin: 0;
font-weight: bold;
font-size: smaller;
text-align: center;
}
.more-link {
display:block;
text-align:right;
}
.linklove {
display:none;
} div.wpcf7 {
clear: both;
overflow: hidden;
background-color: var(--grey1);
width: 100%;
margin: 30px 0 !important;
}
div.wpcf7 form {
padding: 0 40px;
margin: 0;
}
div.wpcf7 form label {
font-size: 16px;
color: var(--color2);
}
div.wpcf7-response-output {
text-align: center;
font-size: 26px;
}
span.wpcf7-not-valid-tip {
font-size: 0.750em !important;
}
input.wpcf7-submit {
float: right;
padding: 10px 25px;
color: #fff;
background: #231f20;
font-weight: bold;
border-radius: 5px;
font-size: 18px;
border: none;   
}
input.wpcf7-text, input.wpcf7-captchar, textarea.wpcf7-textarea {
border: 1px solid #ccc;
box-sizing: border-box;
width: 100%;   
height: 30px;
}
textarea.wpcf7-textarea {
height: 150px;
font-family: Arial, Helvetica, sans-serif;
}
input.wpcf7-text:hover, input.wpcf7-captchar:hover, textarea.wpcf7-textarea:hover {
border: 1px solid #999;
}
input.wpcf7-text:focus, input.wpcf7-captchar:focus, textarea.wpcf7-textarea:focus {
border: 1px solid #666;
}
input.wpcf7-not-valid,
textarea.wpcf7-not-valid,
body .wpcf7 form.invalid .wpcf7-response-output {
border-color: red;
}
div.wpcf7 div.wpcf7-validation-errors {
border: 2px solid #f00000;
}
p.recaptchanote {
font-size: 12px;
text-align: center;
margin: 30px 0;
}  @media screen and (max-width: 900px) {
#pagetop, #pagebottom {
display: none;
}
#header {
height: 196px;
background: #F37022 url(//www.tasmansodablasting.co.nz/wp-content/themes/theme2-responsive/images/mobile-header.png) center center no-repeat;
}
#maincontent {
padding: 25px 30px;
}   
}
@media screen and (max-width : 480px){
#maincontent {
padding: 20px 20px;
}   
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {
background: #999999 url(//www.tasmansodablasting.co.nz/wp-content/themes/images/grey_block_subit.jpg) !important;
color: #fff !important;
float: left !important;
width: 80px !important;
text-align: center !important;
padding: 0 10px;
}
#cformsform{
width: 100% !important;
margin:auto !important;
}
.cf-fs1 .cform label {
margin: 0 2% 0 0 !important;
width: 35% !important;
}
.cf-fs1 .cform input.fldrequired, .cform input.fldrequired:hover,.cform input, .cform textarea, .cform select {
width: 56% !important;
} .cf-fs2 .cf-ol label {
margin-bottom: 4px !important;
width: 98.5% !important;
margin-right: 0 !important;
}
.cf-fs2 .cf-ol input.single {
margin-bottom: 7px !important;
width: 98% !important;
}
}
@media all and (max-width : 440px) {
.cform label {
margin: 0 2% 0 0 !important;
width: 98% !important;
}
.cf-fs2 label span{width: inherit !important;}
.cform input.fldrequired, .cform input.fldrequired:hover,.cform input, .cform textarea, .cform select {
width: 97% !important;
}
}