/* @override http://folkalliance.ca/fac/wp-content/themes/KinoCan/style.css */

/*
Theme Name: KinoCan
Revised Theme URI: http://vizou.com/
Original Theme URI: http://kino.pandela.net/
Description: Adapted from the very cool BlueKino
Version: 1.0
Author: Dana Whittle (KinoCan); Kino (BlueKino)
*/

/* @group Basics */

* {  	
padding: 0; 
margin: 0; 
}

html {  	
text-align: center; 
}

body {  
width: 800px;
font: 76.2%/1.5em "Lucida Grande", Arial, Tahoma, Verdana, sans-serif; 
background: url(images/bg.jpg); 
color: #333; 
margin: 0 auto; 
text-align: left;
position: relative;
}

p {  	
font-size: 1em; 
}

img {  	
border: 0; 
}

a {  	
text-decoration: none;
color: green; 
}

a:hover{  	
border-bottom: 1px dashed;
color: #D47D4E; 
}

h1, h2, h3 { 
font-weight: normal; 	
}

blockquote {  	
color: #333; 
}

blockquote {  	
padding: 5px 30px;
text-align: left; 
}

ul li {  	
list-style: none; 
}

strike {  
text-decoration: none;	
font-size: 0.8em;
line-height: 120%; 
font-style: italic; 
color: #B45133; 
}

/* @end */

/* @group IE hasLayout */

/* Fix for hasLayout IE6 */

.clearfix {  	
_height: 0; 
}

/* Fix for hasLayout IE7 */

.clearfix {  	
min-height: 0; 
}

/* Hides from IE-mac \*/

* html .clearfix {  	
height: 1px; 
}

/* End hide from IE-mac */

/* @end */

/* @group Layout */

#wrap {  	
float: left;
text-align: left; 
width: 800px; 
min-height: 600px;
margin: 0 auto; 
left: 0;
background-color: #fff;
border-bottom: 8px solid #bd2705;
overflow: hidden;
}

#header {  	
margin: 0 auto; 
width: 100%; 
height: 230px; 
}

.header1 {  	
background: url(images/header1.jpg) no-repeat 0 0;  
}

.header2 {  	
background: url(images/header2.jpg) no-repeat 0 0;  
}

.header3 {  	
background: url(images/header3.jpg) no-repeat 0 0;  
}

#content {  
width: 100%;
float: left;	
padding: 10px 0 0 0; 
margin: 0 0 20px 0; 
background-color: #fff;
}

.onecol {  
margin: 0;	
padding: 15px 20px;
}

.twocol {  
float: left;
left: 0;
width: 100%;
background-color: #eee;
margin-top: 20px;
margin-bottom: -20px; 
}

.english {  	
float: left;
left: 0;
width: 360px;
text-align: left;
padding: 10px 20px 30px; 
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.francais {  	
float: left;
left: 350px;
width: 350px;
text-align: left;
padding: 10px 20px 30px;  
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* @end */

/* @group Navigation */

.feed {  	
background: url(images/feed.jpg) 0 top no-repeat;
padding: 5px 0 8px 35px;
}

ul#menu { 	
float: left;
list-style: none; 
margin: -30px auto 0 auto; 
width: 100%;
font-size: 0.9em; 
border-top: 1px dotted #000; 
}

#menu a span em {  	
font-style: normal; 
font-weight: bold; 
color: #D9EE7A; 
padding-left: 2px; 
}

#menu li {  	
display: inline;
}

#menu a {  	
float: left; 
padding: 0 5px 2px 5px; 
font-weight: bold; 
border-left: 1px solid #000;
height: 25px; 
}

#menu a span {  	
color: #fff; 
float: left; 
padding: 5px; 
}

#menu #current a {  	
font-weight: bold; 
background: #000 url(images/bg.jpg) repeat-x; 
}

#menu #current a span {  	
color: #fff; 
padding: 5px; 
}

#menu #current a span em {  	
color: #D9EE7A; 
}

#menu a:hover,
#menu span a:hover {  	
background: #000 url(images/bg.jpg) repeat-x; 
border: 0;
}

