/*
Theme Name: Unley Physiotherapy V1
Theme URI: http://unleyphysio.com.au/
Description: Theme for unley Physiotherapy (<a href="http://www.unleyphysio.com.au">www.unleyphysio.com.au</a>).
Version: 1.0
Author: Peter Smidt
Author URI: http://www.unleyphysio.com.au/
Tags: green, custom header, fixed width, three columns, widgets

    Unley Physiotherapy v1.0
     http://www.unleyphysio.com.au

    This theme was designed and built by Peter Smidt,
*/

body {
    padding:0;
    border:0;	/* This removes the border around the viewport in old versions of IE */
    width:100%;
    max-width:1400px;
    min-width:600px;	/* Minimum width of layout - remove line if not required */	/* The min-width property does not work in old versions of Internet Explorer */
    font-size:90%;
    text-align : center;
    margin:0 auto; /* for the rest */
}
/* Header styles */
#header {
    clear:both;
    float:left;
    width:100%;
    background:#FFFFFF;        /* Right column background colour */
}
/* column container */
.colmask {
    position:relative;        /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;             /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
    background:#FFFFFF;        /* Right column background colour */
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-260px;      /* Width of right column */
    position:relative;
    right:100%;
    background: #FFFFFF;     /* Centre column background colour - pws: now white see col1 below */
    color: #000;
    font-size : 16px;
    line-height : 16px;
    text-align:left; /* reset text alignment */
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:460px;             /* Left column width + right column width */
    background:#FFFFFF;        /* Left column background colour */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:200px;            /* Width of left column */
}
.holygrail .col1 {
    padding: 5px 10px 0px 10px;       /* t/r/b/l */
    margin: 0px 260px 0px 200px;    /* Centre column side padding:
                                    Left padding = left column width + centre column left padding width
                                    Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
    background: #E8E8E8;     /* Centre column background colour */
    font-family: Georgia, "Times New Roman", Times, serif;
}
.holygrail .col2 {
    float:left;
    float:right;            /* This overrides the float:left above */
    width:180px;            /* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:10px;             /* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
    float:left;
    float:right;            /* This overrides the float:left above */
    width:240px;            /* Width of right column content (right column width minus left and right padding) */
    margin-right:30px;      /* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
}

.headcolmask {
    position:relative;        /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;                /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.headholygrail {
    background:#FFFFFF;        /* Right column background colour */
}
.headholygrail .headcolmid {
    float:left;
    width:200%;
    margin-left:-230px;      /* Width of right column */
    position:relative;
    right:100%;
    background:#FFFFFF;        /* Centre column background colour */
}
.headholygrail .headcolleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:510px;                /* Left column width + right column width */
    background:#FFFFFF;        /* Left column background colour */
}
.headholygrail .headcol1wrap {
    float:left;
    width:50%;
    position:relative;
    right:280px;            /* Width of left column */
    padding-bottom:5px;     /* Centre column bottom padding. Leave it out if it's zero */
}
.headholygrail .headcol1 {
    margin: 0px 235px 0px 285px;    /* Centre column side padding:  t/r/b/l
                                    Left padding = left column width + centre column left padding width
                                    Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
}
.headholygrail .headcol2 {
    float:left;
    float:right;            /* This overrides the float:left above */
    width:260px;            /* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:10px;             /* Width of the left-had side padding on the left column */
    padding: 24px 0px 0px 0px;    /* t/r/b/l */
    margin:  0px 0px 0px 0px;    /* t/r/b/l */
}
.headholygrail .headcol3 {
    float:left;
    float:right;            /* This overrides the float:left above */
    width:210px;            /* Width of right column content (right column width minus left and right padding) */
    margin-right:30px;      /* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}
#headfooter {
    clear:both;
    float:left;
    width:100%;
    height: 30px;
    padding: 0px 0px 0px 0px;   /* t/r/b/l */
    background:#FFFFFF;        /* Right column background colour */
    background-image:url(images/bfooter.gif);
    background-repeat: repeat-x;
}

#bctopmenu {
    padding: 8px 0px 0px 0px;   /* t/r/b/l */
    margin: 0px 0px 0px -60px;    /* t/r/b/l */
    text-align: center;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif; /* Voorheen times */
    font-size: 11px;
}
#bctopmenu a{color: #303030; text-decoration:none;}

#bctopheader {
    padding: 17px 0px 0px 0px;   /* t/r/b/l */
    margin: 0px 0px 0px 0px;    /* t/r/b/l */
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 29px;
    font-weight: bold;
    color: #99FF00;
    text-align: center;
}

/*** Place additional Style sheet mods below here ***/
hr{
        border : 1px solid White;
}

h1{
    font-size : 24px;
    line-height : 24px;
    text-align : left;
    padding: 0px 0px 0px 0px;   /* t/r/b/l */
    margin: 0px 0px 0px 0px;    /* t/r/b/l */
}
h1 a {
    text-decoration:none;
    color: #000;
}

#smalldate
{
    position: relative;
    margin:-20px 0px 0px 0px;
    float: right;
    font-size: 11px;
    font-weight:bold;
    color:#606060;
}

#smalldate a {color:#606060; text-decoration:none;}

