html, body { height: 100%; min-height: 100%; }
body{
font-family:arial, sans-serif; color:#2c2f3d; -webkit-font-smoothing: antialiased!important; font-smoothing: antialiased; 
}

.container { width: 100%; }
.container, .row { margin: 0; padding: 0;}

.side { background: #2ca05a; height: 100%; padding:0 1em; color: #fff; }
.side.logo img { display: inline-block; margin: 2em 2em; width: 215px; }
.side.signup{height:100%;}
.side.signup h2 { font-size: 150%; padding-bottom: 1em; margin: 20px 0; font-weight: normal;}
.side.signup label{font-family: Arial, sans-serif;}
.side.signup input{border:none;}
.side.signup button{font-family: Arial, sans-serif; font-size: 150%;}

#cta {}
#cta h1 { font-family: "MuseoSlab500", Georgia, serif;
font-size: 190%;
clear: left;
color: #fff; }
#cta p { font-family: "MuseoSans500", arial, sans-serif;
font-size: 1.3em; color: #000; margin: 1.4em 0; }

.main, .head { padding-left: 6em; font: 1.2em 'Georgia', serif; max-width: 42em; }
.main { line-height: 160%; }
.main p { padding-bottom: 1.5em; font-size:1.1em; line-height:1.5em;}
.main h1 { margin: 10px 0; font-family: 'Georgia', serif; font-style: italic; font-size:170%; }
.head h1.blog-head { margin: .9em 0 0 0; font-family: 'Georgia', serif; font-style: italic; }
.head h1.blog-head a { color: #333; }
.head nav { font-size: 90%; padding: .2em 0; margin-top: 60px; font-family: Arial, serif; }
.head nav a { color: #aaa; margin-right: 1.5em; }
.head nav a.home { padding-left: 20px; background: url(/assets/blog/home.png) 0 50% no-repeat; }


.main h2 { font-family: 'Georgia', serif; font-weight:normal; color:#ffcc33;}
.main h3 { font-family: 'Arial', sans-serif; font-weight:normal; color:#428bca;}
.main h4 { font-family: 'Georgia', serif; font-weight:normal;}

.main p a { border-bottom:2px solid #ffcc33;}
.main p a:hover {text-decoration:none; border-color:#2a6496;}
.main img{margin-bottom:30px; max-width:100%;}
.main img.right{float:right; margin:0 0 20px 20px;}
p.summary{font-size:1.2em;}
p.date { font-size: .8em !important; padding: 0; margin: 0 0 1em 0 !important; }
p.author { font-size: .8em !important; margin: 0 0 1em 0 !important; }
p.author a { border: none !important; background: none; }

blockquote{background:#f4eed7; font-family:arial, sans-serif; border-color:#ffcc33; font-size:120%; padding:2em 4em; }

.form-wrap { display: block; height: 80%; display: block; width: 90%; margin: 0 auto; padding: 0 0 3em 0; }
.side form label { font-weight: normal; }
.side .form-group { position: relative; }
.side .form-group .msg { position: absolute; top: 0; right: 0; display: block; }
.side .checkbox a { color: #000; text-decoration: underline; }
.side .checkbox input { padding: .1em .2em 0 0;  }
.side .checkbox b { padding-right: 30px; display: block; font-weight: normal; }
.side .checkbox.has-error label  {}
.has-error input[type=text],
.has-error input[type=email],
.has-error input[type=password]
{}
.btn-create { border:none; color:#2c2f3d; border-radius: 5px; font-size: 1.1em; padding:10px 15px;  cursor: pointer; text-align: left; background: #fc3; text-transform: uppercase;}

.input-icon { position: relative; }
.input-icon input { padding-right: 30px; }
.input-icon .glyphicon { position: absolute; top: 0; right: 12px; padding: 10px 12px; }

.has-error .icon { color: #c20; }
.has-success .icon { color: green; }

hr { clear: both; }
.entry { width: 100%;  border-bottom: 1px solid #efefef; margin: 0 0 2em 0; clear: both; }

.social-buttons { list-style: none; margin: 20px 0; padding: 0; display: block; float: left; clear: both; width: 100%;}
.social-buttons li { display: block; float: left; width: 90px; }
.social-buttons li.facebook { margin-top: -5px; }
.social-buttons li.googleplus { width: 75px; }
.social-buttons li.pinterest { width: 60px; }
.social-buttons li.rss { margin-top: -4px; }
.social-buttons li.rss a { font: 70% sans-serif; height: 26px; padding-left: 24px; padding-bottom: 2px; color: #333; background: url(/assets/blog/rss.png) 0 0 no-repeat; }

/* footer { display: none; } */
footer {  clear: left; font-size: 80%; text-align: center; padding-bottom: 2em; }
footer a { color: #333; }
footer a:hover { text-decoration: none; }
footer .twitter { background: url(/assets/i/icon-twitter.png) 0 0 no-repeat; padding: 0 14px 0 22px; }
footer .email { background: url(/assets/i/icon-email.png) 0 0 no-repeat; padding: 0 14px 0 28px; }
footer .rss { background: url(/assets/blog/rss_footer.png) 0 0 no-repeat; padding: 0 14px 0 20px; }

.mobile-form { display: none; }
@media screen and (min-width: 1000px) {
	/* form { position: fixed; } */
	
}
@media screen and (max-width: 999px) {
	.logo { padding-top: 0; }
	.side.signup h2,
	.mobile-form h2 { padding-top: 1em; margin-bottom: 1em; }
	.signup { display: none; }
	.mobile-form { display: block; }
	.col-md-8.main{width:80% margin:0 10%; padding:0 10%;}
}



/* WEB FONTS  */

@font-face {
    font-family: 'Museo300';
    src: url('../webfonts/Museo300-Regular-webfont.eot');
    src: url('../webfonts/Museo300-Regular-webfont.eot?iefix') format('eot'),
         url('../webfonts/Museo300-Regular-webfont.woff') format('woff'),
         url('../webfonts/Museo300-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/Museo300-Regular-webfont.svg#webfontBsA9EFUC') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Museo500';
    src: url('../webfonts/Museo500-Regular-webfont.eot');
    src: url('../webfonts/Museo500-Regular-webfont.eot?iefix') format('eot'),
         url('../webfonts/Museo500-Regular-webfont.woff') format('woff'),
         url('../webfonts/Museo500-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/Museo500-Regular-webfont.svg#webfontBsA9EFUC') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'MuseoSlab500';
    src: url('../webfonts/Museo_Slab_500-webfont.eot');
    src: url('../webfonts/Museo_Slab_500-webfont.eot?iefix') format('eot'),
         url('../webfonts/Museo_Slab_500-webfont.woff') format('woff'),
         url('../webfonts/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('../webfonts/Museo_Slab_500-webfont.svg#webfontyumMOUTD') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans500';
    src: url('../webfonts/MuseoSans_500-webfont.eot');
    src: url('../webfonts/MuseoSans_500-webfont.eot?iefix') format('eot'),
         url('../webfonts/MuseoSans_500-webfont.woff') format('woff'),
         url('../webfonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('../webfonts/MuseoSans_500-webfont.svg#webfontyumMOUTD') format('svg');
    font-weight: normal;
    font-style: normal;

}