/*
STC France Chapter Styles
Author: Destry Wion (wion.com)
Created: 5 Feb 2009
Last Edited: 21 July 2010
--------------------------------*/



/*____________________Base_____________________
----------------------------------------------- */

html {	margin: 0; padding: 0; }

body {
	margin: 0; padding: 0;
	font-family: helvetica, arial, sans-serif;
	color: #000;
	background: #fff;
	}

h1, h2, h3, h4, h5,
legend, th { font-family: "Hoefler Text", Constantia, "MgOpen Canonica", georgia, serif; }

h1, h2, h3, h4, h5 { font-weight: normal; color:#333; }

h1 { font-size: 1.3em; }
h2 { font-size: 1.45em; }
h3 { font-size: 1.3em; margin-bottom: 0;}
h4 { font-size: 1.1em;  font-style:italic; }
h5 { font-size: 1em; }

body#home h1,
#sidecol h2 { margin: 0; padding: 4px 4px 7px 0; }

body#articles div#main h2 {
        margin-bottom: .3em;
        border-bottom: 2px solid #aaa; 
        }

span.feed {display: inline; margin:0; padding-left:10px;}

ul {margin:0; padding0;}

p, li, dt, dd { font-size:0.87em; line-height:1.5; color:#333; }

li {margin-top: 4px; margin-bottom: 4px;}

dl { margin-top: .2em; margin-bottom: .5em; }
dt { margin: .5em 0; font-weight:bold; }	
dd {
	margin: 0 0 .6em 1.5em; 
	padding-left: 15px;
	background: transparent url(../images/theme/arrow-simple.png) left 4px no-repeat;
	}

blockquote {
	margin-right: 0;
	margin-left: 20px;
	}

blockquote {
	text-align: block;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 84%;
	}

blockquote p {
	font: normal .95em georgia, times, serif;
	font-style: italic;
	line-height: 1.5;
	}

blockquote p:before {content: open-quote; }
blockquote p:after {content: close-quote; }

code {font-size:1.3em; color:#333; background:#efefef;}

hr { width: auto; height: 1px; color: #ccc; background: #ccc; border: 0; }

small, .small {
	font-size: 0.9em;
	}


/*___________________Layout____________________
----------------------------------------------- */

#menubar, #nav, #search,
#masthead, #torso,
#left, #l1, #l3, #nletter,
#right, #r1, #r2,
#main, #sidecol { margin:0; padding:0; }

#accessibility {
	position: absolute;
	top: -10000px;
	}

#container {
	width: 970px;
	margin: 0 auto 1em auto; padding: 0; border: 0;
	}

/*
************ Masthead
*/

#masthead { width:auto; height:150px; background:#fff; margin-bottom:0; }

div#fclogo,
div#slogan,
div#stclogo { float: left; height: 150px; margin: 0; padding: 0;}

div#fclogo { width:204px; }
div#slogan { width:631px; }
div#stclogo { width:135px; }

div#fclogo, div#stclogo { margin: 5px 0 5px 0;}

div#slogan p {
	font: normal 48px "Hoefler Text", Constantia, "MgOpen Canonica", georgia, serif;
        !important;
	color:#8B8C87;
        text-align:center;
        line-height:150px;
	margin:0; padding:0;
	}

div#fclogo a,
div#stclogo a { margin:0; padding:0; border: 0; }

div#stclogo a img { padding:0; }

/*
************ Menu Bar
*/

#menubar, #nav, #nav ul, #nav li { height:40px; }

#menubar, #nav, #nav ul, #nav li { margin:0; padding:0; }

#menubar {
        clear:both;  
        width:auto;
        background:#e8e5f7;
        border-top:2px solid #333;
        border-bottom:2px solid #333;
        margin-bottom: 1em;
        }

#nav { float:left; width:80%; }

#search {width: 19%;}

#nav li { display: inline; font-size: 18px; padding-left:15px; }

#nav li a,
span.feed a,
a.button { text-decoration: none; }

#nav li a { 
        font-family: Constantia, "Hoefler Text", "MgOpen Canonica", georgia, serif;
        color: #000;
        margin:0; 
        border-bottom:0; 
        padding: 8px 0 8px 0;
        line-height: 40px;
        }

