/*
Theme Name: Raccoon Control 
Company: 
Author: Pest Control
*/

/* 
1.Body
2.Structure
3.Header
4.Navigation
5.Content, Main, Sidebar
6.Footer
7.Banner, Slogan
8.Blog
9.Grid
10.Misc
11.
12.
13.
14.
*/

/* 1.Body 
---------------------------------------*/
body {
	background: #666;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; /* default 16px */
	line-height: 3.55; /* default 50px */
	color: #333;
	margin: 6;
	padding: 0;
}

a, a:visited {
	color: #333;
	text-decoration: none;
}

h2, h3, h4, h5 {
	font-weight: bold;
}

h2 {
	font-size: 2em; /* 24-12px */
	line-height: 1.5; /* 30px */
}

h3 {
	font-size: 1.6667em; /* 20-12px */
	line-height: 1.5; /* 24px */
}

h4 {
	font-size: 1.5em; /* 18-12px */
	line-height: 1.3; /* 20px */
}

h5 {
	font-size: 1.1667em; /* 14-12px */
	line-height: 1.3;
}

.post h4 {
	padding-bottom: 0.4167em; /* 5-12px */
}

img {
	max-width: 100%;
	height: auto;
}

strong {
	font-weight: bold;
}

p a {
	text-decoration: underline;
}

#page p {
	line-height: 275%;
}

/* Lists */
#main ol, #main ul { list-style-position: inside; list-style-type: circle; margin: 10px 0; }
#main ol li { line-height: 24px; padding-left: 20px;}
#main ul li { line-height: 24px; }


/* 2.Structure 
---------------------------------------*/
#header-container {
	background:#FFF url('images/header-container-bg.png') repeat-x top;
	border-bottom: 0.1667em solid #e01e2c; /* 2-12px */		
}

#banner-container {
	background:#FFF url('images/banner-container-bg.png') repeat-x top;
}

#slogan-container {
	background: #124b61;
}

#content-container {
	background-color:#FFF;
}

#footer-container {
	background: #666666;	
}

#copyright-container {
	background: #666666;	
}

#page {
	font-size: 0.75em; /* 12px */
	line-height: 1.3333; /* 18px */
}

.container {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/* 3.Header 
---------------------------------------*/
#header {
	padding: 1.25em 0;  /* 15-12px */
}

#logo {
	float: left;
	width: 35%;
}

#logo h1 a {
 	font-size: 2.5em;
	font-weight: bold;	
}

#contact {
	float: right;
	width: 75%;
	text-align:right;
	color: #ff8201;
	font-weight: bold;
	font-size: 2.1666em; /* 26-12px */
}

#contact a {
	color: #ff8201;
}

.tel {
	float: right;
	overflow: hidden;
	padding: 0.4167em 0 0.4167em 2em;
	font-weight: bold;
}

.tel h2 {
	font-size: 1.2em;
}

/* 4.Navigation 
---------------------------------------*/
#navigation {
	width: 70%;
	float: right;
	padding-top: 0.4167em; /* 5-12px */
}

#main-nav {
	float: right;
}
#main-nav li, #main-nav li  {
	list-style: none;
	float: left;
	display: inline-block;
}

/* Main level link */
#main-nav a {
	color: #333;
	font-size: 1.5em; /* 16-12px */
	font-weight: bold;
	padding: 0.4167em ; /* 5-12px*/
	display: block;
}

/* Main level link :hover */
#main-nav a:hover {
	color: #000;
}

/* Current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a {
	background: #E4E4E4;
}
/* Current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
	color: #fff;
}

/* Sub-levels link */
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a, #main-nav li:hover > ul a  {
	color: #666;
	line-height: 1.4;
	font-weight: normal;
	text-transform: none;
	padding: 0.5em 0.5em 0.5em 1.25em;
	margin: 0;
	display: block;
	width: 15em;
}

/* Sub-levels link :hover */
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, #main-nav li:hover > ul a:hover {
	background: #F3F3F3;
	color: #000;
	color: black;
}

