/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* PAGE */

body {
	background: white url(../images/backgrounds/white.png) repeat top center fixed;  
  text-align: center;
  font: 14px/17px 'Times New Roman', serif;
  color: #41586b;
}

strong { font-weight: bold; }
em { font-style: italic;  }

strong em, em strong {
  font-style: italic;
  font-weight: bold;
}

input, textarea {
 font: 11px arial;
 color: black;
}

a {
  color: #6f3838;
}

a:active, a:visited {
  color: #6a6969;
}

#layout {
  position: relative;
  width: 950px;
  margin: 0 auto;
  text-align: left;
}

#logo {
  display: none;
}

#header a {
  text-decoration: none;
  color: #41586B;
}

#bar {
  position: relative;
  height: 89px;
  border-bottom: 2px solid #41586B;
  text-align: right;
}

#bar .home {
  position: absolute;
  left: 8px;
  top: 18px;
}

#bar .locale {
  position: absolute;
  right: 0px;
  top: 26px;
}

#menu {
  height: 58px;
  border-bottom: 1px solid #41586B;
  margin-bottom: 7px;
}

#menu ul {
  position: relative;
  top: 2px;
  height: 18px;
}

#menu li {
  display: inline;
}

#menu li.page a {
  float: left; 
  height: 0; 
  padding-top: 18px; 
  margin-right: 4px;
  overflow: hidden;
  /*background-image: url(../images/bg_menu.gif);*/
  background-repeat: no-repeat;
  background-position: center 0;
}

#menu li.page a:visited {
  background-position: center 0;
}

#menu li.page a.selected,
#menu li.page a.selected:visited, 
#menu li.page a.selected:hover, 
#menu li.page a.selected:active {
  background-position: center -36px;
}

#menu li.page a:hover, #menu li.page a:active {
  background-position: center -18px;
}

#menu li.search {
  float: right;
  width: 160px;
  margin-right: 0;
  text-align: right;
}

#menu li.search form {
  float: right;
}

#menu li.search input, #menu li.search a {
  float: left;
}

#menu input {
  width: 100px;
  border: 1px solid #999;
  padding: 1px 2px;
  font-size: 12px;
  margin-right: 4px;
  height: 14px;
}


#banner {
  position: relative;
  height: 87px;
  width: 950px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  overflow: hidden;
}

#slug {  
  min-height: 50px;
  font: 10px verdana, sans-serif;
}

#slug div {
  position: relative;
  top: 8px;
  left: 198px;
  width: 550px;
}

#slug a {
  margin: 0 2px;
  text-decoration: none;
}

#slug a:hover {
  text-decoration: underline;
}

#slug a.last {
  color: #CA6543;
}

/* Sidebar */

#sidebar {
  float: left;
  border-top: 1px solid #41586B; 
  width: 178px;
  margin: 0 12px 7px 0;
}

#sidebar ul {
  width: 178px;
}

#sidebar li {
  width: 178px;  
  float: left;
  clear: both;
}

#sidebar a {
  float: left;
  clear: both;
  height: 0;
  padding-top: 22px;
  overflow: hidden;
  width: 178px;
  border-bottom: 1px solid #41586B;
  background-repeat: no-repeat;
}

#sidebar a, 
#sidebar a:visited {
  background-position: 0 5px;
}

#sidebar a:hover, #sidebar a:active {
  background-position: -178px 5px;
}

#sidebar a.selected, 
#sidebar a.selected:visited, 
#sidebar a.selected:hover, 
#sidebar a.selected:active {
  background-position: -356px 5px;
}

/* Main Layout */

#main {
  float: left;
  border-top: 2px solid #41586B;
  width: 566px;
  margin: 0 12px 7px 0;
  min-height: 377px;
  padding-top: 4px;
}

#extra {
  float: left;
  border-top: 2px solid #41586B;
  width: 182px;
  margin-bottom: 7px;  
  padding-top: 4px;
}

.pageheader, #extra .h1 {
  position: relative;
  min-height: 40px;
  padding: 0 8px;
}

.pageheader h1, .page-container .h1 h1, .page-container .h2 h2, #extra .h1 h1, .overlayheader h1  {
  display: none;
}

