/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:url(images/bg.jpg) top center fixed;
}

a:link {color:#3399cc;}
a:visited {color:#3399cc;}
a:hover {color:#3399cc;}
a:active {color:#3399cc;}


#topbg { position:absolute; height:210px; width:100%; z-index:3;}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux {
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 background: url(images/content_bg_ie.png) top center repeat-y;
}

#header {
 color: #333;
 padding: 0px 0px 0px 0px;
 height: 210px;
 margin: 0px 0px 0px 0px;
 background:url(images/bgtop.jpg) top center repeat-x;
 overflow:hidden;
}
#header .newheader {
 margin: 0 auto;
 width: 922px;
 height:240px;
}

#navigation {
 color: #333;
 padding: 0px; height:96px; 
 margin: 0px 0px 0px 0px;
 background: url(images/content_top_ie.png) center center no-repeat;
}
#rightcolumn { 
 display: inline;
 color: #333;
 margin: -40px 75px 0px 0px;
 padding: 0px;
 width: 543px;
 float: right;
 direction:rtl;
 text-align:right;
}
#leftcolumn { 
 float: left;
 color: #333;
 margin: -40px 0px 0px 50px;
 padding: 0px;
 width: 205px;
 display: inline;
 position: relative;
 direction:rtl;
 text-align:right;
}
#footer { 
 width: 902px;
 clear: both;
 color: #000;
 margin: 0px 0px 0px 0px;
 height:80px;
 padding:55px 0 0px 0px; font-size:11px;
 text-align:center; direction:rtl; 
}
img {border:0px;}

#footer a:link {color:#3399cc; text-decoration:none;}
#footer a:visited {color:#3399cc; text-decoration:none;}
#footer a:hover {text-decoration:underline; }

.clear { clear: both; background: none; }

.mainmenu {width:600px; float:right; list-style:none; margin:-40px 90px 0px 0px; padding:0px; z-index:5; position:relative; zoom:1;}
.mainmenu li {display:inline;}
.mainmenu li a:link {float:right; display:block; height:46px; background:url(images/mainmenu.png) -300px -80px no-repeat; margin:0 0 0 25px; #background:url(images/mainmenu_ie.png) -300px -80px no-repeat;}
.mainmenu li a:visited {float:right; display:block; height:46px; background:url(images/mainmenu.png) -300px -80px no-repeat;  margin:0 0 0 25px; #background:url(images/mainmenu_ie.png) -300px -80px no-repeat;}
.mainmenu li a:hover {float:right; display:block; height:46px;}
.mainmenu li a:active {float:right; display:block; height:46px;}

.mainmenu li a.first:link {width:54px; background-position: -300px -80px;}
.mainmenu li a.first:visited {display:block; width:54px; background-position: -300px -80px;}
.mainmenu li a.first:hover {background-position: -300px -36px;}

.mainmenu li a.sec:link {width:115px; background-position: -160px -80px;}
.mainmenu li a.sec:visited {display:block; width:115px; background-position: -160px -80px;}
.mainmenu li a.sec:hover {background-position: -160px -36px;}

.mainmenu li a.thrd:link {width:140px; background-position: 0px -80px;}
.mainmenu li a.thrd:visited {display:block; width:140px; background-position: 0px -80px;}
.mainmenu li a.thrd:hover {background-position: 0px -36px;}

.mainmenu li.on a.first:link {width:54px; background-position: -300px 6px;}
.mainmenu li.on a.first:visited {display:block; width:54px; background-position: -300px 6px;}
.mainmenu li.on a.first:hover {background-position: -300px 6px;}

.mainmenu li.on a.sec:link {width:115px; background-position: -160px 0px;}
.mainmenu li.on a.sec:visited {display:block; width:115px; background-position: -160px 6px;}
.mainmenu li.on a.sec:hover {background-position: -160px 6px;}

.mainmenu li.on a.thrd:link {width:140px; background-position: 0px 0px;}
.mainmenu li.on a.thrd:visited {display:block; width:140px; background-position: 0px 6px;}
.mainmenu li.on a.thrd:hover {background-position: 0px 6px;}

#leftcolumn h3 {color:#3399cc; font-size:20px; border-bottom:1px dotted #333; padding-bottom:7px; margin-bottom:7px;}
#leftcolumn ul {margin:0px 0px 40px 0px; padding:0px; list-style:none; font-size:14px;}
#leftcolumn ul li {border-bottom:0px dotted #333;}
#leftcolumn ul li a:link {color:#333; display:block; height:14px; margin:2px 0px; text-decoration:none; padding:2px;}
#leftcolumn ul li a:visited {color:#333; display:block; height:14px; margin:2px 0px; text-decoration:none; padding:2px;}
#leftcolumn ul li a:hover {color:#000; text-decoration:underline;}

#rightcolumn h4 {font-size:18px; color:#3399cc; border-bottom:0px dotted #666; padding:0 0 20px 0; margin:0 0 20px 0;}
#rightcolumn h4 a:link {color:#3399cc; text-decoration:none; padding:0 2px;}
#rightcolumn h4 a:visited {color:#3399cc; text-decoration:none; padding:0 2px;}
#rightcolumn h4 a:hover {color:#3399cc; text-decoration:underline; text-decoration:none; padding:0 2px;}

#rightcolumn h1 {color:#3399cc; font-size:18px;}
#rightcolumn h1 a:link {color:#3399cc; text-decoration:none;}
#rightcolumn h1 a:visited {color:#3399cc; text-decoration:none;}
#rightcolumn h1 a:hover {color:#3399cc; text-decoration:none;}
#rightcolumn h1 a:active {color:#3399cc; text-decoration:none;}

#rightcolumn .more {font-size:13px; float:left;}
#rightcolumn .more a:link {color:#006666;}
#rightcolumn .more a:visited {color:#006666;}
#rightcolumn .more a:hover {color:#006666;}

#rightcolumn small {font-size:12px; color:#999; line-height:20px; margin:15px 0 15px 0;}
#rightcolumn small a:link {color:#999; padding:0 1px; text-decoration:none;}
#rightcolumn small a:visited {color:#999; padding:0 1px; text-decoration:none;}
#rightcolumn small a:hover {color:#000; padding:0 1px; text-decoration:none;}

#rightcolumn p {font-size:13px; color:#666; margin:0 0 15px 0;}

#rightcolumn .singlePost {border-bottom:0px dotted #333; margin:0 0 40px 0; padding:0 0 40px 0;}
#rightcolumn .aSticky {border-bottom:1px dotted #333; margin:0 0 40px 0; padding:0 0 40px 0;}

/* October 2010 Version */
#header {background:white;}
body {background:white;}
#navigation {background:white;}
#faux {background:white}

h4#slogan {color:#3399cc}
#header .newlogo {float:right; margin:10px;}
#header #newNav {clear:both; height:32px; background:#3399cc; }
#header #newNav li {list-style:none; float:right; margin: 5px 15px;; font-size:18px; font-weight:bold; }
#header #newNav li a:link {text-decoration:none; color:white;}
#header #newNav li a:visited {text-decoration:none; color:white;}
#header #newNav li a:hover {text-decoration:none; color:white; border-bottom:2px solid white;}

#header {height:170px;}
#header .newheader {
 margin: 0 auto;
 width: 822px; }
#navigation {
 padding: 0px; height:56px; 
}
.singlePost img {max-width:485px; border:1px solid #ccc; padding:1px; margin:0 0 10px 0; min-width:536px; max-width:536px;}
.singlePost .more img {border:0px;}

ul {margin:10px; padding:0 40px;}
ul li {margin:0 0 10px 0;}

/* Extra fixes */
#header {margin-top:20px;}
#header .newheader {background:url(http://learn.org.il/wp-content/themes/learn/images/header_s2.jpg) top center no-repeat; height:168px;width: 922px;
height:240px;}

