@charset "utf-8";
/* Asklocal Webpage -- Accessible  --*/
/* Specific text styles begin */
h1, h2, h3, p, strong, #main-content li, .label{color:#FFFF00; text-decoration:none; margin-left:5px; font-family:Arial, Helvetica, sans-serif;}
strong {margin-left: 0;}
h1{font-size:300%; font-weight:bold; padding-top: 40px;}
h3{font-size:150%;}
a, #footer a {color:#ff0;text-decoration:none;}
a:hover, #footer a:hover {color:#ff0; text-decoration:underline;}
.logo {float:left; margin:10px; background: #fff; padding:2px; border: 1px solid #484848;}
#main-content h2{padding-bottom:5px; font-size:200%; margin-left: 10px;}
p, #main-content li{font-size: 1.1em; line-height:1.5em; color:#00E1E8; margin-left:0px;padding:0px 10px;}
#main-content p{margin-bottom:1em;}
#main-content li{margin-left: 20px;}
.address p, .open-times p{font-size:1.1em; padding-left: 70px; text-align:left;}
.address h3, .open-times h3 {margin-left: 0;}
.address-inner {background: url(/media/themes/red/red_address_icon.gif) no-repeat left top;}
.open-times-inner {background: url(/media/themes/red/red_open_icon.gif) no-repeat left top;	min-height:50px; height:auto !important;  /*fix for IE6*/ height:50px;	}
#navigation ul, .address ul{margin-left:5px;	margin-right:5px;}
#content-right p.zoom {font-size:0.9em; margin:0 auto 5px auto;}
/* Specific text styles ends  */
	
/* Layout style begins */
body, .header, #container {background: #2F2F2F;}
.header {height:150px;background:#161616; border:1px dashed #999; margin-top:10px;}
#main-content, #content-right, #navigation{margin-top:20px;	border: 1px dashed #999; background:#161616;}
#main-content{ border-bottom:none;}
#navigation{width:211px;display: inline;}
#main-content {display: inline;	width:500px;min-height:570px;}
#content-right{display: inline;	width:250px;}
.img-container{padding:0px; margin: 3px 10px;display:inline;}
.img-container a:hover {color:#FF0;}
.img{padding:3px; background-color:#2F2F2F; margin:2px;}
.address, .open-times{margin-bottom:10px; padding-bottom:5px; width:241px; min-height: 100px;height:auto !important; /*fix for IE6*/height:100px; border-bottom:1px solid #484848;}
#footer {border-top:1px dashed #999999;}
#footer, #footer p {background:#161616;color:#00E1E8;}
#map {margin-left:15px;}

/* Layout style ends */
		
/* Navigation Starts */
#navigation li, .address li, .img-link{padding:1px 0px; width:auto;}
#navigation li {margin-bottom:5px;}
#navigation li a, .address li a, .img-container a{background: #1e1e1e; font-weight:bold; color:#00E1E8;display:block; text-decoration:none;
border:1px solid #484848;	padding:7px 5px;}
#navigation li a:hover, .address li a:hover {background:#484848;color:#FFFF00;text-decoration:underline;}
.img-container p{width:auto; margin:3px 0px; padding:0px;}
.img-container a:hover span {text-decoration:underline;}
/* Navigation Ends */

/* Form Starts */
.textfield {color: #FF0; width: 339px; background-color:#484848; border:1px solid #AAA; padding: 4px; margin-bottom:5px;}
.textfield:focus {background-color:#2F2F2F;}
form label strong {font-size:larger; margin-top:5px;}
/* Form Ends */

/*======= Gallery =======*/
.gallery .thumb {width: 220px;}
.gallery .thumb a {display:block; width:150px; height:150px; overflow:hidden; margin: 0 auto;  border:4px solid #484848;}
.gallery .thumb img{border:none; padding:0; visibility:hidden;}

/*------- End Gallery -------*/

.submit{font-weight:bold; color:#00E1E8;border:1px solid #999; margin-right: 50px; margin-bottom:5px; line-height:15px; background:#484848;cursor:pointer;}
.submit:hover {color: #FF0; border:1px solid #FF0;}
.formentry {height:1px;}
/* Styles End */


@media screen and (max-width: 480px) {
	.header, #main-content, #content-right, #navigation, #footer {border:none;}
	.address, .open-times {display: inline-block;padding:0.5em;}
	#content-right, #main-content {display: block;}
	/* .gallery .thumb {width: 45%;} */
}