body{font-family: Georgia, serif; margin: 0; color:#333; -webkit-font-smoothing:antialiased !important;font-smoothing:antialiased;}

p.handwritten { font-family: 'Nothing You Could Do', cursive; background: url(../i/bg-arrow.png) bottom center no-repeat; padding-bottom: 30px; margin: 2em 0 1em 0; }
p.blurb { max-width: 35em; font-size: 110% !important; }
p.blurb a { background: none; padding: 2px; font-weight: bold; border: none !important; }

#blog { padding-top: 1em; font-size: 110%; max-width: 40em; }
#blog h1 { font-size: 2.2em; }
#blog p { font-size: 1.25em; line-height: 1.6em; margin: 0 0 2em 0; color: #333; font-weight: normal; }
#blog p a { text-decoration: none; border-bottom: 1px solid #333; }
#blog p a:hover {  }
p.blurb { font-style: italic; font-size: 95%; }

#blog-logo { width: 300px; margin: 1.5em 0 .3em 0;}

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

h1 { font-size: 2em; line-height: 1em; margin: .4em 0; border: none; padding: 0; font-weight: normal; color: #ffcc33; font-family: Georgia, serif; }

h2 { font-size: 1.7em; line-height: 1.3em; margin: 2em 0 1em 0; font-weight: normal; color: #ffcc33; font-family: Georgia, serif; }

h3 { font-size: 1.5em; line-height: 1.3em; margin: 2em 0 1em 0; font-weight: normal; color: #ffcc33; font-family: Georgia, serif; }

h4 { font-size: 1.4em; line-height: 1.3em; margin: 2em 0 1em 0; font-weight: normal; color: #ffcc33; font-family: Georgia, serif; }

h5 { font-size: 1.3em; line-height: 1.3em; margin: 2em 0 1em 0; font-weight: normal; color: #ffcc33; font-family: Georgia, serif; }

p { font-size: 1.18em; line-height: 1.6em; margin: 0 0 2em 0; color: #333; font-weight: normal; }

ul, ol { font-size: 1.2em; margin: 0 0 2em 0; }

li { margin: 0 0 0.8em 0; line-height: 1.4em; }

ol { list-style-type: decimal; }

ul { list-style-type: disc; }

blockquote { width: 100%; border-top: 1px solid #ffcc33; border-bottom: 1px solid #ffcc33; padding-top: 2em; margin-left: 0; margin-bottom: 2em; background: #fffae4; }

blockquote p { font-style: italic; margin-bottom: 1.5em; font-size: 1.3em; width: 90%; margin-left: 5%; }

table { margin: 0 0 30px 0; max-width: 100%; }

p a { text-decoration: none; background-color: #ffcc33; font-size: 0.9em; padding: 0.15em 0.5em; color: #4d3e0f; }

p a:hover { background-color: #4d3e0f; color: #ffcc33; }

.center { text-align: center; }

.left { text-align: left; }

.italic { font-style: italic; }

p.date { font-size: .8em !important; 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; }


nav.navbar { background: #fc3; z-index: 2; border-radius: 0; border: none; }
nav.navbar img { display: block; margin: 0 auto; width: 100%; }
nav.navbar p { text-align: center; }

#blog-side { background: #fc3; height: 100%; display: block; border-right: 1px solid rgba(0,0,0,0.1); box-shadow: 2px 0 3px rgba(0,0,0,0.1); overflow-y: auto; }
#blog-side h2 { color: #4D3D17; }
#blog-side .wrap { padding: 0 0 2em 0; margin-left: 20px; }
#blog-side form { width: 85%; margin: 0 0 0 2%; }
#blog-side form label { font-weight: normal; }
#blog-side .form-group { position: relative; }
#blog-side .form-group .msg { position: absolute; top: 0; right: 0; display: block; }
#blog-side .checkbox a { color: #000; text-decoration: underline; }
#blog-side .checkbox input { padding: .1em .2em 0 0;  }
#blog-side .checkbox b { padding-right: 30px; display: block; font-weight: normal; }
#blog-side .checkbox.has-error label  {}
.has-error input[type=text],
.has-error input[type=email],
.has-error input[type=password]
{}

p.help-block { margin: 0; padding: 0; font-size: 90%; font-weight: bold; }

.error { color: #c20; }
#logo { display: block; margin: 2em 0 1em 0; }
/* #blog-side label { display: none; } */
a.blog-side-show { display: none; } 
a.blog-side-hide { display: none; } 


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

.social-buttons { list-style: none; margin: 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: -4px; }
.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; }

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

.has-error .control-label,
.has-success .control-label { color: #333 !important; }

.btn-create { border:none; color:#fff; border-radius: 3px; font-size: 1.5em; padding:10px 25px;  cursor: pointer; text-align: left; background: #007272; border-bottom: 5px solid #006262;}

footer { text-align: center; font-size: 90%; }
footer a { color: #333; }
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; }

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

@media screen and (max-width: 999px) {
	#blog { margin-left: 30px; }
    #blog-side { left: -999px ; z-index: 2; transition: left 0.3s ease-in; }
    #blog-side:hover { cursor: pointer; }
    /* #blog-side .wrap { opacity: 0; } */


    #blog-side h2 { margin: .5em 0; }
    #blog-side.show { left: 0; }
	a.blog-side-toggle { display: block; z-index: 1;}
/*  */

	a.blog-side-show { display: block; z-index: 1; position: fixed; top: 0; left: -4px; background: #333; color: #fff; border: none; }
    a.blog-side-hide { display: block; color: #000; font-size: 150%; padding: 0em; }
}