@font-face {font-family: Yanone Kaffeesatz;src: url('../fonts/YanoneKaffeesatz-Regular.eot'); src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf');} 
@font-face {font-family: News Cycle;src: url('../fonts/NewsCycle-Regular.eot');src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); } 

html {height: 100%;}
* {margin: 0;padding: 0;}
/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section {display:block;}
body {font: normal .80em arial, sans-serif;background-color:'lavender';color: #DDD;}
p {padding: 0 0 20px 0;line-height: 1.7em;}
img {border: 0;}
a, a:hover {outline: none;text-decoration: underline;color: #09D4FF;}
a:hover { text-decoration: none;}
blockquote { margin: 20px 0; padding: 10px 20px 0 20px;border: 1px solid #E5E5DB;background: #FFF;}
ul {margin: 2px 0 22px 17px;}
ul li {list-style-type: circle;margin: 0 0 6px 0; padding: 0 0 4px 5px;line-height: 1.5em;}
ol { margin: 8px 0 22px 20px;}
ol li { margin: 0 0 11px 0;}
.left { float: left;width: auto;margin-right: 10px;}
.right { float: right; width: auto;margin-left: 10px;}
.center { display: block;text-align: center;margin: 20px auto;}

/**layout**/
#main, nav, #container, #banner, #site_content, footer { margin-left: auto; margin-right: auto;}
#main {margin: 50px auto;width: 980px;padding-bottom: 30px;}


/*Header*/
header { background: transparent;height: 225px;}
#banner { width: 1000px;float: center;height: 150px;color: #888;padding: 20px;margin-bottom: 20px;background-color:#666;}
#banner img{height:150px;vertical-align:middle;}
header nav { float: center;height: 44px;width: 1040px;color: #FFF;background-color:rgba(255,255,255,0.4);}
header nav #menu_container { width: 980px;margin: 0 auto 0 auto;}
header nav #menuconteiner ul{float: right;background: #0DBBD5;margin-top: 5px;padding-bottom: 15px;}
header ul#nav li a { padding:7px 20px 6px 20px;font: 170% 'Yanone Kaffeesatz', arial, sans-serif;text-shadow: 1px 1px #000;text-decoration: none;color:#FFF;margin-right:2px;}
header ul#nav li a:hover,ul#nav li a:focus {color: #0DBBD5;text-shadow: none;}
header ul#nav ul li a:hover,ul#nav ul li a:focus {color: #222;text-shadow: none;}


/*container*/
.site_content { width: 1000px;overflow: hidden;margin: 0px auto 0 auto;padding: 15px;background: transparent url(../images/transparent.png);} 
/*-sidebar-*/
.sidebar_container { float: right;width: 250px;padding: 20px 5px 0 0;background-color:#FFF;min-height:600px;}
.sidebar {background: #eee; float: right;width: 200px;margin: 0 0 17px 0;padding: 0 15px 5px 13px;}
.sidebar #demo{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:18px;border:groove;width:100px;height:10px;}
.sidebar h3 {text-shadow:  #000 1px 1px;color: #000;padding: 0 15px 14px 0;color: #000;font: 230% 'News Cycle', arial, sans-serif;}
.sidebar h4 ,.sidebar h5 ,.sidebar h6 ,.sidebar p {color:#000;}
.sidebar ul {margin: 0 0 15px 0;list-style:hebrew;} 
.sidebar li a { color: #000;text-decoration: none;}
.sidebar li a:hover { color: #DDD;text-decoration: underline;} 
.sidebar_item, .content_item { padding: 15px 0;}
.sidebar li button{width:100px;height:30px;}
.paperclip { float: left;position: relative; z-index: 0;vertical-align: middle; margin: -15px 0 -60px -40px;}

/*-content-*/
.content { text-align: left;width: 700px;float:left; font-size: 120%;padding: 14px 0 0 0; background-color:#FFF;min-height:700px;}
.content #post{margin-bottom:20px;}
.content #post h1 {padding: 0 15px 20px 0;font: 200% 'News Cycle', arial, sans-serif;text-shadow:  #000 1px 1px;margin: 0 1px;color: #000;font-size:22px;color:#00F;}
.content #post #body{margin-left:20px;color:#000;word-wrap:break-word;}
.content #post #body li{list-style:disc;}
.content #post hr{width:90%;height:5px;border:1px dotted #FFF;margin-top:100px;display:block;}

.content .pagination{background: #eee; margin: 5px; padding: 10px;}
.content .pagination .digit{padding: 0 10px 0 10px; display: inline;}
.content .pagination .digit:hover, .content .pagination .current{padding: 2px 10px 2px 10px; background: #fff; font-weight: 900; -moz-border-radius:5px}
.content p {color:#000;}
.content ul { margin: 2px 0 22px 0px;}
.content ul li, .sidebar ul li { list-style-type: none;background: url(../images/bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 28px;
  line-height: 1.5em;
}



/*footer*/
footer { width: 980px;font: 170% 'Yanone Kaffeesatz', arial, sans-serif;text-shadow: 1px 1px #000;height: 25px;padding: 5px 0 20px 0;text-align: center; color: #FFF;margin-top: 25px;background-color:#000;}
footer p { line-height: 1.7em;padding: 0 0 10px 0;}
footer a { color: #FFF;text-decoration: none;}
footer a:hover { color: #FFF;text-decoration: underline;}




/**component**/
/*form*/
.form_settings { margin: 15px 0 0 0;}
.form_settings p { padding: 0 0 4px 0;}
.form_settings span { float: left; width: 200px; text-align: left;}  
.form_settings input, .form_settings textarea { padding: 5px; width: 299px; font: 100% arial; border: 1px solid #C6E7F0; background: #EFF8FB; 
  color: #47433F;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}
.form_settings .submit { font: 140% 'Yanone Kaffeesatz', arial, sans-serif; border: 0; width: 99px; margin: 0 0 0 212px; height: 33px;padding: 2px 0 3px 0;cursor: pointer; 
  background: #1EC9F4; 
  -webkit-border-radius: .5em .5em .5em .5em ; 
  -moz-border-radius: .5em .5em .5em .5em ;
  border-radius: .5em .5em .5em .5em ;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #FFF;border: solid 1px #0D8AA9;background: #46C4DD;
  background: -webkit-gradient(linear, left top, left bottom, from(#63CFDF), to(#17B2D9));
  background: -moz-linear-gradient(top,  #63CFDF,  #17B2D9);
  text-shadow: 1px 1px #178497;}
.form_settings textarea, .form_settings select { font: 100% arial; width: 299px;}
.form_settings select { width: 310px;}
.form_settings .checkbox { margin: 4px 0; padding: 0; width: 14px;border: 0;background: none;}
.separator { width: 100%;height: 0;border-top: 1px solid #D9D5CF;border-bottom: 1px solid #FFF;margin: 0 0 20px 0;}  
table { margin: 10px 0 30px 0;}

table tr th, table tr td { background: #70D4E6;color: #FFF;padding: 7px 4px;text-align: left;}
table tr td { color: #47433F;border-top: 1px solid #FFF;}

/**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
**/

/* Configuration of menu width */
html body ul.sf-menu ul,html body ul.sf-menu ul li { 
  width: 200px;
}

html body ul.sf-menu ul ul { 
  margin: 0 200px 0 200px;
}

/* Framework for proper showing/hiding/positioning */
ul.sf-menu,ul.sf-menu * { 
  margin: 0 0 0 0;
  padding: 0;
  }

ul.sf-menu { 
  display: block;
  position: relative;
}
  
ul.sf-menu li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;
}
  
ul.sf-menu li:hover { 
  visibility: inherit; /* fixes IE7 'sticky bug' */ 
}

ul.sf-menu a { 
  display: block;
  position: relative;
}
  
ul.sf-menu ul { 
  position: absolute;
  left: 0;
  width: 150px; 
  top: auto;
  left: -999999px;
  background-color:#0F9;
}
  
ul.sf-menu ul a { 
  zoom: 1; /* IE6/7 fix */ 
}

ul.sf-menu ul li { 
  float: right; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
}
  
ul.sf-menu ul ul { 
  top: 0;
  margin: 0 0 0 150px;
  background-color:#0F9;
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, 
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { 
  left: auto;
}
  
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { 
  left: -999999px;
}

/* autoArrows CSS */
span.sf-arrow { 
  width: 7px;
  height: 7px;
  position: absolute;
  top: 20px;
  right: 5px;
  display: block;
  background: url(../images/arrows-white.png) no-repeat 0 0;
  overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
  font-size: 1px;
}

ul ul span.sf-arrow { 
  right: 10;
  top: 20px;
  background-position: 0 100%;
}

/* Theming the menu */
table#add{margin-left:10px;margin-top:30px;min-height:inherit;min-width:inherit;border-radius:10px 10px 10px 10px;padding:5px 5px 5px 5px;}
#add{border:ridge;background-color:#FFF;width:680px;text-align:left;padding-left:10px;opacity:1.0;}
#add #header{background-color:#FFF;}
#add .save{background:url(../image/accept.png);background-repeat:no-repeat;border:none;width:30px;height:30px;}
#add input{min-width:300px;}
#add textarea{min-width:100px;min-height:200px;}
#add #copy_html{display:none;}
#add #notes-preview{display:none;}