body#home #nav li.home a,
body#about #nav li.about a,
body#conference #nav li.conf a,
body#community #nav li.community a,
body#events #nav li.events a,
body#jobs #nav li.jobs a,
body#articles #nav li.articles a,
body#contact #nav li.contact a {
	background: #e8e5f7 url(../images/theme/menu-active-arrow.png) center bottom no-repeat; 
	}

#nav li a:hover {background: #e8e5f7 url(../images/theme/menu-hover-arrow.png) center top no-repeat; }

/*
************ Torso
*/

div#torso {
	width: auto; min-height:670px; 
	margin-top: 10px; border: 0;
	background: #fff url(../images/theme/map-fr.png) center 25px no-repeat;
	}

/* HOME PAGE TORSO 
----------------------------------------- 
Note: l(left) and r(right) IDs are block positions on home page
within the "left" and "right" parents, respectively. */

div#left { width: 476px; }
div#right { width: 464px; }

#l1, #l4, 
#r0, #r1, #r2, #r3 { width: auto; }

div#l2 { width: 223px; }
div#l3 { width: 223px; }

div#l3 ul {
       margin:0; padding:0;
       font-size: 90%;
       list-style: none;
       }

div#l3 ul li {margin: 18px 0; line-height: 1.3; }

/* Uncomment this rule when conference is advertised on home page...
#r0 h1 { background: transparent url(../images/theme/headred.png) bottom right no-repeat; } */

#r0 p.tagline {margin:10px 0 6px 0; font-weight:bold; }

#r1 h1 { background: transparent url(../images/theme/headred.png) bottom right no-repeat; }

#r1 {clear:both;}

#r3 th {font-size: .85em;}

div#authorwrap { 
        width:auto; margin: 0 0 .8em 0; 
        border-bottom:1px solid transparent;
        }
p.author-info {
	margin: 8px 0 4px 0; line-height:1;
	font-size:.8em; font-style: italic; color:#666; 
	}
p.by-wedge {padding-top:8px; }

p.summary {clear:both; }
p.lead-in {font-size:.8em; }

p.conf-date {
	width:70%; margin: .9em auto;
	font-size: 1em; font-weight: bold; text-align: center; 
	padding:5px; border: 1px solid #cc6c6f; background: #cc919b;
	}

/* SITE SECTION TORSOS */

#main { width: 625px; }
#sidecol { width: 315px; }

div.mail-addresses { width:25%; }
	
div#conf-highlight-box { width:25%; text-align: center;}

div.mail-addresses,
div#conf-highlight-box { 
	float:right; background: transparent;
	margin: 0 0 1em 1em; padding: .75em; 
        border-top: 6px double #333;
        border-right: 3px double #999;
        border-bottom: 6px double #333;
        border-left: 3px double #999;
}

.mail-addresses p {font-size: .85em; font-weight: bold; color: #333;}

p.conf-slogan { font: bold italic 97% georgia; color:#73141e; margin-top:-13px; padding-top:0;}

/* ARTICLES TORSO SPECIFIC */

body#articles .essay-excerpts {
font-size:1.1em; 
color:#474762;
margin-bottom: .4em;
}

h3#if-first-element {clear:both; }

p.notes {
        font-size:.85em; font-style:italic; 
        width: 80%; margin: 1em auto; 
        padding:.5em; 
        border-top: 1px solid #33408f; 
        border-bottom: 1px solid #33408f;
        background: #eaeef5;
  }

p.firstpara {display:block;}

/* LEADERS SPECIFIC */

body#leaders h3 {margin-bottom; 1.5em;}

.member-info {
       font-weight:strong; 
       font-size: 1em;
       margin-top:5px;
       line-height: 1.5; 
       }

/* CONTACT TORSO SPECIFIC */

div#instructions { width: 400px; }	
div#delivery { width: 540px; }

/* NEWSLETTER TORSO SPECIFIC */

div#nl-form { width: 470px; }	
div#nl-archive { width: 470px; }

/* COMMON STUFF (HOME, SECTIONS, CONTACTS) */

div#left, div#right, div#l2, div#l3,
div#main, div#sidecol,
div#instructions, div#delivery,
div#nl-form, div#nl-archive { float:left; }

#left,
div#l2,
#main,
#instructions,
#nl-form { margin-right: 30px; }

#l1, #l2, #l3,
#l4, 
#r0, #r1, #r2, #r3
#main, #instructions, #delivery,
div#nl-form, div#nl-archive { margin-bottom:15px; padding-top:8px; }

#r2 { padding-top: 0; }

#l1 h1,
#main p#section,
#instructions p#section,
#nl-form p#section { background: transparent url(../images/theme/headblue.png) bottom right no-repeat; }

p#section { 
       font-size: 1.3em;
       font-family: "Hoefler Text", Constantia, "MgOpen Canonica", georgia, serif;
       margin: 0 0 1em 0; padding:0 4px 4px 0;
      }

