/* ------------------------------------------ project: Alon Ben-Meir author: Michał Stempień Merix date: 2006/07/21 ------------------------------------------ */ html { height: 100%; margin-bottom: 1px; } body { margin: 0; padding: 0; background: #8bb5c6 url(../bg.jpg) repeat-x; color: #063a51; } body, input, textarea, select, option { font: 11px/14px Tahoma,Arial,Helvetica,sans-serif; } /* COMMON -------------------------------------*/ form { display: inline; } fieldset { border: none; } img { border: none; } p { margin: 0 0 10px; padding: 0; } /* ANCHORS -------------------------------------*/ a { color: #126d8a; text-decoration: none; } a:hover { color: #333; text-decoration: underline; } /* HEADERS -------------------------------------*/ h1 { margin: 0 0 10px; padding: 0; color: #0a5974; font: normal 16px Georgia,Arial,Helvetica,sans-serif; text-transform: uppercase; letter-spacing: -1px; } h2 { margin: 0 0 10px; padding: 0; font: bold 14px Georgia,Arial,Helvetica,sans-serif; color: #063a51; } h1.info { position: absolute; left: 0; top: -10001px; height: 1px; margin: 0; padding: 0; text-indent: -10001px; font-size: 1px; } /* LAYOUT -------------------------------------*/ #root { width: 750px; margin: 0 auto; } #skip-links { position: absolute; list-style: none; margin: 0; padding: 0; } #skip-links li { } #skip-links li a { display: block; position: absolute; left: 1px; top: -10001px; width: 200px; text-align: center; color: #c4b48a; } #skip-links li a:focus, #skip-links li a:active { top: 10px; } #side { float: left; width: 202px; } #side-nav { float: left; width: 202px; } #side-nav h1 { height: 33px; margin: 0; padding: 0; border-bottom: 1px solid #a95030; background: #994020; text-indent: -10001px; } #nav { list-style: none; height: 237px; margin: 0; padding: 7px 25px; background: #0a5974; } #nav li { position: relative; border-bottom: 1px solid #186781; border-top: 1px solid #05546f; } #nav li.first { border-top: none; } #nav li.current a { background: #084863; } #nav li a { display: block; padding: 3px 8px 4px; color: #b2dae9; font-weight: bold; text-transform: uppercase; } #nav li a:hover { background-color: #084863; color: #fff; text-decoration: none; } #nav li ul { list-style: none; display: none; position: absolute; left: 152px; top: -1px; width: 150px; margin: 0; padding: 0 10px; background: #084863; } #nav li:hover ul, #nav li.over ul { display: block; } #nav li:hover a, #nav li.over a { background-color: #084863; } #nav li ul li { margin: 0; padding: 1px 0 0; border-bottom: none; border-top: 1px solid #186781; } #nav li ul li.first { border-top: none; } #nav li ul li a { background: none; } #header { float: right; width: 516px; height: 145px; padding: 140px 0 0 32px; background: url(../images/head_home.jpg) no-repeat; } #header h1 { width: 230px; height: 85px; } #header h1 a { display: block; overflow: hidden; width: 230px; height: 85px; text-indent: -10001px; } #header form { } #header form p { } #header form p label { display: none; } #header form p input { vertical-align: middle; } #header form p #search { width: 165px; padding: 3px 5px; background: #b1d7e4; border: 1px solid #007199; } #header form p a { display: block; width: 175px; margin: 2px 0 0; font-weight: bold; text-align: right; color: #084863;} #articles { background: #994020; } #subpage { background: url(../images/bg_subpage.gif) repeat-y; } #articles #article-alert-box { float: left; width: 147px; } #article-alert-box { padding: 15px 25px 15px 30px; border-top: 1px solid #994020; background: #994020 url(../images/bg_box.gif) repeat-x; color: #ffc1aa; } #article-alert-box h1 { margin-left: -2px; background: url(../images/h_article-alert.png) 0 2px no-repeat; color: #ffc9b5; text-indent: -10001px; } #article-alert-box form {} #article-alert-box form p label { display: block; padding: 0 0 5px; } #article-alert-box form p #alert_email { width: 135px; } #article-alert-box form p.submit { margin: -2px 0 0; padding: 0 8px 0 0; text-align: right; } #article-alert-box form p.submit input { margin-left: 8px; vertical-align: -5px; } #article-alert-box form p.submit a { color: #ffc1aa; } div.header { padding: 15px 25px 3px 30px; border-top: 1px solid #994020; background: #994020 url(../images/bg_box.gif) repeat-x; } div.header h1 { color: #ffc1aa; letter-spacing: -2px; } #article-search-box { background: #156e8e; color: #ffc1aa; } #article-search-box div.header h1 { margin-left: -2px; background: url(../images/h_search-articles.png) 0 2px no-repeat; text-indent: -10001px; } #article-search-box form { display: block; padding: 10px 0 5px; } #article-search-box form p { margin: 0 0 5px; text-align: center; } #article-search-box form p label { display: none; } #article-search-box form p input { width: 136px; padding-left: 6px; } #article-search-box form p.date { padding: 0 0 0 30px; text-align: left; } #article-search-box form p.date label { display: inline; float: left; width: 34px; margin: 2px 0 0; text-align: left; } #article-search-box form p.date input { width: 80px; vertical-align: middle; } #article-search-box form p.date button { width: 16px; height: 16px; margin: 0 0 0 3px; border: none; background: url(../images/calendar.gif) 50% 50% no-repeat; color: #fff; vertical-align: middle; } #article-search-box form p select { width: 146px; } #article-search-box form p.submit { padding: 0 28px; text-align: right; } #article-search-box form p.submit input { width: auto; } #article-categories-box { background: #156e8e; color: #ffc1aa; } #article-categories-box p { padding: 10px 0 0; text-align: center; } #article-categories-box div.header h1 { margin-left: -2px; background: url(../images/h_categories.png) 0 2px no-repeat; text-indent: -10001px; } #article-categories-box label { background: #156e8e; } #content { float: right; width: 468px; padding: 16px 40px 10px 40px; background: #cee9f1 url(../images/bg_content.jpg) 100% 0 no-repeat; } #articles #content { min-height: 150px; border-bottom: 4px solid #88a3ab; } #news-commentary { } #news-commentary h1.section { margin-bottom: 10px; margin-left: -2px; background: url(../images/h_latest-article.png) 0 2px no-repeat; font-size: 16px; text-indent: -10001px; } #news-commentary h2.title { font-weight: bold; text-transform: uppercase; } #news-commentary div.content { margin-bottom: 7px; } #news-commentary p.date { position: relative; padding: 7px 5px 5px; background: url(../images/dotted.gif) 0 1px repeat-x; color: #595959; font-weight: bold; } #news-commentary p.date a { position: absolute; right: 5px; color: #994020; } #content h1 { margin-left: -2px; padding-right: 0; padding-bottom: 1px; border-bottom: 1px solid #a8c6d0; font: 21px Georgia,Arial,Helvetica,sans-serif; color: #063a51; text-transform: capitalize; } /* ARTICLE */ #content h1.title { border-bottom: none; } h2.author { margin-bottom: 2px; font: 9px Tahoma,Arial,Helvetica,sans-serif; } #translation { font-weight: bold; text-align: right; clear: both; margin-bottom: 10px;} #translation p {margin: 0;} #translation a {font-size: 11px;} p.categories { margin-bottom: 2em; font-size: 10px; } .search-in-categories { font-size: 10px; } p.categories a { font-weight: bold; } #article { font-size: 1.1em; } .rml { text-align: right; margin: 0; } #article div p.first:first-letter { padding-left: 30px; } #pagination { list-style: none; margin: 20px 0 5px; padding: 0 15px 5px; background: url(../images/dotted.gif) 0 100% repeat-x; text-align: right; } #pagination li { display: inline; padding: 0 0 0 4px; background: url(../images/bg_pagination.gif) 0 60% no-repeat; } #pagination li.first { background: none; } #pagination li a { padding: 0 3px; } #pagination li a span { position: absolute; left: -10001px; } h3.archives { margin: 20px 0 0; padding: 4px 0 5px; background: #06445a url(../images/h_complete-archives.png) 10px 50% no-repeat; } h3.archives a { display: block; width: 100%; overflow: hidden; text-indent: -10001px; } #hrx { overflow: hidden; height: 4px; margin: -4px 0 0 202px; background: #88a3ab; } #newsticker { height: 25px; padding: 0 0 0 234px; background: #17556b url(../images/bg_international_newsticker.jpg) 0 48% no-repeat; color: #70a4b6; line-height: 25px; position: relative; } #newsticker div { margin: 0; overflow: hidden; width: 516px; white-space:nowrap; } #newsticker div div { display: inline; } #newsticker span { margin: 0 1em; } #newsticker a { color: #70a4b6; } #newsticker a:hover { text-decoration: underline; color: #fff; } #video-n-article { background: #aee9ff; } #videos { float: left; width: 320px; } #videos ol { overflow: hidden; zoom: 1; list-style: none; margin: 0; padding: 0 0 0 31px; background: #dff6ff url(../images/bg_videos.png) 0 50% no-repeat; } #videos ol li { float: left; width: 127px; /*height: 84px;*/ padding: 8px 5px 5px 12px; } #videos ol li.odd { background: #d2f3ff; } #videos ol li a { } #videos ol li a img { display: block; margin: 0 0 2px; padding: 1px; border: 1px solid #063a51; background: #a7c4f5; } #videos ol li a strong { display: block; margin: 0 0 2px; } #videos ol li a:hover img { margin: -1px 0 1px -1px; border: 2px solid #994020; } #videos ol li a:hover strong { text-decoration: none; } #latest-article { float: right; width: 375px; padding: 0 25px 0 30px; background: #aee9ff; } #latest-article div.header { margin: 0 -25px 10px -30px; padding: 15px 25px 5px 30px; border-top: 1px solid #994020; background: #994020 url(../images/bg_box.gif) repeat-x; color: #ffc1aa; } #latest-article div.header h1 { margin: 0; color: #ebd9d2; background: url(../images/h_news-commentary.png) 0 2px no-repeat; text-indent: -10001px; } #latest-article h2.title { margin: 0 0 1px; font: bold 12px Tahoma,Arial,Helvetica,sans-serif; } #latest-article img { float: left; padding: 1px; /*border: 1px solid #2A667E;*/ margin: 0 5px 5px 0; } #latest-article em.date { display: block; margin: 0 0 10px; font-style: normal; font-size: 10px; } #latest-article div.content { margin: 0 0 10px; } #latest-article p.more { margin: 0; padding: 10px 0 0; background: url(../images/dotted.gif) repeat-x; color: #994020; text-align: right; clear: both; } #latest-article p.more a { color: #994020; font-weight: bold; } #latest-article p.more a:hover { color: #333; } #footer { position: relative; padding: 18px 30px; background: #17556b; color: #438197; } #footer p { margin: 0; } #footer p a { color: #a9d8e8; } #footer p a:hover { color: #fff; } #footer p span { padding: 0 5px; color: #3c7f97; } #footer p.right { position: absolute; top: 17px; right: 30px; } /* COMMON ELEMENTS -------------------------------------*/ .wrapper { overflow: hidden; } .photo-r { float: right; margin: 0 0 5px 10px; border: 1px solid #647b83; } .bb { background: url(../images/dotted.gif) 0 100% repeat-x; padding-bottom: 10px; } /* LISTS -------------------------------------*/ ul.a { list-style: none; margin: 0 0 15px; padding: 0; } ul.a li { margin: 0 0 3px; } ol.a { margin: 0; padding: 0 0 0 20px; color: #335c86; } /* FAQ */ dl.a { } /* FAQ */ dl.a dt { position: relative; padding: 12px 35px 0 0; background: url(../images/dotted.gif) repeat-x; font-weight: bold; } dl.a dt a { display: block; position: absolute; bottom: 3px; right: 15px; overflow: hidden; width: 13px; height: 9px; background: url(../images/backtotop.gif) no-repeat; text-indent: -10001px; } dl.a dd { margin: 0 0 12px; padding: 0; } dl.b { margin: 0 0 15px; padding: 0; font-weight: normal; } /* UPCOMING SPEAKING ENGAGEMENTS */ dl.b dt { margin: 0 0 3px; padding: 0; font-weight: bold; } dl.b dt em { display: block; font-size: 10px; font-weight: normal; font-style: normal; } dl.b dt em span { text-transform: uppercase; } dl.b dd { margin: 0 0 5px; padding: 0 0 7px; background: url(../images/dotted.gif) 0 100% repeat-x; } ul.photos_a { list-style: none; overflow: hidden; margin: 0 0 5px; padding: 0 0 10px; background: url(../images/dotted.gif) 0 100% repeat-x; } ul.photos_a li { display: inline; float: left; margin: 10px 10px 0 0; } ul.photos_a li a { } ul.photos_a li img { padding: 2px; border: 1px solid #156e8e; background: #fff; } ul.b { list-style: none; margin: 0 0 15px; padding: 0 0 15px; } /* ORDER CONFIRM */ ul.b li { position: relative; padding: 2px 0 2px 160px; } ul.b li span { position: absolute; left: 0; width: 150px; } /* SPEAKING ENGAGEMENTS -------------------------------------*/ #past-engagements-button { display: block; overflow: hidden; width: 134px; height: 15px; background: url(../images/h_see-past-engagements.jpg) no-repeat; text-indent: -100001px; } #upcoming-engagements-button { display: block; overflow: hidden; width: 170px; height: 15px; background: url(../images/h_see-upcoming-engagements.jpg) no-repeat; text-indent: -100001px; } #upcoming-speaking-engagements { margin: 0 0 15px; background: url(../images/dotted.gif) repeat-x; padding: 4px 0 0; } #upcoming-speaking-engagements h1 { overflow: hidden; height: 27px; margin: 0; border: none; background: #064459 url(../images/h_upcoming-speaking-engagem.png) 15px 50% no-repeat; text-indent: -10001px; } /* BOOKS -------------------------------------*/ div.book { overflow: hidden; padding: 18px 0 15px 105px; background: url(../images/dotted.gif) repeat-x; } div.book h2 { margin: 0 0 3px; font: bold 14px Tahoma,sans-serif; } div.book img { float: left; margin: -20px 0 0 -100px; } div.book p { margin: 0 0 5px; } div.book p.price { position: relative; margin: 0; } div.book p.price a { display: block; overflow: hidden; position: absolute; top: 0; right: 0; width: 60px; height: 17px; margin: 0; background: url(../images/b_order.jpg) no-repeat; text-indent: -10001px; } div.ext { padding-top: 0; background: none; } div.ext p.price { margin: 30px 0 0; } /* VIDEO -------------------------------------*/ #content .video { padding-bottom: 50px; } #content .video h2.title { margin: 0; padding: 0 0 5px 15px; background: url(../images/i_tv.jpg) no-repeat; font-weight: bold; font-family: Tahoma,sans-serif; } #content .video p.author { margin: -5px 0 15px; padding: 0 0 5px 15px; background: url(../images/dotted.gif) 0 100% repeat-x; font-size: 9px; } #content .video div.container { margin: 0 0 15px; text-align: center; } #content .video p.desc { padding: 0 0 10px; background: url(../images/dotted.gif) 0 100% repeat-x; } /* BOOKSTORE -------------------------------------*/ #content .bookstore { } #content .bookstore fieldset { margin: 0 0 2px; padding: 0 0 10px; border: none; border-bottom: 3px solid #a9c4d7; border-top: 1px solid #CEE9F1;} #content .bookstore fieldset legend { display: none; } #content .bookstore fieldset.info p { padding: 0 0 0 20px; } #content .bookstore fieldset.info p label { float: left; width: 120px; margin: 3px 0 0; color: #000; } #content .bookstore fieldset.info p input { width: 200px; } #content .bookstore fieldset.info p strong.error { display: block; margin: 10px 0 0; padding: 0 0 0 145px; background: url(../images/error.gif) 120px 50% no-repeat; color: #b41414; } #content .bookstore fieldset.info p.alert label { float: none; width: auto; vertical-align: middle; } #content .bookstore fieldset.info p.alert input { margin-left: 10px; width: auto; vertical-align: middle; } #content .bookstore fieldset.books { border-bottom: none; } #content .bookstore fieldset.books h2.legend { display: block; height: 26px; margin: 0 0 5px; background: #064459 url(../images/h_books.png) 50% 55% no-repeat; text-indent: -10001px; } #content .bookstore p.submit { padding: 4px 0; background: #98cbdc; text-align: right; } #content .bookstore p.submit input { display: block; margin: 0 10px 0 auto; } div.row { overflow: hidden; margin: 0 0 7px; padding: 0 0 10px; background: url(../images/dotted.gif) 0 100% repeat-x; } div.row div.item { overflow: hidden; float: left; width: 130px; padding: 0 0 0 100px; } div.row div.item h2 { margin: 0 0 3px; font: bold 14px Tahoma,sans-serif; } div.row div.item img { float: left; margin: -17px 0 0 -95px; } @media all and (min-width:0px) { div.row div.item img { padding: 0 0 17px; } } div.row div.item p { margin: 0 0 10px; } div.row div.item p a { margin-left: 4px; } div.row div.item p label { position: absolute; left: -10001px; } div.row div.item p input { width: 30px; padding-left: 5px; } #content .bookstore .item { overflow: hidden; margin-bottom: 1em; } #content .bookstore .item img { float: left; margin: 0 1em 1em 0;} #content .bookstore .item input { width: 30px; padding-left: 5px; } /* ARTICLE ALERT PAGE -------------------------------------*/ #sign-up { min-height: 210px; margin: 20px 0 0; background: url(../images/newsletter.jpg) 250px 0 no-repeat; } #sign-up form { display: block; width: 150px; padding: 25px 35px 15px; background: #98cbdc; } #sign-up form p { text-align: justify; } #sign-up form p input { width: 100%; } #sign-up strong.error { display: block; padding: 0 0 0 25px; margin: 0.5em 0; background: url(../images/error.gif) 0 50% no-repeat; color: #b41414;; } #sign-up form p.submit { text-align: right; } #sign-up form p.submit input { width: auto; } /* UNSUBSCRIBE -------------------------------------*/ #alerts-unsubscribe legend { display: none; } #alerts-unsubscribe p { padding: 0 0 0 20px; } #alerts-unsubscribe label { float: left; width: 120px; margin: 3px 0 0; color: #000; } #alerts-unsubscribe fieldset input { width: 200px; } #alerts-unsubscribe .error { display: block; margin: 10px 0 0; padding: 0 0 0 145px; background: url(../images/error.gif) 120px 50% no-repeat; color: #b41414; } #alerts-unsubscribe .submit { padding: 4px 0; background: #98cbdc; text-align: right; } #alerts-unsubscribe p.submit input { display: block; margin: 0 auto; } /* INTERVIEWS -------------------------------------*/ p.records { margin: 0 0 7px; padding: 0 0 10px; background: url(../images/dotted.gif) 0 100% repeat-x; } div.item_a { overflow: hidden; margin: 0 0 5px; padding: 0 0 5px; background: url(../images/dotted.gif) 0 100% repeat-x; clear: both; } div.item_a img { display: inline; float: left; margin: 0 10px 5px 0; padding: 2px; border: 1px solid #9dbbc6; background: #eaf7ff; } div.item_a h2 { margin: 0 0 1px; font: bold 11px Tahoma,Arial,Helvetica,sans-serif; } div.item_a p.date { margin: 0 0 3px; font-size: 9px; } div.item_a div.content { margin: 0 0 2px; } div.item_a div.content a { white-space: nowrap; } .pagination { padding: 5px 10px 0; text-align: right; } .pagination a { padding: 0 3px; } .pagination a:hover { background: #a6c9d3; } .pagination strong { padding: 0 3px; } .pagination span { margin: 0 -2px; color: #badae4; } /* ORDER CONFIRM -------------------------------------*/ #order { width: 100%; border-collapse: collapse; } #order td { padding: 2px 5px; border: 1px solid #156e8e; } #order td.td1 { width: 25px; text-align: center; } #order td.td3 { width: 65px; text-align: right; } #order td.td4 { width: 50px; text-align: center; } #order td.td5 { width: 65px; text-align: right; } #order thead th { border: 1px solid #1b87ad; border-color: #1b87ad #44add2 #1b87ad #1b87ad; background: #1b87ad; color: #fff; } #order thead th.td5 { border-right-color: #1b87ad; } #order tfoot th { padding: 7px 10px; text-align: right; } #order tfoot td { border: none; color: #994020; font-weight: bold; text-align: right; } p#print { padding: 10px 7px 0; background: url(../images/dotted.gif) repeat-x; } p#print a { padding: 2px 0 2px 25px; background: url(../images/printer.gif) 0 50% no-repeat; font-weight: bold; } /* CATEGORIES FORM -------------------------------------*/ #categories-form { } #categories-form ul { list-style: none; margin: 0; padding: 5px 5px 5px 10px; } /* ADVANCED SEARCH */ div.advanced-search { } div.advanced-search h2 { margin-bottom: 3px; } div.advanced-search form { display: block; margin: 0 0 10px; padding: 15px 45px; background: #a3d1e0; } div.advanced-search form p { } div.advanced-search .empty-resultset { margin: 0 0 0.5em; color: #c33; font-weight: bold;} div.advanced-search form.second p { margin: 0; } div.advanced-search form p input { vertical-align: middle; } div.advanced-search form p a { color: #1f87ae; font-weight: bold; text-decoration: underline; } div.advanced-search form p label { padding-right: 8px; font-weight: bold; } div.advanced-search form p.dates strong { padding-right: 20px; } div.advanced-search form p.dates label { padding-left: 10px; font-weight: normal; } div.advanced-search form p.dates input { width: 67px; padding-left: 1px; } div.advanced-search form p.dates button { width: 16px; height: 16px; margin: 0 3px; border: none; background: url(../images/calendar.gif) 50% 50% no-repeat; color: #fff; vertical-align: middle; } div.advanced-search form ul { overflow: hidden; list-style: none; margin: 0 0 15px; padding: 0; } div.advanced-search form ul li { float: left; width: 45%; padding-right: 4%; } div.advanced-search form ul li label { padding-left: 3px; background: #a3d1e0; } div.advanced-search form p.select label { padding: 0 7px 0 0; font-weight: normal; } div.advanced-search form p.select input { margin: 0 7px 0 0; vertical-align: -2px; } div.advanced-search form p.submit { margin: -27px 0 0; text-align: right; } .hr { padding: 10px 0 0; background: url(../images/dotted.gif) repeat-x; } @media projection, screen { .tabs-hide { display: none; } } #categories-trigger { display: none; } /* CONTACT FORM ---------------------------------------*/ #contact-form fieldset { margin: 0 0 2px; padding: 0 0 10px; border: none; } #contact-form legend { display: none; } #contact-form p { padding: 0 0 0 20px; } #contact-form label { float: left; width: 120px; margin: 3px 0 0; color: #000; } #contact-form fieldset input { width: 200px; } #contact-form fieldset textarea { width: 200px; height: 150px; } #contact-form .error { display: block; margin: 10px 0 0; padding: 0 0 0 145px; background: url(../images/error.gif) 120px 50% no-repeat; color: #b41414; } #contact-form .submit { padding: 4px 0; background: #98cbdc; text-align: right; } #contact-form p.submit input { display: block; margin: 0 auto; } /* FEEDS ------------------------------------*/ #feeds { margin: 0.5em 0; text-align: right; overflow: hidden; } #feeds a { line-height: 20px; } #feeds a { margin-left: 1em; } #feeds span { display: none; } /* RESUME -------------------------------------*/ #content h3.resume { font-size: 1.2em; } ul.resume-list { margin-left: 0; padding-left: 0; line-height: 1.4;} ul.resume-list li { list-style: none; padding-left: 7em; position: relative; margin-left: 0; margin-bottom: 0.5em;} ul.resume-list li ul { padding-left: 1em; margin-left: 0.5em; } ul.resume-list li li { list-style: circle; padding-left: 0.5em; margin-bottom: 0; } ul.resume-list span.date { position: absolute; left: 0; top: 0; display: block; } /* --- */ .addthis_toolbox {float: right; margin: 10px 10px 15px 0;} .clear {clear: both;}