/*
Theme Name: Nilbleu - PhotoBlog
Theme URI: http://www.agadir-nil-bleu.com
Description: A photo blog for the restaurant NIL BLEU.
Version: V0.1
Author: Agadir Web
Author URI: http://www.agadirweb.com/
*/
* {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  color: #000;
  background:#493621 url(images/bg.png) repeat left center;
}

#main-body {
background:transparent url(images/nilbleu-banner.png) no-repeat scroll center top;
margin:0;
padding:0;
width:100%;
}

/* banner images and Flash */
#banner {
background:transparent url(images/banner/random.php) no-repeat scroll center bottom;
/* clear:both;
float:none; */
height:267px;
 margin:0px auto;
 /*overflow:visible;
padding:0; */
position:absolute;
top:163px;
width:100%;
z-index:1000000000;
}

#banner-flash {
height:267px;
margin:0 auto;
position:absolute;
top:163px;
width:100%;
z-index:1000000000;
}

#buttom-header {

height:420px;

}

.clear {
  clear: both;
}

h2, h3, h4 {
  display: block;
}

ul {
  list-style: none;
}

a{
  color: #493621;
}

a:visited {
  color: #550B00;
}

a:active {
  color: #493621;
}

a:hover {
  text-decoration: none;
}

.readmore a {
  background: url(images/bullet.png) 1px 2px no-repeat;
  display: block;
  padding: 0 3px 0 15px;
  float: right;
}

#wrap {
  background: #550B00;
  padding: 10px;
  width: 810px;
  margin: 30px auto 0 auto;
}

#under-wrap {
background: #550B00 url(images/footer-under.gif) no-repeat scroll center top;
/*color:white;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:12px;
text-align:right; */
margin:0 auto 50px;
padding:0px 10px 8px 10px;
width:810px;
}

#under-wrap .gotop {
background:transparent none repeat scroll 0 0;
border:0 none;
cursor:pointer;
height:35px;
width:120px;
margin-left:660px;
}

/* ooooooooooooooo The contents setup ooooooooooooooo */
/* Content of all */
#content {
  background: #fff;
}

#content .post {
  padding: 10px;
  overflow:hidden;
}

#content {
  font: normal 13px "Trebuchet MS", Verdana, sans-serif;
}

#content p {
  line-height: 18px;
  margin-bottom: 18px;
}

/* Content of contact */
#content-contact {
  background: #fff;
}

#content-contact .post {
  padding: 10px;
  overflow:hidden;
  overflow:hidden;
  width:500px;
}

#content-contact {
  background: #FFFFFF url(images/bg-contact.gif) repeat-y scroll right;
  font: normal 13px "Trebuchet MS", Verdana, sans-serif;
  width:810px;
}

#content-contact p {
  line-height: 18px;
  margin-bottom: 18px;
}
#content-contact .separator{
	  background:url(images/hr-contact.png) no-repeat top center;
	  border: 0;
	  height:25px;
}
/* ooooooooooooooo End the contents setup ooooooooooooooo */

#topnav {
  /*background:#550B00 url(images/header-02.jpg) no-repeat scroll center top;
  height: 91px;*/
  padding: 19px 10px 0 10px;
}

#header_home {
  display: block;
  height: 172px;
  background: #493621 url(images/header.jpg) center top no-repeat;
  text-align: center;
}
#header_home .h1  {
  display: block;
  font-family:Times New Roman;
  color: #550B00;
  margin-bottom: 18px;
}

.sitename {
  display: block;
  font: 22px "Trebuchet MS", Verdana, sans-serif;
  color: #fff;
  height: 30px;
  padding: 8px 5px 0 5px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 10px;
}

.sitename a, .sitename a:visited, .sitename a:active {
  color: #fff;
  text-decoration: none;
}

.sitename a:hover {
  color: #eee;
  text-decoration: none;
}

.description {
  display: block;
  font: normal 12px Georgia, "Times New Roman", Times, serif;
  color : #DC0000;
}



