/* @override 
	http://famgroup.ca/fam/wp-content/themes/iloveheidi/style.css
*/

/*  
Theme Name: I Love Heidi
Description: Theme for FamGroup
Author: Dana Whittle
*/

/* @group Global */

/* Hides from IE-mac */

* {  	
margin: 0; 
padding: 0; 
}

html {  	
text-align: center; 
}

a, a:visited {  	
text-decoration: none; 
color: #5BBEEC; 
}

a:hover {  	
text-decoration: none; 
color: #CBE218; 
}

body {  	
text-align: center; 
background-color: #E8E5B7; 
font: normal 82%/140% arial, helvetica, sans-serif; 
color: #555; 
position: relative;
}

p {  	
font-size: 1em;
text-align: left;
font-weight: normal;
}

ul {  	
list-style: none; 
}

.none {  	
display: none; 
}

strong {  	
font-family: "trebuchet ms","lucinda grande", arial, sans-serif;
}

/* @end */

/* @group Structure */

--#wrap,
#main,
#sidebar,
#content,
#footer {  	
border: 1px dashed red;
}

.which-template {  	
--display: none; 
border: 1px dashed red;
}

#header1 {  	
height: 250px; 
width: 790px; 
margin: 0 auto; 
background: #E8E5B7 url(images/header1.jpg) no-repeat top center; 
}

#header2 {  
height: 250px; 
width: 790px; 
margin: 0 auto; 	
background: #E8E5B7 url(images/header2.jpg) no-repeat top center;  
}

#header3 {  
height: 250px; 
width: 790px; 
margin: 0 auto; 	
background: #E8E5B7 url(images/header3.jpg) no-repeat top center;  
}

#wrap {  
width: 790px; 
margin: 0 auto; 
padding: 1px 0;
background-color: #fff; 
overflow: hidden;
}

#main {  
width: 580px;	
left: 0;
margin: 0 auto;
padding: 1px 0;
float: left;
}

#mainContent {  
float: left;
left: 0;
text-align: left; 
padding: 0 30px; 
}

#sidebar {  	
float: right; 
width: 200px;
left: 580px;
padding: 1px 0; 
text-align: left;
background: url(images/sidebar.gif) no-repeat left top;
}

#sidebarContent {  	
padding-left: 10px;
}

#footer {  	
clear: both; 
width: 790px;
font-size: 0.7em;
padding: 20px 0 60px 0;
background: #fff url(images/footer.jpg) no-repeat center bottom;
margin: 0 auto;
}

#footer p.footerContent, 
#footer p.footerContent a { 
text-align: center; 
text-transform: uppercase;
font-family: "trebuchet ms","lucinda grande", arial, sans-serif;
color:  #777;
list-style: none;
}

.clearfix:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden; 
	}
* html .clearfix {  
	height: 1%; 
	}


/* @end */

/* @group Menus */

#menu {  	
margin: 0 auto; 
width: 676px; 
padding-top: 161px; 
}

#menu ul {  	
font-family: "trebuchet ms","lucinda grande", arial, sans-serif; 
font-size: 0.9em; 
}

#menu.clearfix ul li {  	
display: inline; 
float: left;
text-align: center; 
padding: 0 12px; 
line-height: 275%;
}

#menu.clearfix ul li span.english,
#menu.clearfix ul li a span.english {  	
color: #000; 
font-weight: normal;
font-size: 1.27em;
}

#menu.clearfix ul li span.french,
#menu.clearfix ul li a span.french {  	
color: #fff; 
font-style: italic;
font-weight: normal;
}

#menu ul li a:hover span.english,
#menu ul li a:active span.english {  	
color: #888885;
}

#menu ul li a:hover span.french,
#menu ul li a:active span.french {  	
color: #FFB185; 
}

#menu.clearfix ul li span.email a, 
#menu.clearfix ul li span.email a:hover {  	
background: url(images/icon_email.gif) no-repeat 0 8px;
display: inline; 
float: left; 
width: 20px;
height: 20px;
text-align: center;
}

#menu.clearfix ul li span.home a, 
#menu.clearfix ul li span.home a:hover {  	
background: url(images/icon_home.gif) no-repeat 0 5px;
display: inline; 
float: left;
padding: 0;
width: 20px;
height: 20px;
text-align: center;
}

#submenu {  	
display: block;
float: left;
width: 100%;
margin: 0 0 15px 0;
padding-bottom: 3px;
font-size: 0.9em;
list-style: none;
}

