/*
Theme Name: redbanklocksmith
Theme URI: http://redbanklocksmith.com/
*/

body{background:#fff url(images/top.gif) repeat-x;font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,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:#23262b url(images/header.png) repeat-x;margin:0;padding:15px 0;height:98px;}
#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;width:50%;line-height:49px;text-align:right;font-size:2em;color:#d0d0d0;}
#phone a {color:#ffca26;}
/* --- menu --- */
#menu {position:relative;background:#e9edee url(images/menu.png) repeat-x;}
#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:103px;display:block;height:23px;padding:4px 0 0 0;margin-right:10px;text-align:center;font-size:12px;text-decoration:none;color:#21272d;font-weight:bold;outline:none;}
#menu ul li:hover a {color:#FFF;background:url(images/templatemo_menu_hover.png);}
#menu ul li.current_page_item a {color:#fff;background:url(images/templatemo_menu_hover.png);}
#menu ul li.current-menu-item a {color:#FFF;background:url(images/templatemo_menu_hover.png);}
#menu input[type=checkbox], #menu label {display:none}
/* --- banner --- */
#banner {background:#ffffff url(images/templatemo_content_top.jpg) repeat-x;}
#banner img {width:100%;height:auto;margin:25px 0;border-radius:10px;}
/* --- pagewrapper --- */
#pagewrapper {background:#ffffff;}
/* --- content --- */
#content{float:left;width:70%;overflow:hidden;}
#content h2{font-size:20px;margin:5px 0 7px 0}
#content h2 a{color:#222;text-decoration:none}
#content h2 a:hover{color:#c00}
#content h2.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 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:#0075c5 url(images/widget.png) repeat-x;color:#fff;padding:10px;margin-bottom:15px;border-radius:4px;}
.widget h3.widget-title {background:#004c82;color:#fff;text-align:center;margin:-10px -10px 10px -10px;padding:7px 0;border-bottom:1px dashed #0075c5;}
#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:#0082dd;color:#ffffff;margin:0 auto;padding:15px 0;text-align:center;}
#footerwidget a {color:#ffffff;}
/* --- footer --- */
#footer{background:#005590;font-size:11px;color:#ffffff;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:#333;text-decoration:none}
/* --- --- */
.topbutton {position:fixed;right:15px;bottom:15px;background:rgba(0,0,0,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;}

}