.subhead {
  font: bold 16px "Trebuchet MS", Verdana, sans-serif;
  text-transform: uppercase;
  color: #999999;
  padding: 5px;
  text-align: center;
  display: block;
  background: #efefef;
}
/* Top navigation*/
#searchbox {
  background:#FFFFFF url(images/main_shadow.gif) repeat-x scroll center bottom;
  width: 800px;
  padding: 0px 0px 45px 10px;
  _padding: 0px 0px 20px 10px;
}

#topnavmain {
  font: normal 17px Georgia, "Times New Roman", Times, serif;
  float: left;
  /*width: 370px;*/
  height: 88px;
  /* background: url(images/browse.png) no-repeat 1px 38px; */
  padding-left: 10px;
}

#searchbox #search {
  background: url(images/search.gif) no-repeat;
  height: 30px;
  float:right;
  padding-right:40px;
}

#searchbox .button {
background:transparent none repeat scroll 0 0;
border:0 none;
cursor:pointer;
width:18px;
/*margin-top:1px;
height:18px;
float:right;*/
}

#search input {
  background: transparent;
  border-style: none;
  font-size: 12px;
  width: 180px;
  padding: 2px 5px 2px;
  /*color: #000;
  display: block;*/
}

#topnav h2 {
  font: bold 14px "Trebuchet MS", Verdana, sans-serif;
  text-transform: uppercase;
}

#nav {
  /* padding-top: 33px; */
}

#nav li {
  display: inline;
}

#nav a {
  display: block;
  background:transparent url(images/menu2.png) repeat-x scroll center bottom;
  height: 55px;
  padding: 2px 20px 0 20px;
  float: left;
  margin-left: 4px;
  color: #fff;
  text-decoration: none;
  padding-top : 30px;
}

#nav a:hover {
  background: url(images/menu1.png) repeat-x scroll center bottom;
  color: #550B00;
  text-decoration: none;
  
}

#nav .current_page_item a {
  background: url(images/menu3.png) repeat-x scroll center top;
  color: #000;
  cursor:text;
  text-decoration: none;
  padding-top : 30px;
}
h1 {
  display: block;
  font-family:Times New Roman;
  color: #550B00;
}
h2 {
  display: block;
  font-family:Arial;
  color: #493621;

}
h3 {
  display: block;
  font-family:Arial;
  color: #BF4E3B;
}
h4 {
  display: block;
  font-family:Arial;
  color: #EFAFA4;
}
h2 .postmeta {
  display: block;
  font: normal 12px Georgia, "Times New Roman", Times, serif;
  color: #999;
  margin-bottom: 18px;
}
.separator{
	  background:url(images/hr-2.gif) no-repeat scroll left top;
	  border: 0;
	  _border: 0;
	  height:40px;
}
.post h2 {
  border-bottom:1px dotted #1B530C;
  font: 18px "Trebuchet MS", Verdana, sans-serif;
  color: #493621;
  margin-bottom: 10px;
}



.post h2 a {
  color: #493621;
  text-decoration: none;
}

.post h2 a:hover {
  color: #000;
  background: #B5D06F;
  padding:0 10px;
}

.page_nav {
  background:#550B00 url(images/page_nav.jpg) no-repeat scroll center top;
  padding: 30px 15px 10px 15px;
  height: 20px;
}

.alignleft {
  float: left;
  display: block;
}

.alignright {
  float: right;
  display: block;
}

.page_nav a, .page_nav a:visited, .pagenav a:active {
  color: #999;
  text-decoration: none;
}

.page_nav a:hover {
  color: #fff;
}

#col1 {
  float: left;
  width: 49%;
}

#col2 {
  float: right;
  width: 49%;
}




/* sidebare de Contact */
#sidebar {
  float: right;
  width: 35%;
  display:block;
}

#sidebar li {
  display: block;
  height: 22px;
  border-bottom: 1px solid #493621;
}

#sidebar a, #sidebar a:visited, #sidebar a:active {
  display: block;
  height: 19px;
  padding: 3px 8px 0 8px;
  text-decoration: none;
  color: #493621;
}