#l2 h1, #l3 h1, #l4 h1, 
#r2 h1, #r3 h1,
#sidecol h2, #delivery h1,
#nl-archive h1,
h2#comment { background: transparent url(../images/theme/headgray.png) bottom right no-repeat; }

#l4 ul,
#sidecol ul {margin: 10px 0 2em 0; padding-left: 0;}

#l4 li {padding-top:8px;}

#l4 li,
#sidecol li {
	margin:3px 0; padding-left: 23px;
	list-style-type: none; line-height: 1.2;
	background: url(../images/theme/fleur-de-lys.png) left 6px no-repeat;
}

#sidecol li { border-bottom: 1px solid #d8d8d8; }


/*
************ Footer
*/

div#footer { 
	width:auto; min-height:200px;
	margin:0; padding-bottom:2em; border-top:3px solid #000; 
	background:#fff url(../images/theme/bg-footer.jpg) 0 0 repeat-x;
	}

#footer p {
	margin-top: 5px; padding: 10px 0; border-top: 1px dotted #000; 
	font-size: .8em; text-align: center;
	}

div#footwrap {width:970px; margin:0 auto; padding:0;}
div#footwrap div {float:left; width:303px;}
div#f1, div#f2 {margin-right:30px;}

div#footwrap div h2 { 
	font-size:1.1em; 
	margin-top:0; padding-bottom:4px; border-bottom:1px dotted #000;}

#footwrap ul {margin:0; padding:0;}
#footwrap ul li {list-style-type:none;}
#footwrap ul li a {font-size:.85em;}

div#f1 li {
	padding-left: 21px;
        }

#f1 li.twitter { background: url(../images/theme/ico-twitter.gif) left center no-repeat; }
#f1 li.facebook { background: url(../images/theme/ico-facebook.png) left center no-repeat; }
#f1 li.ning { background: url(../images/theme/ico-ning.png) left center no-repeat; }
#f1 li.linkedin { background: url(../images/theme/ico-linkedin.png) left center no-repeat; }
#f1 li.flickr { background: url(../images/theme/ico-flickr.gif) left center no-repeat; }

/*
************ Clears
*/

div#masthead,
div#torso,
div#l4,
div#footer {clear:both;}

/*___________________Images____________________
----------------------------------------------- */

img,
a img { margin: 0; padding: 0; border: 0; text-decoration: none;}

img.sitleft,
img.sitright,
img.sitcenter { padding:.7em; border:1px solid #999; }
img.sitleft { float:left; margin: .5em 1em .6em 0; }
img.sitright { float:right; margin: 0 0 .6em 1em; }
img.sitcenter { margin: 1em auto 1em auto; }

img.team,
img.author-thumb,
img.speakers { float:left; }

img.team,
img.speakers { width:120px; height: 120px; }

img.author-thumb {
	width:70px; height: 70px;
	margin: 3px 8px 3px 0; padding:2px; 
	border:3px double #999;
	}

img.eiffel { float:right; margin: 25px 0 0 8px; padding:0; border:0; }

/*___________________Tables____________________
----------------------------------------------- */

/* Generic and Conference Lineup articles */

table,
table.conf-lineup {
	width: auto; margin: 1.5em 0; padding:0 ; border:0;
	text-align: left; background: transparent;
}

table p,
table.conf-lineup p { margin:0;padding:0; font-size: .9em; font-weight: normal; }

th { text-align: center; border-bottom: 2px solid #666; }

td { 
	margin:0; padding:.5em; 
	border-bottom: 1px solid #c6c6c6;
	}

tr.last td {border-bottom: 0; }

/* Specific to Jobs page */

table#jobslist {
	width: auto; margin: 1.5em 0; padding:0 ; border:0;
	text-align: left; background: transparent;
}

table#jobslist th { text-align: center; border-bottom: 2px solid #666; }
table#jobslist td { 
	margin:0; padding:.5em; 
	border-bottom: 1px solid #c6c6c6;
	}

