@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,900);
/* Color List : For Reference : #HEX | R.G.B
		Orange = #e6852e | 230, 133, 46
		Brown = rgb(129, 55, 11) | 164, 135, 118
		Bright Blue = #5f9f67 | 95, 159, 183
		Yellow = eec64b | 238, 198, 75
		Light Blue = e3ecee | 227, 236, 238 (@ 10% Opacity in Nav)
		Dark Blue = c7cfd0 | 199, 207, 208 (@ 80% Opacity) 
		Footer Blues = d2d9d9 - cdd5d6
		Footer Header Brown = #b39378
		Footer Blue Text = #938d87
		*/
		
/* 'Gimme Shelter' is a 3-layout Theme designed with animal shelters and other pet-themed 
sites in mind. It is a fairly basic Template with 3 layouts:

	v1: two column, left sidebar.
	v2: two column, right sidebar.
	v3: single column.
	
There is navigation in the header, footer, and sidebar

*/

/* Typography */
/* Raleway is the used for both headers and body copy. 900 is for the Site Name, 700 for Headers, and 400 for Body. */

	/* Reset the Reset */
	#body h1, #body h2, #body h3, #body h4, #body p, #body img, #body li, #body fieldset, #body form, #body, #body form, #body fieldset, #body input, #body textarea, #body button, #body figure #body h1, #body h2, #body h3, #body h4, #body p, #body label, #body table, #body tbody, #body thead, #body tfoot, #body tr, #body td
	{color:rgb(129, 55, 11); font-family:'Raleway'; line-height:1.6; letter-spacing:.05em; word-spacing:.1em;}

	#body .zbl-h1, #body .zbl-h2, #body .zbl-h3{color:#e6852e; font-family:'Raleway'; font-weight:700; padding:0 0 15px 0;}
		#body .zbl-h1{font-size:2em;}
		#body .zbl-h2{font-size:1.6em;}
		#body .zbl-h3{font-size:1.3em;}
	
	#body .sidebar .zbl-h1, #body .sidebar .zbl-h2, #body .sidebar .zbl-h3{margin:0; padding: 0 0 10px 0; text-transform:uppercase; font-size:1em;}
	#body .sidebar .zbl-p{font-size:.9em; padding:0 15px 0 0;}
	
	
	#body .footer .zbl-h1, #body .footer .zbl-h2, #body .footer .zbl-h3{color:#ece1d7; margin:0; padding: 0 0 10px 0; text-transform:uppercase; font-size:1em;}
	#body .footer .zbl-p{color:#84a3ad; font-size:.9em;}

	#body .zbl-p, #body a, #body .zbl-blockquote{padding:0 0 15px 0;}
	#body a, #body a:visited{color:#5f9fb7; text-decoration:none;}
	#body a:hover, #body a:active{color:#e6852e;}
	#body .zbl-li{list-style-type:circle;}
	#body .zbl-ul,	#body .zbl-ol{margin-bottom:25px;}
	#body .siteHeader .zbl-h1{display:block; font-size:3.4em; font-weight:900; line-height:100px; margin:0 auto;}

/* Navigation */

	#body .sidebar a, #body .sidebar a:visited{color:#eec646; text-decoration:none;}
	#body .sidebar a:hover, #body .sidebar a:active{color:#5f9f67; text-decoration:none;}

	#body .hNav{background:#fff; color:rgb(129, 55, 11); font-family:'Raleway'; font-weight:400; min-height:25px;}
		#body .hNav .navigation{width: 100%; text-align: right;}
		#body .hNav ul{float:right; padding:10px;}
			#body .hNav ul li{display:inline; font-size:.8em; padding:0 10px 0 0;}
			#body .hNav ul li.last{padding:0;}
				#body .hNav ul li a, #body .hNav ul li a:visited{color:rgb(129, 55, 11);}
				#body .hNav ul li a:active, #body .hNav ul li a:hover{color:#e6852e;}
	
	#body .sidebar .navigation{margin-bottom:15px;}
		#body .sidebar .navigation li{display:block; padding:.5em 1em; text-align:right;}
		#body .sidebar .navigation li:first-child{border-radius:0 1em 0 0;}
		#body .sidebar .navigation li:nth-child(odd){background:rgba(227, 236, 238, .2);}
		#body .sidebar .navigation li:hover{background:rgba(227, 236, 238, 1);}
		#body .sidebar .navigation li a, #body .sidebar .navigation li a:visited{color:rgb(129, 55, 11);}
		#body .sidebar .navigation li a:active, #body .sidebar .navigation li a:hover{color:#e6852e; font-weight:700;}
		#body .navigation li a.selected{font-weight:700; cursor:default; color:rgb(129, 55, 11)!important;}
		
