/* 

Vitality Clinic
http://www.vitalityclinic.ca

*/

html {
margin: 0 ;
padding: 0 ;
}

body { 
margin: 50px 0 ;
padding: 0 ;
text-align: center ; 
font-family: verdana, helvetica, sans-serif ;
font-size: small ;
background-color: #ffffff ;
background-image: url('../images/background.jpg') ;
background-position: bottom center ;
background-repeat: no-repeat ;
}

/* header */

#header {
margin: 0 auto ;
padding: 0 ;
width: 900px ;
height: 135px ;
text-align: left ;
} 

#header .iheader {
margin: 0 ;
padding: 0 ; 
}

#header .iheader #header-logo {
margin: 0 ;
padding: 0  ; 
width: 550px ;
float: left ;
}

#header .iheader #header-logo .iheader-logo {
margin: 0 ;
padding: 0 ;
text-align: left ;
}

#header .iheader #header-text {
margin: 0 ;
padding: 0 ; 
width: 350px ;
float: right ; 
font-family: 'Trebuchet MS',sans-serif ; 
font-size: 14px ;
}

#header .iheader #header-text .iheader-text {
margin: 0 ;
padding: 5px 0 0 55px ;
}

/* subheader */

#subheader {
margin: 0 auto 15px auto ;
padding: 0 ; 
width: 100% ;
height: 30px ;
text-align: center ;
background-image: url('../images/background-subheader.gif') ;
background-position: center center ;
background-repeat: repeat-x ;
border-top: 1px solid #000 ;
border-bottom: 1px solid #000 ;
} 

#subheader .isubheader {
margin: 0 auto ;
padding: 0 0 0 100px ; 
width: 900px ;
text-align: center ;
}

#subheader .isubheader a:link,
#subheader .isubheader a:active,
#subheader .isubheader a:visited {
color: #ffffff ;
font-weight: lighter ;
text-decoration: none ;
}

#subheader .isubheader a:hover {
color: #000000 ;
text-decoration: none ;
}

#subheader .isubheader ul {
margin: 0 ;
padding: 0 ;
line-height: 30px ;
}

#subheader .isubheader li {
font-size: 12px ;
padding-right: 10px ;
list-style-type: none ;
list-style-image: none ;
display: inline ;
}

/* container */

#container { 
margin: 0 auto ;
padding: 0 ;
width: 900px ; 
text-align: left ;
} 

/* wrapper */

#wrapper {
margin: 0 ;
padding: 0 ;
}

/* main column - headers */

#maincol .imaincol h1 {
margin: 0 ;
padding: 0 0 5px 0 ;
font-size: 170% ;
font-weight: lighter ;
font-family: georgia,serif ;
color: #006ea3 ;
border-bottom: 1px dotted #006ea3 ;
}

#maincol .imaincol h2 {
margin: 0 0 20px 0 ;
padding: 0 ;
font-size: 140% ;
font-weight: lighter ;
font-family: georgia,serif ;
color: #009555 ;
}

#maincol .imaincol h3 {
margin: 0 0 20px 0 ;
padding: 0 ;
font-size: 125% ;
font-weight: lighter ;
font-family: georgia,serif ;
color: #009555 ;
}

/* main column  */

#maincol {
margin: 0 ;
padding: 0 ;
float: right ;  
width: 680px ; 
}

#maincol .imaincol {
margin: 0 ;
padding: 0 0 25px 0 ;
}

#maincol .imaincol p {
margin: 0 0 10px 0 ;
padding: 0 ;
line-height: 140% ;
}

#maincol .imaincol ul {
margin-bottom: 20px ;
}

#maincol .imaincol li {
list-style-type: disc ;
}

#maincol .imaincol #block-views-front_banner-block_1 {
margin-bottom: 25px ;
}

/* main column - banners */

#maincol .imaincol #block-views-banner_rotation-block_1 {
margin: 0 0 20px 0 ;
padding: 0 ;
}

