/*
Theme Name: Burmese Kittens Brown
Description: Inherited.
Version: 10.0
Author: Inherited
Tags: inherited brown responsive
*/

/* SITE RULES */

#mobi-hdr-wr {
	display: none;
	}

div,
ul {
	overflow: hidden;
	}


body {
	font-family: 'Libre Franklin', sans-serif;
	margin: 0;
	font-size: 1em;
  	background: #FEDD8E; 
  	background: -webkit-linear-gradient(#FEDD8E, #997722); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#FEDD8E, #997722); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#FEDD8E, #997722); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#FEDD8E, #997722); /* Standard syntax */	}

h1 {
	margin: 0 0 .5em 0;
	}

h2,
h3,
h4,
h5 {
	margin: 0 0 .25em 0;
	}

h1 {
	font-size: 150%;
	font-weight: 700;
	color: #993322;
	}
	

h2 {
	font-size: 130%;
	font-weight: 700;
	color: #886611;	
	}

h3 {
	font-size: 90%;
	font-weight: 600;
	text-transform: uppercase;
	}

h4 {
	font-size: 150%;
	}

h5 {
	
	}

h6 {
	font-size: 90%;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
	}

p {
	font-size: 90%;
	line-height: 1.5;
	margin: 0 0 12px 0;
	}

ul {
	font-size: 90%;
	line-height: 1.4;
	margin: 0 0 12px 0;
	list-style-type: square;
	padding-left: 17px;
	}

a:link,
a:active,
a:visited {
	color: inherit;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;	
	}

.spacer {
	width: 100%;
	height: 15px;
	}

/* PAGES & CONTENT */

#all-wr {
	width: 1050px;
	margin: auto;
	}

#all-inner-wr {
	width: 1000px;
	margin: auto;
	}
	
#hdr-wr {
	height: 310px;
	}	

/* MAIN MENU */
	
#nav-wr {
	background-color: #886611;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}	

#main-nav {
	list-style-type: none;
	margin: 0;	
	padding-left: 0;
	font-size: 80%;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

#main-nav li {
	float: left;
	padding: 15px 0;	
	}

#main-nav li a {
	text-decoration: none;
	padding: 15px;
	}


#main-nav a:link,
#main-nav a:visited {
	color: #FFF;
	}

#main-nav a:hover,
#main-nav a:active {
	color: #FFF;
	background-color: #664700;
	}

#white-wr {
	background-color: #FFF;
	padding: 15px 20px 50px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

/* SIDEBAR */

#sidebar-wr {
	width: 250px;
	float: left;
	}

/* Contact Form */

.wpcf7 p {
	text-align: left;
	}

#sidebar-form input,
#sidebar-form select,
#sidebar-form textarea {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 100%;
	border: 1px solid #000;
	padding: 3px;
	color:  #000;
	width:  240px;
	}

#sidebar-form input[type="submit"] {
    width:  100px;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 90%;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 0;
    border: 1px solid #000;
    background-color:  #FFF;
    color: #000;
	}

#sidebar-form input:focus,
#sidebar-form select:focus,
#sidebar-form textarea:focus {
	outline: 1px solid #886611;
	}

#sidebar-form input[type="submit"]:hover,
#sidebar-form input[type="submit"]:active {
	background-color: #664700;
	color: #FFF;
   border: 1px solid #664700;  
	}

#sidebar-badges {
	width: 119px;
	height: 353px;
	margin: auto;
	}

/* CONTENT */

#content-wr {
	width: 550px;
	float: right;
	}

/* FOOTER */

#ftr-wr {
	padding: 10px 0;
	color: #FFF;
	font-size: 80%;
	text-align: center;	
	}

#ftr-wr p {
	margin: 0;	
	}	

/* RESPONSIVE */

@media only screen and (max-device-width: 600px) {

	#hdr-wr {
		display: none;
		}	
	
	#mobi-hdr-wr {
		display: inline;
		width: 247px;
		height: 247px;
		margin: 20px;
		}	
	
	body,
	#all-wr,
	#all-inner-wr,
	#hdr-wr,
	#nav-wr,
	#ftr-wr {
	width: 100%;
	margin-left: 0;
	margin-right: 0;	
	}
	
	#content-wr,
	#sidebar-wr {
		float: none;
		width: 90%;
		margin: auto;
		}
	
		
	#content-wr img {
		max-width: 100%;
		width: auto;
		height: auto;
		}	


	#nav-wr {
		margin-bottom: 0;
		}	
	
	#main-nav {
		list-style-type: none;
		margin: 0;	
		padding-left: 0;
		font-size: 80%;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		}
	
	#main-nav li {
		padding: 15px;
		width: 100%;
		float: none;
		border-top: 1px solid #FEDD8E;
		}

	
}