/*
Theme Name:     Responsive TIG
Theme URI:      http://themeid.com/responsive-theme/ 
Description:    Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into 40 languages. Cross-Browser compatible. No paid memberships or clubs to get Responsive help. http://cyberchimps.com/forum/free/responsive/  Modifications by TIG.
Author:         TIG
Author URI:     http://themeid.com
Template:       responsive
Version:        0.1.0
*/

/*
 * Start by including the style sheet for our parent style.
 */
@import url("../responsive/style.css");

#header {
	background-image: url("/m1/img/mojo_fill_56.png");
	height: 56px;
	margin-bottom: 4px;
	padding-left: 4%;
}

.brand {
	float: left;
	clear: none;
}	
.main-nav {
	float: left;
	clear: none;
	background: none;
}

#container {
	max-width: 100%;
	padding: 0;
	width: 100%;
}

#wrapper {
	background-color: rgb(238, 238, 238);
	border-radius: 6px 6px 6px 6px;
	margin-left: auto;
	margin-top: 0px;
	width: 90%;
}

.widget-wrapper {
	border-radius: 6px 6px 6px 6px;
}

.menu a:hover {
	background-color: transparent;
	background-image: none;
	color: rgb(0, 85, 128);
	font-weight: normal;
	text-decoration: underline;
}

.menu {
	background-color: transparent;
	background-image: none;
}

.menu .current_page_item a {
	background-color: transparent;
	background-image: none;
}

ul.menu > li:hover {
	background-color: transparent;
	background-image: none;
}
	
	
.menu a {
	border: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
}

#loginout-link a {
	color: rgb(238, 238, 238);
}


/*
 * Styles when things get "squishy".
 */
@media screen and (max-width: 767px) {
	#s {
		width: 3cm;
	}
	
	#searchsubmit {
		font-size: 10px;
		width: 9mm;
	}
	
	.js .main-nav #responsive_current_menu_item {
		color: transparent; 
		height: 22px;
		overflow: hidden;
		width: 12mm;
	}
	
	.js .main-nav {
		clear: left;
		margin-top: 10px;
	}
}
	
	
@media screen and (min-width: 768px) and (max-width: 800px) {
	#s {
		width: 4cm;
	}
}