/*
Theme Name: ConFoo.ca
Function:  I_Know_ConFoo('http://bit.ly/11wMT2'){return youtube-Video;} :))
Author: Mathieu Chartier
Author URI: mchartier@confoo.ca


.
Sources:
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––/
CSS Reset : http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Typography : http://www.blueprintcss.org/
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––/
.

[Table Of Contents]

0- Reset
1- Globals Tags
	1.1- Headings
	1.2- Text elements
	1.3- Lists
	1.4- Tables
	1.5- Forms
	1.6- Links
2- Global Structure
3- Header
4- Content
5- Aside Primary
6- Footer
7- Class
8- Microformats
9- Components
	9.1 -Slider


*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; color:#575555; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
:focus { outline: 0; }
body {  color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* =1 Globals Tags
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body { font-size: 75%; color: #222; background: #f5f5f5; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
/*body#jobfair {  background: #c5d6e3 url(/images/illustrations/illu_body-jobfair.gif) repeat-x left 0px; }*/

/* =1.1 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; font-family:Arial, Helvetica, sans-serif; }
h1 { font-size: 28px; font-family:"Century Gothic"; color:#045c9c; margin-bottom:23px; }
h2 { font-size: 22px; margin-bottom: 0.75em; color:#f27a05; font-family:"Century Gothic";  }
h3 { font-size: 19px;  margin-top: 1em; clear:left; color:#111; font-family:"Century Gothic"; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* =1.2 Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; line-height:20px; }
a:focus, a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* =1.3 Lists
-------------------------------------------------------------- */
li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-image:url(../images/patterns/pat_list.gif);}
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }


/* =1.4 Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; border-top: solid 4px #0068b3; border-bottom:solid 4px #f27a05; border-collapse:collapse; }
th { font-weight: bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 10px 10px 10px 10px; vertical-align: top; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
table .odd{ background:#fce4cd;}

/* =1.5 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
label{ color:#111; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: normal;}
input.field{ background:#fef4e8; border-bottom:solid 1px #e6e6e7; border-left:solid 1px #e5ddd4; border-right:solid 1px #e5ddd4; border-top:solid 1px #818285;}

/* =1.6 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited { color: #333; }
a:hover { color: #111; }
a:active { color: #111; }
a[href$='.pdf'],
a[rel='pdf'],
a[rel*='pdf'],
a[rel~='pdf']{ padding-right: 18px; background: transparent url(/images/icons/icon_file.gif) no-repeat center right; }
a[href ^="mailto:"]{padding-right: 18px;background: transparent url(/images/icons/icon_mail.gif) no-repeat center right;}
a[class ="popup"]{ padding-right: 18px; background: transparent url(/images/icons/icon_popup.gif) no-repeat center right; }
a[href$='.doc']{padding-right: 18px;background: transparent url(/images/icons/icon_doc.gif) no-repeat center right;}
a[href$='.xls']{padding-right: 18px;background: transparent url(/images/icons/icon_xls.gif) no-repeat center right;}
a[rel ~='external']{ padding-right: 18px; background: transparent url(/images/icons/icon_external.png) no-repeat center right; }

/* =2 Global Structure
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#confoo{ width:950px;  margin:0px auto 0;}
#header{ width:950px; height:274px; background:#E8F6FF no-repeat right top; position:relative; border-left:solid 2px #e4e4e4;border-right:solid 2px #e4e4e4; border-bottom: 1px solid #BFE2F6; }
#content{  float:left; background:#FFFFFF url(/images/illustrations/illu_content.gif) no-repeat; padding:30px 20px 30px 60px; border-left:solid 2px #e4e4e4;border-right:solid 2px #e4e4e4; width:870px;}
#content_primary{ width:586px;  float:left;background:#FFFFFF url(/images/illustrations/illu_content-primary.gif) no-repeat right bottom;}
#aside_primary{ width:270px; float:right; text-align:center; margin-left:10px;}
#footer{ clear:both; float:left;  width:100%; text-align:center; border-left:solid 2px #e4e4e4;border-right:solid 2px #e4e4e4;}
#footer .screen{width:950px; height:152px;  margin:0 auto; background:#1F2338/*url(/images/illustrations/illu_footer-inner.jpg) repeat-x*/; /*margin-top:9px;*/}