/* Site Structure */

#body{background:rgb(227, 236, 238);}
#body .row{margin-bottom:0;}
#body .siteHeader{background:#c7cfd0 url(../images/diagonal.png);}
	#body .siteHeaderInside{margin:0 auto; padding:1em;}
	#body .logo{width:100px; height:100px; float:left; padding:0 1em 0 0;}
	#body .logo img{width:100px; height:100px;}

	#body .content{margin:0 auto; width:70%; float:right;}
		#body .contentInside{padding:1em; max-width:45em; background:#fff url(../images/paw.png) no-repeat top right; margin-top:-1em; border-radius:1em 1em 0 0; min-height:600px; min-width: 90%;}

	#body .sidebar{width:30%; float:left;}
		#body .sidebarInside{max-width:15em; float:right; min-width: 90%;}
		#body .sidebar-content-area{padding:1em;}


/* the footer column widths/paddings/margins should follow the same pattern as the content/sidebar in order to maintain alignment */
#body .footer{background:#1e333a; color:#84a3ad; clear:both; min-height:300px; padding:1em; overflow:hidden;}
	#body .footerRow{margin:0 auto; width:100%;}
		#body .footer1{width:70%; float:right;}
			#body .footer1 .inside{max-width:45em; float:left; padding:1em; max-width:45em; min-width: 90%;}
		#body .footer2{width:30%; float:left;}
			#body .footer2 .inside{max-width:15em; float:right; padding:1em; max-width:15em; min-width: 90%;}
	
/* Layout 2 -- Right Sidebar -- */

#body.v2 .sidebar{float:right;}
	#body.v2 .sidebar .sidebarInside{float:left;}
#body.v2 .content{float:left;}
	#body.v2 .content .contentInside{float:right;}
	#body.v2 .sidebar .navigation li{text-align:left;}
	#body.v2 .footer1, #body.v2	.footer2 .inside{float:left;}
		#body.v2 .footer1 .inside, #body.v2	.footer2{float:right;}

/* Layout 3 -- Single Column -- */	
	
#body.v3 .content{width:100%; margin-left:0;}
	#body.v3 .contentInside{min-width:auto; margin:0 auto; background:#fff url(../images/paw.png) no-repeat top right; margin-top:-1em; border-radius:1em 1em 0 0;}
	#body.v3 .footer1{margin:0 auto; float:none; width:100%;}
	#body.v3 .footer1 .inside{max-width: 45em; float: none; width: 70%; margin: 0 auto;}


/* Media Queries */

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px){
	#body.mobileLayout .content, #body.mobileLayout .sidebar, #body.mobileLayout .footer1, #body.mobileLayout .footer2{float:none; width:95%; max-width:95%; margin:0 auto; overflow:hidden; clear:both; text-align:left;}
	#body.mobileLayout .content, #body.mobileLayout .sidebar{ background:#fff; overflow:hidden;}
	#body.mobileLayout .sidebar {padding-top:2em; border-top:1px solid rgb(243, 243, 243);}
	#body.mobileLayout .content{margin-top:-1em; border-radius:1em 1em 0 0;}
	#body.mobileLayout .contentInside, #body.mobileLayout .sidebarInside{float:none; max-width:100%;}
	#body.mobileLayout .footer1 .inside, #body.mobileLayout .footer2 .inside{max-width:100%; text-align:left; float:none;}
	#body.mobileLayout .siteHeaderInside div {clear:both; margin:0 auto; text-align:center; float:none;}
	}

/* Buttons */
	#body .zbl-Btn, #body input.buttonFamily, #body .formSubmit .zbl-Btn, #body input.poll-vote-button{background:#fff; border:1px solid #eeeeee; border-radius:5px; color:#5f9fb7; font-weight:400; font-size:1em; text-decoration:none; text-shadow:0 0 0; line-height:1em; padding:5px; margin:5px;}
	#body .zbl-Btn:hover, #body input.buttonFamily:hover, .addonButton:hover, #body .formSubmit .zbl-Btn:hover, #body input.poll-vote-button:hover{background:#c7cfd0; border:1px solid #c7cfd0; box-shadow:0 0 0 #fff inset; color:#e6852e;}
	#body .zbl-Btn:active, #body input.buttonFamily:active, .addonButton:active, #body .formSubmit .zbl-Btn:active, #body input.poll-vote-button:active{border:1px solid #c7cfd0; box-shadow:0 0 0 #fff inset; color:#e6852e;}
	/* additional styling options for buttons only */
	#body .big .zbl-Btn .btnInt2{font-size:18px; padding:10px 15px 8px}
	#body .transition .zbl-Btn{-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out}
	#body .notransition .zbl-Btn{-webkit-transition:all 0s ease-out; -moz-transition:all 0s ease-out; -ms-transition:all 0s ease-out; -o-transition:all 0s ease-out; transition:all 0s ease-out}
	
/* Contact Form & Poll */
#body .formContainer, #body .pollContainer{background:transparent; border:0; border-radius:0; box-shadow:0 0 0; margin-top:15px;}
#body .formContainer .hd, #body .pollTitle{background:transparent; color: #e6852e; border-bottom:0; font-family: 'Raleway'; font-weight: 700; border-radius: 0; margin:0; padding: 10px 5px;}
#body .formContainer .hd2, #body .pollContainer .poll-question{background:transparent; color: #e6852e; border-bottom:0; font-family: 'Raleway'; font-weight:700; font-size:.9em; padding:10px 5px; text-align:left;}
#body .formContainer label, #body .formContainer input, #body .formContainer textarea, #body .pollContainer label, #body .pollContainer input{color:rgb(129, 55, 11); font-family: 'Raleway'; font-weight:400;}
#body .formContainer .rdLabel, #body .pollContainer label{font-size:.9em;}
#body .poll-question{margin:0;}
#body .pollFooter, #body .formFooter{background:transparent;}
#body .formCap, #body .poll-buttons{padding:15px 0 0 0;}
#body .poll-results{font-size:.7em;}
	/* Button Margins */
	#body .formSubmit .zbl-Btn{margin: 0 -16px 0 0;}
	#body .sidebar .poll-vote-button{margin:0; color:#5f9fb7;}
	#body .formFrame .error-block {margin: 0 10px 10px 10px;}
	#body .sidebar .poll-results{margin:5px 10px 0; color:#5f9fb7;}
	
	