/* Page */

.page-container {
  font: 14px/17px 'Times New Roman', serif;
  border-top: 1px solid #41586B;
  padding: 8px 0 16px 8px;
  clear: both;
}

.page-container .column {
  float: left;
  width: 392px;
}

.page-container .wide {
  float: left;
  width: 548px;
}


.page-container .part-headers {
  margin: -17px 0 0 0;
}

.page-container .h1, .page-container .h2 {
  margin: 17px 0;
}

.page-container h3 {
  font-size: 18px;
  line-height: 18px;
  padding: 8px 0;  
}

.page-container h4 {
  font-weight: bold;
}

.page-container p {
  margin: 0 0 17px 0;
}

#overlay .item-body p {
  margin: 17px 0;
}

.page-container .page-images {
  float: right;
  width: 150px;
  padding: 0 8px 0 0;
  font-size: 12px;
  line-height: 17px;
  font-style: italic;
}

.page-container .page-images img {
  display: block;
  margin-bottom: 4px;
}

/* Calendar */


.events h2 {
  font-size: 18px;
  margin-bottom: 17px;
}

.events li label {
  font-style: italic;
}

.events li h4 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  margin: 0;
}

.events ul li {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 17px 0;
}

.events ul li p {
  margin: 0;
}

#calendar-ui {
  border-top: 1px solid #41586B;
  padding: 10px 0 16px 0;
  clear: both;    
}

a.month-pagination, a.month-pagination:active {
  color: white;
  text-decoration: none;
}

#month {
  padding: 0 8px;
}

#month table {
  background: #4d6e88;
  border-collapse: separate;
	border-spacing: 1px;
	font-family: arial, sans-serif;  
	width: 100%;
  border-width: 0;
}

#month, #month th, #month td {
  text-align: center;
}

#month {
  font-size: 12px;
  font-weight: normal;
}
 
#month td { 
  line-height: 1.7em;
  padding: 0;
}


#month td a, #month td a:visited {
  color: #333;
  text-decoration: none;
  display: block;
  width: 100%;
}

#month td.with a {
  color: white;
}

#month .not-this-month a, #month .not-this-month a:visited {
  color: #999;
}

#month td {
  background: white;
}

#month td.weekend {
  background: #f1f1f1;
}

#month td.today, td.today {
  background: #FFC;
}

#month td.with {
  background: #4d6e88;
  font-weight: normal;
}


#month td a.current, #month td a.current:hover, #month td a.current:visited {
  color: white;  
  background: black;
}

#month th {
  color: white;
}




/* Overlay */

ul.overlays {
  font: 14px/17px 'Times New Roman', serif;
  border-top: 1px solid #41586B;
  padding: 10px 0 16px 0;
  clear: both;  
}

ul.overlays li {
  position: relative;
  background: #F5F2F1;
  height: 88px;
  margin-bottom: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 2px;
}

ul.overlays li:hover, table.items td div:hover {
  cursor: pointer;
}

ul.overlays div {
  position: absolute;
  background: black;
  height: 30px;
  width: 100%;
  opacity: 0.5;
}

ul.overlays div h2 {
  display: none;
}

ul.overlays img {
  position: absolute;
  top: 5px;
  left: 5px;
}


#overlay {
  position: absolute;
  left: 66px;
  top: 0px;
  width: 818px;
  margin-top: 18px;
  color: white;
}

#overlay.memory-game, #overlay.film {
  width: 762px;
  left: 94px;
}

#overlay.geo {
  height: 544px;
  left: 0px;  
}

#overlay #video {
  padding: 10px 10px 5px 10px;
}

#overlay.advanced {
  width: 762px;
  left: 94px;
}


#overlay.geo .left-border, #overlay.geo .right-border {
  position: absolute;
  height: 544px;
  width: 22px;  
  top: 0;
}

#overlay .corner {
  position: absolute;
  top: 16px;
  right: 0px;
}

#overlay.geo .left-border {
  left: 0px;
  background: transparent url(../images/bg-overlay-geo-left.png) no-repeat 0px 0px scroll;  
}

#overlay.geo .right-border {
  right: 0px;
  background: transparent url(../images/bg-overlay-geo-right.png) no-repeat 0px 0px scroll;  
}