/* =3 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header address { margin:0;}
#header address span{ display:none;}
#header .date{ position:absolute; text-indent:-9999px; }
#header img{ float:left;}

#header #user-preference{ position:absolute; float:right; top:219px; right:0px; margin:0; padding:0; z-index: 100;}
#header #user-preference li{ float:left; list-style:none;}
#header #user-preference li a{ background: #BFE2F6; none repeat scroll 0 0;display:block;height:23px;line-height:20px;padding:2px 9px;font-family:"Century Gothic";}
/*#header #user-preference li.lang a { background:#222; color: #fff }*/

/* =4 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#content li{ margin:15px 0; font-size:14px; color:#595856;}
#content_primary a:link, #content_primary a:visited { color: #045c9c; }
#content_primary .reserve-now, #content_primary .box {border-top: solid 4px #0068b3; border-bottom:solid 4px #f27a05; margin:30px 0; padding:20px; height:75px; background:url(/images/patterns/pat_reserve.jpg) repeat-x 0 bottom; text-align:center; font-weight:bold; }
#content_primary .reserve-now p, #content_primary .box p { margin:0; padding:0; }

#content ul.jobfair_kiosks li { float: left; width: 49%; list-style: none; margin-top: 0px; }

.last_child img { margin-bottom:10px; }
.last_child textarea { clear:both; display:block; margin-top:10px; position:static; }


/* =5 Aside Primary
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =5.1 sponsors
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#sponsors{ margin:0 ; float:right; width:229px; }
#sponsors div{background: #fff; padding-bottom:15px; text-align:center; margin-bottom:22px; border-bottom:solid 2px #C4C4C4;}
#sponsors h2{ background:url(/images/illustrations/illu_sponsor-h2.gif) no-repeat; width:229px; height:36px; font-size:16px; text-align:center; font-family:"Century Gothic"; color:#5b5858; font-weight:bold; line-height:34px; padding:0; margin:0;}
#sponsors h3{ padding:0; margin:0; font-family:"Century Gothic"; color:#6f7374; background:#c4c4c4; font-size:12px; margin-bottom:15px; height:22px; line-height:22px;}
#sponsors .platine{}
#sponsors .or{ }
#sponsors .argent{}
#sponsors .child1{ }
#sponsors .child_1or{ }
#become-sponsor{margin:10px auto;width:163px;}

/* =5.1 social-media
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#social-medias{ width:40px; height:400px; float:left; }
#social-medias ul{ float:left; margin:0; list-style-image:none;}
#social-medias ul li{ list-style:none; margin:0 0 17px;}
#social-medias ul li a, .social-medias .btn a{ display:block; text-indent:-9999px;  width:28px; height:17px;}
.social-medias .btn { padding-right: 5px; display: inline; float: left; }

#social-medias ul li.facebook a, .social-medias .facebook 
a{ background:url(../images/icons/social.jpg) no-repeat left 0px;}
#social-medias ul li.twitter a, .social-medias .twitter
a{background:url(../images/icons/social.jpg) no-repeat left -17px;}
#social-medias ul li.identica a, .social-medias .identica
a{background:url(../images/icons/social.jpg) no-repeat left -34px;}
#social-medias ul li.linkedin a, .social-medias .linkedin
a{background:url(../images/icons/social.jpg) no-repeat left -51px;}
#social-medias ul li.rss, .social-medias .rss
a{background:url(../images/icons/social.jpg) no-repeat left -68px;}
#social-medias ul li.slideshare, .social-medias .slideshare
a{background:url(../images/icons/social.jpg) no-repeat left -85px;}
#social-medias ul li.joindin, .social-medias .joindin
a{background:url(../images/icons/social.jpg) no-repeat left -102px;}

.social-medias ul{ list-style-image:none; margin: 0;}
.social-medias ul li{ list-style:none; padding-right: 5px; display: inline; float: left;}

#social-medias ul li.facebook a:hover, .social-medias ul li.facebook
a:hover{background-position: right 0px;}
#social-medias ul li.twitter a:hover, .social-medias ul li.twitter
a:hover{background-position: right -17px;}
#social-medias ul li.identica a:hover, .social-medias ul li.identica
a:hover{background-position: right -34px;}
#social-medias ul li.linkedin a:hover, .social-medias ul li.linkedin
a:hover{background-position: right -51px;}
#social-medias ul li.rss a:hover, .social-medias ul li.rss
a:hover{background-position: right -68px;}
#social-medias ul li.slideshare a:hover, .social-medias ul li.slideshare
a:hover{background-position: right -85px;}
#social-medias ul li.joindin a:hover, .social-medias ul li.joindin
a:hover{background-position: right -102px;}



/* =6 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer .section{ /*float:left;*/  background:#212338;}
#footer h2{ background:#365999; padding:0 3px; margin:0; color:#7B9FCA; text-align:left; padding:5px 0 5px 30px; font-size:14px;}
#footer ul { list-style:none;}
#footer ul li { margin: 0 }
#footer ul li a{ color:#045C9C; font-size:12px;}
#footer ul li a:hover{ color:#000; font-size:12px;}
#organizers{ list-style:none; margin:0 0 0 30px; padding:0}
#organizers li{ width:178px; height:122px; float:left; margin:0 10px; }

