@charset "utf-8";
/* Safed.co.il CSS [06/05/2009] */

/* CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
img { border:0; }
body { font-size: 13px; font-family: 'Lucida Grande', Verdana, Tahoma; background-color: #ebebeb; text-align: center; color: #606060; height: 100%; }
body { text-align: -moz-center; }
a { color: #606060; text-decoration: none; font-weight:bold; }

/* CONTAINER */
#main-container { max-width: 1150px; text-align: center; margin:0 auto; border-left:1px solid #096383; border-right:1px solid #096383; border-bottom:1px solid #096383; }
#header-container {height: 145px; background: #f8f8f8 url(../logo.jpg) no-repeat top left; text-align: left; }
#home-container {  padding-top: 10px; background-color: #f8f8f8; position:relative; }
#content-container {  padding-top: 10px;	background-color: #f8f8f8;	position: relative; }
#forum-container {  padding-top: 10px; background-color: #f8f8f8; position: relative; }

.hide-large { display: none; }
/* HEADER */
#logo a { display: block; float: left; width: 290px; height: 145px; text-indent: -9999px; }
#leaderboard { float: left;	width: 800px; height: 145px; }

/* LEFT PANEL */
#left-panel { float: left; width: 160px; margin-left:4px; }
#left-skyscraper { width: 160px; margin:10px 0px; text-align: center; }

/* TOP NAVIGATION */
#top-navigation { min-height: 50px; background: #096383 url(../top_nav_bg.jpg) repeat-x bottom; text-align: center; }
#top-navigation ul li { display:inline-block;vertical-align:top;}
#top-navigation li a { display: block; width: 80px;	height: 36px; padding: 8px 0 0 0;	text-decoration: none; color:#FFF; font-weight: bold; font-size:11px; }
#top-navigation li a:hover {color: #71a036; }

/* LEFT NAVIGATION */
#navigation { width: 160px; text-align:left; background: #f8f8f8 url(../left_nav_bg.jpg) repeat-y 0; margin-left: 8px; }
#navigation span { border: none; }
#navigation ul li { margin-left: 5px; margin-right: 5px; border-bottom:1px solid #e1e1e1; border-top:1px solid #FFF; }
#navigation ul li a { display: block; font-size: 12px; color: #186c8a; font-weight: normal; text-decoration: none; margin: 4px 6px 4px 8px; padding-left: 12px; background: url(../left_nav_arrow.jpg) no-repeat left center; }
#navigation ul ul li:first-child a { border-top:none; }
#navigation ul ul { background-color: #8fb859; }
#navigation ul ul li { background-image: none; margin: 0px 0px; border:none; }
#navigation ul ul li a { font-size: 11px; color:#FFF; border-top:none; font-weight: normal; background-image: none; padding-top: 2px; padding-bottom: 4px; }
#navigation ul ul ul li { background-image: none; margin-left:10px; border:none; }
#navigation ul ul ul li a { font-size: 10px; color:#FFF; border-top:none; font-weight: normal; background-image: none; padding-top: 2px; padding-bottom: 4px; }

#nav-section-name { color:#FFF; font-size:14px; margin:0px 2px; padding:6px 0px; background-color: #096383; text-align:center; }
#nav-section-name a { color:#FFF; text-decoration: none; }
#left-nav-top { display: block; width: 160px; height: 5px; background: #FFF url(../left_nav_top.jpg) no-repeat bottom; margin-left: 8px; }
#left-nav-bottom { display: block; width: 160px; height: 5px; background: #FFF url(../left_nav_bottom.jpg) no-repeat top; margin-bottom: 10px; margin-left: 8px; }

