/*

Theme Name: Hansen-Buildings 

Theme URI: http://wordpress.org/themes/twentytwelve

Author: the WordPress team

Author URI: http://wordpress.org/

Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.

Version: 1.5

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentytwelve



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:



$rembase:     14;

$line-height: 24;



---------- Examples



* Use a pixel value with a rem fallback for font-size, padding, margins, etc.

padding: 5px 0;

padding: 0.357142857rem 0; (5 / $rembase)



* Set a font-size and then set a line-height based on the font-size

font-size: 16px

font-size: 1.142857143rem; (16 / $rembase)

line-height: 1.5; ($line-height / 16)



---------- Vertical spacing



Vertical spacing between most elements should use 24px or 48px

to maintain vertical rhythm:



.my-new-div {

margin: 24px 0;

margin: 1.714285714rem 0; ( 24 / $rembase )

}



---------- Further reading



http://snook.ca/archives/html_and_css/font-size-with-rem

http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/





/* =Reset

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}

body {line-height: 1;}

blockquote, q { quotes: none;}

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0; }

caption, th, td { font-weight: normal;} 

h1, h2 {clear: both;}

html {overflow-y: scroll;font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

a:focus {outline: thin dotted;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block;}

audio, canvas, video {display: inline-block;}

audio:not([controls]) {display: none;}

del {color: #333;}

ins {background: #fff9c0; text-decoration: none;}

hr {background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem;}

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

small {font-size: smaller;}

img {border: 0; -ms-interpolation-mode: bicubic;}

.hut_main td{line-height:0 !important; vertical-align: bottom !important; }
.hut_main td img{vertical-align: bottom !important; }

.inputs { padding: 5px 0px 5px 0px}

.captcha-section{display:block; margin-top:20px; float:left;}
.captcha-section  #chk{height:35px; width:100px; float:left; margin:0 20px; padding:0 10px; font-size:20px; color:#333;}
.captcha-section  #ran, .captcha-section  #ran2{height:35px; text-align:center; float:left; margin:0 20px;}
.captcha-section span{float:left;}
.captcha-section .refresh{ display:block;height:35px; width:35px; float:left;}
.captcha-section .captcha-field  #error{font-size:14px; position:absolute; left:0; left: 20px; width: 195px; bottom: -30px;}
.captcha-section .captcha-field{display:inline-block; float:left; position:relative;}