/* 
----------------------------------
	Screen Style Sheet
	Author: 	Michael Tighe
	Site:		semcanada.org
	Date:		Feb 2008
----------------------------------
*/

/*-------------------------
	> Globals
-------------------------*/
* {
margin:0; padding:0;
}
img {border: none;}
hr { margin-bottom: 0.8em; border-collapse: collapse;}
#clear_both { clear: both;}
.bio_image {padding: 2px; border: 1px solid #575757; margin: 0 0.8em 0 0; float: left;}

body {
background: #cfcfcf url(http://www.semcanada.org/assets/images/bg/body_bg.gif) repeat-y top center;
font-family: Tahoma, Arial, sans-serif;
font-size: 100.01%;
}
#container {
margin: 0 auto;
width: 910px;
font-size: 95%;
}


/*-------------------------
	> Framework
-------------------------*/
#topbar {
background: #78ced9;
height: 85px;
}
#nav {
background: #f7f7f7 url(http://www.semcanada.org/assets/images/bg/nav_bg.gif) repeat-x left bottom;
height: 26px;
line-height: 26px;
}
#side_left {
width: 150px;
position: relative;
float: left;
clear: left;
}
#content_full {
width: 725px;
position: relative;
float: left;
margin: 0 0 0 18px;
padding: 30px 0 0 0;
}
#content_half {
width: 400px;
position: relative;
float: left;
margin: 0 0 0 18px;
padding: 30px 0 0 0;
}
#content_right {
width: 298px;
position: relative;
float: right;
margin: 0 20px 0 0;
padding: 20px 0 0 0;
}
/* This is the only thing on the whole freaking page that breaks validation.. Lame.. */
##content_right {
margin: 0 10px 0 0;
}


/*-------------------------
	> Image Replacement
		- Topbar
		- Navigation
-------------------------*/ 
#topbar #logo a {
background: transparent url(http://www.semcanada.org/assets/images/sem_canada_conference.gif) no-repeat top left;
text-indent: -9999px;
display: block;
width: 302px;
height: 43px;
position: relative;
top: 25px;
left: 20px;
overflow: hidden;
}

#nav ul { width: 456px; height: 25px; line-height: 25px;}
#nav ul li {float: left; list-style: none; height: 25px; line-height: 25px;}
#nav ul li a {
background: url(http://www.semcanada.org/assets/images/nav_semc.gif) no-repeat top left;
display: block; 
line-height: 25px; 
height: 25px; 
width: 40px;
text-indent: -9999px;
overflow: hidden;}

#nav ul li a.nav_home {width: 70px; background-position: 0px 0px;}
#nav ul li a.nav_blog {width: 57px; background-position: -70px 0px;}
#nav ul li a.nav_spea {width: 84px; background-position: -127px 0px;}
#nav ul li a.nav_sche {width: 86px; background-position: -211px 0px;}
#nav ul li a.nav_loca {width: 81px; background-position: -297px 0px;}
#nav ul li a.nav_regi {width: 78px; background-position: -378px 0px;}

#nav ul li a.nav_home:hover { background-position: 0px -25px;}
#nav ul li a.nav_blog:hover { background-position: -70px -25px;}
#nav ul li a.nav_spea:hover { background-position: -127px -25px;}
#nav ul li a.nav_sche:hover { background-position: -211px -25px;}
#nav ul li a.nav_loca:hover { background-position: -297px -25px;}
#nav ul li a.nav_regi:hover { background-position: -378px -25px;}

/*-------------------------
	> Font Styles
-------------------------*/
#content_full h1 {font-size: 25px; color: #656666; font-weight: normal; margin-bottom: 0.5em;}
#content_full h2 {font-size: 25px; color: #656666; font-weight: normal; margin-bottom: 0.5em;}
#content_full h3 {font-size: 18px; color: #656666; font-weight: normal; margin: 0.6em 0 0.8em 0;}
#content_full p {font-size: 12px; color: #656666; line-height: 16px; margin-bottom: 1.1em;}
#content_full ul {margin: 0 25px 0.8em 25px;}
#content_full ul li {font-size: 12px; color: #656666; margin: 0 0 6px 15px;}