#overlay .top-border {
  position: absolute;
  height: 15px;
  width: 100%;
  background: transparent url(../images/bg-overlay-top.png) no-repeat 0px 0px scroll;
}

#overlay.memory-game .top-border, #overlay.film .top-border {
  background-image: url(../images/bg-memory-top.png);
}


#overlay .bottom-border {
  position: absolute;
  height: 20px;
  width: 100%;
  background: transparent url(../images/bg-overlay-bottom.png) no-repeat 0px 0px scroll;
}

#overlay.memory-game .bottom-border, #overlay.film .bottom-border {
  background-image: url(../images/bg-memory-bottom.png);
}

#overlay .inner-container {
  margin-top: 15px;
  padding: 0 19px 11px 19px;
  background: transparent url(../images/bg-overlay-body.png) repeat-y 0px 0px scroll;
}

#overlay.memory-game .inner-container, #overlay.film .inner-container {
  background-image: url(../images/bg-memory-body.png);
}


#overlay .items-container {
  min-height: 613px;
}

#overlay.geo .inner-container {
  position: relative;
  margin: 0 22px;  
  padding: 16px 0 28px 0;    
  height: 544px;
  background: transparent url(../images/bg-overlay-geo-middle.png) repeat-x 0px 0px scroll;
}


.close-overlay, .close-item, #overlay .next, #overlay .prev {
  position: absolute;
  width: 22px;
  height: 22px;
}

#overlay .next {
  background: transparent url(../images/btn-next-bg.png) no-repeat 0px 0px scroll;  
}

#overlay .prev {
  background: transparent url(../images/btn-prev-bg.png) no-repeat 0px 0px scroll;  
}

.close-overlay {
  background: transparent url(../images/close-overlay-bg.png) no-repeat 0px 0px scroll;  
}

.close-item {
  background: transparent url(../images/close-item-bg.png) no-repeat 0px 0px scroll;  
}

#close-link-info {
  background: transparent url(../images/close-small-bg.png) no-repeat 0px 0px scroll;  
}

#close-link-info:hover, #close-link-info-overlay:active {
    background-position: 0px -14px;
}

.close-overlay:hover, .close-overlay:active, 
.close-item:hover, .close-item:active,
#overlay .next:hover, #overlay .next:active,
#overlay .prev:hover, #overlay .prev:active {
  background-position: 0px -22px;
}

.close-overlay img, .close-item img, #overlay .next img, #overlay .prev img, #close-link-info img {
  display: none;
}

#overlay.geo .close-overlay {
  top: 25px;
  right: 31px;
}


#overlay #muhammed {  
  position: relative;
  width: 728px;
  height: 400px;
  background: transparent url(../images/bg-muhammed.png) no-repeat top left scroll;  
}

#overlay #muhammed div {
  position: absolute;
  text-align: center;
  padding-top: 2px;
  font-size: 12px;
}

#overlay #muhammed h1 {
  font-size: 18px;
  margin: 0;
}

#overlay #muhammed .muhammed {
  font-size: 20px;
  line-height: 40px;
}

#overlay #muhammed .muhammed h1 {
  font-size: 40px;
}


#overlay .header {
  position: relative;
  top: -3px;
  height: 50px;
  padding-top: 4px;
  border-top: 3px solid white;
  border-bottom: 1px solid white;
}

.overlayheader {
  margin: 2px 0 0 6px;
}

.header .pagination {
  position: absolute;
  right: 28px;
  bottom: 2px;
  color: #FFF;
}


#overlay .header .close-overlay {
  position: absolute;
  top: 5px;
  right: 0;
}


#overlay .header .close-item { 
  top: 5px;
  right: 27px;  
}

#overlay .prev, #overlay .next {
  top: 370px;
}

#overlay .prev {
  left: 19px;    
}

#overlay .next {
  right: 19px;    
}

#overlay table.items, #overlay table.coins {
  position: relative;
  top: 1px;
  border-spacing: 2px;
  border-collapse: separate;
  margin: 0 0 0 24px;
}

#overlay table.items td {
  width: 144px;
  height: 120px;
  background: #3c4e5d;
  vertical-align: top;
  position: relative;
}