ul.subpages { 
float: right;
width: auto;
margin-top: -35px;
margin-right: -20px;
}

ul.subpages.blog {  	
margin: -20px 0 0 0; 
}

ul.subpages li {  	
list-style: none;
display: inline; 
float: left; 
width: auto;
padding: 1px 10px 1px 22px; 
background: #eee url(images/bullet.gif) no-repeat 7px 4px; 
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

ul.subpages li.page_item a {  	
font-size: 0.9em;
font-weight: normal;
text-transform: uppercase;
}

/* @end */

/* @group Pages, Posts */

#intro {  	
padding: 10px 30px; 
}

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

#intro p strong {  	
color: #bd2705; 
}

h2 {  	
color: green; 
margin: 8px 0 12px 0;
}

#intro h2,
.onecol h2,
.twocol h2 {  	
font-size: 1.9em; 
}

h1.updatetab {  	
font-size: 1.2em;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
color: green;
padding: 2px 0;
}

h2.update,
.english h2,
.francais h2 {  	
font-size: 1.2em;
color: #bd2705;
}

h3 {  	
font-weight: bold;
font-size: 1.1em;
color: #bd2705; 
padding: 8px 0 5px 0; 
}

.postmeta {  	
color: #000; 
padding: 8px 0;
font-size: 0.8em;
text-transform: uppercase; 
}

.postmeta a {  	
color: #000; 
}

#content li {  	
list-style: none; 
margin: 10px 0 0; 
list-style-image: url(images/bullet.gif);
list-style-position: inside; 
}

p {  	
margin-bottom: 8px; 
}

p strong,
blockquote strong {  	
color: #B45133; 
font-size: 1.1em;
}

blockquote {  	
padding: 0 10px; 
}

blockquote strong {  	
padding: 5px 10px 5px 0; 
background: url(images/bullet.gif) no-repeat right center; 
color: green;
margin-right: 8px;
}

blockquote p {  	
border-bottom: 1px solid #ccc;
padding: 3px 0; 
margin: 0 20px;
}

.icon {  	
float: left;
padding: 2px 8px 0 10px;
}

blockquote p em {  	
font-size: 100%;
font-style: normal;
font-weight: bold; 
}

.date {  	
padding: 3px 5px 3px 18px; 
background: url(images/date.png) center left no-repeat; 
text-transform: uppercase;
margin-bottom: 15px;
}

.categories {  	
padding: 3px 5px 3px 15px;  
background: url(images/post.gif) center left no-repeat;
}

img {  	
border: 4px solid #B45133;
float: left;
margin: 5px 12px 12px 0; 
}

/* @end */

/* @group Comments */

#comments {  	
margin: 30px 0 0; 
padding: 20px 0 0; 
border-top: 1px solid #e6e6e6; 
}

.comments {  	
padding-left: 17px; 
background: url("images/comments.gif") center left no-repeat; 
}

#comments li {  	
list-style: none; 
list-style-image: none; 
margin: 0 15px 0 -30px; 
}

#comments .header {  	
background-color: #F1EFCB; 
}

#comments .header.alt {  	
background-color: #E9CFBE; 
}

/* @end */

/* @group Footer */

#footer {
width: 100%; 	
margin: 20px auto; 
padding: 0;
text-align: center;
letter-spacing: 1px; 
color: #D9EE7A; 
font-size: 0.8em; 
float: left;
clear: both;
}

#footer p {  	
line-height: 3em;
}

#footer a {  	
color: #D9EE7A; 
}

.copyright {  	
text-transform: uppercase;
padding-right: 10px;
}

.wordpress {  	
background: url(images/wordpress.png) 0 0 no-repeat;
padding: 3px 85px 3px 0;
}

.dreamhost {  	
background: url(images/dreamhost.gif) 0 0 no-repeat;
padding: 3px 65px 3px 20px;
}

.valid {  	
font-size: 0.8em;
padding: 1px 3px;
border: 1px solid #D47D4E;
}

.login {  	
background: url(images/gear.gif) 5px 0 no-repeat;
padding: 3px 16px 3px 25px;
}

/* @end */