/*
Theme Name: Inspector by InspectorPages (responsive)
Theme URI: http://inspectorpages.com
Author: Chris M. (of InspectorPages.com)
Author URI: http://inspectorpages.com/
Description: Stylish theme designed specifically for inspectors
Template: inspectorpages
Version: 1.0
*/


/* Body and Container */
body { font-family: Arial, Helvetica, sans-serif; }
body.page { padding: 0; }
#container { margin: 0 auto; border-top: none !important; border-bottom: none !important; }


/* Main */
#main { line-height: 1.3em; }
.sidebar_left #main, .sidebar_none #main { background: white url('images/bg_main_left.png') left top repeat-y; }
.sidebar_left #container { background: white url('images/bg_main_left.png') 240px 0px repeat-y; }
.sidebar_right #main { background: white url('images/bg_main_right.png') right top repeat-y; }
.sidebar_right.medium #container { background: white url('images/bg_main_right.png') 599px 0px repeat-y; }
.sidebar_right.narrow #container { background: white url('images/bg_main_right.png') 519px 0px repeat-y; }
.sidebar_right.wide #container { background: white url('images/bg_main_right.png') 709px 0px repeat-y; }
#main h1 { font: 20pt Garamond, Georgia, "Times New Roman", Times, serif; color: #785300; margin-bottom: 7px; }
#main h2 { font: 19pt Garamond, Georgia, "Times New Roman", Times, serif; margin-bottom: 7px; }
.highlight { background-color: #ffc; }


/* Header */
#header { margin: 0; padding: 0; }
#container #site-title { height: 210px !important; margin:0; background: url('images/head_right.png') 339px 0px no-repeat; padding: 0 0 0 386px; width: 100%; }
#container #site-title p { margin: 0;}
#site-title h1 { padding: 24px 15px 0 20px; overflow: hidden; white-space: nowrap; font: bold 16pt Garamond, Georgia, "Times New Roman", Times, serif; }
#site-title h2 { padding: 0 15px 0 20px; margin-bottom: 12px; font-size: 11pt; line-height: 110%; overflow: hidden; font-weight: normal; }
#main-contact { padding: 0 15px 0 20px; font: bold 20pt Garamond, Georgia, "Times New Roman", Times, serif; white-space: nowrap; overflow: hidden; height: 55px; }
#main-contact a { text-indent: -99999px; display: block; width: 118px; height: 43px; float: left; background: url(images/contact-off.gif) no-repeat; margin-right: 15px; }
#main-contact a:hover { background: url(images/contact-on.gif); }
#main-tagline { padding: 15px 15px 0 0px; white-space: nowrap; overflow: hidden; height: 50px; width: 450px; vertical-align: middle; display:table-cell; font: 23pt Garamond, Georgia, "Times New Roman", Times, serif; }
#separator { height: 13px; background: url(images/separator.gif) repeat-x; }

/* Text-Fit Specific */
#width-container { display: block; margin: 0; padding: 0; }
.medium #width-container { width: 450px; }
.narrow #width-container { width: 350px; }
.wide #width-container { width: 550px; }


/* Footer */
#footer { clear: both; margin: 0 auto; background: #a49572 url(images/footer.gif) top center repeat-y; border-top: 1px solid #828282; position: relative; font: 14pt Garamond, Georgia, "Times New Roman", Times, serif; color: black; }
#footer a:hover {  }
#logos { text-align: right; padding: 10px; }
#logos img { padding: 10px; }


/* Sub Footer */
#subfooter { clear: both; border-top: 1px solid #c1b79f; background: #564827 url(images/copyright.gif) top center repeat-y; font-size: 9pt; text-align: center; padding: 10px; color: #b9b2a0; }
#subfooter a:link, #subfooter a:visited, #subfooter a:active { color: #ffffff; }


/* Sidebar */
#sidebar { padding-bottom: 20px; padding-top: 13px; }
#sidebar .widget { margin: 15px; }
#sidebar h2 { font: 18pt Garamond, Georgia, "Times New Roman", Times, serif; color: #785300; margin: 0 0 7px 0; }
#sidebar ul { padding-bottom: 5px; }
#sidebar li a { display: block; margin: 0; padding: 5px 0 5px 10px; border-bottom: 1px solid #c6c4be; text-decoration: none; color: #000; }
#sidebar li.active a, #sidebar li.active a:hover { color: #785300; cursor: default; text-decoration: none; font-weight: bold; background-color: #fff; padding-left: 7px; }
#sidebar li a:hover { color: #30f; text-decoration: underline; }
#sidebar img.avatar { padding: 0 17px 17px 17px; }
#sidebar ul.sub-menu li { padding-left: 10px; }

/**
 * Responsive fixing
 */
.alignright, 
.alignleft {
	margin-top: 8px;
	margin-bottom: 8px;
}

#container #site-title,
.wide #width-container {
	width: auto;
}

body.wide #container {
	width: auto;
	max-width: 960px;
}

body.wide #main {
	width: calc(100% - 240px);
	margin-left: 0;
}

.wide #footer div.footer-column {
	width: 32%;
	width: calc(33.333333333% - 10px);
}

#footer .widget#nachi_logo_widget-3 {
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (max-width: 860px) {
	#container #site-title {
	    background-position: 250px 0px;
	    padding-left: 300px;
	}
}

@media screen and (max-width: 767px) {
	a {
		word-break: break-word;
	}

	#header {
		padding-top: 200px;
	    min-height: initial;
	    background-repeat: no-repeat;
	    background-position: center top;
	}

	.wide #width-container {
		width: auto;
	}

	#container #site-title {
		width: auto;
	    height: auto !important;
	    padding: 0;
	    background: #fff;
	}

	#main-tagline {
	    background: #f5f2eb;
	    width: auto;
	    display: block;
	    padding: 15px;
	    white-space: normal;
	    height: auto; 	
	}

	#site-title h1 {
		white-space: normal;
	}

	body.wide #main,
	body.sidebar_left #sidebar,
	.wide #footer div.footer-column {
		width: auto;
		float: none;
	}

	.sidebar_left #container, 
	.sidebar_left #main {
		background: #fff;
	}

	.post,
	.fourohfour {
		padding-left: 15px;
		padding-right: 15px;
	}

	#footer .widget {
		padding: 20px 15px 0 !important;
	}

	#footer .widget p {
		text-align: left !important;
	}
}

@media screen and (max-width: 600px) {
	.alignleft,
	.alignright {
		float: none;
		margin: 10px 0;
	}
}