#content_half h1 {font-size: 25px; color: #656666; font-weight: normal; margin: 0 0 0.5em 0;}
#content_half h2 {font-size: 25px; color: #656666; font-weight: normal; margin-bottom: 0.5em;}
#content_half h3 {font-size: 18px; color: #656666; font-weight: normal; margin: 0.6em 0 0.8em 0;}
#content_half p {font-size: 12px; color: #656666; line-height: 16px; margin-bottom: 1.1em;}
#content_half ul {margin: 0 25px 0.8em 25px;}
#content_half ul li {font-size: 12px; color: #656666; margin: 0 0 6px 15px;}

#content_right #right_register p {font-size: 12px; color: #656666;}
#content_right #right_register ul li {font-size: 12px; color: #656666; margin: 0 0 0 15px;}

#content_full p.sess_date { font-size: 11px; margin-top: -10px;}

/*-------------------------
	> Link Styles
-------------------------*/
#content_full a { color: #539199;}
#content_half a { color: #539199;}
#content_right a { color: #539199;}

#content_full a:hover { text-decoration: none;}
#content_half a:hover { text-decoration: none;}
#content_right a:hover { text-decoration: none;}

/*-------------------------
	> Link Buttons
-------------------------*/
.reg_btn { background-color: #b34749; display: block; color: #fff; border: 1px solid #575757; line-height: 1.5em; padding: 0.75em; text-indent: 2em; font-size: 16px;}

/*-------------------------
	> Left Sidebar
-------------------------*/

#club_signup { background-color: #d7d8d8; padding: 12px 0 12px 15px;}
#club_signup fieldset { border: none; border-collapse: collapse; outline:  none; }
#club_signup p {
background: transparent url(http://www.semcanada.org/assets/images/titles/email_club.gif) no-repeat left;
height: 10px;
line-height: 10px;
text-indent: -9999px;
overflow: hidden;
}
#club_signup input { border-collapse: collapse; outline: none; border: none;}
#club_signup input.email { 
width: 98px;
height: 18px;
line-height: 18px;
padding: 0 2px 0 2px;
border: 1px solid #c5c6c6;
margin: 0 6px 0 0; 
color: #949594; 
font-size: 10px;
}
#club_signup input.send_btn { 
width: 14px; 
height: 14px; 
background: #d7d8d8 url(http://www.semcanada.org/assets/images/icons/plus.gif) no-repeat left; 
text-indent: 9999px; 
overflow: hidden;
}

#side_left .side_links {
margin: 0 0 0 20px;
padding: 1em 0 0 0;
width: 110px;
}

#side_left .side_links dt a {
font-size: 11px;
font-weight: bold;
color: #7b7979;
display: block;
}

#side_left .side_links dd a {
font-size: 11px;
color: #7b7979;
}

#side_left .side_links .side_speakers {
background: url(http://www.semcanada.org/assets/images/titles/side_speakers.gif) no-repeat top left;
text-indent: -9999px;
height: 22px;
}
#side_left #side_dl_sponsor dt { margin: 0 0 0.75em 0;}
#side_left #side_dl_sponsor dd { text-align: center;}
#side_left .side_links .side_sponsor {
background: url(http://www.semcanada.org/assets/images/titles/side_sponsors.gif) no-repeat top left;
text-indent: -9999px;
height: 22px;
}

/*-------------------------
	> Right Sidebar
-------------------------*/
#content_right {}
#content_right #right_register { border: 1px solid #cacccc; padding-bottom: 1em;}
#content_right #right_register .reg_title { 
background: #e5e5e5 url(http://www.semcanada.org/assets/images/titles/right_reg_today.gif) no-repeat left;; 
height: 30px; 
line-height: 30px;
text-indent: -9999px;
}
#content_right #right_register .reg_learn {
background: url(http://www.semcanada.org/assets/images/learn_more_semc.gif) no-repeat left;; 
height: 120px;
width: 260px; 
text-indent: -9999px;
margin: 0 0 0 16px;
}
#content_right #right_register ul { margin: 0 25px 0 25px;}
#content_right #right_register #reg_red_button { width: 235px; margin: 16px 0 0 16px; padding: 0.5em;}
#content_right #right_register #reg_red_button a { 
color: #fff; 
font-weight: bold;
background: #b34749;
padding: 0.5em;
display: block;
 }
 #content_right #right_register #reg_red_button a:hover { text-decoration: underline; background: #636466;}