/*
 * Navigation
 */
#navigation {
	box-shadow: 0px 10px 30px #826c56;
}

/*
 * Content
 */
.masthead {
	text-align: center;
}

#content p.photoborder img {
	float: right;
	margin: 10px;
}

#content {
	margin-top: 40px;
}

#content h1 {
	font-size: 205%;
	margin: 0 0 15px 0;
}

#content .masthead img {
	box-shadow: 1px 1px 5px #605040;
}

/*
 * Gallery page
 */
div.theme-default div.pagination span.prev {
	left: 0px;
}
div.theme-default div.pagination span.next {
	right: 0px;
}

/*******************************************************************
  CONTACT FORM
*******************************************************************/

.form {
	margin: 0 0 20px 0;
}

/* Contact form inputs and text areas*/
.form input[type='text'], .form textarea {
	max-width: 50%;
	border: 1px solid #CCC;
	padding: 0.5em 0.75em;
	background-color: white;
	font-family: inherit;
	color: #757575;
	-webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
	-moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
	transition: box-shadow 0.45s, border-color 0.45s ease-in-out; 
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	font-size: 16px;
	color: #000;
}

/* Resizes the text area*/
.form textarea {
	width: 90%;
	max-width: 95%;
	height: 150px;
}

/* Removes the Chrome outline on focus, and produces an animation*/
.form input[type='text']:focus, .form textarea:focus {
	-webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
    border-color: #999; 
    border-color: #999;
    outline: 2px solid #757575;
}

.form input[type="radio"] {
	margin: 0 5px;
}

/* Submit button for the form*/
.form .submit {
	display: inline-block;
	width: 180px;
	border-style: none;
	padding: 9px 15px 9px 15px;
	background-color: #F68433;
	text-decoration: none;
	text-align: center;
	font: 17px Frank Ruhl Libre, Myriad Pro, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 3px;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

/* Submit hover state*/
.form .submit:hover,
.form .submit:focus {
	background: #757575;
	text-decoration: none;
}

/* Contact form error messages*/
.form strong.required, .form div.error {color: #c73232}

.required {
	color: #FF0000;
}
/* Surrounds the inputs witha  red border if an error is found on submit*/
.form input.error,.form textarea.error {border: 1px solid #c73232}

/* Hides error messages above individual inputs*/
.form p.error {display: none !important} 

/* The contact form success container. Displays a thank-you messgae*/
.form_success {
	background: #492A0A;
	border-radius: 5px;
	color: #fff;
	display: none;
	margin: 30px 0 30px 0;
	padding: 15px 20px 5px 20px;
	text-align: center;
	width: intrinsic;
}

.robotic {
    display: none;
}








@media handheld, only screen and (max-width: 890px) {

/*
 * Content
 */
#content p.photoborder {
	display: block;
	text-align: center;
}

#content p.photoborder img {
	display: block;
	float: none;
	margin: 10px auto;
}

#content h1 {
	text-align: center;
}

#content ul {
	margin-left: 15px;
}

#content .fourcol {
	display: none;
}

}

@media handheld, only screen and (max-width: 420px) {
/*
 * Navigation
 */
#navigation ul li a {
    font-size: 100%;
    line-height: 33px;
    padding: 0 12px;
}

/*
 * Content
 */
#content {
    margin-top: 20px;
}

#content h1 {
	font-size: 155%;
}

}