/* CSS Document */

/** all mobile width style settings **/
@media
	screen and  (min-width: 621px) and (max-width:1050px),
	all and (min-width: 621px) and (max-device-width:1050px){
		
		#left-bar {width:230px !important; float:left; padding-left:20px;}
	}

@media
	screen and  (max-width:620px),
	all and (max-device-width:620px){
		
		#toucanCookieMessage {display:none !important;}
		html {margin:0; padding:0; width:100% !important;}
		body {width:100% ; min-width:0px; background:#000; top:0; left:0px;} 
		.fb {display:none;}
		
		#nl-signup-popout {display:none !important;}
		
			#left-bar .logo {background:none;}	
		.splash-logo {width:90%; margin:0 auto 10px;}
		
		#wrapper {height:100% !important; width:100% !important; max-width:100% !important;  }
		#mid {width:100% !important; padding:10px 0 0 0 !important;}

		.splash {font-size:13px; padding:0;}
			
		.splash h1 {font-size:24px; margin:0px; text-align:center; background:url(../img/dot-h.png) top left repeat-x; padding:10px 0;}	
			
		.splash .left, .splash .right {float:none; display:block; width:95%; margin:0 auto; text-align:left;}
		.splash .book  {position:relative; top:0; left:0 !important; width:100%; padding:20px 0 0; text-align:center;}
		.splash .floatspace  {display:none;}
		
		.splash .photo {width:85%; margin:0px auto 10px !important; float:none !important; display:block;}
		
		#foot {width:95% !important; margin:0 auto; background:url(../img/dot-h.png) top left repeat-x; padding:20px 0 0 0; } 
		#foot .copyright {width:95% !important; margin:0 auto;}
		
		#foot .divd {width:95% !important; margin:0 auto; padding:0 0 20px; border:none;}

		#left-bar {float:none; display:block; width:100%; margin:0 auto !important;}

		#main {float:none; display:block; clear:both; width:100%; margin:0 auto; background:none;}
		#main .content {padding:0px 0 0 0;}
		.bodytext { padding:20px 10px !important;}
		
		ul.menu  {padding:20px 0 0 0; background:url(../img/dot-h.png) top left repeat-x;}
		
		.abchurch ul.menu li.title {font-weight:bold; padding:4px 10px; font-size:1.1em; background:#0a0a0a;}
		ul.menu li {font-size:12px; border:#333 0px solid; border-width: 0 0 1px; padding:2px 10px;}
		ul.menu li span {font-size:11px; width:35px;}
		ul.menu span.space {display:block; height:1px; overflow:hidden; float:none; width:100%; }
		ul.menu span.c {display:block;height:1px; overflow:hidden; float:none;}
		
		.booktab {display:block; float:none; height:60px;}
		.abchurch .booktab a{position:relative; width:98%; margin:auto; left:0px; max-width:284px; height:40px; margin:10px auto; background: url(../img/tab-red-responsive.png) top left no-repeat; background-size:100%;}
		.abchurch .booktab a span {padding-top:7px;}
		
		.ironmonger .booktab a{position:relative; width:98%; margin:auto; left:0px; max-width:284px; height:40px; margin:10px auto; background: url(../img/tab-green-responsive.png) top left no-repeat; background-size:100%;}
		.ironmonger .booktab a span {padding-top:7px;}
		#rotator {width:100%;}
		
		#rotator  .slide-title {top:5px; padding:10px;}
		#rotator  .slide-title h2 {padding:0 0 5px; font-size:16px;}
		#rotator  .slide-title p {font-size:11px;}
		
		.jshowoff-controls a.jshowoff-next, .jshowoff-controls a.jshowoff-prev {top:50px;}
		
		#navigation {width:100%; margin:0; padding:0 0 0px;}
		#navigation ul { padding:0px !important; margin:0 auto !important; border:#3e3e3e 0px solid; border-width:1px 0 0 0; width:100%; text-align:center;}
		#navigation ul li {margin:0 !important; padding:0 !important;}
		#navigation ul li a {display:block; background:#131313; padding:6px 15px; border:#3e3e3e 0px solid; border-width:0 0 1px 0; font-size:14px;} 
		
		#navigation ul li ul li {position:relative;}
		#navigation ul li ul li a {background:#252525; }
		
		.errormessage p, .successmessage p {padding:0 0 0px !important;}
		
		.nl-signup-cont .cont {width:70%;  background:#fff; margin:10px auto 0; padding:15px; border-radius:7px;}
		#nl-signup h2 {text-shadow:none; padding:0 10px 5px 0; font-size:14px;}
		#nl-signup input[type=text] {width:90%; border:#666 1px solid; padding:3px; margin:0 auto; font-size:13px;}

	}
	
@media
	screen and  (max-width:260px),
	all and (max-device-width:260px){
	
		.abchurch .booktab a span {padding-top:5px;}
		.ironmonger .booktab a span {padding-top:5px;}
		
	}