#sidebar a:hover {
  color: #fff;
  background: #550B00;
}

#sidebar h2 {
background-color:#493621;
color:#FFFFFF;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:3px;
text-align:center;
}

#sidebar img {
  border: none;
}

/* Footer de page */
#footer h2 {
  font: 18px "Trebuchet MS", Verdana, sans-serif;
  color: #666666;
}

#footer {
  background: #324600 url(images/footer.jpg) repeat scroll 0 0;
  padding: 0 10px 10px 10px;
  font: 12px "Trebuchet MS", Verdana, sans-serif;
  color: #FFF;
}

#footertop {
  height: 40px;
  padding-top: 10px;
  margin-bottom: 10px;
}

#leftfooter {
  float: left;
  width: 35%;
}

#leftfooter .author {
  padding: 5px 8px 3px 3px;
  float: left;
}

#footertop ul {
  text-align: center;
  padding-top: 8px;
}

#footertop li {
  display: inline;
}

#footertop a, #footertop a:visited {
  color: #FFF;
  padding: 3px;
  margin: 3px;
  text-decoration: none;
}

#footertop a:hover {
  color: #DC0000;
  font-weight:bolder;
}

#bottom a, #bottom a:visited{
  color: #999;
}

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

.postbottom {
  background: #f4f4f4;
  border: solid 1px #ddd;
  padding: 3px;
  font-size: 11px;
}
/*comments*/

#comments{
  margin: 15px;
}

#comments .alt {
  background: #f4f4f4;
}

#comments ul li p {
  margin: 0;
}

#comments li {
  display: block;
  border: solid 1px #ddd;
  margin-bottom: 8px;
  padding: 8px;
}

input #author, input #email, input #url, input #submit, textarea {
  display: block;
  background: #f4f4f4;
  border: solid 1px #ddd;
  padding: 5px;
}

input:hover #author, input:hover #email, input:hover #url, input:hover #submit, textarea:hover {
  background: #fff;
  border: solid 1px #bbb;
}

input:focus #author, input:focus #email, input:focus #url, input:focus #submit, textarea:focus {
  background: #fff;
  border: solid 1px #333;
}

label {
  display: block;
  font: normal 14px "Trebuchet MS", Verdana, sans-serif;
  color: #000;
}

img.alignleft, img.alignright {
  padding: 3px;
  background: #efefef;
  border: solid 1px #333;
  margin: 5px;
}

blockquote {
background:#F4F5F7 url(images/blockquote.gif) no-repeat scroll 3px 3px;
border:1px dashed #CCCCCC;
margin:5px 0;
padding:8px 12px 8px 36px;
}

cite {
  font: bold italic 16px "Trebuchet MS", Verdana, sans-serif;
}

.post ul, .post ol {
  padding: 10px 10px 5px 25px;
}

.post ul li {
  list-style: square;
  padding: 3px;
}

.post ol li {
  padding: 3px;
}

code {
  background: #550B00;
  color: #999;
  white-space: pre;
  font-size: 12px;
}



/* Tables */

table {
/*background:#FFFFFF none repeat scroll 0 0;*/
border:2px solid #CCCCCC;
border-collapse:collapse;
margin:5px 0 10px;
}
td, th, caption {
	font-size: 100%;
	/* text-align: left; */
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #CCCCCC;
	padding:3px 10px;
}
th {
	/*distinguishing table headers from data cells*/
	background:#EDEFF0 none repeat scroll 0 0;
	font-weight:bold;
	text-align:center;
}
/* Forms */

	
legend {
	color: #000;
}
input, textarea, select, button {
	font-size: 100%;
	font-family: inherit;
}
select {
	margin: inherit;
}


/* markup */
pre,code,kbd,samp,tt{
	display: block;
	padding: 20px;
	border: 1px solid #cccccc;
	overflow: auto;
}

/* image setting */
/* Captions */

img.alignleft, img.alignright {
background:#B5D06F none repeat scroll 0 0;
border:1px solid #550B00;
margin:5px;
padding:5px;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */