/*
Theme Name: EasyCreditRelief
Theme URI: http://buenacg.com
Description: Custom Wordpress Theme
Version: 2 (WP2.6.2)
Author: 
Author URI: 
Tags: purple & green
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


body{ font-family:Arial, Helvetica, sans-serif; font-size:62.5%; margin:0px;	padding:0px;	color: #111111;	background:#f6f6f3;	text-align:left; }
h1, h2, h3, h4, h5 {	font-family:Arial, Helvetica, sans-serif; font-weight:lighter; color:#111111; margin:10px 0 8px 0;}
h1 { font-size: 2em;	}
h2 { font-size: 1.8em;	}
h3 { font-size: 1.5em;	color:#161616;}
h4 { font-size: 1.35em;	color:#161616; font-weight: bolder; }
h5 { font-size: 1.2em;	color:#161616;}
p {margin:0 0 10px 0;	font:normal 1.2/1.54em Georgia, "Times New Roman", Times, serif;}
ul {list-style-type:none;	margin:0;	padding:0;}
li {margin:0px;	list-style-type:none;	padding:0px;}
hr {color:#e7e7e7;	border:1px solid #e7e7e7;}
a img { border: none;}
a { color: #401461; }
a:hover { text-decoration: none; color: #6bd31e; }
strong {font-weight:bolder;}
em {font-style:italic;}


.clr {clear:both;}
.clrl {clear:left;}
.clrr {clear:right;}

.imgrt {float:right; }
.imglft {float:left; }
.buffer {width:270px; height:1px; clear:both;}
.offerright {float:right; }

#top {background:url(style/images/upperbg.png) repeat-x left top; height:36px; }
#topwrap {width:960px; margin:0 auto;}
#topwrap ul {}
#topwrap li {float:right; margin:0px 0 0 10px; width:151px; height:36px; background:url(style/images/loginbg.png) no-repeat center top; text-align:center;}
#topwrap li p {text-align:center; margin:16px 5px 0 10px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.2em;}
#topwrap li a, #topwrap li a:hover {text-decoration:none; font-weight: bold;}
#topwrap li a {color:#fff;}
#topwrap li a:hover {color:#6bd31e;}
#topwrap li img {float:right; margin:8px 5px 0 0;}
#header { background:#f6f6f3; height:110px; margin:0 0 0px 0; padding:0; position:relative;}
#headerwrap {width:960px; margin:0 auto ;  }
#logo {float:left; margin:0 5px 0 0; width:411px; overflow:hidden;}
#headertext {float:left; margin:30px 0 0 80px;}
#headertext p {font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#646463; }
#call {float:right; margin:16px 0 0 0;}
#call h2 {text-align:center; text-transform:uppercase; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#999; font-weight:bolder; margin:0;}
#call img {margin:4px 0 0 0;}
#midhome {background:url(style/images/purplebigbg.png) repeat-x; height:315px; border-top:3px solid #36a102;}
#midwrap {width:960px; margin:0 auto;}
#video {float:left; width:373px; height:280px; border:0px solid #ddd; margin:4px 0 0 0;}
#introtext {float:left; height:305px; width:663px; margin:5px 10px;}
#introtext .bump {margin: 30px 0 0 0;}
#introtext h3 {color:#fff; font-size:3.0em; font-family:Arial, Helvetica, sans-serif; font-style:italic; text-align:left; line-height:1.1em; margin:0 10px;}
#introtext p, #introtext li {color:#fff; font-size:1.8em; font-family:Arial, Helvetica, sans-serif; font-style:normal; line-height:1.5em; margin:0 10px;}
#introtext li {list-style:decimal; margin: 10px 0 0 35px;}
#introtext a { text-decoration: underline; color: #fff; }
.rule {background:url(style/images/rule.png) no-repeat center top; width:290px; height:2px; margin:10px 0 15px 0; overflow:hidden;}
#form {float:right; width:270px; height:320px; margin:0 0 0 0; background:url(style/images/formbg.png) no-repeat center top;}
#formint {float:right; width:270px; height:320px; margin:-115px 0 0 0; background:url(style/images/formbg.png) no-repeat center top;}
#form h4 {padding:4px 20px 4px 4px; text-align:center; color:#fff; font-weight:bolder; font-size:1.2em;}
#formint h4 {padding:4px 20px; text-align:center; color:#fff; font-weight:bolder; font-size:1em;}

#contentbg {background:#f6f5f2 url(style/images/lowerbgf6f5f2.png) repeat-x center top;}
#content {width:960px; margin:0 auto 40px auto; }
#sidebar {width:270px; float:right; margin:0px 0 0 0; font-size:1.2em;  }
#sidebar ul {margin:20px 15px 10px 20px;}

#footerbg1 {margin:30px 0 0 0; height:100px; background:#fff url(style/images/footerds.gif) repeat-x left top;}
#footerbg2 {background:#401461; border-top:10px solid #401461; border-bottom:20px solid #401461; height:30px;}

.fwrap {width:960px; margin:0 auto;}
#copyright { float:left; width:450px; padding:10px 0 0 0;}
#copyright p {float:left; font-size:1.2em;margin:0px 0 0 0;}
#copyright ul {margin:4px 0; display:list-item; list-style:none; }
#copyright ul li {display:list-item;  color:#111; margin:5px 10px 0 0; font-size:1.2em;}
#copyright li a, #copyright li a:hover {text-decoration:none;}
#copyright li a {}
#copyright li a:hover {color:#6bd31e; border-bottom:1px solid #fff;}
#copyright li span {margin:5px 10px;}

#footernav {background:#ddd;}
#footernav ul {margin:0px 0 20px 0;}
#footernav li {display:inline; float:left; margin:0px 20px 0 0; font-size:1.0em; font-weight:bolder;}
#footernav li a, #footernav li a:hover {text-decoration:none;}
#footernav li a {color:#fff;}
#footernav li a:hover {color:#6bd31e; }

#footerbanner {float:right; margin:20px 10px 0 0 ; width:468px; height:60px; overflow:hidden;}
#footerbanner img {border: 1px solid #ddd;}

#bcg {float:right; font-size:1.0em;}
#bcg a, #bcg a:hover {text-decoration:none;}
#bcg a {color:#fff;}
#bcg a:hover {color:#ccc; border-bottom:1px solid #fff;}

/*



		
		*/
