body{font-family: verdana; font-size: 16px;}
body{
    /* transitions */
    -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
}
.gallery{}
.gallery .item{float: left; margin: 0 5px 5px 0; position: relative; border: solid 8px #EEEEEE; }
.gallery .item img{max-width: 100%; width: 100%; height: auto; opacity: 1; filter: alpha(opacity=100);}
.gallery .item .alt{display: block; padding: 6px 3px; background: rgba(255, 255, 0, 0.34) none repeat scroll 0% 0%; font-size: smaller; text-align: center; margin: 0px 0px 0px 6px; width: 144px; border-radius: 0px 0px 13px 13px; position: absolute; bottom: 6px; min-height: 31px;}


#content{width: 100%; top: 0; position: inherit;}
.site-title, .site-title a {color:#FFF; text-decoration: inherit; margin: 0; padding: 0;text-transform: none;}
.site-title {font-family: "Lobster", cursive}
.site-title {font-size: 4em; font-weight: 300;}

.site-description, .site-description a {color: #FFF; padding: 0; margin: 0; xxfont-size: 15px;}
.site-description a{text-decoration: none; font-weight: bold;}

.logo {padding: 0; margin: 0; margin-bottom: 10px;}
.logo img {max-width: 150px; height: auto; width: 100%;}

.menu, .menu a{color: #FFF; padding: 0; margin: 5px 0; xxfont-size: 16px;}
.menu{margin-top: 20px;}
.menu a{text-decoration: underline;}

.form{padding: 0; margin: 0; font-family: Oswald, verdana; color: #FFF;}
.form input, .form textarea{padding: 5px; max-width: 400px; width: 97%; xxfont-size: 15px; opacity: .6; }
.form textarea{max-height: 200px; height: 97%;}
.form .submit{padding: 5px; max-width: 100px; width: 100%; xxfont-size: 15px; font-weight: bold; }

.error{font-size: 14px; background: rgba(240, 30, 30, 0.54) none repeat scroll 0% 0%; display: inline-block; padding: 5px;}
.success{font-size: 14px; background: rgba(111, 240, 98, 0.5) none repeat scroll 0% 0%; display: inline-block; padding: 5px;}


@media only screen and (max-width: 740px) {
	html, body{height: auto;}
	body{background-attachment: fixed;}
	.site-title {font-size: 3em;}
	.logo img {max-width: 150px;}
	.site-description, .site-description a {xxfont-size: 13px;}
	.menu, .menu a{xxfont-size: 14px;}
}