#submenu li a {  	
 display: inline;
 padding: 4px 15px 0 5px;
 float: left;
 background: url(images/arrow_right_spearmint.png) no-repeat right 70%;
}


/* @end */

/* @group Sidebar */

#sidebar h2, #sidebar li h2 {  	
color: #EB604E; 
font-size: 1.12em; 
margin: 10px 0 5px 0; 
padding-top: 5px;
list-style-type: none;
}

#sidebar ul li.events {  	
font-size: 0.9em;
line-height: 130%;
padding: 5px 0 5px 0;
margin-right: 5px;
background: url(images/time.png) no-repeat 0 3px;
text-indent: 16px;
}

#sidebar ul.artists {  	
padding-left: 5px; 
}

#sidebar li.categories li a {  	
 border-bottom: 1px dotted #00BC77;
 margin-right: 15px;
 padding: 3px 0 3px 15px;
}

#sidebar ul li {  	
font-size: 0.95em; 
}

#sidebar ul li a {  	
display: block; 
padding-left: 15px; 
color: #666; 
background: url(images/arrow_right_spearmint.png) no-repeat 0 50%; 
}

#sidebar ul li a:hover {  	
color: #5BBEEC; 
border: 1px dotted #ddd; 
}

#sidebar .feed, #sidebar .feed a,
#sidebar .feed a:visited {  	
display: block; 
background: url(images/feed.png) no-repeat 3px 0;
text-indent: 20px;
font-size: 0.95em;
margin-right: 10px;
padding: 0 0 5px 3px;
}

#sidebar li.phthumbs {  	
display: inline;
float: left;
padding: 4px;
border: 0;
}

/* @end */

/* @group Images */

img {  	
border: 0; 
}

#footer p.footerContent img {  	
border: 0;
margin: 3px 3px 5px 5px;
vertical-align: -40%;
}

#govt img, 
#assoc img {  	
padding: 5px 0; 
}

#main .post img {  	
float: left;
margin: 0 15px 5px 0;
-moz-border-radius: 6px;
-webkit-border-radius: 4px;
border-radius: 6px;  
}

#main .entry.roster img {  	
-moz-border-radius: 10px;
-webkit-border-radius: 8px;
border-radius: 10px;  
margin-top: 5px;
overflow: hidden;
height: auto;
}

/* @end */

/* @group Headers */

h1, h2, h3, h4, h5, h6 {  	
font-family: "trebuchet ms","lucinda grande", arial, sans-serif;
color: #00A2D1;
font-weight: normal;
}

h2 {  	
font-size: 1.5em;
}

h3 {  	
font-size: 1.2em; 
}

#main h3 {  	
padding: 10px 0 5px; 
margin: 0;
}

#mainContent h2 {  	
margin-bottom: 5px; 
}

#main .post h2 {  	
padding: 8px 0 15px 8px; 
font-weight: normal;
font-size: 1.4em;
background: url(images/tab.gif) no-repeat 0 3px;
line-height: 120%;
color: #00C2B9;
}

.post h2 a,
.post h2 a:visited {  	
color: #00C2B9;
padding-left: 15px;
}

.post h2 a:hover {  	
color: #5BBEEC; 
}



/* @end */

/* @group Main */

#main p {  	
margin: 0 0 5px 0;
}

#main ul li {  	
list-style-image: url(images/star_red.gif);
margin-left: 30px;
padding-bottom: 5px; 
}

#main strong {  	
font-weight: bold;
text-transform: lowercase;
color: #267eaa;
}

#main em {  	
color: #e60999;
font-size: 0.95em;
}

#main .post.roster ul li {  	
display: inline;
float: left;
width: 42%;
height: 140px;
padding: 10px 0;
text-align: left;
font-size: 0.9em;
line-height: 120%;
}

#main .post {  	
float: left; 
clear: both;
width: 100%; 
margin: 0 0 15px 0;
}

#main .entry {  
overflow: hidden;
padding: 5px 10px;
margin-top: 15px;
}

#main blockquote {  	
margin: 0 0 0 20px;	
text-align: left; 
}

.date {  	
text-align: center; 
float: left; 
display: block; 
width: 41px; 
height: 48px; 
margin: 14px 0 0 10px; 
padding-top: 7px; 
color: #C26500; 
background: url(images/date.gif) no-repeat left top; 
font-weight: normal; 
}

