/*
Theme Name: Use a Franchise
Theme URI: http://www.useafranchise.com
Description: USEafranchise.com is a directory of British Franchise Association Franchises, with the aim of promoting franchising throughout the UK. By encouraging people to use a franchise, USEafranchise.com also aims to increase franchise awareness throughout the UK.
Version: 2
Author: Karl Wills
Author URI: http://www.karl-wills.com
*/


body {font: 62.5%/1.5  "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2c2c2c; background: #f2f2f2 url("images/bodybg.jpg") repeat-x;}

/* #page-wrap {background: url(images/12_col.gif) repeat-y;} */


/*
################################################################################
Typography
################################################################################
*/

h1,h2,h3,h4 {font-family: 'carto-book'; text-shadow: #fff 1px 1px; letter-spacing: -0.35px;}
h1 {font-size: 1.833em; /* 22px; */}
h2 {font-size: 1.666em; /* 20px */}
h3 {font-size: 1.555em; /* 18px*/}
h4 {}

p {}
ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 20px;}
a {color: #0f5ba0; text-decoration: none;}
a:hover {text-decoration: underline;}

h2.home-title { margin-bottom: 30px; text-align: center; font-size: 1.8em; color: #6f6f6f;}


/*
################################################################################
Rounded Corners
################################################################################
*/

.rounded {background: #fff; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; -moz-border-radius: 12px; -webkit-border-radius: 12px; margin-bottom: 25px;}


/*
################################################################################
Header & Top Navigation
################################################################################
*/

#header {position: relative; height: 71px;}
img#logo {float: left; position: relative; top: 22px;}

ul#nav {list-style: none; height: 39px; float: left; margin: 0; padding: 0; font-size: 1.3em;}
ul#nav li {float: left; margin: 0 30px 0 0;}
#nav li a {display: block; text-decoration: none; color: white; height: 39px; line-height: 39px; text-shadow: #084175 1px 1px; letter-spacing: 0.3px;}
#nav li a:hover, #current {text-decoration: none; background: url(images/nav-hover-current.jpg) no-repeat bottom center;}

/*
################################################################################
Content
################################################################################
*/

#content {clear: both; padding: 30px 0; font-size: 1.2em;}
#main {margin: 0 20px 0 0; padding: 30px; width: 559px;}
#listing-wrap {width: 620px; float: left;}


/*
################################################################################
Find a Local Franchisee & Find a Franchised Service
################################################################################
*/

#franchised-service, #find-franchisee {height: 275px; padding: 30px; width: 399px;}
#franchised-service h2, #find-franchisee h2 {font-size: 1.85em; margin-bottom: 15px;}
#franchised-service {margin-left: 0;}

#franchise-cats {display: none; width: 750px; padding: 25px; background: white; overflow:hidden; margin: 0 10px 20px 0; border: 1px solid #c1c1c1; -moz-border-radius: 8px; -webkit-border-radius: 8px; position: absolute; top: 200px; left: 30px; z-index: 1000;}
#franchise-cats ul {float: left; width: 220px; margin: 0 25px 0 0; padding: 0; list-style: none;}
#franchise-cats ul li {font-size: 1em; margin-left: 0;}

a.view-categories {text-indent: -9999px; width: 302px; height: 30px; display: block; background: url('images/sprite.png'); overflow: hidden; background-position: -10px -238px; margin: 38px 0 20px 0;}
a.view-categories:hover {background-position: -10px -176px;}
a.view-categories:active {background-position: -10px -207px;}
#franchise-cats a#close { float: right; display: block; width: 15px; height: 14px; overflow: hidden; background: url(images/close-btn.jpg) no-repeat top center; font-size: 11px; text-indent: -9999px;}
#franchise-cats a#close:hover {background-position: bottom center;}

#find-franchisee {margin-right: 0;}

#franchisee-search input  {width: 340px; padding: 10px; font-weight: bold; -moz-border-radius: 8px; -webkit-border-radius: 8px;
border: 1px solid #c1c1c1; font-family: "Helvetica", Arial, sans-serif;}	
#franchisee-search button#search {clear: both; border: none; width: 88px; height: 30px; display: block; background: url('images/sprite.png'); overflow: hidden; background-position: -10px -41px; line-height: 30px; font-family: "Helvetica", Arial, sans-serif; margin: 0; padding: 0; text-indent: -9999px;}

#franchisee-search button#search:hover {background-position: -10px -10px; cursor: pointer; }
#franchisee-search span {color: #a1a1a1; font-style: italic; font-size: 0.916em;}


/*
################################################################################
Recent Additions
################################################################################
*/

#recent-additions {margin-left: 0; margin-bottom: 25px;}
#recent-additions h3 {}

.recent-additons-thumb {background: #fff; background: #fff; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; -moz-border-radius: 12px; -webkit-border-radius: 12px; float: left; width: 109px; padding: 15px; margin-right: 15px; height: 40px;}


/*
################################################################################
Seasonal Savers
################################################################################
*/

#seasonal-savers {margin-left: 0; width: 479px; padding: 30px;}
#seasonal-savers img {float: left; margin-right: 20px;}


/*
################################################################################
Add your Business
################################################################################
*/

#add-your-business {padding: 30px; margin-right: 0; width: 319px;}


/*
################################################################################
Category listings
################################################################################
*/

.listing {padding: 30px; width: 559px;}
.listing h3 a {color: #2c2c2c;}
.listing h3 a:hover {color: #0f5ba0; text-decoration: none;}


/*
################################################################################
Sidebar
################################################################################
*/

#sidebar {float: left; margin-right: 0; margin-left: 20px; padding: 20px; width: 259px}


/*
################################################################################
Footer
################################################################################
*/

#footer {clear: both; font-size: 1.2em;}


/*
################################################################################
Fixes
################################################################################
*/

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}


/* = Modifications
-------------------------------------------------------------- */

#error-page {
	background: url('../image/logo-login.gif') no-repeat center 10px;
	padding-top: 170px;
}