@charset "utf-8";
/* Asklocal Webpage -- Dale --*/

/* Specific text styles begin */
h1, h2, h3, p, strong, #main-content li{color:#fff;text-decoration:none;font-family:verdana, Helvetica, sans-serif;}
h1{font-size:300%;padding-top:40px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
h2{padding:5px 0 10px 10px;font-size:200%;background:url(/media/themes/dale/h2_bg.gif) no-repeat top right;}
h1, strong, .address h3, .open-times h3{color:#369;}
a{color:#fff;}
.logo{float:left;margin:4px;background:#fff;padding:2px;border:1px solid #ccc;}
#navigation h3, .address h3, .open-times h3{font-size:130%;}
#content-right h3{background:url(/media/themes/dale/h3_bg.gif) no-repeat top right;}
#main-content {color:#fff;}
#main-content div {padding:0 10px;}
p, #main-content li{line-height:1.5em;color:#fff;margin-left:0px;padding:0px 10px;}
p{line-height:1.3em;margin-bottom:1em; text-align:left;}
#main-content ul{margin-left:30px;margin-bottom:1em;}
#main-content li {padding-left:0;}
#main-content a{text-decoration:underline;}
.label{color:#fff;}
h1{margin-left:10px;}
#main-content strong{color:#FFF;}
#navigation ul, .address ul, h3{margin-left:5px;}
/* Specific text styles ends  */

/* Layout style begins */
#container{background:#1a5182 url(/media/themes/dale/bg_container.gif) repeat-x top left;}
#main-content{background:#1a5182 url(/media/themes/dale/bg_content.gif) repeat-x top left;}
#navigation{width:211px;margin-top:10px;}
#main-content{width:533px;}
#content-right{width:220px;}
.img-container{padding:0px;margin:3px 10px;}
.img{border:#fff solid 2px;}
.address, .open-times{width:210px;background:#6bafeb;border:#fff 2px solid;margin:10px 0;}
.address li{margin-right:5px;}
.contactname{color:#FFF;font-weight:bold;}
.open-times{padding-bottom:5px;}
.open-times p{text-align:left;}	
/* Layout style ends */
		
/* Navigation Starts */
#navigation li, .address li, .img-link{padding:1px 0px;width:auto;}
#navigation li a, .address li a, .img-container a, .submit{color:#fff;display:block;line-height: 1.4;text-decoration:none;font-weight:bold;padding: 4px 5px;border: 2px solid rgb(223, 239, 250);background:#369;margin-bottom: 5px;}
#navigation li a:hover, .address li a:hover, .img-container a:hover{background:#abd5fa;color:#369;text-decoration:underline;}
/* Navigation Ends */

/* forms */
.submit{margin-right:90px;line-height:15px;}
.textfield {width: 339px; background-color:#D5E2EC; border:1px solid #FFF; padding: 2px;}
.textfield:focus {background-color:#FFF;}

/*======= Gallery =======*/
.gallery .thumb {width: 204px;}
.gallery .thumb a {display:block; width:150px; height:150px; overflow:hidden; margin: 0 auto; border:1px solid #ccc;}
.gallery .thumb img{border:none; padding:0; visibility:hidden;}
/* Styles End */

@media screen and (max-width: 480px) {
	#navigation {padding:0.5em;}
	#navigation ul {margin-left:0;}
	.img-container {max-width:70%;margin:1em auto;}
	.address, .open-times {display:block;max-width: 90%; margin:1em auto;}
	/* .gallery .thumb {width:45%;} */
}