/*
Theme Name: F&I Admin
Theme URI: http://www.fiadmin.com/
Description: Custom theme for F&I Admininstration Solutions.
Version: 1.0
Author: <a href="http://www.wildcatdigital.com">Wildcat Digital</a>
*/


/* ________________________________________________________________________________________________________________
                                                  01. GENERAL TYPOGRAPHY
   ________________________________________________________________________________________________________________ */


/* ------- 1. CSS Reset ------- */

html,body,div,object,iframe,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{font-family:"Calibri","Trebuchet MS", Arial, sans-serif;line-height:18px;letter-spacing:.1px;word-spacing:1px;margin:0;padding:0;border:0;vertical-align:baseline;}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px}
p,h1, h2, h3, h4, h5, h6, ul.check_list, ul.arrowlist{padding-left:2px;}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}
*{margin:0;padding:0;}

/* ------- 2. General ------- */

body {min-width:980px;background-color:#FFF; color:#393939;font-size:12px;}
h1,h2,h3,h4,h5,h6,th,blockquote,.top_metadata,.date,.cancel-comment-reply a,.bottom_metadata {letter-spacing:1px;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;font-weight:bold;outline:none;-moz-outline-style:none;}
a{color:#004960;font-weight:bold;}
a:hover{color:#676c66;}
pre,code{font-family:mono-space,monospace;white-space:pre;overflow:auto;padding:20px;}
pre{padding:5px;}

blockquote cite{color:#000000;display:block;font-size:10px;}
.fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;}	
.fl{float: left;}
.fr{float: right;}
small{ font-size:11px;}
img#wpstats {display: none;}

/* ------- 3. List Styles ------- */

ul,li{list-style:none outside;margin-left:20px;list-style-type:none;}
ol, ol li{list-style:decimal outside;}
ol, dd{margin-left:24px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;margin-top:0;}
#sub_footer ul,#sub_footer li,#footer ul,#footer li, #comments li{margin-left:0;list-style:none;}


/* ------- 4. Borders & Dividers ------- */

.divider{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%;}	
.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}

/* ------- 5. Tables ------- */

table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #eaeaea;margin-bottom:18px;}
table,td,th {vertical-align:middle;}
th{padding:10px;color:#666;border-top:1px solid #fff;text-transform:uppercase;}
td{padding:10px;color:#888;}
tfoot td{border:0px;}
th,tr:hover{background-color:#f5f5f5;}

/* ------- 6. Forms ------- */

fieldset{padding:20px;border:1px solid #e5e5e5;}
legend,label{letter-spacing:1px;text-transform:uppercase;font-size:11px;}
input[type=text],input[type=password],input[type=file],textarea{background-color:transparent;padding:5px;width:280px;cursor:text}
.textfield_label{margin-left:12px;}
textarea{width:280px;height:120px;font-size:12px;}
input{outline-style:none!important;cursor:pointer;}
pre,input[type=text],input[type=textarea],input[type=password],input[type=file],textarea{background:#f2f4f3;border-color:#949393;border-style:solid;border-width:1px;color:#666;}
input[type="submit"]::-moz-focus-inner{border : 0px;} 
input[type="submit"]:focus{outline:none;}
input{border:1px solid #949393;font-size:12px;padding:5px;}

/* ------- 7. Images------- */

img { border:none; }
.alignright,img.alignright,a img.alignright {float:right; margin:10px 0px 10px 16px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:10px 16px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.frame,.small_frame {border:1px solid #eaeaea;display:inline-block;}
.frame img{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:8px;margin:0;}
.small_frame img {background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:4px;margin:0;}


/* ------- 8. Headers ------- */

h1{font-size:20px;font-weight:bold;font-style:italic;color:#004960;padding-bottom:0;margin:25px 0 20px 0;}
h2{font-size:30px;font-weight:bold;color:#FFF;padding-top:30px;}
h3{font-size:15px;font-weight:bold;color:#6db33f;letter-spacing:-.3px;}
h4{font-size:20px;font-weight:bold;font-style:italic;color:#6db33f;text-align:center;padding-bottom:10px;letter-spacing:-.5px;word-spacing:2px;}
h4 a{font-size:20px;font-weight:bold;font-style:italic;color:#6db33f;text-align:center;padding-bottom:10px;letter-spacing:-.5px;word-spacing:2px;}
h4 a:hover{color:#676c66;}
h5{font-size:22px; margin-bottom:10px;font-weight:bold;}

/* ________________________________________________________________________________________________________________
                                                  02. GENERAL LAYOUT  
   ________________________________________________________________________________________________________________ */


/* ------- 1. General Structure  ------- */

#content-wrapper {width:980px; height:100%; margin: 0 auto;}
.entry {font-size:14px;}
.entry blockquote {float:left;padding: 10px;border: 1px solid #ddd;color:#000;width:450px;background-color: #f7f7f7;font-style: italic;margin:5px 0 15px 0;}
.entry ul {margin:-10px 0 0 0;padding-bottom: 20px;}
.entry li {background-image: url(images/bullet.jpg);background-repeat: no-repeat;padding: 10px 0 0 30px;background-position: 8px 17px;}
.entry ul li ul {margin:0px; padding-bottom:0px; }
.entry ul li ul li {background-image:none; list-style:disc inside !important; margin:0; padding-bottom:0px; padding-top:12px;}
#top-wrap {width: 100%; height:98px; background-color:#004960;}
#top-wrap-highlight {width:980px;height:98px;background: url(images/top-wrap-bg-trans.png) no-repeat;padding:0;margin:0 auto;position:relative;z-index:20;}
#flash-wrap-highlight {width:980px; height:300px;background: url(images/home-flash-bg-trans.png) no-repeat;padding:0;position:relative;z-index:5;margin: 0 auto;}
#flash-wrap {width: 100%; height:300px; background-color:#004960;}



/* ------- 2. Header ------- */

#header {width:980px;height:74px;padding:0;margin: 0 auto;}
#logo {width:280px;height:54px;background: url(images/fi-admin-logo.jpg) no-repeat;display:inline;float:left;padding:0;margin:0;}
#phone {width:300px;height:33px;background: url(images/fi-admin-phone-number.jpg) no-repeat;display:inline;float:right;padding:0;margin:0;}
.info {display:inline-block; float:right;}

/* ------- 3. Footer ------- */

#footer a{color:#004960;font-weight:bold;}
#footer a:hover{color:#676c66;font-weight:bold;}
#footer h1{color:#004960;}

#footer_nav li,#footer_nav ul{display:inline;font-weight:normal;}
#footer_nav a{padding:0 5px;}

#footer {width:100%;background:#FFF url(images/footer-bg.png)repeat-x scroll center top;margin-top:10px;min-height:300px;}
#footer .inner{width:980px;margin:0 auto;}
#footer .one_fourth{width:230px;margin-right:20px;}

#sub_footer{background-color:#004960;border-top:1px solid #e5e5e5;padding-top:10px;font-size:11px;min-height:20px; color:#FFFFFF;}
#sub_footer .inner{width:980px;margin:0 auto;}
#sub_footer .one_half{margin-bottom:0;}
#sub_footer .last{text-align:right;}
#sub_footer a{color:#FFF;}
#sub_footer a:hover{color: #676c66}

/* ------- 4. Borders & Dividers ------- */

td,th,.divider,hr,.top_metadata,.blog_header{ background:url(images/line.gif) repeat-x scroll center bottom;}
.divider{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%;}	
.top{font-size:10px;line-height:10px;margin-bottom:40px;text-align:right;position:relative;}
.top a{background:#FFF none repeat scroll 0 0; color:#888; height:20px; position:absolute; right:0; text-shadow:1px 1px 0 #fff; top:12px; width:20px;}
.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}


/* -------  6. Columns ------- */

.one_half{width:466px;margin-right:48px;}
.one_third{width:312px;}
.two_third{width:620px; margin-right:48px;}
.one_fourth{width:236px;margin-right:12px;}
.one_fifth{width:198px;margin-right:13px;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth{position:relative;margin-bottom:20px;float:left;}
.last{margin-right:0 !important;clear:right;}

/* -------  7. Header Navigation ------- */

#nav-bar {height:27px;width:6px;display:inline;float:right;padding:0;margin:-15px 0 0 0;}
#menu {width:670px;height:27px;background:url(images/nav-bar-mid.jpg) repeat-x;display:inline;float:right;padding:0;margin:-15px 0 0 0;position:relative;z-index:999;}

#menu ul {margin: 0;padding: 0;list-style: none;float: left;}
#menu ul.menu {padding-left:5px;}

#menu li {position: relative;z-index: 9;margin: 0;padding: 0 15px 0 10px;display: block;float: left;}
#menu li:hover ul {left: -2px;}

#menu a {position: relative;z-index: 10;height: 27px;display: block;float: left;line-height: 27px;text-decoration: none;font-size:12px;font-weight:bold;font-family:"Trebuchet MS", Arial, sans-serif;}
#menu a:hover, #menu a:hover span { color: #2d2d2d;}
#menu li.current a {}

#menu span {display: block;cursor: pointer;background-repeat: no-repeat;background-position: 95% 0;}
#menu ul ul a.parent span {background-position:95% 8px;background-image: url(images/item-pointer.gif);}
#menu ul ul a.parent:hover span {background-image: url(images/item-pointer-mover.gif);}

/* menu::level1 */
#menu a {padding: 0 12px 0 12px;line-height:28px;color:#fff;}
#menu span {margin-top: -1px;}
#menu li { background: url(images/main-delimiter.png) 98% 0px no-repeat; }
#menu li.arrow { background: url(images/parent-delimiter-trans.png) 100% 0px no-repeat;}
#menu li.last { background: none; }

/* menu::level2 */
#menu ul ul li { background: none;width:100%}
#menu ul ul {position: absolute;top: 26px;padding: 0;margin-top:1px;display:none;}
#menu ul ul a {padding:0;height: auto;float: none;line-height: 11px;color: #2d2d2d;}
#menu ul ul span {margin: 0;color: #2d2d2d;white-space: nowrap;display: block;background: #8f969e;padding:20px 0 0 25px;}
#menu ul ul span.bottom {padding-bottom:20px;}
#menu ul ul a:hover span {color: #fff;}
#menu ul ul li.last { background: none; }


/* colors */
#menu ul ul ul { background: rgb(41,41,41); }
#menu ul ul ul ul { background: rgb(38,38,38); }
#menu ul ul ul ul { background: rgb(35,35,35); }




/* ________________________________________________________________________________________________________________
	                                              03. PAGE SPECIFIC STYLE 
   ________________________________________________________________________________________________________________ */



/* ------- 1. Home ------- */

#home-buttons {display:inline;float:right;position:relative; z-index:99;margin-top:-40px;}
#home-buttons a {color:#FFF;}
#home-buttons a:hover {color:#004960;}
#product-suite {background: url(images/product-suite-bg.jpg) no-repeat;padding:14px;height:285px;}
#product-suite p{line-height:18px;}

/* ------- 2. Pages ------- */

#featured-image {display:block;margin-top:-40px;position:relative;z-index:50;}
.credit-fix {margin-top:-15px;}
.meet-team-title {font-weight:bold;font-style: italic;margin-top:-15px;}
.meet-team-spacer {height:15px;}

/* ------- 3. Customers ------- */

ul#logos {margin:0;padding:0;list-style-type:none;}
ul#logos li {padding:0 0 10px 0;text-align:center;background-image: none;list-style-type:none;}
#customer-testimonial {background: url(images/testimonial-bg.png) no-repeat;padding:14px 70px 14px 14px;height:321px;}
#customer-testimonial p{line-height:18px;}

/* ------- 4. Partners ------- */
#partner-testimonial {background: url(images/testimonial-bg.png) no-repeat;padding:14px 70px 14px 14px;height:321px;}
#partner-testimonial p{line-height:18px;}

/* ________________________________________________________________________________________________________________
	                                              04. BLOG STYLES
   ________________________________________________________________________________________________________________ */


/* ------- 1. Blog Index & Post ------- */

.blog_module{clear:both;display:block;margin-bottom:25px;overflow:hidden;}
.blog_module ul {margin:-10px 0 0 0;padding-bottom: 20px;}
.blog_module li {background-image: url(images/bullet.jpg);background-repeat: no-repeat;padding: 10px 0 0 30px;background-position: 8px 70%;}
.blog_frame img{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #dddcdc;padding:5px;margin:0 10px 10px 0;float:left;}
.blog_content { width:960px; margin: 0 auto; padding:0 15px; }
.blog_header{padding-bottom:8px; margin-bottom:0}
.top_metadata{color:#888;font-size:10px;margin-bottom:20px;padding:4px 2px 8px;}
.top_metadata a{font-size:10px;text-transform:uppercase;word-spacing:-1px;}
.bottom_metadata{font-size:10px;margin:20px 0 40px;}
.bottom_metadata strong{text-transform:uppercase;}
.tags{padding-right:20px;}

/* ------- 2. Threaded Comments ------- */

#comments{margin-top:15px;}
#comments .date{padding-left:2px;color:#BBBBBB;font-size:9px;line-height:15px;text-transform:uppercase;}
.comment-text{color:#888888;left:25px;margin:10px 0;min-height:90px;overflow:hidden;padding-right:40px;padding-top:8px;position:relative;text-shadow:1px 1px 1px #FFFFFF;}
.comment-author{float:left;overflow:hidden;	width:90px;}
h4#comments {clear: both;margin: 45px 0 5px 0;font-size:20px;}
.commentlist cite {display:inline-block;font-style:normal;line-height:16px;padding-left:2px;padding-top:5px;text-transform:capitalize;}
.commentlist cite , .commentlist cite a:link, .commentlist cite a:visited {color: #666;}
.commentmetadata ,.commentlist .reply {float:left;font-size:10px;margin-right:5px;text-transform:lowercase;}
.commentlist {margin: 0 0 20px 0;}
.commentlist li {background: url(images/comment_bubble.gif) 0px 15px no-repeat;list-style-image:none;list-style-position:outside;list-style-type:none;padding:20px 0;overflow:hidden;clear:both;}
.commentlist li ul li { margin-left: 20px;}
.cancel-comment-reply a{color:#bbb;font-size:9px;padding-left:2px;text-transform:uppercase;line-height:15px;}
.comms-navigation, .navigation {clear: both;display: block;margin-bottom:0px;overflow: hidden;}
.children {padding: 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}

#commentform{padding-top:20px;}
#respond{clear:both;padding-top:10px;}
#respond h3{margin-bottom:0px;}
.date{color:#aaa;font-size:10px;text-transform:uppercase;line-height:15px;}

.awaiting_moderation{background:#FFFFFF none repeat scroll 0 0;border:1px solid #EEEEEE;display:inline-block;font-size:10px;margin-bottom:10px;padding:0 10px;}
.logged{margin-bottom:5px;}


/* ________________________________________________________________________________________________________________
                                                  05. WIDGETS 
   ________________________________________________________________________________________________________________ */

.widget ul{margin-bottom:0;}
.widget{padding:0 0 40px 0;overflow:hidden;}	
.textwidget{clear:both;}
.widget_tag_cloud h2,.widget_categories h2,.widget_pages h2,.widget_archive h2 {font-family:Georgia, "Times New Roman", Times, serif;line-height:20px; padding-bottom:8px;font-weight:normal;line-height:100%; word-spacing:-4px;background:url(images/line.gif) repeat-x scroll center bottom;font-size:24px; color:#063263}
.widget_tag_cloud ul, li {margin-left:0px; !important}

ul#popular-posts li {margin:0;padding:12px 0 12px 5px;border-bottom: 1px solid #dddcdc;font-size:11px;}

/* ________________________________________________________________________________________________________________
	                                              06. EXTRAS 
   ________________________________________________________________________________________________________________ */
   
   /* ------- 1. Buttons ------- */
#home-BTN {display:block;width: 163px;height: 49px;background: url(images/home-button.gif) no-repeat;margin-right:18px;}
#home-BTN p {text-align:center;padding-top:15px;font-weight:bold;font-size:18px;}
#home-BTN:hover { background-position: 0 -49px;}


	
a.button_link,a.button_link:hover,a.button_link:hover,a.button_link:active,a.button_link:active span,a.button_link span{background-image:url(images/buttons-trans.png);}
.button:active,.button:hover,.button,.wp-pagenavi span.current{border-color:#dddcdc;background-image:url(images/buttons-trans.png);}
wp-pagenavi span.current{border-color:#111;background-image:url(images/pagenavi.gif);}

/* ------- 2 WP Pagenavi ------- */

.wp-pagenavi{clear:both;height:40px;text-align:right;}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
	border:1px solid transparent;
	color:#AAAAAA;
	font-size:10px;
	margin:1px;
	padding:4px 5px;
	text-shadow:1px 1px 0 #FFFFFF;}
.wp-pagenavi a:hover {	
	background:#eee;
	background:#F9F9F9 url(images/pagenavi-gradient.gif) repeat-x scroll -1px -2px;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;}
.wp-pagenavi span.current {
	background:#063263 url(images/pagenavi.gif) no-repeat scroll center -35px;
	border:1px solid #222;
	border-bottom:0;
	color:#EEEEEE;
	font-weight:bold;
	height:29px;
	text-shadow:none;}

/* Safari Navigation Fix */
@media screen and (-webkit-min-device-pixel-ratio:0){
#pages ul li a:link, #pages ul li a:visited, #pages ul li a:active {
padding: 13px 32px 5px 37px;
}
}