/*
Theme Name: Harry Socks
Template: kiosk
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0
Author: Obox Design
*/
@import url("../kiosk/style.css");


#wrapper{padding-top: 0px; margin-top: 0px;}
#header-container{position: fixed; padding-bottom: 4px; z-index: 100;}
#header{padding-top: 20px; position: relative; margin: auto; border-bottom: 1px solid #ccc; background: #fff;}
#content-container{padding-top: 150px;}
.logo{float: left; width: 200px; margin: 0 auto -60px; text-align: center;}
.logo img{display: block; margin: auto;}
.logo .tagline{display: none;}

ul#nav {float: left; width: 300px; padding: 40px 0 0; font-size: 16px;}
ul#nav li{float: right; margin: 0px 0px 0px 30px;}
ul#nav li a{padding: 0px;}


	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#nav-2{float: left; width: 300px; padding: 40px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px;}
	ul#nav-2 li{float: left; margin-right: 30px; position: relative;}
	ul#nav-2 li a{display: block; padding: 0px; border-radius: 3px; color: #C87728;}
	ul#nav-2 li a:hover{color: #F29040;}
	ul#nav-2 li a:active{position: relative; top: 1px; padding-bottom: 3px;}
	
	
	/*--------------------------*/
	/*- SUB MENU ---------------*/
	ul#nav-2 ul.sub-menu, ul#nav-2 .children{display: none; padding: 0px; position: absolute; top: 28px; z-index: 10;
											background: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);}
	ul#nav-2 ul.sub-menu ul, ul#nav-2 .children ul{top: -2px; left: 160px;}
	ul#nav-2 ul.sub-menu li, ul#nav-2 .children li{clear: both; width: 160px; padding: 0px; margin: 0px; border-bottom: 1px dotted #ccc;}
	ul#nav-2 ul.sub-menu li:last-child, ul#nav-2 .children li:last-child{border-bottom: none;}
	ul#nav-2 ul.sub-menu li a, ul#nav-2 .children li a{display: block; padding: 3px 10px;}
	ul#nav-2 ul.sub-menu li a:hover, ul#nav-2 .children li a:hover{padding: 3px 7px 3px 13px;}
	
	
/*------------------------------*/
/*- FOOTER ---------------------*/
/*------------------------------*/	
	
	.footer-text{clear: both; margin-top: 30px; padding-top: 15px; border-top: 2px solid #e0e0e0 !important; color: #999; font-size: 12px; overflow: hidden;}
	.footer-text a{color: #999;}
	.footer-text .copyright{float: left; color: #999; font-size: 11px;}
	.footer-text .obox-credit{float: right; font-size: 11px;}
	
	/*--------------------------*/
	/*- WIDGET BLOCK -----------*/
	.footer-widgets{clear: both; margin-bottom: 40px; font-size: 12px; overflow: hidden;}
	.footer-widgets li.column{clear: none; float: left; width: 30%; margin: 0 5% 0 0;}
	.footer-widgets li.column:last-child{margin-right: 0;}
	.footer-widgets li.column:nth-child(3n+4){clear: left;}
	.footer-widgets li.column .widgettitle{padding: 0px 0px 10px; margin-bottom: 0px; background: none; font-size: 12px;}
	
	/*--------------------------*/
	/*- FOOTER CATEGORY MENU ---*/
	#footer-nav{margin-bottom: 10px; font-weight: bold; font-size: 12px; overflow: hidden;}
	#footer-nav li{float: left;}
	#footer-nav li ul{display: none;}
	#footer-nav li a{display: block; padding: 0px; margin: 0px 10px 0px 0px; text-decoration: none; font-weight: bold;}
	#footer-nav li a:hover{color: #000;}
	#footer-nav li:first-child a{padding-left: 0px;}
	
	
	/*--------------------------*/
	/*- MAIL CHIMP SIGN UP -----*/
	#mc_signup{padding: 15px; background: url(../../../harry-socks/files/2012/11/bg.jpg) center; color: #fff; border-radius: 5px; overflow: hidden;}
	#mc_signup_form{background: none; border: none;}
	.mergeRow{display: none;}
	#mc_unsub_link{display: none;}
	#mc_display_rewards{display: none;}
	
	.mc_error_msg{background: #fff; padding: 3px 5px; font-weight: bold; border-radius: 3px; margin-bottom: 8px;}
	.mc_success_msg{display: block; background: #fff; padding: 3px 5px; font-weight: bold; border-radius: 3px; margin-bottom: 8px;}
	#mc_subheader{margin-bottom: 15px;}
	.mc_merge_var label{font-size: 14px; font-weight: bold;}
	.mc_signup_submit{text-align: left; float: left;}
	


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

	#header-container{position: relative;}
	#header{padding-top: 0px;}
	#content-container{padding-top: 0px;}
	
	.logo{float: none;}
	ul#nav{float: none;}
	ul#nav-2{float: none;}
	
	/*---------------------------------------*/
	/*- NAVIGATION --------------------------*/
	ul#nav-2{padding: 0px; margin: 0px; float: none; border-top: 2px solid #f0f0f0;}
	ul#nav-2 li{float: none; margin: 0px; border-left: none; border-bottom: 1px dotted #ccc;}
	ul#nav-2 li:last-child{border-bottom: none;}
	ul#nav-2 li ul{display: none !important;}
	ul#nav-2 li a{padding: 5px 0px !important;}
		
}

/*---------------*/
/* iPad PORTRAIT */
@media only screen and (max-width: 768px) and (min-width: 481px) {}