table#jobslist tr.last td {border-bottom: 0; }
table#jobslist td p a { font-weight:bold; }


/*__________________Forms____________________
---------------------------------------------- */

form { margin-bottom:1em; }

fieldset,
legend {border:1px solid #ececec;}

legend { padding:5px 8px; border-top:0; border-bottom:0; }

label {font-size:.9em;}

input, select, textarea { margin-bottom:13px; }

input.zemText, textarea.zemTextarea,
input#name, input#email, input#web, 
textarea#message { width: 100%; }

/* Newsletter */

form#nletter-home {}

#nletter-home label {font-size:.85em; font-weight:bold; color:#333;}

#nletter-home input#entry {margin: 0 5px 0 10px; }

/* Comments */

h2#comment { 
	margin: 1em 0 0 0; padding: 10px 4px 4px 6px;
	border-bottom: 1px dotted #000;
 }

#comments-help {font-size:.82em; color:#666; margin-bottom:1em; }

div.comment-block {
        width:auto; margin:.8em 0 0 0; 
        padding:.8em 0 0 0;
        border-top:1px solid #ededed;
        font-size:.87em; color:#333;
}

.comment-block p { margin:.5em 0 .8em 0; padding:0;}

p.comment-meta { font-size:.85em; font-weight:bold; }

.comment-block blockquote { 
        font-style: italic; color: #dbdbdb;
        border-left:3px solid #999; 
        padding-left:.5em; }

.comment-block blockquote p:before {content: open-quote; }
.comment-block blockquote p:after {content: close-quote; }

form#txpCommentInputForm { width:80%; margin-top: 2em; }

#txpCommentInputForm fieldset {padding-top: .7em; }

p#txpCommentInputForm {
        text-align:center;
        margin:1em 0; 
        border:3px solid #649e00;
        padding:.5em;
        background:#b8d9a9;
}

/* zem_contact_reborn */

form.zemContactForm {margin-top: 1.5em;}


/*__________________Plugins____________________
----------------------------------------------- */

body#home table#jobslist { margin-top:0; }
body#home table#jobslist td p { font-size:.8em; line-height:1.2; }

/*
************ cbs_live_search
*/

#live_search input { font-size: 10px; color: #000; }
#live_search input.ls_inactive { color: #666; }

#live_search .ls_reset_image {
	display: inline-block; width: 14px; height: 14px; margin-left: 10px;
	background: transparent url(../img/reset.gif) no-repeat center;
	cursor: pointer; 
	}

#live_search .ls_wait_image {
	display: inline-block; width: 16px;	height: 16px; margin-left: 10px;
	background: transparent url(../img/spinner.gif) no-repeat center;
	}
	
#live_search .ls_results { width: 200px; background: #ebebeb; overflow: hidden; }

#live_search .ls_results p { margin: 10px; }


/*___________________Links_____________________
----------------------------------------------- */

/* Global */

a { 
       color: #33408f;
       text-decoration: none; 
       border-bottom: 1px dotted #33408f;
       }

a:hover { border-bottom:1px solid #33408f; }

#home span.feed a,	
a.button { border-bottom: 0; }

/* Article titles on home and articles pages */
 
h1 a, 
h2 a { 
        border: none; 
        font-family: arial, helvetica, sans-serif; 
        color: #333;
        }
h1 a:hover, 
h2 a:hover {border-bottom: 1px dotted #000; color:#000;}

h2 a { font-size: .9em; }

body#articles h1 a {
        font-size: 1.3em;
        font-family: "Hoefler Text", Constantia, "MgOpen Canonica", georgia, serif;
        }

#l4 li a, #l4 li a:visited {
	padding: 0;
        }

#l4 span.listdate { display:block; padding-top:5px; }

/* Sidecol and Recent articles (home) */

#sidecol li a, #sidecol li a:visited {
	display: block;
	padding: 7px 0 7px 0;
        }

#sidecol li a, #sidecol li a:visited { border-bottom:0; }

#sidecol li a { font-size:.9em; }
#sidecol li a, #sidecol li a:visited { color: #666; }
#sidecol li a:hover { color: #000; }