/* dropdown ul */
#main-nav ul {
	list-style: none;
	position: absolute;
	background: #fff;
	border: solid 0.0833em #ccc;
	z-index: 100;
	display: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


/* show dropdown ul */
#main-nav li:hover > ul {
	display: block;
}


/* 5. Content, Main, Sidebar
---------------------------------------*/
#content {
	padding: 0.8333em 0; /* 10-12px */ 
}

#main {
	float: left;
	width: 67%;
	margin-right: 3%;
}

#main h3 {
	clear: both;
}

#sidebar {
	float: right;
	width: 30%;
	overflow: hidden;
}

.thumb {
	width: 100%;
	clear: both;
	overflow: hidden;
	padding-bottom: 0.4167em; /* 5-12px */
}

#main-thumbs {
	overflow: hidden;
	clear: both;
	padding-bottom: 0.4167em; /* 5-12px */
}

#content h2, #content h2 a {
	color: #B71E00;
}

#content h3, #content h3 a {
	color: #0071BB;
}

/* 6.Footer 
---------------------------------------*/
#footer {	
	padding: 1.6667em 0; /* 20-12px */
	color: #EDEDED;
	font-size: 0.9167em; /* 11-12px */
}

#footer a {	
	color: #FFF;
}

.footer-nav {
	text-align: left;
}

.footer-nav li {
	float: left;
	margin: 0 0.4167em 0 0;
	zoom:1;
	*display:inline;
}



/* 7.Banner Slogan
---------------------------------------*/
#slogan h2 {
	text-align: center;
	font-size: 3em;
	line-height: 1.5;
	color: #FFFFFF;
}

/* 8.Blog
---------------------------------------*/
article.post {
	border-bottom: 1px dotted 
	#c8c8c8;
	padding: 0 0 10px;
	margin-bottom: 10px;
}

article.post:last-child {
	border-bottom: 0px;
}

.page-title {
	margin: 0 0 1.25em;
	padding: 0;
	font-size: 3em;
	line-height: 1.1;
}

.post {
	padding-bottom: 0.4167em; /* 5-12px */
}

.post h3 {
	clear: both;
}

.post ul, .post ol {
	margin: 1em 0 1.4em 2em;
	line-height: 1.4;
}
.post li {
	margin: 0 0 .5em 0;
	padding: 0;
}

.post-title {
	font-size: 2em;
	margin: 0 0 0.4167em;
	padding: 0;
}
.post-title a {
}

.post-image {
	margin: 0 0 0.4167em;
}
.post-image.left {
	float: left;
	margin-right: 1.25em;
	padding: 0.25em;
	border: 0.0833em solid #CCC;
}

.post-image.right {
	float: right;
	margin-left: 1.25em;
}

.post-meta {
	margin: 0 0 0.5833em;
}
.post-meta .post-author {
	background: url(images/post-author.png) no-repeat 0 2px;
	padding: 0.1667em 0 0.1667em 1.3333em;
	margin-right: 0.5833em;
}
.post-meta .post-category {
	background: url(images/post-category.png) no-repeat 0 2px;
	padding: 0.1667em 0 0.1667em 1.3333em;
	margin-right: 0.5833em;
}
.post-meta .post-tag {
	background: url(images/post-tag.png) no-repeat 0 3px;
	padding: 0.1667em 0 0.1667em 1.3333em;
	margin-right: 0.5833em;
}
.post-meta .post-comment a {
	background: url(images/post-comment.png) no-repeat 0 3px;
	padding: 0.1667em 0 0.1667em 1.3333em;
}

.post-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 1.25em;
}
.post-video iframe,  
.post-video object,  
.post-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pagenav {
	clear: both;
	padding-bottom: 20px;
	text-align: right;
}
.pagenav a, .pagenav span {
	line-height: 100%;
	padding: 0.5em 0 0;
	margin: 0 0.1667em;
	vertical-align: middle;
	display: inline-block;
	zoom:1;
	*display:inline;
	min-width: 2em;
	min-height: 1.5em;
	text-align: center;
}
.pagenav a {
	background: #111;
	color: #fff;
	text-decoration: none;
}
.pagenav a:hover {
	background-color: #000;
}
.pagenav .current {
	text-decoration: none;
}