#overlay table.coins td {
  width: 144px;
  height: 192px;
  background: #3c4e5d;
  vertical-align: top;
  position: relative;
}

#overlay table.coins td img {
  display: block;
}

#overlay table.coins a.coin_label {
  display: block;
  width: 132px;
  height: 60px;
  overflow: hidden;
  color: white;
  text-decoration: none;
  /*background: transparent url(../images/bg-black.png) repeat left top scroll;*/
  padding: 6px;
  line-height: 15px;
}


#overlay table.items td div {
  position: absolute;
  width: 132px;
  height: 108px;
  overflow: hidden;  
  padding: 6px;
  background: transparent url(../images/bg-black.png) repeat left top scroll;
}

#overlay .item-body {
  position: relative;
  min-height: 613px;
  margin: 0 26px;
}

#overlay .description {
  float: left;
  margin: 24px 0 0 372px;
  width: 356px;
}

#overlay .ctrls {
  position: absolute;
  left: 1px;
  bottom: 0px;
  color: #d3d9de;
  font: 10px/10px arial;
}

#overlay .ctrls img {
  vertical-align: -4px;
}

#overlay .ctrls a.label {
  margin-right: 6px;
  color: #d3d9de;
  text-decoration: none;
}

#link-info {
  background: #3d4f5e;
  position: absolute;
  left: 1px;
  bottom: 20px;
  width: 260px;
  height: 80px;
  padding: 10px;
}

#close-link-info {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 14px;
  height: 14px;
}

#link-info h5 {
  font-weight: bold;
}

#overlay .item-body #link-info p {
  margin: 0 0 10px 0;
}

#link-info input {
  width: 100%;
}

#overlay .item-image {
  position: absolute;
  left: 1px;
  top: 10px;
  width: 356px;
  max-height: 450px;

}

#overlay #stopmotion {
  position: absolute;
  left: 1px;
  top: 10px;  
}

#overlay #allahs-99-names {
  position: relative;
  top: 10px;
  left: 10px;
}

#overlay #allahs-99-names table {
  width: 762px;
  margin-bottom: 10px;
}

#overlay #allahs-99-names td {
  width: 33%;
}

#overlay #allahs-99-names ol {
  list-style-type: decimal;
  margin-left: 40px;
}

#overlay .item-image img {
  display: block;
}

#overlay .item-image .zoom {
  margin-top: -30px;
}

#overlay .coin-image {
  position: absolute;
  left: 1px;
  top: 10px;
  width: 330px;
  max-height: 450px;  
  text-align: center;
}

#overlay .coin-image label {
  display: block;
  margin-top: 8px;
}

#overlay .coin-image img {
  display: block;
  margin: 0 auto;
}

#overlay .coin-pages-container {
  position: absolute;
  left: 350px;
  top: 10px;
}

#overlay ul.pages li {
  float: left;
  width: 119px;
  height: 49px;      
  background: transparent url(../images/bg-coin-btn.png) no-repeat top left scroll;  
}

#overlay ul.pages li.current {
  background-image: none;
}

#overlay ul.pages li a {
  display: block;
  width: 119px;
  height: 49px;    
}

#overlay ul.pages li img {
  margin: 5px 10px;
}

#overlay .coin-body {
  position: absolute;
  top: 65px;
  left: 10px;
  height: 538px;
  width: 366px;
  overflow: auto;
}

#overlay .coin-body p, #overlay .coin-body h1, #overlay .coin-body h2, #overlay .coin-body h3 {
  margin-right: 8px;
}

#overlay .coin-body h2 {
  font-weight: bold;
}

#overlay .coin-body p {
  margin-top: 0;
}

#overlay .coin-pages-container .coin-body h1 {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
}

#overlay .item-images {
  position: absolute;
  left: 1px;
  top: 467px;
  font-family: monospace;
  font-size: 10px;
  line-height: 24px;
}

#overlay .item-images img {
  border: 7px solid #3c4e5d;
  margin: 0 2px 2px 0;
}

#overlay .item-images img.active {
  border-color: #283543;
}

#overlay .item-body h1 {
  font-size: 18px;
  line-height: 22px;
  margin: 0;
}