/* HOME CONTENT */
#home-content { /*text-align: justify;*/text-align: left; padding: 0px 20px 20px; height: 100%; }
#home-content p { margin-bottom: 10px; }
#home-main {  height: 282px; background: #FFF url(../home_main.jpg) no-repeat center; background-size:contain; text-indent: -9999px; margin-bottom: 10px; }
#home-box li { float: left; display: block; width: 225px; height: 520px; margin: 8px; }
#home-box h2 { font-weight: bold; font-size: 16px; color: #1d4b81; font-family: Georgia; padding:4px; }
#home-box img { padding:5px; margin:6px 0px; border:1px solid #CCC;max-width:100%; }
#home-box a img { border:none; padding: 8px 0px 0px 0px;max-width:100%; }
#discover { clear:both; background: #FFF url(../home_bg.jpg) repeat; width: 997px; height: 400px; position: relative; }
#discover h3 { font-weight: bold; font-size: 16px; color: #1d4b81; font-family: Georgia; padding:8px; background-color: #e4e4e4; margin-bottom: 20px; }
#discover ul li { float: left; display: block; width: 226px; height: 290px; margin:9px; }
#discover li img { padding:6px; border:1px solid #CCC; }
#discover h2 { font-weight: bold; font-size: 16px; color: #1d4b81; font-family: Georgia; padding:4px 0px; }
#discover a img { border:none; padding: 8px 0px 0px 0px; }

/**************** ARTICLE CONTENT ************/
#content { float: left; width: 630px; padding: 0px 17px 20px 17px; /*text-align: justify;*/text-align: left;  height: 100%; }
#content h1, #generic-content h1 { color:#1d4b81; font-size:18px; font-weight: bold; margin:6px 0px; margin-bottom: 6px; }
#content h2, #generic-content h2 { font-size: 14px; margin:6px 0px; font-weight: bold; color: #1d4b81; }
#content h3, #generic-content h3 { font-size: 13px; margin:6px 0px; font-weight: bold; }
#content p, #generic-content p { font-size: 13px;line-height: 150%; margin: 1em 0em; }
#content img { padding: 2px; margin: 4px; }
#content ul, #generic-content ul { list-style: disc; }
#content li, #generic-content li { margin-left: 15px; padding:2px; }
#content td, #generic-content td { padding:4px; }

/**************** GENERIC CONTENT ***********/
#generic-content { float: left; width: 950px; text-align: justify; padding: 0px 10px; height: 100%; }


/**************** RIGHT PANEL ***************/
#right-panel { float: left; width: 300px; padding: 4px; height: 100%; background-color: #f8f8f8; text-align: center; border-left:1px solid #EEE; }
#search { width: 300px; height: 40px; text-align: left; background-color:#92bb5d; margin-bottom: 10px; vertical-align: middle; }
#search .search-bar { margin-left: 10px; font-size: 16px; border:1px solid #40717e; background-color: #FFF; color:#999999; width: 218px; }
#section-images { width: 300px; margin: 20px 0px; }
#ad-300x250 { width: 300px; margin: 20px 0px; }
#right-skyscraper { width: 300px; margin-bottom: 20px; }
#right-skyscraper .ad-160 { float: left; width: 160px; }
#right-skyscraper .ad-120 { float: right; width: 120px; }

/* News Feed */
#newsFeed { width: 300px; border:1px solid #CCC; text-align: left; margin-top: 20px; }
#newsFeed h2 { width:300px; height: 38px; background: #EEE url(../hdr_jpost.jpg) no-repeat left; text-indent: -9999px; }
#newsFeed li { margin:6px; font-size: 11px; border-bottom:1px solid #FFF; padding-bottom: 3px; }
#newsFeed a { color:#000; text-decoration: none; }


/* FOOTER */
#footer { padding:5px 5px 14px;color: #FFF; background-color: #096383; }
#footer div { padding-top:6px; }
#footer p { padding-top:6px; }
#footer a { color:#FFF; }

/* CONTACT */
#contact td { padding:2px; }


/* PAGINATION */
/* First Level Pagination */
.pagination { text-align: right; padding:4px 0px; font-size: 11px; margin-bottom: 5px; }
.pagination span { margin: 0px 1px; padding-bottom: 2px; }
.pagination span a { text-decoration: none; padding: 2px 2px; font-weight: normal; }