#maincol .imaincol #block-views-banner_rotation-block_1 .content {
margin: 0 ;
padding: 0 ;
}

#maincol .imaincol #block-views-banner_rotation-block_1 .content img {
border: 1px solid #000000 ;
}

/* main column - articles pages */

.page-node #maincol .imaincol h1,
.page-articles #maincol .imaincol h1 {
margin-bottom: 5px ;
}

#maincol .imaincol #block-views-articles_chiropractor-block_1,
#maincol .imaincol #block-views-articles_sports_therapy-block_1,
#maincol .imaincol #block-views-articles_massage-block_1,
#maincol .imaincol #block-views-articles_naturopathic-block_1,
#maincol .imaincol #block-views-articles_nutrition_tips-block_1,
#maincol .imaincol #block-views-articles_coaching-block_1,
#maincol .imaincol #block-views-articles_recipes-block_1 {
margin: 0 0 25px 0 ;
}

#maincol .imaincol #block-views-articles_chiropractor-block_1 .view-articles-chiropractor .view-content .views-field-title,
#maincol .imaincol #block-views-articles_sports_therapy-block_1 .view-articles-sports-therapy .view-content .views-field-title,
#maincol .imaincol #block-views-articles_massage-block_1 .view-articles-massage .view-content .views-field-title,
#maincol .imaincol #block-views-articles_naturopathic-block_1 .view-articles-naturopathic .view-content .views-field-title,
#maincol .imaincol #block-views-articles_nutrition_tips-block_1 .view-articles-nutrition-tips .view-content .views-field-title,
#maincol .imaincol #block-views-articles_coaching-block_1 .view-articles-coaching .view-content .views-field-title,
#maincol .imaincol #block-views-articles_recipes-block_1 .view-articles-recipes .view-content .views-field-title {
margin: 0 0 3px 0 ;
padding: 0 ;
font-size: 10pt ;
}

/* main column - text */

#maincol .imaincol #block-block-5 {
margin: 0 0 20px 0 ;
padding: 0 ;
}

#maincol .imaincol #block-block-5 .content {
margin: 0 ;
padding: 0 ;
line-height: 140% ;
font-size: 11pt ;
}

/* main column - notices */

#maincol .imaincol .node-notices {
margin: 0 0 10px 0 ;
padding: 0 ;
border-bottom: 1px dotted #efefef ;
}

#maincol .imaincol .node-notices h2 {
margin: 0 0 3px 0 ;
padding: 0 ;
font-size: 140% ;
}

/* main column - blog - front page */

.front #maincol .imaincol #block-views-blog-block_1 {
margin: 0 ;
padding: 15px ;
background-image: url('../images/background-front-blog.png') ;
background-position: top left ;
background-repeat: repeat ;
border-top: 1px dotted #00A487 ;
border-bottom: 1px dotted #00A487 ;
}

.front #maincol .imaincol #block-views-blog-block_1 h2 {
margin: 0 0 5px 0 ;
padding: 0 ;
}

/* main column - blog */

.front #maincol .imaincol .view-blog .node-blog-date {
margin: 0 ;
padding: 0 ;
font-size: 10px ;
}

.front #maincol .imaincol .view-blog h2 {
margin: 0 ;
padding: 0 ;
font-size: 16px ;
}

.page-blog #maincol .imaincol h1 {
margin: 0 ;
padding: 0 ;
}

.page-node #maincol .imaincol .node-blog-date {
display: none ;
font-size: 9px ;
}

.page-blog #maincol .imaincol h2 {
margin: 0 ;
padding: 0 ;
font-size: 150% ;
font-weight: lighter ;
font-family: georgia,serif ;
color: #009555 ;
}

.page-blog #maincol .imaincol .views-field-tid { 
text-transform: lowercase ;
font-size: 8pt ;
}

.page-blog #maincol .imaincol .node-blog,
.page-taxonomy #maincol .imaincol .node-blog {
margin: 0 0 25px 0 ;
padding: 0 ;
border-bottom: 1px dotted #efefef ;
}

