/* 
    Document   : global
    Created on : Jul 10, 2009, 1:17:03 PM
    Author     : Shani Elharrar
    Description:
        Main Stylesheet for Nagaryat Araz Rehitim, Includes :
        - Fonts
        - Global Definitions
        - Content Behavior
        - Header Beahvior
*/

.clear { clear:both; }

/* ________ Fonts ________ */

/*
@font-face {
  font-family: "BN Varda";
  font-style: normal;
  font-weight: normal;
  src: url(fonts/BN Varda.eot);
  src: local('BN Varda'), url('fonts/BN Varda.ttf') format('truetype');
}
@font-face {
  font-family: "BN Varda";
  font-style: normal;
  font-weight: bold;
  src: url(fonts/BN Varda Bold.eot);
  src: local('BN Varda Bold'), url('fonts/BN Varda Bold.ttf') format('truetype');
}*/

@font-face {
  font-family: "BN Varda";
  src: url("fonts/BN Varda.ttf") format("opentype");
}


/* ________ Global Definitions ________ */

a img { border:0; }

.hidden { display:none; }

.clear { clear:both; }

.trebuchet { font-family:"Trebuchet Ms" "BN Varda" "Helvetica" "Arial"}

a {
	color:#534239;
}
a:hover {
	text-decoration:none;
}

* { line-height:1.5em ;}

/* ________ Global structure ________ */


html, body {
    font-family:"BN Varda" "Trebuchet Ms" "Helvetica" "Arial";
    font-size:0.9em; margin:0; padding:0;
    color:#534239;
}

html { background:url('../images/bigBg.jpg') repeat top center ;}

body {
    background:url('../images/bg.jpg') no-repeat top center;
    text-align:center;
}


/* ________ Navigation ________ */

div.navigation {
    width:606px; margin:0 auto; font-size:11px;
    background:url('../images/contentBox/middle.png') repeat-y top center;
}
div.navigation *, div.navigation {
	line-height:1em;
}
div.navigation ul {
    display:block; margin:0; padding:5px 0 0;
}
div.navigation li {
    display:inline;
}
div.navigationBottom {
    display:block; width:606px; height:9px; margin:0 auto;
    background:url('../images/contentBox/bottom.png') no-repeat bottom;
}
div.navigation a {
    color:#534239; text-decoration:none;

}
div.navigation li.active a {
    color:#1a1612; font-weight:bold;
}
div.navigation li.active a:hover {
	border-bottom:1px solid #1a1612;	
}
div.navigation a:hover {
	border-bottom:1px solid #534239;
}
div.navigation a.flickr:hover {
	border-bottom:0;
}
div.navigation a.flickr {
	font-size:1.2em; font-family:"Helvetica" "Trebuchet ms" "arial";
	color:#0064dc;
}
div.navigation a.flickr span.blue {
	color:#0064dc;
}
div.navigation a.flickr span {
	color:#ff0084;
}
div.navigation a.flickr:hover span.blue {
	border-bottom:1px solid #0064dc;
}
div.navigation a.flickr:hover span {
	border-bottom:1px solid #ff0084;
}

/* ________ Gallery ________ */


div#gallery {
    height:284px; width:600px; padding:0px;
    margin:10px auto 0;
    position:relative;
}

h1 {
    margin:0 auto; padding:0;
    background:url('../images/logo.png') no-repeat top center;
    height:284px; width:600px;
}
h1.contactUs {
	background-image:url('../images/contactUs.png');
}

h1 * {
    display:none;
}

a.next, a.prev {
    display:block;
    height:55px; width:52px;
    position:absolute; top:0; z-index:5;
    padding-top:215px; padding-bottom:15px;
}
a.next span, a.prev span {
    display:block; height:55px; width:52px;
}

a.next span *, a.prev span * {
    display:none;
}

a.next { left:5px; }
a.prev { right:5px;}

a.next span{
    background-image:url('../images/next.png');
}
a.prev span{
    background-image:url('../images/prev.png');
}

/* ________ Content ________ */


.newContent { display:none; }
#content {
    position:relative;
    width:606px; margin:10px auto;
    text-align:right;
    background:url('../images/contentBox/top.png') no-repeat top center;
    padding-top:8px;
    font-family:"BN Varda" "Trebuchet MS" "Helvetica" "Arial";
}

#content div.bottom {
    background:url('../images/contentBox/bottom.png') no-repeat bottom center;
    padding-bottom:9px;
}
#content div.middle {
    margin:0;
    background:url('../images/contentBox/middle.png') repeat-y center;
    padding:5px;
}

#content h2 {
    color:#292218;
    margin:0; padding:0 5px;
    font-weight:normal;
	text-shadow:rgba(255,255,255,0.5) 0px 1px 0px;
}
#content p {
    padding:0 10px;
}

#galleryCarousel a {
    cursor:default;
}

#content #loading {
    position:absolute;top:1px; right:6px; bottom:10px;
    width:596px; margin:0; padding:0;
    background:url('../images/loading.gif') no-repeat center center transparent;
    opacity:1;
}

/* ________ Photostream ________ */

#photostream li {
	display:block; float:right;
	border:1px solid #aaa; height:75px; width:75px;
	padding:0px; margin:10px; background:white; 
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
}

#photostream li * {
	margin:0; padding:0; text-decoration:none;
}

/* ________ Credit ________ */

div.footer {
    width:596px; margin:0 auto;
    direction:ltr; text-align:left;
}

a.credit {
    background:url('../images/credit.png') no-repeat top left; display:block;
    width:131px; height:20px;
}

a.credit span {
    display:none;
}