/*  
Theme Name: Zone sans etiquettes
Theme URI: http://zonesansetiquettes.ca/
Description: Zone sans etiquettes theme
Version: 1.0
Author: Sheri & Scott
Author URI: http://www.starbritestudios.com/
Tags: Label Free Zone, NFB, National Film Board of Canada,

Label Free Zone 1.0
http://www.labelfreezone.ca/

This theme was designed and built by Sheri & Scott,
http://www.starbritestudios.com/
*/


/**************** Links & formatting *********************/


a, a:link, a:visited, a:active {color:#f8d049; text-decoration:none;}

a:hover {color:#f8d049;}

h2.message {font-size:18px; color: #f8d049; padding:5px 5px 5px 10px; margin-bottom:10px; font-family:Tahoma; letter-spacing: 1px;}


/**************** Header *********************/


#header {height:65px; padding-bottom:6px; margin-top:10px; margin-left:10px; position:relative;}

#logo {width:500px; float:left;}

#logo h1 a {color:#CCCCCC; font-size:34px; display:block;}

#logo h1 a:hover {color:#FFFFFF;}

#logo h2 {color: #f8d049; font-size:18px; font-family:Tahoma; letter-spacing: 1px; margin-top:2px;}

#logo_right {width:350px; float:right;}

#topsearch {margin-top:10px; float:right; margin-right:10px;}

.rss {width:130px; height:33px; position:absolute; bottom:0px; display:block; margin-bottom: 25px; left: 514px;}

.rss2 {width:325px; height:50px; position:absolute; bottom:0px; display:block; margin-bottom: 10px; left: 25px;}


/**************** Navigation *********************/


#nav_left {width:18px; height:232px; background: url(images/menu_left.jpg); float:left; font-family:Tahoma; letter-spacing: 1px;}

#navigation {height:232px; background: #000000 url(images/menu_bg.jpg) repeat-x; float:left; width:916px;}

#nav_right {width:18px; height:232px; background: url(images/menu_right.jpg); float:left;}

.searchfield {padding:5px 7px 5px 7px; border: 1px solid #88780e; font-family:Tahoma, Helvetica, sans-serif; background-color: #f9f8d1; color: #000000; font-size:18px; width:200px; letter-spacing: 1px;}

input#buttonSearch {margin-bottom: -15px; width:68px; height:40px;}


/**************** Entry *********************/


#blog {float:left; width:445px; margin-top:0px; margin-left:0px;}

.post {padding:0px 0 30px 0;}

.post h2 {line-height:32px; margin-bottom:5px; font-family:Tahoma; font-size:18px; letter-spacing: 1px;}

.post h2 a {font-size:25px; color:#f8d049; letter-spacing:-1px; font-family:Tahoma; letter-spacing: 1px;}

.post h2 a:hover {color:#f8d049; font-family:Tahoma; letter-spacing: 1px;}

html>body .post  ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;} 

html>body .post  li {margin: 7px 0 8px 10px;}

.post ul li:before {content: "\00BB \0020";}

.post img {margin:0 10px 10px 10px;}

.date {font-size:18px; color: #f8d049; padding:5px 0 5px 0; position:relative; height:20px;}

.comms {position:absolute; right:0px; top:0px;}

.comms a {font-size:18px; text-transform:uppercase; font-weight:bold; color:#fff; background: url(images/comment.gif) no-repeat; padding:10px 0 0 0px; text-align:center; display:block; height:18px; width:107px;}

.comms a:hover {color: #f8d049;}

.meta {background-color: #EEEFE0; border:1px solid #dbdbdb; color:#f8d049; font-size:18px; line-height:20px; margin:10px 0px 10px; padding:2px 6px 2px 6px; text-transform:uppercase; width:445px;}

.meta a {color:#f8d049; font-weight:bold;}

.meta a:hover {color:#f8d049;}

.date span {font-weight:bold; color:#f8d049;}

.content {line-height:24px; color:#f8d049;}

.content p {margin:0 0 15px 0;}

.postmetadata {padding:0px; border:none; color:#dbdbdb; background-color: #EEEFE0; font-size:18px; line-height:18px; text-transform:uppercase;}


#sidebar {float:left; width:430px; padding:15px 0 0 40px;}
#sidebar p {color:#666; line-height:20px;}
#sidebar ul li {list-style:none;}
#sidebar h2 {font-size:15px; color:#333333; margin:20px 0 20px 0; clear:both;}
h2.author {background:url(images/author_icon.jpg) left no-repeat; padding-left:24px;}
.authimg {float:left; margin:0 20px 0 0;border:1px solid #999999;}
.ads li {list-style:none; display:inline; margin-right:15px;}
.ads li img {border:1px solid #999999;}
.adhere a {font-size:11px;}

.sidebar1, .sidebar2 {float:left; width:200px; margin-bottom:20px;}
.sidebar1 h2, .sidebar2 h2 {background:url(images/categories.jpg) left no-repeat; padding-left:24px;}
.sidebar1 ul li ul li {padding:5px 0 5px 10px; font-size:12px; background:url(images/bullet.gif) left center no-repeat;}
.sidebar2 ul li ul li {padding:5px 0 5px 10px; font-size:12px; background:url(images/bullet.gif) left center no-repeat;}


/**************** Comments *********************/


.alt {margin:0;padding:10px;}

.commentlist {padding:0;}

.commentlist li {background-color: #1e1e1e; border:1px solid #000000; list-style:none; margin:15px 0 10px; padding:5px 5px 10px 5px;}

.commentlist li ul li {margin-left:10px; margin-right:-5px;}

.commentlist p {color:#ccc; font-size:18px; margin:10px 5px 10px 0;}

.children {padding:0;}

#commentform p {margin:5px 0;}

.nocomments {margin:0; padding:0; text-align:center;}

h2#comments {clear:both; color:#cccccc; font-size:18px; margin:0px 0 20px 0; font-family:Tahoma; letter-spacing: 1px;}

h2#respond {clear:both; color:#f8d049; font-size:18px; margin:20px 0 20px 0; font-family:Tahoma; letter-spacing: 1px;}

.commentmetadata {color:#cccccc; font-size:18px; margin:0; padding:3px 5px 3px 5px;}

.commentmetadata a {color:#cccccc; font-weight:bold;}

#author, #email, #url {background: #EEEFE0; border:1px solid #dbdbdb; color:#f8d049; font:18px Arial; margin-right:5px; padding:3px; width:12em;}

#comment {background: #EEEFE0; border:1px solid #dbdbdb; color:#f8d049; font:18px Arial; padding:3px; width:99%;}

#submit {font:1em Arial; margin-bottom:15px; margin-top:5px; padding:2px; width:99%;}

h3#comments {color:#f8d049;}

h3#respond {color:#f8d049;}

p.comment-page-numbers {color:#ffffff;}

p.comment-page-numbers a {color:#f8d049;}

p {color:#f8d049;}

cite {color:#ffffff;}

div.comment-number {color:#cccccc;}

textarea#comment {background-color: #1e1e1e; color:#cccccc; border: 1px solid #1e1e1e;}

input#author {background-color: #1e1e1e; color:#cccccc; border: 1px solid #1e1e1e; font-size:18px; font-family:Tahoma; letter-spacing: 1px;}

input#email {background-color: #1e1e1e; color:#ccc; border: 1px solid #1e1e1e; font-size:18px; font-family:Tahoma; letter-spacing: 1px;}

input#url {background-color: #1e1e1e; color:#ccc; border: 1px solid #1e1e1e;}

small {color:#fff; font-size:18px; font-family:Tahoma; letter-spacing: 1px;}

li {color:#666666;}

#commentsbox {background-color: #000000;}

#commentsbox p{color:#cccccc;}

#commentsbox p a {color:#cccccc;}

li.odd p {color:#ffffff;}


/**************** Footer *********************/


#footer {height:70px; background:#000000 url(images/footer.png) repeat-x;}

.copyright {font-size:18px; color:#fff; width:930px; margin:auto; padding:20px 10px 10px 10px;}

.copyright a {color:#ccc;}

.copyright a:hover {color:#fff;}

p.foot {color:#fff;}

input#buttonSearch2 {vertical-align:top; margin-top:10px; float:right; margin-right:10px; font-family:Tahoma; letter-spacing: 1px;}

.footersearch {margin-bottom: -5px;}


/**************** Gallery *********************/


.gallery {text-align:center;}

.gallery img {padding:2px; height:100px; width:100px;}

.gallery a:hover {background-color: #ffffff;}

.attachment {text-align:center;}

.attachment img {padding:2px; border:1px solid #999999;}

.attachment a:hover {background-color: #FFFFFF;}

.imgnav {text-align:center;}

.imgleft {float:left;}

.imgleft a:hover {background-color: #FFFFFF;}

.imgleft img {padding:2px; border:1px solid #999999; height:100px; width:100px;}

.imgright {float:right;}

.imgright a:hover {background-color: #FFFFFF;}

.imgright img {padding:2px; border:1px solid #999999; height:100px; width:100px;}


/*******Miscellaneous*******/


.navigation {clear:both;}

.alignleft {font-weight:bold; float:left; margin:10px 0 20px 0; text-transform:uppercase; font-size:18px;}

.alignright {font-weight:bold; float:right; margin:10px 0 20px 0; text-transform:uppercase; font-size:18px;}

acronym, abbr, span.caps {cursor:help;}

acronym, abbr {border-bottom:1px dashed #999;}

blockquote {margin:6px 10px 6px 10px; padding-left:10px; border-left:2px solid #E0E55F;}

blockquote cite {margin:5px 0 0; display:block;}

pre {border:solid 1px #9a9a9a; color:blue; margin:10px; padding:10px; background: #f3f2ed}

code {font-size:18px; color: #f8d049; display:block; margin-bottom:15px;}

/*******Content BGs*******/

.resbgcolor {width:952px; height:520px; background: url(images/learnbg.jpg);}

.abtbgcolor {width:952px; height:520px; background: url(images/aboutbg.jpg);}

.conbgcolor {width:952px; height:570px; background: url(images/contactbg2.jpg); background-repeat: no-repeat; padding:25px 0px 0px 20px;}

.picbgcolor {color:#f8d049; width:465px; height:680px; padding:5px 20px 5px 20px; background: url(images/picbgside2.jpg); background-repeat: no-repeat;}

.artbgcolor {color:#f8d049; width:465px; height:680px; padding:5px 20px 5px 20px; background: url(images/artbgside2.jpg); background-repeat: no-repeat;}

.vidbgcolor {color:#f8d049; width:465px; height:680px; padding:5px 20px 5px 20px; background: url(images/vidbgside2.jpg); background-repeat: no-repeat;}

.spkbgcolor {color:#ffffff; width:465px; height:680px; padding:5px 20px 5px 20px; background: url(images/spkbgside2.jpg); background-repeat: no-repeat;}

/*******Content  Comment BGs*******/

.artcomment {color:#f8d049; width:465px; height:220px; background: #000000;}

.vidcomment {color:#f8d049; width:465px; height:220px; background: #000000;}

.piccomment {color:#f8d049; width:465px; height:220px; background: #000000;}

.speakcomment {color:#f8d049; width:465px; height:220px; background: #000000;}

/*******Sidebar BGs*******/

.artbgside {color:#f8d049; width:426px; height:680px; padding:5px 5px 5px 5px; background: url(images/artbgside.jpg); background-repeat: no-repeat;}

.picbgside {color:#f8d049; width:426px; height:680px; padding:5px 5px 5px 5px; background: url(images/picbgside.jpg); background-repeat: no-repeat;}

.vidbgside {color:#f8d049; width:426px; height:680px; padding:5px 5px 5px 5px; background: url(images/vidbgside.jpg); background-repeat: no-repeat;}

.speakbgside {color:#f8d049; width:426px; height:680px; padding:5px 5px 5px 5px; background: url(images/spkbgside.jpg); background-repeat: no-repeat;}

.joinbgside {color:#cccccc; width:426px; height:335px; padding:5px 5px 5px 5px; background: url(images/joinbgside.jpg); background-repeat: no-repeat;}



.codeconduct {color:#f8d049; width:436px; height:220px; background: #000000;}



/*******Content text BGs*******/

.arttextbgcolor {width:425px; height:270px; padding:20px 20px 20px 20px; background: url(images/nameboxart.jpg); background-repeat: no-repeat;}

.pictextbgcolor {width:425px; height:270px; padding:20px 20px 20px 20px; background: url(images/nameboxpic.jpg); background-repeat: no-repeat;}

.vidtextbgcolor {width:425px; height:295px; padding:20px 20px 20px 20px; background: url(images/namebox.jpg); background-repeat: no-repeat;}

.spktextbgcolor {color:#ffffff; width:425px; height:295px; padding:20px 20px 20px 20px; background: url(images/questionbox.jpg); background-repeat: no-repeat;}

.jointextbgcolor {color:#cccccc; width:416px; height:325px; padding:10px 10px 10px 10px; background: url(images/joinbox.jpg); background-repeat: no-repeat;}







.spkbgcolor1 {color:#ffffff; width:906px; height:660px; padding:10px 0px 10px 20px; background: url(images/speakbg1.jpg);}

.spkbgcolor2 {color:#ffffff; width:906px; height:660px; padding:10px 0px 10px 20px; background: url(images/speakbg2.jpg);}



p.spktext {color:#ffffff;}





.vidformside {color:#000; font-size:20px;}

p.vidformtitle {color:#f8d049; font-size:25px; background-color: #f8d049; padding: 10px 20px 2px 6px;}

a img {border:none;}

.videosidebar {color:#f8d049; padding:0px 0px 0px 5px;}

.speaksidebar {color:#f8d049; padding:0px 0px 0px 5px;}

input#kaltura_video_comment{ margin-top: 0; font:18px Arial; padding:2px; width:99%;}