#nav1 .current_page_ancestor, #nav1 .current_page_item  {color: #401461;}
#nav1 .current_page_parent {color: #401461;}


#mainnavigation {height:30px; width:960px; margin:3px 0 0 0; background:#f6f6f3;}

#nav1 {	height: 27px;position:absolute; bottom:-5px; float:left;width:960px;}
#socialnav{height: 27px;bottom:-5px;float:right;}

#blank {height:800px; width:1000px; clear:both;}

#nav, #social {font-size:1.244em;}
#social { float: right;}
#nav {float: left;}

#nav, #nav ul, #social, #social ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 14px;
	height:20px;
	bottom:0px;
}

#nav a, #social a {
	display: block;
	/*width: 10em;*/
	cursor:pointer;
	font-weight:bolder;
	padding: 3px 1px 4px 3px;
	text-decoration:none;
	color:#36a102;
	
}
#social a { padding: 3px 1px 4px 22px;}
#social a.twitter { background: transparent url(./style/images/icons_sprite.png) no-repeat scroll 0 0px;}
#social a.facebook{ background: transparent url(./style/images/icons_sprite.png) no-repeat scroll 0 -31px;}

#nav a:hover, #social a:hover {color:#399b0a;}

#nav li, #social li { /* all list items */
	float: left;
	text-align:left;
	margin:0 20px 0 0;
	/*width: 8em;  width needed or else Opera goes nuts */
}
#nav li ul li {text-align:left;}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	top:18px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li {width:10em;}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
#nav ul li a {background:#308109; color:#fff; padding:8px 6px;	border-left:3px solid #308109;}
#nav ul li a:hover {background:#399b0a; color:#ddd; border-left:3px solid #ddd;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}







#homeoffer {width:960px; margin:0px auto 20px auto;}