/* Second Level Pagination */
.second-level-pagination { text-align: right; padding:4px 0px; font-size: 11px; margin-bottom: 5px; }
.second-level-pagination span { margin: 0px 1px; padding-bottom: 2px; }
.second-level-pagination span a { text-decoration: none; font-size: 11px; padding: 2px 2px; font-weight: normal; }
.current-page { text-decoration: underline; }


/* MISC */
#ad-120x90 { width: 120px; background-color: #FFF; margin:10px 0px 0px 30px; padding-bottom: 10px; }
#error { width: 464px; padding: 10px; margin-top: 10px; margin-bottom: 10px; color:#2e6b80; font-weight: bold; background-color: #ffebe8; border:1px solid #dd3c10; }
#error p { font-weight: bold; color: #000; }

/* clearfix Hack */
.clearfix:after { content: ".";	display: block;	height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */
.clearfix { zoom: 1;     /* triggers hasLayout */ display: block; /* resets display for IE/Win */ }


/* ZMANIM */
#zmanim { width: 160px; background-color: #ebebeb; margin-left:8px; border:1px solid #cbcbcb; font-size: 10px; color: #000; padding:4px 0px; margin-bottom: 10px; }
#zmanim .zmanim-table { margin:4px 0px; }
#zmanim .zmanim-table td { padding: 4px 2px; }
.zmanim-table #tkey { white-space: nowrap; text-align: left; }
.zmanim-table #tval { text-align: right; }


.hide-menu {
  padding: 7px 0;
  background: #096383;
  color: #ddd;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  display:none;
}

@media all and (max-width:1175px) {
#leaderboard {
display:none;
}
#top-navigation li a  {
width:75px;
}
}

@media all and (max-width:1156px) { 
#left-panel {
display:none;
}
#right-panel {
float:none;
display:inline-block;
vertical-align:top;
width:auto;
}
#content {
float:none;
display: inline-block;
vertical-align: top;
width: 65%;
}
}
@media all and (max-width:1056px) { 
#top-navigation li a  {
width:71px;
}
}
@media all and (max-width:1020px) { 
#content {
width: 64%;
}
}
@media all and (max-width:1005px) { 
#content {
display:block;
width:auto;
}
#top-navigation {
background: #096383;
height: 1px;
min-height:0;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.hide-menu {
display:block!important;
}
#top-navigation ul li {
display:block;
}
#top-navigation ul li a  {
width:auto;
height:auto;
padding: 5px;
}
}

@media all and (max-width:720px) {
#top-navigation ul li a { font-size: 14px; }
#home-main {
background: #FFF url(../home_main_mobile.jpg) no-repeat right;
background-size: cover; 
}

#zmanim  { display: block; margin: 10px 0px 10px 8px; width: 93%; }

.myzmanimwidgetstyle  { display: block; padding-left: 12px; padding-top: 5px; }
.myzmanimwidgetstyle table { width: 280px; }
.myzmanimwidgetstyle tbody { width: 280px; }
.myzmanimwidgetstyle tr { width: 280px; }
.myzmanimwidgetstyle td { min-width: 76px; }
h1, h2, h3 { text-align: left; }
#right-panel .hide-large #left-nav-top, .hide-large #navigation, .hide-large #left-nav-bottom  { background: #eaeaea;width: 94% !important; }
.hide-large { display: block;   }
.hide-large #navigation { display: block; }
.hide-large #navigation ul { height: auto; overflow: display; }
.hide-large #navigation ul li a { font-size: 15px; padding-top: 4px; padding-bottom: 4px;  }
.hide-large #navigation h3 { background: #ccc; font-size: 17px; padding: 10px; }
.hide-large  #navigation ul li ul { display: block;   }
.hide-large  #navigation ul li ul li { display: block; }
.hide-large  #navigation ul li ul li a { display: block;   }


#footer a { font-size: 17px; line-height: 35px; padding: 0px 12px 0px 12px; }
#success { width: 300px; }
#error { width: 300px; text-align: left; }
img { max-width: 100%; }

}