/* ------------------------------------------
project:	Alon Ben-Meir
author:		Michał Stempień <info(a)xms.pl>
			Merix <http://www.merix.com.pl>
date:		2006/07/21
------------------------------------------ */

html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; background: #fff; 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 22px Georgia,Arial,Helvetica,sans-serif; text-transform: none; 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: 17.5cm; margin: 0 auto; }

#skip-links { display: none; }
#side { display: none; }
#side-nav { display: none; }
#nav { display: none; }

#header { float: none; width: auto; height: auto; padding: 20px 0; background: #fff; }
 #header h1 { width: auto; height: auto; font-size: 30px; margin-left: -2px; }
  #header h1 a { display: block; overflow: hidden; width: auto; height: auto; text-indent: 0; }
 #header form { display: none; }

#articles { background: #fff; }
#subpage { background: #fff; }
#article-alert-box { display: none; }

div.header { padding: 15px 25px 3px 30px; border-top: 1px solid #994020; background: #fff; }
 div.header h1 { color: #0a5974; letter-spacing: -1px; }
 
#article-search-box { display: none; }
#article-categories-box { display: none; }

#content { float: none; width: auto; padding: 0; background: #fff; }
#articles #content { min-height: 150px; border-bottom: 4px solid #88a3ab; } 
  #news-commentary {  }
   #news-commentary h1.section { margin-bottom: 10px; margin-left: -2px; background: none; font-size: 22px; text-indent: 0px; }
   #news-commentary h2.title { font-weight: bold; text-transform: none; }
   #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: 110px; padding-bottom: 1px; border-bottom: 1px solid #a8c6d0; font: 26px 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; }
   p#translation { margin: -30px 0 10px 13cm; font-weight: bold; text-align: center; }
   p.categories { margin-bottom: 25px; font-size: 10px; }
    p.categories a { font-weight: bold; }
    #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: 0; padding: 4px 0 5px; background: #fff; }
    h3.archives a { display: block; width: 100%; overflow: hidden; text-indent: 0; }

#hrx { display: none; }
#newsticker { display: none; }
 
#video-n-article { background: #aee9ff; }
 #videos { display: none; }
	
 #latest-article { float: none; width: auto; padding: 0; background: #fff; }
  #latest-article div.header { margin: 0 -25px 10px -30px; padding: 15px 25px 5px 30px; border-top: none; background: #fff; color: #ffc1aa; }
   #latest-article div.header h1 { margin: 0; color: #0a5974; background: none; text-indent: 0; }
  #latest-article h2.title { margin: 0 0 1px; font: bold 14px Georgia,Tahoma,Arial,Helvetica,sans-serif; }
  #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; }
   #latest-article p.more a { color: #994020; font-weight: bold; }
   #latest-article p.more a:hover { color: #333; }
 
#footer { display: none; }

   
/* 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-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: none; }
  #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 25px; background: url(../images/error.gif) 0 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: auto; font-size: 18px; margin: 0 0 15px; background: none; text-indent: 0; }
 #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: 230px; 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; }

/* 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 form p.submit { text-align: right; }
   #sign-up form p.submit input { width: 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; }
 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 { display: none; }
 
/* 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: #fff; }
  div.advanced-search form p { }
  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; }
  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; }