/*  
Theme Name: Lisa Foley Fitness Theme
Theme URI: http://www.lisafoleyfitness.co.uk
Description: Lisa Foley Fitness Theme
Version: 1.0
Author: Tim Butler
Author URI: http://www.flux-design.co.uk/

*/

* {margin:0; padding:0; font-size:14px; line-height:18px; color:#004477; font-family:Corbel, Arial, Helvetica, sans-serif}

#wrap {width:990px; margin:0 auto}
#header {width:990px; height:123px; float:left}
#logo {float:left; width:358px}
#nav {float:right; width:601px; padding-top:10px}
#contactdetails {float:left; width:601px; height:64px; text-align:right; font-size:18px}
#contactdetails div strong {font-size:18px; padding-left:14px}
#contactdetails div a {font-size:18px; text-decoration:none}
#contactdetails div a:hover {color:#5599cc}
#contactdetails div {padding-top:8px; font-size:18px}
#nav2 {float:left; width:601px; height:28px; background-image:url(images/navbox-bg.png); background-repeat:no-repeat}

#maincontent {float:left; width:990px; padding-bottom:66px; min-height:400px}

#homemain {width:990px; float:left; height:452px}
#homemain-left {width:389px; float:left; height:452px; background-image:url(images/home-mainbox-leftbg.png)}
#homemain-right {width:601px; float:right; height:452px; background-image:url(images/home-mainbox-bg.png); background-repeat:no-repeat}
#homemain-right p {color:#FFF; font-size:18px; line-height:24px; margin-bottom:20px}
#homemain-right .highlight {color:#bbddff; font-size:24px; line-height:28px; font-style:italic; font-weight:bold}

#newsbox {float:right; width:390px; height:274px; background-image:url(images/newsbox-bg.png); background-repeat:no-repeat}
#newsbox p {clear:left}

.padding {float:left; padding:20px 20px 0px 20px; width:561px}
.padding2 {float:left; padding:20px 20px 0px 20px; width:350px}

h1, h2 {float:left; width:100%; border-bottom: 1px solid #bbddff; font-size:36px; line-height:38px; color:#5599cc; font-weight:bold; padding-bottom:10px; margin-bottom:15px}
h1 span, h2 span {color:#bbddff; font-weight:normal; font-size:36px}

h2 {color:#5599cc}
h2 span {color:#004477}

h3 {float:left; width:100%; font-size:28px; line-height:32px; color:#5599cc; padding-bottom:3px; margin-bottom:15px; border-bottom: 1px solid #bbddff; text-decoration:none}
h4 {font-size:18px; line-height:20px; margin:0px 0px 15px 0px}

h3 a {font-size:28px; line-height:32px; color:#5599cc; text-decoration:none}
h3 a:hover {font-size:28px; line-height:32px; color:#004477; text-decoration:none}

p {margin:0px 0px 15px 0px}

span.wpcf7-list-item { display: block; }

#homelower {float:left; width:990px; margin:20px 0px 0px 0px}
#homelower-left {float:left; width:580px; margin-top:20px}
#homelower-right {float:right; width:390px; height:354px; background-image:url(images/contactbox-bg.png); background-repeat:no-repeat; margin-top:20px}

#homelower-right p, #homelower-right strong, #homelower-right a {font-size:16px; line-height:20px; text-decoration:none}
#homelower-right a:hover {text-decoration:none; color:#5599cc}
#homelower-right td {padding:6px 0px 8px 0px}
.templatetextcontentleft td {padding:5px 0px 5px 0px}
.templatetextcontentleft form {margin-bottom:15px}
#homelower-right form {clear:left; float:left; margin:0; padding:0}

.contactfield3 {width:264px; background-color:#FFF; border:1px solid #bbddff; padding:6px 4px}

.contactfield {height:30px; width:350px; background-color:transparent; background-image:url(images/contact-fieldbg.png); background-repeat:no-repeat; background-position:top left; border:none; padding:0px 8px 0px 8px; line-height:28px}
.contacttextarea {height:75px; width:350px; background-color:transparent; background-image:url(images/contact-messagebg.png); background-repeat:no-repeat; background-position:top left; border:none; padding:0px 8px 0px 8px; line-height:29px}
.contactbutton {padding-top:0px; float:left}

.contactfield2 {width:428px; background-color:transparent; border:1px solid #bbddff; padding:2px 4px; margin-bottom:8px}
.contactformlabel {text-align:right; padding-right:5px; font-weight:bold; padding-top:3px; vertical-align:top}
.checkboxes {padding:2px 0px; padding-bottom:8px}

.eventsboxlabel {text-align:right; padding-right:5px; font-weight:bold; padding-top:3px; vertical-align:top}
.eventsboxcontent {padding:3px 0px}
#eventsbox {width:580px; background-image:url(http://www.lisafoleyfitness.co.uk/wp-content/uploads/2009/12/eventsbox-bg.png); background-position:bottom; margin:25px 0px 0px 0px; float:left; padding-bottom:16px}

#eventsbox img {margin-bottom:0px}

.ol {float:left; padding:0px 8px 15px 0px}

#footer {background-image:url(images/footer-bg.png); background-repeat:repeat-x; height:288px; clear:both}
#footer p {clear:left}
#footerwrap {margin:0 auto; width:990px; padding-top:30px}
#footerleft {float:left; width:790px}
#footerright {float:left; width:190px; text-align:right; font-size:12px; padding-top:72px}
#footerright p {font-size:12px}
#footerright a {font-size:12px; color:#5599cc; text-decoration:none}
#footerright img {border:0; padding-left:6px}
#footerright a:hover {font-size:12px; color:#004477; text-decoration:none}

#footerleft a {text-decoration:none; font-weight:bold}
#footerleft a:hover {color:#5599cc; text-decoration:none}
#footerleft a.subpage {text-decoration:none; color:#5599cc; font-weight:normal}
#footerleft a:hover.subpage {text-decoration:none; color:#004477}

ul {margin:0px 0px 15px 20px; padding:0px 0px 0px 0px}
li {margin:0px 0px 2px 0px; padding:0px 0px 0px 2px}

.alignright {float:right; padding:0px 0px 20px 20px}

.templateimageright {float:right; width:389px}
.templatetextcontentleft {float:left; width:581px}

.imgleft {float:left; padding:0px 20px 20px 0px}
.imgright {float:right; padding:0px 0px 20px 20px}

.divider {float:left; padding-bottom:20px; width:100%}


.posttext {float:left; width:740px; margin-bottom:30px}
.blogright {float:right; width:200px; margin-top:10px}
.blogright h4 {margin-bottom:5px; color:#5599cc}
.blogright ul {list-style:none; margin:0px 0px 15px 0px; padding:0}
.blogright li a {margin:0; padding:0; color:#004477; text-decoration:none}
.blogright li a:hover {margin:0; padding:0; color:#004477; text-decoration:underline}

.comments-template, #respond {float:left; width:780px; margin-top:30px}
.comments-template textarea {width:780px}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:601px; height:28px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:625px; w\idth:625px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; border:0}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:14px;text-decoration:none; color:#fff; height:28px; padding:0px 15px; line-height:27px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:80px; w\idth:80px; padding:0px 0px 0px 8px; margin:0px}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#bbddff}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#bbddff}
.menu ul ul :hover > a.drop {background:#bbddff}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:28px; left:5px; width:89px; border:0; margin:0}
/* another hack for IE5.5 */
* html .menu ul ul {top:27px;t\op:28px;}

/* position the third level flyout menu */
.menu ul ul ul{left:79px; top:-1px; width:79px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-79px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#bbddff; color:#004477; padding:3px 10px; width:148px; border:0}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:148px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#5599cc; background:none;}
.menu :hover > a, .menu ul ul :hover > a {color:#5599cc; background:none;}

.menu ul ul a:hover{background:#bbddff; color:#5599cc; border:0}
.menu ul ul :hover > a {background:#bbddff; color:#5599cc; border:0}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu_item {margin:0; padding:0; border:0}

/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}

.current_page_link a {
  color:#5599cc;
}
.current_page_link {
  color:#5599cc;
}