.box {float:left; width:176px; margin:0 8px 0 8px; height:134px; overflow:hidden;}
.box h3 {margin:8px 10px 8px 10px; font-weight:bolder; line-height:.94em; text-transform:uppercase; font-size:1.4em; height:34px;}
.box a, .box a:hover {text-decoration:none; }
.box a {  color:#fff;}
.box a:hover {color:#6bd31e;}
.box p {padding:0px 5px 0 10px; font-size:1.2em; line-height:1.6em; color:#fff;}
.box p img {padding:8px 0 0 0;}

.box h3 a, .box h3 a:hover {}
.box h3 a {color:#000;}
.box h3 a:hover {}

.box-purple {background:url(style/images/boxbg-purple.png) top left no-repeat;}
.box-blue {background:url(style/images/boxbg-blue.png) top left no-repeat;}
.box-red {background:url(style/images/boxbg-red.png) top left no-repeat;}
.box-green {background:url(style/images/boxbg-green.png) top left no-repeat;}
.box-yellow {background:url(style/images/boxbg-yellow.png) top left no-repeat;}
.box-yellow a {color:#000;}
.box-yellow a:hover {color:#888;}
.box-yellow p {color:#000;}


#col1 {float:left; width:140px; margin:20px 10px 0 0px; clear:left;}
#col2 {float:left; width:520px; margin:20px 0 0 0; padding:0; font-size:1.4em; line-height:1.6em;}
#colfull {float:left; width:680px; margin:20px 0 0 10px; font-size:1.4em; line-height:1.6em;}

#col2 h1, #colfull h1 {}
#col1 p { margin-bottom: 45px; }




#midint {background:url(style/images/purplesmlbg.png) repeat-x left top;  border-top:3px solid #36a102; height:115px;  }
#pageheader {width:680px; margin:0px auto; color:#fff; float:left; height:115px;}
#pageheader h1 {color:#fff; font-size:2.8em; letter-spacing:-.3pt; font-weight:bolder;}
#pageheader p {color:#fff; font-size:1.22em; line-height:1.5em;}

#col1 h6 {font-size:1.54em; font-weight:bolder; color:#666; letter-spacing:-.05pt; margin:0 0 0 10px;}
/*
#col1 ul {margin:0 0 0 0;}
#col1 li {width:135px; height:30px;  overflow:hidden; background:url(style/images/submenubg.png) no-repeat left top; height:30px; width:135px;}
#col1 li a, #col1 li a:hover {text-decoration:none; font-size:1.44em; height:30px; width:135px; margin:9px 0 0 6px;}
#col1 li a {color:#ffffff;}
#col1 li a:hover {color:#ffffff;}
*/
#submenu {}
#submenu ul {}
#submenu li {width:135px; height:30px; display:list-item; list-style:none; margin:1px 0; font-size:1.2em; padding:8px 10px 0px 10px; font-weight:bolder;}
#submenu li a, #submenu li a:hover {text-decoration:none; margin:0;}
#submenu li a {color:#401461;}
#submenu li a:hover {color:#6bd31e; background:none;}
#submenu .current_page_item {background:url(style/images/submenubg.png) no-repeat left top; color:#fff;}
#submenu .current_page_item a {color:#fff;}

#col2 ul, #col2 ul {margin:10px 0 0 10px;}
#col2 ul li, #colfull ul li {margin:5px 30px; list-style:disc; }
#col2 ul ul, #colfull ul ul {}
#col2 li ul li, #colfull li ul li {}

#col2 ol, #colfull ol {margin:10px 0 0 10px;}
#col2 ol li, #colfull ol li {list-style:decimal; margin:5px 10px; }
#col2 ol ol, #colfull ol ul {}
#col2 li ol li, #colfull li ol li {list-style:lower-alpha;}


.formtext {margin:5px 0 3px 22px; height:20px; width:210px; color:#111; padding:2px 0 0 5px;}
.formpulldown {margin:5px 0 3px 22px; height:20px; width:222px; color:#111; padding:1px 0 2px 0;}
.submitform {float:right; margin:5px 25px 0 0;}




#formint p, #form p { margin:2px 0 0 25px;}
#formint p {}
#form p {}
#formint a, #formint a:hover, #form a, #form a:hover {text-decoration:none; font-weight:bolder; text-transform:uppercase;}
#formint a, #form a {color:#fff;}
#formint a:hover, #form a:hover {color:#401461;}



#testimonial  {margin:20px 15px 10px 20px; font-size:1em;}
#testimonial p {margin:15px 0;}

img.alignleft {float:left; margin:0 10px 10px 0; }
img.alignright {float:right; margin:0 10px 10px 0; }

/* form styles */
.wpcf7-form {}
.wpcf7-form p {margin:0; font-size:90%;}
.wpcf7-form-control-wrap select {padding:2px 5px;font-size: 1.0em;  }
.wpcf7-form-control-wrap input {height:14px;padding:2px 5px;font-size: 1.0em;}
.wpcf7-form-control-wrap .your-message {width:440px;padding:2px 5px;}
.wpcf7-form-control-wrap textarea {width:440px;padding:2px 5px;}

.wpcf7-form-control-wrap .sbf input {width:215px; height:18px;}

/*p.fl {float:left; width:60px; color:#fff; font-weight:bolder; height:24px;}*/
p.fl {color:#fff; font-weight:bolder; height:24px;}
p.fl span.label {display:block; width: 80px;margin: 0 10px 0 0;}

div.formrow {margin:0 0 10px 25px;font-size:1.1em;}
div.formrow div.label {float: left; width: 80px;color:#fff;font-weight: bolder;}
div.formrow div.field {float: left; width; 150px;}
#formint div.formrow div.label {font-size:85%;}

.sbf {margin:2px 0;width:100px;}
.sbi {margin:0px 0px 0px 0; width:122px; height:22px;}
.sel {margin:0px 0px 0 0;width:135px;}

/* blog stuff */


#bcol1 {float:left; width:230px; margin:20px 20px 0 0; clear:left; font-size:1.3em; line-height:1.46em;}
#bcol2 {float:left; width:420px; margin:20px 0 0 0; padding:0; font-size:1.28em; line-height:1.36em;}
.bclr {clear:both; height:10px;}
.postedin {}

.post {margin:0px 0 40px 0;}
.post h2 {margin:10px 0 4px;}
.post h2 a, .post h2 a:hover {text-decoration:none; line-height:1.1em;}
.post h2 a:hover {color:#111;}

.post-date{
float: left;
display: inline;
margin: 0 10px 0 0;
background: url(style/images/wpdatebg.gif) no-repeat;
width:42px;
height:48px;
text-align:center;
}
.month {color:#fff; font-size:1.3em; font-weight:bolder; letter-spacing:-.3pt; margin:5px 0 2px 0;}
.day {color:#ccc; font-size:1.1em;}




/* sidebar stuff */

.sbtop {background:url(style/images/sbtop.gif) no-repeat center top; width:230px; height:9px; margin:0; padding:0;}
.sbbot {background:url(style/images/sbbot.gif) no-repeat center bottom; width:230px; height:9px; margin:0 0 10px 0; padding:0;}
.sb {width:210px; padding:10px; background:url(style/images/sbbg.gif) repeat-y left top;}
h3.widget-title {margin:0 0 4px 10px;}
.widget ul {margin:0 0 0 10px;}
.sb a, .sb a:hover {}
.sb a {}
.sb a:hover {color:#fff;}

#cname, #cemail, #cphone {margin:5px 0 3px 22px; height:20px; width:210px; color:#111; padding:2px 0 0 5px;}
#cgoals, #ccredit, #ccalltime, #ctimezone {margin:5px 0 3px 22px; height:20px; width:222px; color:#111; padding:1px 0 2px 0;}


/* form submission */

	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}
				  
.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}			




.submitbtn {float:right;border:none;   border-top: 1px solid #2a5420;   background: #2a5420;   padding: 9px 18px 6px 18px;   -webkit-border-radius: 23px;   -moz-border-radius: 23px;   border-radius: 23px;   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;   box-shadow: rgba(0,0,0,1) 0 1px 0;   text-shadow: #000 0 1px 0;   color: #fff;   font-size: 1.1em;   font-family: Helvetica, Arial, Sans-Serif;   text-decoration: none;   font-weight:bolder;   text-transform:uppercase;   vertical-align: middle;   }   
.submitbtn:hover {   border-top-color: #fff;   background: #a8a8a8 url(style/images/buttonbg.png) repeat-x left top;   color: #4ab825;   text-shadow: #111 0 1px 0;}

.button {float:right;margin: 0 0 0 5px; border-top: 1px solid #2a5420;   background: #2a5420;   padding: 9px 18px 6px 18px; -webkit-border-radius: 23px;   -moz-border-radius: 23px;   border-radius: 23px;   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;   box-shadow: rgba(0,0,0,1) 0 1px 0;   text-shadow: #000 0 1px 0;   color: #fff;   font-size: 1.1em;   font-family: Helvetica, Arial, Sans-Serif;   text-decoration: none;   font-weight:bolder;  text-transform:uppercase;   vertical-align: middle;   }
.button:hover {   border-top-color: #fff;   background: #a8a8a8 url(style/images/buttonbg.png) repeat-x left top;   color: #4ab825;   text-shadow: #111 0 1px 0;}
.button:active {   border-top-color: #8bbd86;   background: #8bbd86;   }
   
   
/* .box_half {width:440px; height:200px; float:left; border:3px solid #fff; background:#fff url(style/images/greengradient.png) repeat-x left top; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 1px 0 5px #aeada8;-moz-box-shadow: 1px 0 5px #aeada8;box-shadow: 1px 0 5px #aeada8; padding:0 10px;} */
.box_half {width:440px; float:left; padding:0 10px;}
.box_half h3 {color:#401461; font-family:Arial, Helvetica, sans-serif; text-transform:none; font-weight:bolder; font-size:2.8em; letter-spacing:-.4pt; margin:5px 0;}
.box_half h4 {color:#000; font-size:1.6em; font-weight:bolder; float:left; margin:5px 5px 5px 0;}
.box_half p {color:#000; font-size:1.6em;}

.alpha {margin:0px 20px 20px 4px;}
.omega {margin:0px 0;}

.formtext {height:21px; width:260px; border:2px solid #37a102; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#fff; padding:4px 4px 0 4px; -webkit-box-shadow: 1px 0 5px #fff;-moz-box-shadow: 1px 0 5px #fff;box-shadow: 1px 0 5px #fff; font-size:1.2em;}
.btnr {margin:10px 0;}