#overlay a {
  color: #ffffff;
}

#overlay a:hover, #overlay a:visited, #overlay a:active, #overlay .notice a {
  color: #bbbbbb;
}


/* Publications */

table.publications {
  clear: both;
  width: 550px;
}

.publications td {
  padding-top: 17px;
  vertical-align: top;
}

.publications td.details {
  width: 270px;
  padding-right: 8px;
}

.publications td.preview {
  width: 128px;
  text-align: right;
}

.publications td.price {
  padding-left: 8px;
  font-style: italic;
  font-weight: bold;
  text-align: right;
}

.publications img {
  display: block;
}

.publications p {
  margin: 0;
}

/* footer */ 

#footer {
  clear: both;
  margin: 0 0 4px 0;
  border-top: 1px solid #41586b;
  padding: 8px 9px 0 9px;
  font: 9px arial, sans-serif;
  text-transform: uppercase;
  text-align: left;
}

#footer a {
  color: #41586b;
}

#footer span {
  margin: 0 3px;
}

/* Draft */

#menu li.page a.draft, 
#sidebar a.draft, 
#slug a.draft, li.draft {
 opacity: 0.5;
}


/* Start templet */

#splash {
  position: relative;
  height: 516px;
  margin-bottom: 7px;
}

#splash .swf div {
  position: absolute;
  width: 950px;
  background-repeat: no-repeat;
  background-position: left top;
}

#splash .swf div div.txt {
  position: absolute;
  left: 16px;
  bottom: 12px;
  color: white;
  font: 12px arial, sans-serif;
}

#splash .swf div div.txt p {
  margin: 1em 0 0 0;
}

#splash .swf div img.title {
  position: absolute;
  left: 11px;
  top: 3px;
}

#splash .swf div a.title {
  display: block;
  position: absolute;
  left: 0px;
  top: 0;
  height: 27px;
  width: 939px;
  background: transparent url(../images/bg-black.png) repeat left top scroll;
  line-height: 30px;
  padding: 3px 0 0 11px;
}

#splash .swf div a.first {
  background-image: none;
}

#banner .swf .page-banner {
  position: absolute;
  height: 87px;
  background-repeat: no-repeat;
  background-position: center top;  
}

#banner .swf div .black {
  position: absolute;
  height: 30px;
  width: 100%;
  background: transparent url(../images/bg-black.png) repeat left top scroll;
}

#banner .swf .page-banner a {
  position: absolute;
  display: block;  
  height: 87px;
  width: 100%;
}

#banner .swf .page-banner a span {
  display: none;
}

.notice {
 font: 12px arial, sans-serif;
}

/* Memory */


#memory {
	position: relative;
	top: 0px;
	padding-top: 3px;
	left: -1px;
	width: 726px;
	height: 581px;
}

.timer {
  position: absolute;
  top: 20px;
  left: 200px;
  text-align: center;
  font: bold 30px/30px verdana, sans-serif;
  width: 326px;
}

#game-ui, #result-ui {
  position: absolute;
  top: 0;
	width: 726px;
	height: 581px;
}

#result-ui a {
  color: white;
}

#start-game {
  position: absolute;
  left: 236px;
  top: 140px;
}

#memory table {
  border: 0px;
  border-collapse: separate;
	border-spacing: 1px;
	table-layout: fixed;
}

#memory td {
	width: 144px;
	height: 144px;
	background: transparent url(/images/memory/done.gif) no-repeat top left scroll;  
}

#memory td img {
	display: block;
}

#memory td img:hover {
  cursor: pointer;
}

 
/* Search */


.page-container .search {
  float: left;
  width: 552px;
  padding-top: 16px;  
}


.search span.highlight {
  font-weight: bold;
}

.search p {
  margin: 0;
}

.search .content-type {
  font: 10px verdana, sans-serif;;
  color: #999;
}

.search input {
  font-size: 12px;
}

.search li a {
  display: block;
}

.search li {
  margin: 17px 0;
}

.search input.q {
  width: 200px;
}

.page-container p.result {
  margin: 8px 0 17px 0;
}

.search .pagination {
  margin: 17px 0;
  text-align: center;
}