/*
Theme Name: Bluesky Auto Finance
Theme URI: http://blueskyautofinance.com/
Description: Bluesky Auto Finance WP Theme 
Author: WP Theme
Version: 1.0
*/

body, html { margin: 0; padding: 0; font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px; color: #666;  }

a { text-decoration: none; outline: none; color: #16387C; }
a img { border: none; }

ul { margin: 0; padding: 0; list-style-type: none; }
ol { margin: 0; padding-left: 25px; }
h1,h2,h3,h4,h5 { color: #666; margin: 0 0 7px 0; font-weight: lighter; }
h1 a,h2 a,h3 a,h4 a,h5 a { color: #16387C; }

#container { position: relative; width: 990px; margin: 0 auto; }
#header { position: relative; height: 104px; padding-top: 12px; z-index: 800; }

#header #mainmenu { position: absolute; list-style-type: none; margin:83px 0 0 0; padding: 10px 0 0 0; top: 0; left: 0; width: 100%; }
#header #mainmenu li { position: relative; float: left; margin-right: 1px; } 
#header #mainmenu li a { position: relative;  color: #000; background: url("img/menu.jpg") top center no-repeat; padding: 8px 34px 10px 34px; }
#header #mainmenu li a {  
	-moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
	behavior: url("http://www.blueskyautofinance.com/wp-content/themes/bluesky/js/PIE.htc"); 
}
#header #mainmenu li:hover a, #header #mainmenu li.licurrent a  { color: #FFF; background-image: url("img/menuh.jpg"); }
#header #mainmenu li a.aimnoh { background-image: url("img/menu.jpg"); color: #red; }

#header #mainmenu li ul { position: absolute; top: 0; left: 0; margin: 23px 0 0 0; width: 300px; padding: 0; display: none; }
#header #mainmenu li li { position: relative; float: none; clear: both; padding: 0; }
#header #mainmenu li li a { display: block; color: #666; background: #FFF; -moz-border-radius: 0;	-webkit-border-radius: 0; border-radius: 0; -khtml-border-radius: 0; border-top: 1px solid #DADADA;   }
#header #mainmenu li:hover li a, #header #mainmenu li.licurrent li a { color: #666; background: #FFF;  }
#header #mainmenu li li a:hover { color: #000; }
#header #mainmenu li:hover ul { display: block; }

#header #topmenu { list-style-type: none; position: absolute; top:0; right:0; margin: 12px 20px 0 0; font-size: 11px; }
#header #topmenu li { position: relative; display: inline; } 
#header #topmenu li a { color: #666; padding: 0 4px; border-right: 1px solid #808080;  }
#header #topmenu li:last-child a { border: 0; padding-right: 0; }
#header #topmenu li a:hover { color: #29A9E0; }

#header #divgoogle { position: absolute; top:0; right: 15px; margin: 38px 0 0 0;  height: 30px; width: 150px; text-align: right; border: 0px solid red; }

#banner { position: relative; display: block; height: 249px; background: url("img/header-home.jpg") 0 0 no-repeat; z-index: 100; visibility: hid-den; }
#banner p { position: absolute; top:0; left:0; margin: 160px 0 0 270px; width: 410px; font-size: 11px; line-height: 14px; font-weight: bold; color: #666;  text-align: right; }
#banner p a { text-decoration: underline; }
#banner #buttonApply { position: absolute; top: 0; right:0; margin: 155px 22px 0 0; }

#bannerIn { position: relative; width: 985px;  overflow: hidden; clear: both; }

#content { position: relative; overflow: auto; margin: 25px 0; padding-bottom: 25px; background: url("img/bgContent.jpg") 0 0 repeat-y; width: 100%; }
#cleft { position: relative; float: left; width: 280px; margin-right: 22px; }
#cleft h2 { background: url("img/bgh2.jpg") 0 0 repeat-x; height: 29px; overflow: hidden; border: 1px solid #B2B2B2; border-right: 0; text-align: right; font-size: 18px; padding: 6px 17px 0 0; margin: 25px 0 0 0; } 
#cleft h2:first-child { margin-top: 0; }

#cleft ul { position: relative; font-size: 15px; text-align: right; width: 100%; }
#cleft ul li { background: #F2F2F2 url("img/li_innernav.jpg") 20px 11px no-repeat; margin-bottom: 2px; padding: 8px 17px 8px 45px;  }
#cleft ul li a { position: relative; display: block; color: #666; outline: none; }
#cleft ul li:hover, #cleft ul li.licurrent { background: #007AC3 url("img/li_innernavh.jpg") 20px 11px no-repeat; color: #FFF; cursor: default; }
#cleft ul li:hover a, #cleft ul li.licurrent a { color: #FFF; cursor: pointer; }
#cleft ul span { font-size: 10px; font-style: italic; color: #ABABAB; }
#cleft ul li:hover span { color: #FFF; }
#cleft p { margin: 15px 5px 12px 10px; line-height: 19px; overflow: auto; }

#cleft .testimonial { position: relative; overflow: auto; padding-right: 18px; margin: 15px 0; }
#cleft .testimonial  img { float: left; vertical-align: top; margin-right: 10px; }
#cleft .testimonial div { font-size: 11px; float: left; line-height: 18px; margin: 0; }
#cleft .testimonial span { text-align: right; display: block; font-weight: bold; clear: both;}
#cleft .imblock { padding-right: 15px; }
#cleft #homeseal { position: relative; margin: 45px 0 0 5px;  }
#cleft #homeseal #sealbbb { margin-left: 38px; }

#cleft #blogposts li { background: transparent; font-size: 11px; padding: 5px 10px; }
#cleft #blogposts li:hover { color: #666; }
#cleft #blogposts li:hover a, #cleft #blogposts li a { color: #16387C; }

.imab { font-weight: bold; }
.floatright { display: block; text-align: right; margin-right: 14px; }
.alignright { float: right; margin: 0 0 10px 15px; }
.alignleft { float: left; margin-right: 15px; }
.aligncenter { display: block; text-align: center; margin: 10px 0; }
.imblock { display: block; clear: both;   overflow: auto;}

#cright { position: relative; float: left; width: 685px; }
#cright .h3blue, #wholepage .h3blue { font-size: 16px; color: #007AC3; font-weight: bolder; }
#cright a , #wholepage a { text-decoration: underline; } #cright a:hover, #wholepage a:hover { text-decoration: none; }
#cright h1, #wholepage h1 { color: #007AC3; font-size: 22px; display: block; clear: both; margin-bottom: 15px; letter-spacing: -1px; }
#cright h2, #wholepage h2 { color: #007AC3; font-size: 18px; }
#cright h3, #wholepage h3 { font-weight: bold; font-size: 14px; margin: 0 0 5px 0; }
#cright h4, #wholepage h4 { font-size: 12px; }
#cright h5, #wholepage h5 { font-size: 10px; }
#cright p, #wholepage p { margin: 0 0 15px 0; line-height: 19px; }
#cright ol, #wholepage ol { margin: 15px 0 20px 0; }
#cright #imgwa { position: relative; }
#cright #imgwa a { position: absolute; top:0; right:0; margin: 28px 35px 0 0;  }
#cright .cr1-2w { position: relative; background: url("img/bgcr1-2w.jpg") 0 0 repeat-y; overflow: auto; margin-bottom: 30px; width: 100%; }
#cright .cr1-2 { float: left; width: 302px; border: 0px solid red; }
#cright .cr1-2:last-child { width: 347px; margin-left: 36px;   }

#cright .imfloat { position: relative; overflow: auto; }
#cright .cr1-3 { float: left; width: 200px; margin-right: 40px; }
#cright .cr1-3:last-child { margin-right: 0; }
#cright .cr1-3 h2 { border: 1px solid #B2B2B2; color: #666; font-size: 18px; height: 29px; overflow: hidden; padding: 5px 10px 1px 10px; background: url("img/bgh2.jpg") 0 0 repeat-x; margin-bottom: 0; }
#cright .cr1-3 img { margin-bottom: 15px; }
#cright .cr1-3 span { color: #1298CC; font-size: 15px; }

/* Inner Pages */
#cright .p1up { font-size: 15px; font-weight: bold; margin-bottom: 5px; }
#content .innerpage { width: 565px; }
#cright ul.listone { padding: 10px 0; }
#cright ul.listone li { border-top: 2px solid #E3E3E3; padding: 25px 0; margin: 0; }
#cright ul.listone li h2 { margin-top: -15px;  }
#cright ul.listone li img.alignleft { margin-right: 15px; margin-bottom: 5px; }
#cright ul.listone li img.imgH { margin-top: 7px; }
#cright ul.listone li p { margin: 0; }

#cright .islist { list-style-type:disc; margin-left: 15px; margin-bottom: 20px; }
#cright .islist li { padding: 3px 0; }
#cright .islist  ul { list-style-type:circle; }

#cright .islist2 { list-style-type:disc; margin-left: 15px; margin-bottom: 20px; margin-left: 30px; }
#cright .islist2 li { padding: 3px 0; }
#cright .islist2  ul { list-style-type:circle; margin-left: 20px; }
#content .listblog h2, #content .isblogpost h1 { margin-bottom: 0; }
#content .listblog h2 a { color: #007AC3; text-decoration: none; }
#content .listblog .listspan, .isblogpost .listspan { color: #ABABAB; padding-bottom: 5px; display: block; }
#content .listblog .listspan a, .isblogpost .listspan a { text-decoration: none; color: #929292; font-weight: bold; }
#content .listblog .listspan a:hover, .isblogpost .listspan  a:hover { color: #666; }
#content .isblogpost .listspan { margin-bottom: 10px; display: block;  }

#wholepage { position: relative; overflow: auto; margin: 25px 0 50px 0;  width: 100%; }
#iframe { position: relative; overflow: auto; margin: -5px 0 25px 0;  width: 100%; }
#inneriframe { width:992px; height:1400px; margin: -105px 0 0 -16px; }

#listingResults, #listingHeading li { color: #000; }
#listingResults table { width: 100%; } 
#listingResults tr td { padding: 20px 0; }
#listingResults img { vertical-align:text-top; }

.uloffers { position: relative; overflow: auto; clear: both; }
.uloffers li { overflow: auto; padding: 10px 0; }
.uloffers li img { float: left; margin: 0 15px 30px 0; }
.uloffers li p { margin-top: 0; }

.loancalculator { position: relative; font-size: 11px;  width: 680px;  }
.loancalculator .pmt, .loancalculator .loan { width: 50px; border: 1px solid #B3B3B3; padding: 3px 5px; }
.loancalculator  .tcleft { text-align: right; width: 150px;  }
.loancalculator td { vertical-align: text-top; }
.loancalculator .tcblnk td { padding-top: 5px; }

.wpcf7 p { position: relative; overflow: auto; width: 100%; margin:0; }
.wpcf7 p span { padding-top: 5px; width: 140px; margin-right: 10px; float: left; color: red; }
.wpcf7 p span label { color: #666; }
.wpcf7 p .wpcf7-text, .wpcf7 textarea { padding: 5px; border: 1px solid #B3B3B3; width: 200px; font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px; color: #666;  }
.wpcf7 textarea { width: 300px; height: 120px; }

#cright span.wpcf7-not-valid-tip , #cright div.wpcf7-validation-errors {  border: 1px solid #DF5353; font-size: 10pt; color: #DF5353; text-align: center; }
#cright div.wpcf7-mail-sent-ok {  border: 1px solid #007AC3; color: #007AC3; text-align: center;  } 
#cright div.wpcf7-mail-sent-ng { border: 1px solid #DF5353; color: #DF5353; text-align: center;  }

/* Pagination */
#pagination { margin: 20px 0px 20px 10px; text-align: center; }
#content #pagination a, #pagination span, #pagination a.page-numbers { padding: 3px 6px; background-color: #FFF; margin-right: 3px; text-decoration: none; color: #666; }
#content #pagination a:hover, #pagination span:hover, #content #pagination .acurrent, #comment #pagination .current { background-color: #666; color: #FFF; cursor: pointer; }
#pagination span:hover { cursor: default; }
#pagination span.spannono:hover { background-color: #FFF; color: #666; }

/* Comment */
#comment { position: relative; margin: 35px 0px; overflow: auto; width: 100%; }
#comment ul { list-style-type: none; margin: 0px; padding: 0px; display: block;}
#comment ul li{ position: relative; margin: 0px; padding: 0px; width: 100%; overflow: hidden;  }
#comment ul ul { margin: 10px 0px 10px 30px; width: 570px; }
#comment a { text-decoration: none; }
#comment #pagination { margin-bottom: 50px; }
	
.comments { position: relative; overflow: auto; width: 100%; border-bottom: 1px dotted #E7E7E7; padding: 10px 0px; clear: both;  height: auto;  }
.comments .commImg { position: relative; float: left;  width: 65px; height: 65px; margin: 0px 15px 20px 5px;  }
.comments .commImg img { margin: 3px 0px 0px 3px; }

.comments .commText { position: relative; float: left; width: 80%;  line-height: 21px; }
.comments .commText .commTTop { position: relative; display: block; font-weight: bold; }
.comments .commText .commTTop span a { font-weight: normal; }
.comments .commText .commTMid { position: relative;  }
.comments .commText .commTBottom { position: relative; margin-top: 10px; }

#comment .imred { color: red; margin: 0; }
#comment .deletecomm { padding: 1px 5px; background-color: #C26185; color: #FFF; margin-left: 5px; }
#comment #loguser { margin-left: 0px;  background-color: #E7E7E7; padding: 6px 10px;  }
#comment form { position: relative; margin-top: 20px;  padding: 0px 0px 30px 0px;   }
#comment form fieldset { position: relative; display: block; border: none; margin: 0px;  padding: 0px; }
#comment form p { position: relative; display: block; overflow: auto; font-size: 14px; color: #A2A2A2; font-family: arial; }
#comment form p span { display: block; width: 80px; float:left; padding:7px 0 0 5px; }
#comment form p .commtext { float: left; }
#comment .commtext {border: 2px solid #E7E7E7; padding: 5px; width: 350px; margin: 0px 0px 5px 5px; font-size: 14px; color: #A2A2A2; font-family: arial; }
#comment  textarea { border: 4px solid #E7E7E7; width: 520px; height: 200px; padding: 5px;  font-size: 14px; color: #A2A2A2; font-family: arial; line-height: 21px; margin-top: 0; }
#comment .form_submit { border: none; background-color: #434141; color: #FFF; padding: 3px 5px; margin-left: 5px; }

#footer { position: relative; border-top: 1px solid #000; padding: 18px 0 20px 0; font-size: 11px; text-align: center; cursor: default; }
#footer ul { list-style-type: none; text-align: center; margin-bottom: 18px; }
#footer ul li { display: inline; padding: 0; padding: 0 5px; border-right: 1px solid #666;  }
#footer ul li a { position: relative; color: #666;  }
#footer ul li a:hover { color: #29A9E0; }
#footer ul li:last-child  { padding-right: 0; border-right: 0; }