/*Reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body { line-height: 1.5; background:#f6f6f4 url("../images/bg_body.png") 50% 0 repeat-y;}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* Modified from: http://code.google.com/p/blueprintcss/
----------------------------------------------------------------------------------------- */
body { font : 75%/1.25 "Lucida Grande", Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { font-size : 30px; letter-spacing:-1px; line-height : 1; margin-bottom : 0.5em;margin-top:10px; }
h2 { font-size : 21px; margin-bottom : .75em; font-weight:bold}
h3 { font-size : 15px; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 15px; margin-bottom : 1.25em; }
h5 { font-size : 12px; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 12px; font-weight : bold; }
p { margin : 0 0 1.5em; font-size}
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; }
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em;margin-left:20px }
th { font-weight : bold; }
td { }
th,td { padding : 4px 10px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }
/*Author styles*/
/* =body*/
body {}
/* =hx*/
h1#logo {margin-top:0}
h2 {margin-top:1em;}
h3 {}
h4 {}
h5 {}
h6 {}
/* =a*/
a {text-decoration:none;color:#5e97a5;}
a[title~="RSS"] {background:url(/assets/img/a_rss.png) 0 2px no-repeat;padding-left:18px;}
a:hover {text-decoration:underline;}
form {width:380px;}
form label {float:left;margin-bottom:10px;width:100%;clear:both;white-space:normal!important;}
form label span {float:left; width:115px;}
form label.alt span {float:right;text-align:left;width:350px;padding-top:3px;font-weight:bold;}
form label input {float:left; border:1px solid #ccc;}
form label input[type="text"] {width:208px;}
form label input[type="checkbox"] {width:13px;margin-right:0;}
form select{width:208px; float:left; margin-right:25px;}
form label textarea {width:248px;min-height:110px;border:1px solid #ccc;}
form button {margin-left:115px;}
label.selectLabel { width:115px;float:left;}
#editform {width:597px!important;}
/* =general styles */
.btn {background:url("../images/bg_button.gif") left top repeat-x; float:left; color:#fff; padding:6px 20px 4px 20px; margin-right:10px; margin-bottom:10px; border:1px solid #444;}
.activate .btn {float:none;}
button.btn {padding-top:3px;}
p.activate {padding-left:20px}
/* =col_large*/
.col_large {float:left;/*width:558px;*/width:855px;border:1px solid #aaa;margin-left:20px;}
.col_large div {float:left;/*width:185px;*/width:300px;margin-left:20px;}
.col_large div.shortcuts {width:325px; margin:0;margin-left:20px}
.col_large div.shortcuts li {clear:both;}
.col_large div.shortcuts li.button {clear:none;float:left}
.col_large div.shortcuts li.newsletter {display:inline;float:left;clear:none;padding-right:10px;}
.col_large div.shortcuts li.rss {float:left;display:inline; border-left:1px solid #5e97a5; padding-left:10px;width:100px;clear:none;}
.col_large div.latest-updates {width:230px; margin:0;margin-left:20px}
.col_large div.latest-updates p {margin: 0;}
.col_large div.latest-updates h4 {margin-bottom:5px}
div#recent-highlight {width:350px}
#recent-highlight img {width:345px;height:100px;margin-top:10px;}
#recent-highlight h3 {margin-bottom:0;}
/* =col*/
.col {float:left;width:286px;margin-left:10px;border:1px solid #aaa;}
.col h3, .col_large div h3 {padding-top:20px}
.col h3,.col ul {padding-left:20px}
.col ul li.hevent h4 {margin-bottom:0}
/* =shortcuts*/
.shortcuts ul {margin-right:0}
div.plaintext {margin-left:20px;margin-right:20px}
/* =container*/
#container {margin:0 auto;width:900px;position:relative; padding-top: 60px;}
body.home #container { padding-top: 0;}
/* =logo*/
h1#logo {background:url("../images/h1_logo.png") left top no-repeat;width:193px;height:188px;text-indent:-9000em; position:absolute; top:12px;left:20px; z-index: 300;}
a#bsas_logo {position:absolute; top:219px; left:40px; z-index:300;}
/*=nav_main*/
ul#nav_main {position:absolute;top:0;/*left:241px;*/left:346px;list-style:none; border-bottom:1px solid #444;border-left:1px solid #444;border-right:1px solid #444;min-height:29px;width:530px;/*width:637px;*/ z-index: 300;}
ul#nav_main li {background:#444 url("../images/bg_nav_main.gif") left top repeat-x; border-right:1px solid #828282;}
ul#nav_main li:last-child {border-right:none;}
/*= nav_main li*/
ul#nav_main li a {color:#fff;display:block;padding:6px 25px 8px;}
ul#nav_main li#nav_home {width:101px;top:0;left:0;position:absolute; }
ul#nav_main li#nav_bsag {width:90px;top:0;left:102px;position:absolute; }
ul#nav_main li#nav_actions {width:86px;top:0;left:193px;position:absolute; }
ul#nav_main li#nav_speeches {width:120px;top:0;left:280px;position:absolute; }
ul#nav_main li#nav_join {width:129px;top:0;left:401px;position:absolute; }
ul#nav_main li#nav_recent {width:132px;top:0;left:505px;position:absolute; }
ul#nav_main li div {
display: none;
width: 250px;
position:absolute;
top: 29px;
left: 0;
z-index: 1000;
}
ul#nav_main li#nav_bsag div.active,
ul#nav_main li#nav_actions div.active,
ul#nav_main li#nav_speeches div.active,
ul#nav_main li#nav_join div.active {
display: block;
}
ul#nav_main li div li {
background: #444;
display: block;
}
p.language {
position:absolute;
top:40px;
right:20px;
z-index:30;
}
/*= body.xxx nav_main li active */
/*body.home ul#nav_main li#nav_home,
body.bsag ul#nav_main li#nav_bsag,
body.actions ul#nav_main li#nav_actions,
body.speeches ul#nav_main li#nav_speeches,
body.joinby ul#nav_main li#nav_join,
body.recent ul#nav_main li#nav_recent {background:#444 url("../images/bg_nav_main.gif") 0 -60px repeat-x;}*/
/*= body.xxx nav_main li active */
ul#nav_main li.pageActive {background:#444 url("../images/bg_nav_main.gif") 0 -60px repeat-x;}
/* =content*/
#content { width: 637px; margin-left: 241px; position: relative; }
#content:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;}
body.sub #content, body.article #content { border:1px solid #aaa; }
body.article #content_main {background:url("../images/bg_bubble.png") -114px 270px no-repeat;min-height:570px}
body.home #content {background:url("../images/bg_content_home_wide.png") 43px 34px no-repeat;padding-top:40px; margin-left:0; width: 900px;}
/*
#content {background:url("../images/bg_content_article.png") 0 240px no-repeat;padding-top:60px;min-height:456px;width:900px}
#content:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;}
body.home #content {background:url("../images/bg_content_home.png") 43px 0 no-repeat;padding-top:40px;}
*/
/* =content_main*/
#content_main { background:url("../images/bg_content_article.png") 0 200px no-repeat; position: relative; width: 640px; left: 0; margin-left: -242px; top: 0; padding-left: 240px; min-height:456px;}
#content_main form {margin-left:20px; margin-right:20px;}
body.sub #content_main h1 {margin:20px;}
body.home #content_main { background-image: none; }
/*
#content_main {margin-left:241px;width:637px;min-height:456px}
body.sub #content_main {border:1px solid #aaa;}
body.article #content_main {border:1px solid #aaa;background:url("../images/bg_bubble.png") -114px 270px no-repeat;min-height:570px}
body.home #content_main {border:none;margin-left:0;width:900px;}
#content_main form {margin-left:20px; margin-right:20px;}
body.sub #content_main h1 {margin:20px;}
*/
/* =body.article #content-main */
body.article #content_main img {float:left;width:325px;height:170px;margin-right:15px;margin-left:20px;}
/*body.article #content_main h1,
body.article #content_main h2,
body.article #content_main h3,
body.article #content_main p,
body.article #content_main ul
{margin-left:20px;margin-right:20px;}*/
body.sub #content_main h1,
body.sub #content_main h2,
body.sub #content_main h3,
body.sub #content_main h4,
body.sub #content_main h5,
body.sub #content_main p,
body.sub #content_main ul
{margin-left:20px;margin-right:20px; }
body.sub #content_main ul {
padding-left:20px;
list-style-type:disc;
}
body.article #content_main h1 {margin-top:20px;}
body.article #content_main .entry-content img {display:none}
body.article #content-main .hentry .vcard {display:none}
/* =main_tsr*/
#main_tsr {position:relative;min-height:486px;clear:both;}
#main_tsr:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;}
#main_tsr h2, #main_tsr p {text-indent:-9000em;}
#main_tsr h3, #main_tsr p {font-size:1em;margin-bottom:0; margin-left:70px;width:180px;}
#main_tsr h3 {margin-top:10px;font-size:15px;width:210px}
#main_tsr ul {position:absolute; top:10px; left:592px; width:288px;}
#main_tsr li {min-height:66px;margin-top:9px; border:1px solid #aaa; border-left:none; position:relative;background-image:url("../images/bg_main_tsr_li.png");background-position:250px 3px; background-repeat: no-repeat;}
#main_tsr li img {position:absolute;top:3px;left:2px;}
#main_tsr li.bsag,
#main_tsr li.projects {border-left:1px solid #aaa;background-color:#f4f4f4;}
#main_tsr li.bsag {background-position:250px -92px;}
#main_tsr li.projects {background-position:250px -187px;}
#main_tsr a {color:#5e97a5}
#main_tsr h3 a {display:block}
/* =nav_supp*/
#nav_supp {border-top:1px solid #ececec; border-bottom:1px solid #ececec;margin: 10px 20px; padding-top:.8em; padding-bottom:.8em; clear:both;}
#nav_supp:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;}
#nav_supp h4, #nav_supp ul {color:#999;}
#nav_supp h4 {margin-bottom:0;}
#nav_supp .nav_supp_bsag {width:200px;float:left;padding-left:20px}
#nav_supp .nav_supp_actions {width:198px;float:left;}
#nav_supp .nav_supp_speaches {width:163px;float:left;}
#nav_supp .nav_supp_join {width:223px;float:left;}
#nav_supp .nav_supp_recent {width:145px;float:left;}
#nav_supp a {color:#000;border-bottom:1px dotted #999;font-size:11px}
/* =speech*/
.content_items {position:relative;min-height:100px;}
.content_items h2 {margin-left:20px;margin-right:20px;margin-bottom:20px;}
.content_items h3 {font-size:1em;margin-bottom:.3em;padding-left:20px}
.content_items p {padding-left:20px}
.content_items p.categorytext {margin-left:0;font-size:11px;color:#666}
.content_items li.hentry {position:relative; /*left:350px; width:290px;*/}
.content_items li.hentry img {position:absolute;left:20px; top:0; width:80px; height:80px;}
/*
.content_items li.hentry:first-child {position:absolute;left:0;width:240px;}
.content_items li.hentry:first-child h3 {position:relative;left:20px;padding-top:30px;}
.content_items li.hentry:first-child p {position:relative;left:20px}
.content_items li.hentry:first-child abbr {position:absolute;left:20px;top:10px;}*/
/* =contact-details*/
.contact-details {}
.contact-details h2 {font-size:21px;font-weight:bold;padding-left:20px}
.contact-details ul {}
.contact-details li {position:relative;/*min-height:90px;*/margin-bottom:20px}
.contact-details h3 {position:relative;/*left:100px;*/left:20px;margin-bottom:0}
.contact-details li p {position:relative;/*left:100px;*/left:20px;margin-bottom:0}
.contact-details li img {position:absolute;left:0;top:0;width:90px;height:90px;}
/* =article hentry*/
body.article .hentry {position:relative}
body.article .hentry .vcard {font-size:11px; text-align:right}
body.article .hentry h3 {margin-top:20px}
/* =*/
body.speeches h1, body.actions h1 {margin-left:240px;}
body.speeches h1#logo, body.actions h1#logo {margin-left:0}
/* =body.home*/
body.home .col .hevent h4 {font-size:12px}
body.home .col ul li.hevent p {font-size:11px;color:#666}
body.home .col h3, body.home .col_large h3 {font-weight:bold;font-size:21px}
.latest-updates li {margin-bottom:10px}
/* =content-sub*/
#content-sub {position:absolute; top:485px;left:-220px}
#content-sub ul.nav-sub {width:220px;}
#content-sub h4 {margin-bottom:10px;font-size:12px;font-weight:bold;}
/* =siteinfo*/
#siteinfo {clear:both;margin:10px 20px;}
/* =Extras (for different browsers, uses browser specified css3)*/
#main_tsr li {-webkit-box-shadow: 1px 1px 1px #ccc; moz-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc; }
.col_large {-webkit-box-shadow: 1px 1px 1px #ccc; moz-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc;}
.col {-webkit-box-shadow: 1px 1px 1px #ccc; moz-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc;}
.btn {-webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 1px 1px 2px #444; moz-box-shadow: 1px 1px 1px #444; box-shadow: 1px 1px 1px #444;}
ul#nav_main {-moz-border-radius-bottomleft :5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
#content {-webkit-box-shadow: 1px 1px 1px #ccc; moz-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc;}
body.home #content {-webkit-box-shadow: none; moz-box-shadow: none; box-shadow: none;}
/* http://meyerweb.com/eric/tools/css/diagnostics/
-----------------------------------------------------------------------------------------
div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; }
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; }
----------------------------------------------------------------------------------------- */
body.home #main_tsr {min-height:446px}
/* =nav-main overrides*/
ul#nav_main {
left:466px;
width:410px;
}
ul#nav_main li#nav_home {
width:80px;
}
ul#nav_main li#nav_bsag {
left:81px;
width:80px;
}
ul#nav_main li#nav_actions {
left:162px;
width:86px;
}
ul#nav_main li#nav_speeches {
left:249px;
width:85px;
}
ul#nav_main li#nav_join {
left:335px;
width:75px;
}
body.home #content {background:url("../images/bg_content_home_en.png") 43px 34px no-repeat;}
body.home #main_tsr li.action-projects {background-position:250px -282px; }
body.home #main_tsr li.projects {background-position:250px -379px; }*)
.content_items ul, .content_items li { list-style-type:none!important;padding-left:0!important;}
div.object-left, table.object-left /* Used for floating images and other content elements to the left inside other content */
{
margin: 0.25em 0.25em 0.25em 20px;
float: left;
clear: left;
}
div.object-right, table.object-right /* Used for floating images and other content elements to the right inside other content */
{
margin: 0.25em 20px 0.25em 0.25em;
float: right;
clear: right;
}
#content_main .content-view-embed {
margin:0 0 0 20px;
}
.col_large div.latest-events {
width:230px;
margin:0;
margin-left:20px;
margin-bottom:10px!important;
}
.col_large div.latest-events p {
margin: 0;
}
.col_large div.latest-events h4 {
margin:5px 0;
}
.latest-events li {margin-bottom:10px}
.eventDate {
float:left;
display:block;
margin:0!important;
width:30px!important;
}
.eventContent {
float:left;
display:block;
margin:0 0 0 10px!important;
width:190px!important;
}
.content_items h4.yearHeader {
margin:0 0 20px 0!important;
padding:0!important;
}