#header #newNav {background:transparent; margin:123px -38px 0 0; float:right;}

#header .newlogo {display:none;}
.engflag {border:1px solid #336699; margin:0 5px 0 0}
h4#slogan {background:#e1f0fa; line-height:22px; padding:15px 20px; color:#333;}

h4#slogan img {float:left; margin:-15px 15px 0 -20px; height:162px;}

.englishPage {direction:ltr; text-align:left;}


/* change layout */
#rightcolumn { 
 display: inline;
 color: #333;
 margin: -40px 20px 0px 0px;
 padding: 0px 0px 0px 20px;
 width: 543px;
 float: right;
 direction:rtl;
 text-align:right; 
border-left:2px solid #3399cc;}

#leftcolumn { 
 float: left;
 color: #333;
 margin: -40px 0px 0px 10px;
 padding: 0px;
 width: 185px;
 display: inline;
 position: relative;
 direction:rtl;
 text-align:right;}

#rightBar {border:0px solid; width:115px; float:right; margin-top:-50px;}
#rightBar .rightBox {display:block; padding:80px 0 0 0; height:35px; width:115px; background:url(http://learn.org.il/wp-content/themes/learn/images/boxes.jpg) 0px 0px no-repeat; text-align:center; font-size:16px; font-weight:bold; text-decoration:none; color:#666; margin:0 0 10px 0;}
#rightBar .rightBox:hover {color:#888;}
#rightBar .rBox02 {background-position:0px -124px}
#rightBar .rBox03 {background-position:0px -244px}
#rightBar .rBox04 {background-position:0px -364px}

#header {height:184px; }
#header .newheader {height:240px;}
#header #newNav {background:transparent; margin:140px -38px 0 0; float:right;}

#leftcolumn ul {margin:0px 0px 40px 0px; padding:0px; list-style:none; font-size:13px; }
#leftcolumn ul li {border-bottom:0px dotted #333; line-height:18px; }

#newsBox {border:0px solid #999; width:185px; margin: 0 0 20px 0; border-bottom:0px dotted #333; }
#newsBox p {margin:5px 5px 15px 5px; border-bottom:1px dotted #ccc; padding:0 0 12px 0}
#newsBox p span {color:#999;}