.post-nav {
	margin: 0 0 2.5em;
	padding: 1.25em 0;
	clear: both;
}
.post-nav span {
	width: 47%;
	position: relative;
}
.post-nav a {
	text-decoration: none;
	display: block;
}
.post-nav a:hover {
	text-decoration: none;
}
.post-nav .prev {
	float: left;
}
.post-nav .next {
	float: right;
	text-align: right;
}

.post-nav span span {
	background: #333;
	color: #fff;
	display: block;
	width: auto;
	float: left;
	min-width: 2em;
	min-height: 1.5em;
	padding: 0.3333em 0 0;
	text-align: center;
	margin: -0.6667em 0.8333em 1.4167em 0;

}
.post-nav .next span {
	float: right;
	margin-left: 0.8333em;
	margin-right: 0;
}
.post-nav a:hover span {
	background: #000;
}

.commentwrap {
	margin: 0.8333em 0 1.6667em;
	position: relative;
	clear: both;
}

/* comment title */
.comment-title, #reply-title {
	font-size: 1.1667em;
	margin: 0 0 0.8333em;
	padding: 0;
}

/* comment pagenav */
.commentwrap .pagenav {
	margin: 0.8333em 0;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.commentwrap .pagenav.top {
	margin: 0;
	position: absolute;
	top: 10px;
	right: 0;
}

/* commentlist */
.commentlist {
	margin: 0 0 2.5em;
	padding: 5px 0 0;
	border-top: solid 0.0833em #ddd;
}
.commentlist li {
	margin: 0;
	padding: 1.25em 0 0;
	list-style: none;
	position: relative;
}
.commentlist .comment-author {
	margin: 0.1667em 0 0.4167em;
	padding: 0;
}
.commentlist .avatar {
	float: left;
	margin: 0 1.25em 0 0;
}
.commentlist cite {
	font-style: normal;
	font-size: 130%;
}
.commentlist cite a {
	text-decoration: none;
}
.commentlist .bypostauthor > .comment-author cite {
	background: url(images/icon-author-comment.png) no-repeat 0 2px;
	padding-left: 18px;
}
.commentlist .comment-time {
	text-transform: uppercase;
}
.commentlist .commententry {
	border-bottom: solid 0.0833em #ddd;
	position: relative;
	min-height: 3.3333em;
	overflow: hidden;
	padding-bottom: 0.4167em;
	word-wrap: break-word;
}
.commentlist ul, .commentlist ol {
	margin: 0 0 0 7%;
	padding: 0;
}

/* reply link */
.commentlist .reply {
	position: absolute;
	right: 0;
	top: 0.6667em;
}
.commentlist .comment-reply-link {
	font-size: 10.0833em;
	text-transform: uppercase;
	text-decoration: none;
}
.commentlist .comment-reply-link:hover {
	text-decoration: none;
}

#respond {
	margin: 0;
	padding: 0.8333em 0 0;
	position: relative;
	clear: both;
}
#respond #cancel-comment-reply-link {
	text-decoration: none;
	padding: 0.4167em 0.8333em;
	display: block;
	color: #fff;
	background: #F30;
}
#respond #cancel-comment-reply-link:hover {
	background: #333;
}
#commentform {
	margin: 1.25em 0 0;
}
#commentform input[type=text] {
	width: 17.1667em;
	margin-right: 0.4167em;
}
#commentform label {
	font-weight: bold;
}
#commentform label small {
	font-weight: normal;
}
#commentform textarea {
	height: 11.6667em;
}
#commentform input#submit {
	padding: 0.5833em 1.6667em;
}