.page-blog #maincol .imaincol .node-blog h2 {
margin: 0 0 10px 0 ;
padding: 0 0 4px 0 ;
}

.page-blog #maincol .imaincol .node-blog .node-blog-date,
.page-taxonomy #maincol .imaincol .node-blog .node-blog-date  {
margin: 0 ;
padding: 0 ;
color: #00A260 ;
}

.page-blog #maincol .imaincol .node-blog .node-blog-footer {
margin: 0 ;
padding: 4px 0 ;
}

.node-type-blog  #maincol .imaincol .node-blog .node-blog-footer,
.page-taxonomy  #maincol .imaincol .node-blog .node-blog-footer {
margin: 0 ;
padding: 4px 0 ;
border-top: 1px dotted #cccccc ;
}

.node-type-blog #maincol .imaincol .node-blog .node-blog-footer ul,
.page-taxonomy #maincol .imaincol .node-blog .node-blog-footer ul {
margin: 0 ;
padding: 0 ;
}

.node-type-blog #maincol .imaincol .node-blog .node-blog-footer li,
.page-taxonomy #maincol .imaincol .node-blog .node-blog-footer li {
margin: 0 10px 0 0 ;
padding: 0 ;
}

/* container - links */

#maincol .imaincol a:link,
#maincol .imaincol a:active,
#maincol .imaincol a:visited,
#leftcol .ileftcol a:link,
#leftcol .ileftcol a:active,
#leftcol .ileftcol a:visited,
#header .iheader a:link,
#header .iheader a:active,
#header .iheader a:visited,
#footer .ifooter a:link,
#footer .ifooter a:active,
#footer .ifooter a:visited {
color: #006ea3 ;
text-decoration: none ;
}

#maincol .imaincol a:hover,
#leftcol .ileftcol a:hover,
#header .iheader a:hover,
#footer .ifooter a:hover {
color: #009555 ;
}

/* main column - team page */

#maincol .imaincol .view-content .views-field-field-team-headshot-fid {
margin: 0 0 15px 15px ;
padding: 0 ; 
border: 1px solid #eeeeee ;
float: right ;
}

#maincol .imaincol .view-content .views-field-title {
margin: 0 0 15px 0 ;
padding: 0 ;
font-size: 130% ;
font-weight: lighter ;
font-family: georgia,serif ;
color: #009555 ;
}

/* left column */

#leftcol {
margin: 0 ;
padding: 0 ;
float: left ; 
width: 200px ; 
}

#leftcol .ileftcol {
margin: 0 ;
padding: 0 ;
}

#leftcol .ileftcol h2 {
margin: 0 ;
padding: 0 ;
font-size: 11pt ;
}

#leftcol .ileftcol .block {
margin-bottom: 10px ;
font-size: 8pt ;
}

#leftcol .ileftcol .block .content {
padding: 10px 0 0 0 ;
}

#leftcol .ileftcol #block-block-1 h2 {
display: none ;
}

/* left column - notices */

#leftcol .ileftcol #block-views-notices-block_1 .views-field-title,
#leftcol .ileftcol #block-views-notices-block_2 .views-field-title,
#leftcol .ileftcol #block-views-blog-block_2 .views-field-title  {
padding: 0 0 7px 19px ;
background-image: url('http://assets.leftrightminds.com/img/icons/bullet_black.png') ;
background-position: top left ;
background-repeat: no-repeat ;
}

/* left column - office hours */

#leftcol .ileftcol #block-block-3 td {
padding: 5px ;
}

/* footer */
 
#footer {
margin: 0 auto ;
padding: 0 ;
height: 75px ; 
clear: both ;
width: 900px ;
border-top: 1px dotted #009778 ; 
} 

#footer .ifooter {
margin: 0 ;
padding: 15px 0 0 150px ;
font-size: 85% ;
text-align: center ;
}

/* footer - menu */

