/*
Theme Name: OE Mod
Theme URI: http://koramediasolutions.com/
Description: OE Mod by Kora
Version: 1.0.4
Author: Kora
Author URI: http://koramediasolutions.com/

=== Setup ===*/
*
{
	border: 0;
	margin: 0;
	padding: 0;
}
#gallery-wrap
{
	width: 345px;
	float: right;
}
BODY
{
	background: #F0EEE1 url(images/bgr.gif) repeat-x top;
	color: #555555;
	font: 0.75em "Trebuchet MS", Arial, Helvetica;
	padding: 0 0 20px;
	line-height: 1.8em;
}
A
{
	color: #A4B92E;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
INPUT, SELECT, TEXTAREA
{
	border: 1px solid #E6E6E6;
	font-size: 12px;
	padding: 2px;
}
LI
{
	list-style: none;
}
H2
{
	color: #262625;
	font-size: 1.8em;
	letter-spacing: -1px;
	margin: 0 0 0.8em;
}
H2 A
{
	color: #262625;
}
H3
{
	color: #262625;
	font-size: 1.6em;
	margin: 0 0 1em;
}
H4
{
	color: #444444;
	font-size: 1em;
	margin: 0 0 1em;
}
P
{
	padding: 0 0 1.5em;
}
/*=== Intro ===*/
P.intro
{
	line-height: 1.3em;
}
P.intro A
{
	color: #FFFFFF;
	text-decoration: underline;
}
P.intro A:hover
{
	color: #222222;
	text-decoration: underline;
}
/*=== Layout ===*/
#page
{
	margin: 0 auto;
	width: 940px;
}
/*=== Header ===*/
#header
{
	height: 162px;
	position: relative;
	background: url(images/header.jpg);
	margin-bottom: 15px;
}
#header .spacer
{
	float: right;
}
/*- Logo -*/
#header H1
{
	float: left;
	width: 414px;
}
#header H1 A
{
	display: block;
	/*[empty]background:;*/
	margin-top: 15px;
	margin-left: 20px;
}
#header H1 A:hover
{
	text-decoration: none;
}
/*=== Buttons ===*/
.btn-rounded
{
	line-height: 30px;
	font-weight: bold;
	float: left;
}
.btn-rounded A
{
	background: url(images/btn-rounded.gif) no-repeat left;
	color: #FFFFFF;
	padding: 0 0 0 13px;
	display: block;
	float: left;
}
.btn-rounded A SPAN
{
	background: url(images/btn-rounded.gif) no-repeat right;
	height: 30px;
	padding: 0 13px 0 0;
	display: block;
	float: left;
}
.btn
{
	margin: 0;
	padding: 5px 10px;
	background: url(images/btn.gif) repeat-x;
	border: 1px solid #98AC2B;
	color: #FFFFFF;
	font-weight: bold;
}
/*=== Navigation ===
- Nav1 -*/
#nav1
{
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	letter-spacing: -1px;
	margin: 107px 10px 0 0;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	padding: 10px;
}
#nav1 LI
{
	float: left;
	line-height: 30px;
	margin: 0 4px 0 0;
}
#nav1 LI A
{
	color: #3F3F3F;
	display: block;
	float: left;
	padding: 0 0 0 4px;
	text-decoration: none;
}
#nav1 LI A SPAN
{
	display: block;
	float: left;
	height: 30px;
	padding: 0 10px 0 5px;
}
#nav1 LI A:hover, #nav1 LI.active A, #nav1 LI.current_page_item A
{
	background: url(images/btn-rounded.gif) no-repeat left;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
}
#nav1 LI.active A SPAN, #nav1 LI.current_page_item A SPAN, #nav1 LI A:hover SPAN
{
	background: url(images/btn-rounded.gif) no-repeat right;
}
/*- Nav2 -*/
.nav2 LI, .widget LI
{
	background: url(images/hl-dot.gif) repeat-x bottom;
	padding: 0.5em 0;
}
.nav2 LI A, .widget LI A
{
	color: #555555;
	background: url(images/ico-next.gif) no-repeat left;
	padding: 0 0 0 20px;
}
.nav2 LI A:hover, .widget LI A:hover
{
	color: #A4B92E;
	text-decoration: none;
}
/*=== All Columns ===*/
#columns
{
	height: 1%;
	padding: 0 0 10px;
}
/*=== Center Column ===*/
#centercol {
    float: left;
    width: 569px;
}
/*=== Right Column ===*/
#rightcol
{
	float: right;
	margin: 20px 0 0;
	width: 320px;
}
#rightcol H3
{
	color: #FFFFFF;
	font-size: 1em;
	height: 2.4em;
	margin-top: 10px;
}
#rightcol H3 SPAN
{
	background: #CECCBB;
	display: block;
	float: left;
	line-height: 2.4em;
	padding: 0 10px;
}
#rightcol .widget UL, #rightcol .textwidget
{
	background: #F0EEE1;
	height: 1%;
	margin: 0 0 2em;
	padding: 7px 15px 15px;
}
/*=== Sub Columns ===*/
.col1
{
	float: left;
	width: 115px;
	margin: 0 0 1em;
}
.col1 A
{
	color: #555555;
	text-decoration: underline;
}
.col2
{
	float: right;
	width: 425px;
}
.col3
{
	float: left;
	padding: 0 35px 0 0;
	width: 273px;
}
.col3.last, .col6.last
{
	padding: 0;
}
.col3.nav2, .col6.nav2
{
	background: none;
	padding: 0;
}
.col3 H2
{
	color: #464646;
	margin: 0 0 0.5em;
}
.col3 P
{
	padding: 0;
}
.col4
{
	float: left;
	width: 335px;
}
.col5
{
	float: right;
	width: 415px;
}
.col5 IMG
{
	border: 10px solid #F6F5ED;
}
.col6
{
	float: left;
	padding: 0 20px 20px 0;
	width: 300px;
}
* HTML .col6
{
	width: 290px;
}
/*=== Styling Boxes ===
- Box1 -*/
.box
{
	margin: 0 0 1em;
	width: 620px;
}
.box .top, .box .bot
{
	background: url(images/box-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden;
}
.box .bot
{
	background: url(images/box-bot.gif) no-repeat top;
}
.box .spacer
{
	background: #FFFFFF;
	height: 1%;
	padding: 15px 20px;
}
/*- Box2 -*/
.box2
{
	margin: 20px 0 1em;
	width: 320px;
}
.box2 .top, .box2 .bot
{
	background: url(images/box2-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden;
}
.box2 .bot
{
	background: url(images/box2-bot.gif) no-repeat top;
}
.box2 .spacer
{
	background: #E5E3D1;
	height: 1%;
	padding: 10px 25px;
}
/*- Box3 -*/
.box3
{
	margin: 0 0 1em;
	width: 425px;
}
.box3 .top, .box3 .bot
{
	background: url(images/box3-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden;
}
.box3 .bot
{
	background: url(images/box3-bot.gif) no-repeat top;
}
.box3 .spcr
{
	background: #F0EEE1;
	height: 1%;
	padding: 0 20px;
	min-height: 100px;
}
.box3 P
{
	padding: 0;
}
/*- Box4 -*/
.box4
{
	color: #FFFFFF;
	font-size: 1.8em;
	margin: 0 0 20px;
	width: 940px;
}
.box4 .top, .box4 .bot
{
	background: url(images/box4-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden;
}
.box4 .bot
{
	background: url(images/box4-bot.gif) no-repeat top;
}
.box4 .spacer
{
	background: #B0C730;
	height: 1%;
	padding: 5px 25px;
}
.box4 P
{
	padding: 0;
}
/*- Box5 -*/
.box5
{
	margin: 0 0 30px;
	width: 940px;
}
.box5 .top, .box5 .bot
{
	background: url(images/box5-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden;
}
.box5 .bot
{
	background: url(images/box5-bot.gif) no-repeat top;
}
.box5 .spacer
{
	background: url(images/box5-bgr.gif) repeat-y top;
	height: 1%;
	padding: 15px 10px;
}
.box5 .post IMG
{
	border: 0;
}
/*- Box6 -*/
.box6 A
{
	text-decoration: none !important;
}
.box6
{
	margin: 0 0 20px;
	width: 940px;
}
.box6 .top, .box6 .bot
{
	background: url(images/box6-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden;
}
.box6 .bot
{
	background: url(images/box6-bot.gif) no-repeat top;
}
.box6 .spacer
{
	background: #E5E3D1;
	height: 1%;
	padding: 10px 25px;
}
#footer .box6 .spacer
{
	padding: 0px 25px;
}
/*- Wrapper -*/
.wrapper
{
	float: left;
	padding: 0 0 0 20px;
}
/*- Date -*/
.date
{
	color: #898989;
	margin: -15px 0 10px;
	position: relative;
}
/*=== Styling Forms ===
- Search -*/
#search
{
	height: 32px;
	margin: 0px;
	padding: 0 0 0 25px;
}
#search INPUT.keyword
{
	background: #D5D3C4;
	border-bottom: 1px solid #FCFCFA;
	border-top: 1px solid #C4C2B5;
	border-left: 1px solid #C4C2B5;
	color: #FFFFFF;
	float: left;
	font-size: 11px;
	padding: 7px 5px 8px;
	width: 190px;
}
/*- Form1 Setup -*/
.form1 DIV
{
	margin: 0 0 15px;
}
.form1 LABEL
{
	padding: 7px 0 0 15px;
}
/*Form1 Textarea*/
.form1 TEXTAREA
{
	height: 165px;
	overflow: auto;
	width: 550px;
}
/*=== Link Buttons ===*/
.btn-cat
{
	margin: 1em 0 1.5em;
}
.btn-continue
{
	margin: 0 0 2em;
}
.btn-general
{
	background: #A4B92E;
	padding: 5px 10px;
	color: #FFFFFF;
}
.btn-general A
{
	color: #FFFFFF;
}
.btn-continue A
{
	background: url(images/ico-more2.gif) no-repeat left;
	padding: 0 0 0 20px;
}
.btn-arr A
{
	background: #BDBBAC;
	color: #FFFFFF;
	line-height: 25px;
	padding: 5px 10px;
}
.btn-arr2
{
	float: left;
	padding: 130px 0 0;
	width: 27px;
}
/*=== Pics, Ads etc. ===*/
.ads
{
	margin: 0 0 10px;
}
.ads IMG
{
	margin: 0 8px 5px 0;
}
/*=== Footer ===*/
#footer A
{
	color: #949387;
	text-decoration: underline;
}
#footer IMG
{
	position: relative;
	vertical-align: middle;
}
/*=== Misc. ===*/
.fix
{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
.fl
{
	float: left;
}
.fr
{
	float: right;
}
.ac
{
	text-align: center;
}
.ar
{
	text-align: right;
}
IMG.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
IMG.alignright
{
	padding: 4px;
	margin: 3px 0 2px 10px;
	display: inline;
}
IMG.alignleft
{
	padding: 4px;
	margin: 3px 10px 2px 0;
	display: inline;
}
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
/*=== Posts ===*/
.post IMG
{
	border: 8px solid #F6F5ED;
}
.post UL, .post OL
{
	padding: 0 0 1.2em 2em;
}
.post UL LI
{
	color: #555555;
	background: url(images/ico-bullet.gif) no-repeat left 3px;
	padding: 0 0 0 20px;
}
.post OL LI
{
	list-style-type: decimal;
	margin: 0 0 0 20px;
}
.post LI A:hover
{
	color: #A4B92E;
	text-decoration: none;
}
.post BLOCKQUOTE
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #777777;
	background: #F0EEE1 url(images/ico-quote.gif) no-repeat 10px 10px;
	border-top: 1px solid #E5E3D1;
	border-bottom: 1px solid #E5E3D1;
	width: 80%;
	height: auto;
	margin: 0 0 15px 10px;
	padding: 15px 25px 0px 55px;
	display: block;
}
/*=== Comments ===*/
#comments .box3 P
{
	padding-bottom: 10px;
}
#respond
{
	margin: 1em 0 0;
}
/*=== Widget styling ===*/
.widget #recentcomments LI
{
	background: url(images/hl-dot.gif) repeat-x bottom;
	padding: 0.5em 0;
}
.widget #recentcomments LI A
{
	background: none;
	color: #A4B92E;
	text-decoration: none;
}
.widget #recentcomments LI A:hover
{
	color: #A4B92E;
	text-decoration: underline;
}
.widget #searchform, .widget #calendar_wrap
{
	background: #F0EEE1;
	height: 1%;
	margin: 0 0 2em;
	padding: 7px 15px 15px;
}
.widget #searchform, .widget #calendar_wrap
{
	clear: both;
	height: 1%;
	margin: 0 0 14px;
}
.widget #wp-calendar CAPTION
{
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #333333;
}
.widget #wp-calendar
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 240px;
}
.widget #wp-calendar THEAD TH
{
	color: #333333;
}
.widget #wp-calendar TFOOT TD
{
	padding: 10px 0;
	text-align: left;
}
.widget #wp-calendar TFOOT TD#next
{
	text-align: right;
}
.widget #wp-calendar TD
{
	width: auto;
}
.widget #wp-calendar TD A
{
	padding: 2px;
	text-decoration: underline;
}
.widget #wp-calendar TFOOT TD A
{
	color: #333333;
}
.quote
{
	background: url(images/ico-quote.gif) no-repeat top left;
	margin: 9px 0 0;
	width: 37px;
	height: 29px;
}
.flickr_badge_image IMG
{
	margin: 0 3px 8px;
	padding: 0 7px 5px 0;
	float: left;
}
.flickr IMG
{
	vertical-align: middle;
	margin: 6px 0 8px;
}
.subscribe IMG
{
	vertical-align: middle;
	margin: 6px 0 8px;
}
/*=== Slider ===*/
.stepcarousel
{
	position: relative;
/*leave this value alone*/
	overflow: scroll;
/*leave this value alone*/
	width: 795px;
	height: 300px;
/*Height should enough to fit largest content's height*/
}
.stepcarousel .belt
{
	position: absolute;
/*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel
{
	float: left;
/*leave this value alone*/
	overflow: hidden;
/*clip content that go outside dimensions of holding panel DIV*/
	margin: 15px;
/*margin around each panel*/
	width: 770px;
/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then.*/
}
/*Added 9/21/09
Page Navigation*/
#page_navi
{
	width: 100%;
	height: 27px;
	font-size: 11px;
}
#page_navi A
{
	color: #CBCBCB;
}
#page_navi A:hover
{
}
#page_navi UL
{
	padding: 0;
}
#page_navi .col-left
{
	margin-left: -6px;
}
/*Page Nav*/
#nav, #nav UL
{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}
#nav A
{
	display: block;
	line-height: 27px;
	padding: 0 10px;
	z-index: 100;
}

#nav LI
{
	float: left;
	background: url(images/bg_separator.gif) no-repeat right 10px;
}

#bot
{
	
	background: url(http://www.everharttreecare.com/wp-content/uploads/2011/02/botimg.jpg) no-repeat top left;padding-top:10px; padding-left:12px;margin-top:15px;margin-bottom:15px;
}








/*////////////////////////// sidebar CONTACT FORM //////////////////////////*/


#rf2 .rf2 {

	clear: both;

	margin-bottom: 0px;

	overflow: hidden;

	padding-left:10px;

	width:160px;

	position:relative;

}

.rf2 span {

	position:absolute;

	right:0px;

	top:5px;

	color:#000;

	display:none;

	font-size:15px;

}

.rf2-submit {

	width: 140px;

	height: 28px;

	display: block;

	clear: both;

	margin: 0px 0 20px 0;

	padding: 0;

}

.rf2 label {

	width:100px;

	padding-top:8px;

	margin:0 20px 0 0; color:#000;

	text-align:left;

}

.rf2 input {

	width:100px;

	float:left;
	line-height:15px;
	clear:none;

	margin-left:8px;

	

}


#rf2 input,textarea {
border: 0px black solid; font-size:14px;background-color: transparent;
} 


.rf2 textarea {

	float:left;

	clear:none;
margin-top:5px;
	
	width:70px;

}

.antyspam { width:160px; }

input2#send {

	float:right;

	width:145px;   

	height:35px;

	cursor:pointer;

	margin:10px 0px 0 0px;

	border:0px;

	line-height:0;

	background: transparent url(http://www.everharttreecare.com/wp-content/uploads/2011/02/buta.jpg) left top no-repeat scroll;

}

input2#send:hover { background: transparent url(http://www.everharttreecare.com/wp-content/uploads/2011/02/butb.jpg) left bottom no-repeat scroll; }

.rf2-submit span {

	font-size:12px;

	margin-top: 20px;

	padding-left:55px;

	float: right;

	display: block;

	line-height: normal;

}









.rf2-submit  {

	font-size:12px;

	margin-top: 0px;

	padding-left: 30px;


	display: block;

	line-height: normal;

}



#rf2 {
float: right;
	width:270px; overflow-y:auto;overflow-x:hidden;
	padding-top: 145px;
padding-left:0px;

	background-image: url(http://www.everharttreecare.com/wp-content/uploads/2011/02/contactshort.jpg);
	background-position: center top;
background-repeat:no-repeat;
	

}




#numbers {
float: right;
	width:254px; overflow:hidden;
	padding: 20px 15px 0 0;z-index: 1;

	

}


.buttons_mainpage  {
    background: url("http://www.everharttreecare.com/wp-content/uploads/2011/02/buta.jpg") no-repeat scroll left top transparent;
    border: 1px white solid;
    cursor: pointer;
    height: 48px;
    line-height: 0;
    margin: 7px 0 0;
    width: 228px}



div.wpcf7-validation-errors  {
    border: 2px solid #F7E700;z-index: 100;
}