#organizers #org_phpquebec a{ background:url(/images/content/cont_organizers.jpg) no-repeat 0 0;text-indent:-9999px;}
#organizers #org_phpquebec a:hover{ background:url(/images/content/cont_organizers.jpg) no-repeat 0 -122px;}
#organizers #org_phpquebec span:hover{ background:url(/images/content/cont_organizers.jpg) no-repeat 0 -0px;}

#organizers #org_montrealpython a{background:url(/images/content/cont_organizers.jpg) no-repeat -178px 0;}
#organizers #org_montrealpython a:hover{background:url(/images/content/cont_organizers.jpg) no-repeat -178px -122px;}
#organizers #org_montrealpython span:hover{background:url(/images/content/cont_organizers.jpg) no-repeat -178px 0px;}

#organizers #org_w3qc a{background:url(/images/content/cont_organizers.jpg) no-repeat -356px 0;}
#organizers #org_w3qc a:hover{background:url(/images/content/cont_organizers.jpg) no-repeat -356px -122px;}
#organizers #org_w3qc span:hover{background:url(/images/content/cont_organizers.jpg) no-repeat -356px 0px;}

#organizers #org_montrealonrails a{background:url(/images/content/cont_organizers.jpg) no-repeat -534px 0;}
#organizers #org_montrealonrails a:hover{background:url(/images/content/cont_organizers.jpg) no-repeat -534px -122px;}
#organizers #org_montrealonrails span:hover{background:url(/images/content/cont_organizers.jpg) no-repeat -534px 0px;}

#organizers #org_owasp a{background:url(/images/content/cont_organizers.jpg) no-repeat -712px 0;}
#organizers #org_owasp a:hover{background:url(/images/content/cont_organizers.jpg) no-repeat -712px -122px;}
#organizers #org_owasp span:hover{background:url(/images/content/cont_organizers.jpg) no-repeat -712px 0px;}

#organizers a { position: relative ;width:178px; height:122px;  display:block;}
.org-team{ display:none;}

span.hover{display:block;height:122px;width:178px;}

/* =7 Classes
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
#hashtag{ font-size:24px; font-weight:bold;}
.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
#content .button{ padding:0 10px; height:29px; line-height:29px; display:block;  }
#content .button:hover{ padding:0 10px; background:none; }
.button{ border-left: solid 4px #0068b3; border-right:solid 4px #f27a05; text-align:center; height:29px; line-height:29px;  }
.button:hover{ background:url(/images/patterns/pat_buttons.gif) repeat-x 0 center;border-left: solid 4px #f27a05; border-right:solid 4px #0068b3;}
.button a{ display:block; height:100%;}
.call-for-speaker{ width:200px;}
.current_price { background-color: #C4F594; border: 1px solid #80B759; font-weight: bold; }

/* =8 Microformats
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =9 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =9 1
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
	Name: Sliding Login Panel with jQuery 1.3.2
	Author: Jeremie Tisseau
	Author URI: http://web-kreation.com/
	Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
	Date: March 26, 2009
	Version: 1.0
	
		The CSS, XHTML and design is released under Creative Common License 3.0:
		http://creativecommons.org/licenses/by-sa/3.0/
	*/ 

/***** clearfix *****/
.clear { clear: both; height: 0; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clearfix { height: 1%; }
.clearfix { display: block; }


/* sliding panel */
#toppanel { position: absolute;   /*Panel will overlap  content */ /*position: relative;*/   /*Panel will "push" the content down */
    top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; }