/* Blog > Sidebar
---------------------------------------*/
.widget {
	margin: 0 0 0.4167em ; /* 5-12px*/;
	word-wrap: break-word;
}
.widgettitle {
	margin: 0 0 0.4167em ; /* 5-12px*/;
	padding: 0;	
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 0.5em 0;
	list-style: none;
	clear: both;
	border-top: solid 0.0833em #ddd;
}
.widget ul ul {
	margin: 0.5em 0;
	padding: 0;
	border-top: none;
}
.widget ul ul li {
	margin: 0;
	padding-left: 0.8333em;
}

img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	margin-bottom: 1.25em;
	padding: 0.25em;
	border: 0.0833em solid #CCC;
}
.alignleft {
	float: left;
	margin-right: 2.5em;
}
.alignright {
	float: right;
	margin-left: 2.5em;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.25em;
	max-width: 100%;
}
.wp-caption-text {
	font-style: italic;
	margin: 0.5em 0;
}

.blog .gallery {
	margin: 0.4167em 0 1.6667em 0;
}
.blog .gallery img {
	border: none;
}

/* gallery item */
.blog .gallery dl {
	margin: 0 0.6667em 0.6667em 0;
	display: inline-block;
	vertical-align: top;
	zoom:1;
	*display:inline;
	width: auto;
	float: none;
	text-align: center;
}

/* gallery caption */
.blog .gallery dd {
	width: 11.6667em;
	line-height: 1.2;
	text-align: center;
	margin: 0.4167em 0 0;
}

/* get rid of br tag */
.gallery br {
	display:none;
}

/* FORM
================================================ */
/* form input */
input, textarea, select, input[type=search], button {
	font-family: inherit;
}
input[type=text], input[type=password], textarea, input[type=search] {
	background: #f3f3f3;
	border: solid 1px #ddd;
	padding: 0.5em 0.8333em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: none;
}
input[type=text], input[type=search] {
	width: 20em;
	max-width: 90%;
}

/* text area */
textarea {
	line-height: 150%;
	width: 94%;
}

/* form input:focus */
textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus {
	outline: none;
	background: #f9f9f9;
}

/* form button */
input[type=reset], input[type=submit], button {
	background: #333;
	color: #fff;
	border: none;
	padding: 0.5833em 1.6667em;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* form button:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover {
	background: #000;
	color: #fff;
}

/*9. Grid
---------------------------------------*/
.col {
	float: left;
	overflow: hidden;
	padding-bottom: 0.4167em; /* 10-12px */
}

/* 16.1 Default Equal 10 columns */
.col-1 {
	width: 8%;
	margin-left: 2%;
}

.col-2 {
	width: 18%;
	margin-left: 2%;
}four_four

.col-3 {
	width: 30%;
	margin-left: 5%;
}

.col-3 {
	width: 30%;
	margin-left: 5%;
}

.col-5 {
	width: 48%;
	margin-left: 4%;
}

/* 16.2 Default 4 (3+1) columns */

.col-1-4 {
	width: 18%;
	margin-left: 5%;
}

.col-2-4 {
	width: 30%;
	margin-left: 6%;
}

/* 16.3 Default 2 (1+1) columns */

.col-1-2 {
	width: 25%;	
}

.col-2-2 {
	width: 70%;
	margin-left: 5%;
}

/* 16.4 Default 5 (2+3) columns */

.col-2-5 {
	width: 40%;	
}

.col-3-5 {
	width: 58%;
	margin-left: 2%;
}

/* 16.5 Default 5 (1+4) columns */

.col-1-5 {
	width: 10%;	
}

.col-4-5 {
	width: 88%;
	margin-left: 2%;
}

.col-0-1 {
	margin-left: 0;
	clear: both;	
}


/*10. Misc
---------------------------------------*/
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.textleft {text-align: left;}
.textright {text-align: right;}
.textcenter {text-align: center;}
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
{ display: block; zoom: 1; }
.clear { clear: both; display: block; }
.clearfix{*zoom:1}
.clearfix:before, .clearfix:after{ content:'.';display:block;height:0;visibility:hidden; }
.clearfix:after{ clear:both }