.date .day {  	
font-size: 1.7em; 
display: block; 
}

#author {  	
background: url(images/name.gif) no-repeat 6px; 
width: 250px; 
}

#email {  	
background: url(images/email.gif) no-repeat 5px; 
width: 250px; 
}

#url {  	
background: url(images/site.gif) no-repeat 6px; 
width: 250px; 
}

/* @end */

/* @group Comments */

#cmbox {  	
clear: both; 
width: 600px; 
margin: 0 auto; 
}

.nocomments {  	
font-size: 13px; 
padding-left: 25px; 
}

#commentform {  	
padding: 10px 25px; 
}

#commentform p {  	
padding-bottom: 10px; 
}

#commentform input,
#commentform textarea {  	
border: 1px solid #999; 
padding: 5px 8px; 
color: #666; 
}

#commentform input {  	
padding-left: 28px; 
}

#commentform p#ptext {  	
padding: 0; 
}

#commentform p#psubmit {  	
width: 288px; 
margin-top: -1.5px; 
}

#comment {  	
width: 270px; 
}

#commentform input#submit {  	
border: none; 
padding: 0; 
float: right; 
}

#commentform label {  	
padding-left: 5px; 
font-size: 15px; 
color: #888; 
}

.commentlist {  	
list-style: none outside; 
background: url(images/p.gif) repeat-x left top; 
padding-top: 30px; 
}

.commentlist li {  	
border-top: 1px solid #DDD; 
padding-top: 10px; 
margin: 0 25px 15px; 
}

.commentlist li p {  	
padding: 15px 0 10px 0; 
clear: both; 
font-size: 1em; 
text-align: justify; 
text-indent: 5px; 
}

.commentlist li em {  	
font-size: 1em; 
}

.cauth {  	
float: left; 
background: url(images/usercm.gif) no-repeat left top; 
padding-left: 20px; 
font-size: 12px; 
}

.cauth {  	
float: left; 
font-size: 12px; 
}

.cauth a {  	
font-size: 1.1em; 
}

.cauth em {  	
font-size: 11px; 
}

.cdate {  	
float: right; 
font-size: 1em; 
color: #BBB; 
}

h3#respond,
h3#comments {  	
font-size: 1.1em; 
padding: 10px 10px 15px 0; 
color: #5BBEEC; 
}

h3#comments {  	
background: url(images/comments.gif) no-repeat 5px 12px; 
padding-left: 28px; 
}

/* @end */

/* @group Forms */

#searchform {  	
float: right; 
margin-top: 20px; 
}

#searchform  div {  	
height: 39px; 
padding: 0 20px 0 20px; 
}

#searchform  div div {  	
padding: 6px 0 0 0; 
}

#searchform label {  	
float: left; 
padding: 0 8px 0 0; 
color: #fff; 
}

input#s {  	
float: left; 
padding: 4px 10px 4px 5px; 
margin-right: 5px; 
width: 175px; 
color: #5BBEEC;  
border: none; 
}

input#searchsubmit {  	
 
}

/* @end */

/* @group Unused */

.ptime,
.pauth {  	
display: block; 
padding-left: 80px; 
background: url(images/tag_blue.gif) no-repeat 60px 50%; 
font-size: 0.8em; 
margin-top: -10px;
}

.ptime a, .ptime a:visited {  	
color: #999; 
}

.ptime a:hover {  	
color: #5BBEEC; 
}

.post #srel,
.post #linklist,
.post .subh {  	
padding: 15px; 
}

.pfoot {  	
font-size: 0.9em; 
padding: 3px 10px; 
overflow: hidden; 
margin-left: 12px; 
width: 94%; 
}

.pfl {  	
float: left; 
padding-left: 23px; 
background: url(images/comments.gif) no-repeat left; 
}

.pfl a, .pfl a:visited {  	
color: #999; 
}

.pfl a:hover {  	
text-decoration: underline; 
}

.pfr {  	
float: right; 
}

.pfr a,
.pfr a:visited {  	
color: #5BBEEC; 
}

.pfr a:hover {  	
color: #CBE218; 
}

p.nopost {  	
font-size: 1.1em; 
}

.lead {  	
clear: both; 
padding: 0 0 10px 25px; 
}

.lead .ppre {  	
float: left; 
}

.lead .pnex {  	
float: right; 
}

/* @end */