/*
Theme Name: easthamptonlocksmith.net
Theme URI: http://easthamptonlocksmith.net
*/

body{background:#fff;font-family:Arial,sans-serif;font-size:13px;color:#222;padding:0;margin:0}
*{padding:0;margin:0}
a{color:#047;text-decoration:none}
a:hover{color:#c00}
.container{width:800px;margin:0 auto;position:relative;overflow:hidden;}
.container img {max-width:100%;height:auto;margin:5px;}

/* --- header --- */
#header {background:#12768e url(images/header.png) repeat;margin:0;padding:15px 0;height:98px;border-top:5px solid #000;}
#logo {float:left;width:50%;margin:0;line-height:98px;}
#logo img {height:75px;width:auto;max-width:100%;padding:5px 0;}
#phone {float:right;padding:12px 0 0;width:50%;line-height:30px;text-align:right;font-size:2em;color:#ccffff;}
#phone a {color:#ccff66;}

/* --- menu --- */
#menu {position:relative;background:#1bafd5;}
#menu ul {padding:0;margin:0;}
#menu ul li {display:block;float:left;width:auto;padding:10px 5px;transition: all 2.7s ease 1.5s;}
#menu ul li a {position:relative;float:left;width:auto;display:block;height:23px;padding:4px 0 0 0;margin-right:10px;text-align:center;font-size:15px;text-decoration:none;color:#fff;font-weight:bold;outline:none;}
#menu ul li:hover a {color:#000;}
#menu ul li.current_page_item a {color:#000;}
#menu ul li.current-menu-item a {color:#000;}
#menu input[type=checkbox], #menu label {display:none}

/* --- banner --- */
#banner {padding:20px 0;}
#banner img {width:100%;height:auto;border-radius:10px;}

/* --- pagewrapper --- */
#pagewrapper {background:#fff;padding:0;border-bottom:1px solid #0f141f;}

/* --- content --- */
#content {float:left;width:70%;overflow:hidden;background:#fff;border-radius:5px;}
#content h1 {font-size:20px;margin:5px;padding:10px;background:#151d2b;border-radius:5px;}
#content h1 a{color:#fff;text-decoration:none}
#content h1 a:hover{color:#c00}
#content h1.archive{font-weight:400;font-size:22px;color:#1c1c1c;padding:0;margin:5px 0 20px 0;border:none;text-align:left}

.navigation{background:#f9f9f9;font-size:11px;padding:5px 10px;margin:0 0 20px 0;border-top:#bbb 1px solid}
.navigation a{color:#555;font-weight:700;text-decoration:none}
.navigation a:hover{color:#333;text-decoration:none}
.main {padding:5px;}
.main h3{font-size:16px;font-weight:400;margin:0 0 15px 0}
.main img{padding:5px;}
.main a img{padding:2px;border:#0085b5 2px solid}
.main a:hover img{padding:2px;border:#ca0002 2px solid}
.main p{line-height:18px;margin:0 0 15px 0}
.main ol{line-height:18px;margin:0 0 15px 30px}
.main ul{line-height:18px;margin:0 0 15px 30px}
.main li{margin:0 0 5px 0}
.meta{background:#f3f3f3;font-size:11px;line-height:15px;color:#333;padding:5px 10px;margin:0 0 30px 0;border-top:#bbb 1px solid}
.signature{float:left;padding:0 15px 0 0;border-right:#bbb 1px solid;width:200px}
.tags{float:left;padding:0 0 0 15px;width:440px}

/* --- sidebar --- */
#sidebar{font-size:12px;float:right;width:29%;padding:0 0 15px 0;margin:0;}
.widget {overflow:hidden;background:#e4e1e1;color:#000;padding:10px;margin-bottom:15px;border:1px solid #bebebe;border-radius:4px;}
.widget h3.widget-title {background:#bebebe;color:#fff;text-align:center;margin:-10px -10px 10px -10px;padding:7px 0;}
.offer {overflow:hidden;margin:0;padding:0;margin-bottom:15px;text-align:center;}
.offer img {max-width:100%;height:auto;border-radius:4px;}
#sidebar ul{padding:0 0 0 15px;}
#sidebar ul ul{margin:5px 0 0 10px}
#sidebar ul ul ul{margin:5px 0 0 10px}
#sidebar ul li{padding:0 0 5px 0}
#sidebar form {padding:0 2px 0 0;}
#sidebar input[type=text],#sidebar input[type=email] {width:100%;height:30px;line-height:30px;border:none;padding:0;margin:0;}
#sidebar textarea {width:100%;height:100px;line-height:25px;border:1px solid #ccc;padding:0;margin:0;}
#sidebar input[type=submit] {width:100%;height:30px;line-height:30px;border:1px solid #ccc;margin:10px 0;}

/* --- /\/\/\/ --- */
#author h3{margin:5px 0 5px 0}
#searchform{margin:15px 0 0 0}
#searchform input{background:#222;font-size:11px;margin:2px 0;padding:1px 4px 2px 4px;border:#888 1px solid;color:#eee}
#searchform input:hover{background:#333;border:#999 1px solid;color:#fff;cursor:pointer}
#searchform #s{background:#f6f6f6;font-size:11px;margin:2px 0;padding:2px 4px;border:#aaa 1px solid;color:#222}
#searchform #s:hover{border:#c00 1px solid;cursor:text}
input.searchfield{background:#f6f6f6;font-size:11px;display:block;margin:5px 0 8px 0;padding:2px 4px;border:#aaa 1px solid;color:#222}
input.searchfield:hover{background:#eee;color:#222}
input.submit{background:#222;font-size:11px;display:block;margin:0 0 10px 0;padding:1px 4px 2px 4px;border:#888 1px solid;color:#eee}
input.submit:hover{background:#333;cursor:pointer;border:#999 1px solid;color:#fff}
input.subcom{background:#eee;font-size:11px;margin:0 0 10px 0;padding:1px 4px 2px 4px;border:#888 1px solid;color:#222}
input.subcom:hover{background:#222;cursor:pointer;border:#888 1px solid;color:#eee}
input.comment{background:#f6f6f6;font-size:11px;padding:2px 4px;border:#aaa 1px solid;color:#222}
input.comment:hover{border:#c00 1px solid}
textarea{background:#f6f6f6;font-size:12px;width:400px;padding:2px 4px;border:#aaa 1px solid;color:#222}
textarea:hover{border:#c00 1px solid}
.postinput small{font-size:11px;margin:0 0 0 5px}
p.logged{font-size:12px}
blockquote{background:url(images/quote.gif) no-repeat top left;padding:0 0 0 60px;min-height:50px}
/* --- footer widget --- */
#footerwidget {background:#2d2d2d;color:#ffffff;margin:0 auto;padding:15px 0;text-align:center;line-height:1.8em;border-top:1px solid #2f3546;}
#footerwidget a {color:#ffffff;}
/* --- footer --- */
#footer{background:#121212;font-size:11px;color:#FF6600;margin:0 auto;padding:15px 0;text-align:center;position:relative;}
#footer a{color:#e0bd9a;font-weight:700;text-decoration:none}
#footer a:hover{color:#FF6600;text-decoration:none}
/* --- --- */
.topbutton {position:fixed;right:15px;bottom:15px;background:rgba(18,118,142,0.5);color:#fff;padding:10px;border-radius:3px;}
.topbutton:hover {background:#000;}
/* --- --- */
.clear{clear:both}
.warning p{background:url(images/warning.gif) no-repeat left;height:160px;padding:20px 0 0 90px;font-size:20px;margin:0 0 0 10px}
#wp-calendar{padding:10px 0 0 0;font-size:12px}
#wp-calendar caption{text-align:left;padding:0 0 5px 0}
#wp-calendar tr th,#wp-calendar tr td{padding:0 6px 0 0;text-align:right}
#wp-calendar td a{font-weight:700}
#wp-calendar td a:hover{font-weight:700}
img.wp-smiley{padding:0;border:none}
input:focus,textarea:focus{background-color:#ffc}
abbr{border:none}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left}
.alignright{float:right}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.wp-caption img{margin:0;padding:0;border:0 none}
.wp-caption-dd{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0}
.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*html #bubble{display:none}
*html #bubble p{display:none}
* html .group,* html #nav ul li a{height:1%}
*:first-child+html .group{min-height:1px}
* html #nav ul li a{display:inline}

@media (max-width:800px) {
	
	.container{width:100%;}
	#content{float:none;width:96%;padding:0 2%;}
	#sidebar{float:none;width:96%;padding:0 2%;}
	
}

@media (max-width:500px) {

	#header {height:auto !important;}
	#logo {width:100%;float:none;position:relative;margin-bottom:5px;text-align:center;}
	#logo img {margin:0 5%;width:90%;}
	#phone {width:100%;float:none;position:relative;margin-bottom:5px;text-align:center;}
	#menu{width:100%;height:auto;min-height:40px;padding:0;}
	#sub-menu{display:none}
	#menu label {display:block}
	#menu ul li{border-bottom:solid 1px #fff;height:40px;line-height:40px;width:100%;padding:0;}
	#menu ul li a{display:block;height:40px;line-height:40px;width:100%;text-align:center;color:#25292f;background:#FFF;}
	#menu ul li.current_page_item a, #menu ul li.current-menu-item a {color:#FFF;background:#25292f;}
	#menu ul li:hover a{background:#192776;color:#FFF}
	.show-menu{display:block;color:#FFF;background:url(images/templatemo_menu_hover.png) no-repeat center;text-align:center;padding:10px 0;margin-bottom:5px}
	input[type=checkbox]:checked ~ #sub-menu{display:block;margin:0;padding:0;}

}