#footer .ifooter ul {
margin: 0 ;
padding: 0 ;
}

#footer .ifooter li {
margin: 0 ;
padding: 0 7px ;
display: inline ;
list-style-type: none ;
list-style-image: none ;
border-right: 1px solid #AFAFAF ;
}

#footer .ifooter li.last {
border-right: 0 ;
}

/* main column - messages */

#maincol .messages {
margin: 10px 0 ;
padding: 0 ;
font-family: arial, helvetica, sans-serif ; 
font-size: 13px ;
border: 0 ;
}

#maincol .messages .status {
padding: 15px 10px 15px 50px ;
color: #4F8A10 ;
border: 1px solid #92CF26 ;
background-color: #DFF2BF ;
background-image: url('http://www.leftrightminds.com/sites/leftrightminds.com/themes/resources/icons/accept.png') ;
background-position: 20px center ;
background-repeat: no-repeat ;
}

#maincol .messages .error {
padding: 15px 10px 15px 50px ;
color: #D8000C ;  
border: 1px solid #FF3F3F ;
background-color: #FFBABA ; 
background-image: url('http://www.leftrightminds.com/sites/leftrightminds.com/themes/resources/icons/exclamation.png') ;
background-position: 20px center ;
background-repeat: no-repeat ;
}

#maincol .messages .warning {
padding: 15px 10px 15px 50px ;
color: #9F6000 ;  
border: 1px solid #FFD83F ;
background-color: #FEEFB3 ;
background-image: url('http://www.leftrightminds.com/sites/leftrightminds.com/themes/resources/icons/error.png') ;
background-position: 20px center ;
background-repeat: no-repeat ;
}

#maincol .checked {
padding: 15px 10px 15px 50px ;
color: #9F6000 ;  
border: 1px solid #0085CF ;
background-color: #8FD7FF ;
background-image: url('http://www.leftrightminds.com/sites/leftrightminds.com/themes/resources/icons/information.png') ;
background-position: 20px center ;
background-repeat: no-repeat ;
}

/* main column - pager */

#maincol .imaincol .pager { 
margin: 20px 0 ; 
padding: 5px 0 ;
font-family: helvetica, sans-serif ;
font-size: 120% ;
font-weight: bold ; 
border-top: 1px solid #f0f0f0 ;
border-bottom: 1px solid #f0f0f0 ;
}

#maincol .imaincol .pager li {
list-style: none ;
list-style-image: none ; 
}

/* main column - drupal gray line fix */

table, thead, tbody, th, td {
border: 0 ;
border-collapse: collapse ;
}

/* main column - tabs */

.tabs {
margin: 5px 0 ;
padding: 0 ;
border: 0 ;
}

.tabs ul.primary {
margin: 0 ;
padding: 0 ;
border: 0 ;
border-collapse: collapse ;
white-space: nowrap ;
list-style: none ;
height: auto ;
line-height: normal;
}

.tabs ul.primary li {
display: inline ;
}

.tabs ul.primary li a {
border: 0 ;
height: auto ;
margin-right: 5px ;
padding: 3px 10px ;
text-decoration: none ;
font-size: 11pt ;
border: 1px solid #cccccc ;
background-color: #cfcfcf ;
color: #8f8f8f ;
}

.tabs ul.primary li.active a {
border: 1px solid #cccccc ;
background-color: #cfcfcf ;
color: #5f5f5f ;
}

.tabs ul.primary li a:hover {
border: 1px solid #cccccc ;
background-color: #eeeeee ;
color: #000000 ;
}

.tabs ul.secondary {
border: 0 ;
padding: 5px 20px 5px 0 ;
margin: 10px 0 ;
text-transform: lowercase ;
}

.tabs ul.secondary li {
display: inline ;
padding: 0 10px ;
}

.tabs ul.secondary a {
padding: 0 ;
text-decoration: none ;
}

.tabs ul.secondary a.active {
border-bottom: 4px solid #999999 ;
}