h4.leftcol {
    font-family: Arial, Helvetica, sans-serif; /* Voorheen times */
    font-weight: bold;
    font-size : 18px;
    line-height : 22px;
    color: #606060;
    text-align : right;
    padding: 0px 12px 0px 0px;    /* t/r/b/l */
    margin: 0px 0px 0px 0px;     /* t/r/b/l */
    background : url(images/marker.gif) no-repeat right;
}
h4.leftcol a {text-decoration:none; color: #606060;}

h4.leftcolselect {
    font-family: Arial, Helvetica, sans-serif; /* Voorheen times */
    font-weight: bold;
    font-size : 18px;
    line-height : 22px;
    color: #606060;
    text-align : right;
    padding: 0px 12px 0px 0px;    /* t/r/b/l */
    margin: 0px 0px 0px 0px;     /* t/r/b/l */
    background : url(images/markerdown.gif) no-repeat right;
}
h4.leftcolselect a {text-decoration:none; color: #606060;}

.indent-box-left ul {
    text-align : right;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
}
li.page_item {
    font-family: Arial, Helvetica, sans-serif; /* Voorheen times */
    font-size : 12px;
    line-height : 14px;
    padding: 0px 12px 0px 0px;   /* t/r/b/l */
    margin: 0px 0px 0px 0px;     /* t/r/b/l */
}
li.page_item  a {
    color:#606060;
    text-decoration:none;
}
li.page_item  a:hover {
    text-decoration:underline;
}

.screen-reader-text {
    padding:0px 0px 0px 10px;   /* t/r/b/l */
}

/*box*/
.box{
    background: #71FF35;
    width:100%;
    font-family: Arial, Helvetica, sans-serif; /* Voorheen times */
    text-align: left;
    padding:0px 0px 10px 0px;   /* t/r/b/l */
    margin:0px 0px 0px 0px;    /* t/r/b/l */
}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top; width:100%; }

.box h3 {
    font-size : 22px;
    color:#FFFFFF;
    padding: 6px 0px 14px 5px;   /* t/r/b/l */
    margin: 0px 0px 0px 0px;    /* t/r/b/l */
}
.box h3 a {text-decoration:none;}

.box li {
    padding:0px 0px 0px 10px;   /* t/r/b/l */
    margin:0px 0px 0px 0px;    /* t/r/b/l */
    font-size : 16px;
    line-height : 16px;
}
.box li a {text-decoration:none;}
.box li a:hover {text-decoration:underline;}

li.pagenav     {list-style: none; padding:0px;  margin: 0px;}
li.categories  {list-style: none; padding:0px;  margin: 0px;}
li.linkcat  {list-style: none; padding:0px;  margin: 0px;}

h4.rightcol {
    font-family: Arial, Helvetica, sans-serif; /* Voorheen times */
    font-size: 24px;
    padding: 6px 0px 26px 0px;    /* t/r/b/l */
    margin: 0px 0px 0px 0px;     /* t/r/b/l */
    color:#FFFFFF;
}

.indent-box-right {
  padding: 0px 10px 0px 10px;  /* t/r/b/l */
  margin: 0px 0px 0px 0px;       /* t/r/b/l */
  color: #5a5a5a;
  font-size : 12px;
  line-height : 16px;
}

.indent-box-right ul {
    text-align : left;
    padding:5px 2px 0px 2px;  /* t/r/b/l */
    margin: 0px 0px 0px 0px;  /* t/r/b/l */
    list-style: none;
}
.indent-box-right li {
    font-size : 12px;
    background: none;
    margin-left : -5px;
}
.indent-box-right li a {
  font-weight: bold;
  color: #5a5a5a;
}

#newsflash {
    font-size : 14px;
    font-weight: bold;
    background: #646464;
    color: #FFFFFF;
    padding:0px 4px 0px 4px;  /* t/r/b/l */
    margin: 0px 0px 0px 0px;  /* t/r/b/l */
}

.post li {
    padding:0px 0px 8px 0px;  /* t/r/b/l */
    margin: 0px 0px 0px 0px;  /* t/r/b/l */
    text-align: left;
}

.post a {color: #606060; text-decoration:none;}
.post a:hover { text-decoration:underline;}

.imasters-wp-faq-listing dt {
  background : url(images/expand.gif) no-repeat right;
}

#searchform {
    padding:0px 0px 0px 0px;  /* t/r/b/l */
    margin: 0px 0px 0px 0px;  /* t/r/b/l */
}

#searchsubmit {
        font-family: Arial, Helvetica, sans-serif; /* Voorheen times */
        font-size : 14px;
        font-weight: bold;
        background-color : #646464;
        padding : 0px 0px 0px 0px;  /* t/r/b/l */
        margin : 0px 0px 0px 0px;   /* t/r/b/l */
        color : #FFFFFF;
        height:21px;
        width : 60px;
        border-left : 1px solid #ffffff;
        border-top : 1px solid #ffffff;
        border-bottom : 1px solid #333366;
        border-right : 1px solid #333366;
}

#commentsubmit {
        font-family: Arial, Helvetica, sans-serif; /* Voorheen times */
        font-size : 14px;
        font-weight: bold;
        background-color : #646464;
        padding : 6px 0px 0px 0px;  /* t/r/b/l */
        margin : 0px 0px 0px 0px;   /* t/r/b/l */
        color : #FFFFFF;
        height:21px;
        width : 200px;
        border-left : 1px solid #ffffff;
        border-top : 1px solid #ffffff;
        border-bottom : 1px solid #333366;
        border-right : 1px solid #333366;
}
#commentsubmit a {color : #FFFFFF;text-decoration:none;}

#CF7 input {
        font-family: Arial, Helvetica, sans-serif; /* Voorheen times */
        font-size : 14px;
        font-weight: bold;
        background-color : #646464;
        padding : 6px 0px 0px 0px;  /* t/r/b/l */
        margin : 0px 0px 0px 0px;   /* t/r/b/l */
        color : #FFFFFF;
        height:21px;
        width : 100px;
        border-left : 1px solid #ffffff;
        border-top : 1px solid #ffffff;
        border-bottom : 1px solid #333366;
        border-right : 1px solid #333366;
}