/* Contact Form in Content Area */
	#body  .formContainer .hd, #body .sidebar .pollTitle{text-transform: uppercase; font-size: 1em;}
	#body .formField input:focus, #body .formField textarea:focus, #body .footer .formField input:focus, #body .footer .formField textarea:focus{ 
		border: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; background: #ffffff;}
	#body .formField input, #body .formField textarea, #body .footer .formField input, #body .footer .formField textarea{ 
		border: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; background:#eff4f5;}
	#body .formContainer .hd, #body .pollTitle, #body .formSubmit .zbl-Btn, #body .poll-vote-button
		{border: 1px solid #c8dce6; border-radius:0;}
	#body .formContainer .hd2, #body .pollContainer .poll-question, #body .formContainer .formField, #body .poll-choice
		{border-left: 1px solid #c8dce6;}
	#body .formCap, #body .poll-buttons{border-top:1px solid #c8dce6;}
	#body .formCap, #body .poll-buttons{border-right: 1px solid #c8dce6;}
	#body .formSubmit .zbl-Btn, #body .sidebar .poll-vote-button{border-right: 0;}
	
/* Contact Form and Poll in Sidebar */
	#body .sidebar .formContainer .hd, #body .sidebar .pollTitle{text-transform: uppercase; font-size: 1em;}
	#body .sidebar .formField input:focus, #body .sidebar .formField textarea:focus, #body .footer .formField input:focus, #body .footer .formField textarea:focus{ 
		border: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; background: #e3ecee;}
	#body .sidebar .formField input, #body .sidebar .formField textarea, #body .footer .formField input, #body .footer .formField textarea{ 
		border: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; background:rgba(228, 232, 233, 0.45);}
	#body .sidebar .formContainer .hd, #body .sidebar .pollTitle, #body .sidebar .formSubmit .zbl-Btn, #body .sidebar .poll-vote-button
		{border: 1px solid #eee; border-radius:0;}
	#body .sidebar .formContainer .hd2, #body .sidebar .pollContainer .poll-question, #body .sidebar .formContainer .formField, #body .sidebar .poll-choice
		{border-left: 1px solid #eee;}
	#body .sidebar .formCap, #body .sidebar .poll-buttons{border-top:1px solid #eee;}
	#body .sidebar .formCap, #body .sidebar .poll-buttons{border-right: 1px solid #eee;}
	#body .sidebar .formSubmit .zbl-Btn, #body .sidebar .poll-vote-button{border-right: 0;}
	
	/* Contact Form and Poll in Footer */
	#body .sidebar .formContainer .hd, #body .sidebar .pollTitle{text-transform: uppercase; font-size: 1em;}
	#body .sidebar .formField input:focus, #body .sidebar .formField textarea:focus, #body .footer .formField input:focus, #body .footer .formField textarea:focus{ 
		border: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; background: #e3ecee;}
	#body .sidebar .formField input, #body .sidebar .formField textarea, #body .footer .formField input, #body .footer .formField textarea{ 
		border: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; background:rgba(228, 232, 233, 0.45);}
	#body .sidebar .formContainer .hd, #body .sidebar .pollTitle, #body .sidebar .formSubmit .zbl-Btn, #body .sidebar .poll-vote-button
		{border: 1px solid #eee; border-radius:0;}
	#body .sidebar .formContainer .hd2, #body .sidebar .pollContainer .poll-question, #body .sidebar .formContainer .formField, #body .sidebar .poll-choice
		{border-left: 1px solid #eee;}
	#body .sidebar .formCap, #body .sidebar .poll-buttons{border-top:1px solid #eee;}
	#body .sidebar .formCap, #body .sidebar .poll-buttons{border-right: 1px solid #eee;}
	#body .sidebar .formSubmit .zbl-Btn, #body .sidebar .poll-vote-button{border-right: 0;}
	
/* Contact Form and Poll in Footer */
	#body .footer .hd, #body .footer .hd2{color:#ece1d7;}
	#body .footer .formContainer .hd, #body .footer .pollTitle{text-transform: uppercase; font-size: 1em;}
	#body .footer .formField input:focus, #body .footer .formField textarea:focus, #body .footer .formField input:focus, #body .footer .formField textarea:focus{ 
		border: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; background: #e3ecee;}
	#body .footer .formField input, #body .footer .formField textarea, #body .footer .formField input, #body .footer .formField textarea{ 
		border: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; background:transparent url('../images/ffbg.png');}
	#body .footer .formContainer .hd, #body .footer .pollTitle, #body .footer .formSubmit .zbl-Btn, #body .footer input.poll-vote-button
		{border: 1px solid #2a3f45; border-radius:0;}
	#body .footer .formContainer .hd2, #body .footer .pollContainer .poll-question, #body .footer .formContainer .formField, #body .footer .poll-choice
		{border-left: 1px solid #2a3f45;}
	#body .footer .formCap, #body .footer .poll-buttons{border-top:1px solid #2a3f45;}
	#body .footer .formCap, #body .footer .poll-buttons{border-right: 1px solid #2a3f45;}
	#body .footer .formSubmit .zbl-Btn, #body .footer input.poll-vote-button{background:#36494f; border-right: 0;}
	#body .footer .formContainer label, #body .footer .formContainer input, #body .footer .formContainer textarea, #body .footer .pollContainer label, #body .footer .pollContainer input{color:#84a3ad;}