#toppanel table{ background:#fff;}
#panel { width: 100%; height: 270px; color: #999999; background: #C4C4C4; overflow: hidden; position: relative; z-index: 3; display: none; }
#panel h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: white; }
#panel h2 { font-size: 14px; padding: 10px 0 5px; margin: 0; color: white; font-weight:bold; }
#panel p { margin: 5px 0; padding: 0; }
#panel a { text-decoration: none; color: #15ADFF; }
#panel a:hover { color: white; }
#panel a-lost-pwd { display: block; float: left; }
#panel .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; }
#panel .content .left { width: 280px; float: left; padding: 0 15px; border-left: 1px solid #333; }
#panel .content .right { border-right: 1px solid #333; }
#panel .content form { margin: 0 0 10px 0; }
#panel .content label { float: left; padding-top: 8px; clear: both; width: 280px; display: block; }
#panel .content input.field { border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 16px; }
#panel .content input:focus.field { background: #545454; }
.conference{ color:#0068B7; font-weight:bold;font-size:20px;}
.canadian{ color:#F27A05; font-weight:bold;font-size:20px;}
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login, #panel .content input.bt_register { display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0; }
#panel .content input.bt_login { width: 74px; background: transparent url(/images/components/panel-slider/bt_login.png) no-repeat 0 0; }
#panel .content input.bt_register { width: 94px; color: white; background: transparent url(/images/components/panel-slider/bt_register.png) no-repeat 0 0; }
#panel .lost-pwd { display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline; }

/* =9.2 Slider
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#slider { width:950px; height:122px; float:left; margin:0;  }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider li { width:950px; height:122px; overflow:hidden; }
#slider li ul li { width:100%; height:inherit;}
#prevBtn, #nextBtn { display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; }
#nextBtn { left:430px; }
#prevBtn a, #nextBtn a { display:block; width:30px; height:77px; background:url(images/btn_prev.gif) no-repeat 0 0; }
#nextBtn a { background:url(images/btn_next.gif) no-repeat 0 0; }


/* =9.3 Extra divs
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.breadcrumbs { display: block; margin-top: 20px; margin-bottom: 20px; }
.float_box { float: right; margin-right: -80px; }

.orange_box { float: right; margin-right: -80px; width: 164px; height: 116px; background-image: url(/images/illustrations/box.gif); }
.orange_box div { padding: 15px; color: #fff; font-size: 12pt; text-align: center; }
.orange_box a { color: #fff; font-size: 14pt; }

#content_primary a.big_button { color: #fff; display: block; background-color: #F27A05; width: 260px; text-align: center; padding: 10px; margin-bottom: 20px; border: 1px solid transparent; font-size: 12pt; margin: 5px auto;
}
#content_primary a.big_button:hover { background-color: #ED9219; border-color: #000;
}
#content_primary a.big_button span {
	color: #fff; display: block; text-decoration: none; font-size: 10pt;
}

#content_primary ul.ui-tabs-nav li { margin: 0; }



#content form th {
	width: 120px;
}
#content form .field textarea {
	width: 250px;
}
#content form .field input, #content form .field select {
	width: 180px;
}
#content form .field ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#content form .field ul li {
	margin: 0;
}
#content form .field li input {
	width: inherit;
}

#content form .error, #content form .help {
	display: block;
	padding: 2px 4px;
	margin: 0 0 2px 0;

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	clear: right;
}

#content form .error {
	background-color: #ffebeb;
	border: 1px solid #f7c0c0;
}
#content form .help {
	background-color: #E8F6FF;
	border: 1px solid #BFE2F6;
}
#content form .field {
	border-bottom: 1px dotted #ccc;
}
#content form .field .error {
	float: right;
	width: 150px;
}
#content form .field .help {
	float: right;
	width: 150px;
}
#content form .error ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}
#content form .error li {
	margin: 0;
}

#content form .max-char-status {
}

#content form .notification .max-char-status {
	font-weight: bold;
	color: #cd0a0a;
}

#content .text-box {
	display: block;
	padding: 10px;
	margin-bottom: 10px;

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#content .news .date {
	float: right;
	margin: 15px 0 5px 0;
	background-color: #E8F6FF;
	border: 1px solid #BFE2F6;
	padding: 5px 8px;
}

#btn-mobile {
	background-color: #045C9C;
	color: #fff;
	position: absolute;
	right: 15px;
	padding: 10px 15px;
	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}