/*
Theme Name: Zabid 
Theme URI: 
Version: 1.0
Description: Based TDS which is based on design Zenlike from  <a href="http://www.nodethirtythree.com/" title="nodethirtythree">nodethirtythree</a>
Author: PJN
Author URI: 
*/


/*

	zenlike1.0 by nodethirtythree design
	http://www.nodethirtythree.com
   TDS
   http://www.traversesdessecondaires.fr
*/

*
{
padding: 0em;
margin: 0em;
}

body
{
padding: 35px 0px 35px 0px;
padding: 2em 0em 1em 0em;
font-size: small;
font-family: Arial, Lucida, Serif;
font-size:0.8em;
border: red 0px solid;
}

/******************************
*                             *
*           OUTER             *
*                             *
******************************/

#outer
/* this sits inside body and contains all the content */
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 82%;
border: solid 0px #0ff;
background-color: #fff;
margin: 0 auto;
width: 90%;
}

p
{
	line-height: 1.6em;
	margin: 1em 0 1em 0;
}

a
{
color: #004438;
text-decoration: none;
}

a:hover
{
text-decoration: none;
border-bottom:#004438 1px dashed;
}

a:visited { color: #4D4F53; }

/* END OUTER */

/***************
*              *
*   Headings   *
*              *
***************/
h1,h2,h3,h4,h5,h6 
{
	color: #004438;
border: red 0px solid;
xdisplay: inline;
margin-bottom: 0.0em;
}

h3,h4
{
font-weight: bold;
background-repeat: no-repeat;
background-position: left;

margin-bottom: 0.8em;



}

h3
{
font-size: 1.5em;
margin-top: 0.9em; 
xpadding-left: 32px;
/*  background-image: url('images/db1.gif'); */
}

h4
{
font-size: 1.2em;
xpadding-left: 28px;
/*  background-image: url('images/db2.gif'); */





}



/* Force margin under h4 in rhs widget space */
.widgetbox  div, .widgetbox  ul, .widgetbox  select
{
border: solid green 0px;

margin-top: 1em;

xpadding: 0em;
}



h3 span
{
font-weight: normal;
}

h5 
{
	font-weight: bolder;
	font-family:Verdana, Tahoma, Arial, Serif;
	font-size: 1em;
}


/***************************
*                          *
*    * End of headings *   *
*                          *
***************************/

.contentarea
/* this is the content of the post */

{
padding-top: 1.3em;
background-color: transparent;
border: blue 0px solid;
}

img
{
border: solid 1px #6F5230;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

.divider1
{
position: relative;
background: #fff url('images/border2.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;

}

/******************************
*                             *
*             .post           *
*                             *
******************************/
.post 
{
	border-bottom: solid 1px #eaeaea;
	margin: 0 0 2em 0em;	
	border: solid 0px red;
	
	
	padding-left: 2em;
	padding-top: 0.2em;
	background: #FDFCF6 url('images/boxbg.gif') repeat-x;

	
}

.post h3 a, .post h4 a 
{
	text-decoration:none;
	color:#141;	
/*	border:none; */
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.86em;
color: #787878;
margin:0;
padding:0;
}

.post .details .user 
{
	background:url(images/user.png) no-repeat left center;
	padding-left:15px;
}
.post .details .date 
{
	background:url(images/date.gif) no-repeat left center;
	padding-left:15px;
	margin:0 0 0 1em;
}

x.post ul.controls
{
	clear: both;
	margin:0;
	padding:1em 0;
	background:#fcfcfc;
	color: #787878;
	color: #ff0000;
}


.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('images/icon-printerfriendly.gif');
}

.post ul.controls li.comments a
{
background-image: url('images/icon-comments.gif');
}

.post ul.controls li.readmore a
{
background-image: url('images/icon-more.gif');
}

.box
{
position: relative;
left: -1.5em;
top: -1.5em;
padding: 1.5em;
border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
}


blockquote
{
background: #FDFCF6 url('images/boxbg.gif') repeat-x;
}
.contentarea ul
{
list-style: none;
}

.contentarea ul li
{
line-height: 2.0em;
}



/***************************
*                          *
*    * Header stuff *      *
*                          *
***************************/
#xupperheaderpic
{
position: relative;
height: 109px;
height: 12px;
background: #fff url('images/uhdrpic.gif') no-repeat top left;
background: #fff url('images/uhdrpic.gif') repeat top left;
margin-bottom: 2px;
}

#header
{
position: relative;
height: 9.0em;
width: 100%;
background: #2B2B2B url('images2/AR-banner-centre-slice.jpg') repeat-x;
margin-bottom: 2px;
height: 8.0em;
border: dotted 0px green;
}

#headercontent
{
position: absolute;
bottom: 0em;
top: 1em;
padding: 0.3em 2.0em 1.3em 2.0em;
border: dotted 0px orange;

height: 9.0em;
}


/* =================== AR Special =================== */

/* Banner  */
div.banner
{
/* AR colour */
background-color: #ffffff;
background-image: url(../trim/banner/AR-banner-centre-slice.jpg); 
margin: 0.5em 0.5em 0.5em 0.5em; 
border: 0px solid #005334;

}


span#left-banner-pic {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #000000;
  margin: 0; 
  padding: 0; 
  margin-left: 0.5em; 
	
  border: 0px solid red;
}

span#right-banner-pic {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #000000;
  margin: 0; 
  padding: 0; 
  
  border: 0px solid red;
}

 span#title-text {
  color: #707070;
  font-size: 2em;
  font-weight: bold;
  text-align: center; 
  margin: 0.75em  2em 0em 2em; 
  /* padding: 0em 2em 0em 2em; */
  position: absolute;
  border: 0px solid green;
  left:20%;
  width:50%;
}


/* make pics in banner div scale with font */
img.banner-left {/* scalable em 75 * 92 */
	border: 0;
  width: 5em;
  height: 5.65em;
  }
img.banner-right {/* scalable em 75 * 92 */
  border: 0;
  width: 4em;
  height: 5.65em;
  }
  
  span#title-text {
	color: #707070;
	font-size: 2em;
	font-weight: bold;
	text-align: center; 
	margin: 0.75em  2em 0em 2em; 
	/* padding: 0em 2em 0em 2em; */
	position: absolute;
	border: 0px solid green;
	left:20%;
	width:50%;
 }


/* ***** ***** ***** ***** ***** ***** */


#leftheaderpic
{
	position: relative;
	float: left;
	border: solid 1px #000000;
}
/* =================== AR Special =================== */

#headercontent h1
{
font-weight: bolder;
font-size: 2.8em;
display: block;

width: 100%;  


}

#headercontent h1 a:link, #headercontent h1 a:visited
{
	color:#9F9030;
   text-decoration:none;
}

#headercontent h1 a:hover, #headercontent h1 a:active
{
	text-decoration:none;
	color:#fff;
	border:none;
}

#headercontent h1 sup
{
color: #777;
}

#headercontent h2
{
font-size: 1.2em;
font-weight: normal;
color: #aaa;
padding: 0.4em 2.0em 1.3em 0.2em;
}

#search
{
top: 9em;
right: 1.0em;
padding-right: 0.0em;
position: relative;
float: right;
}

#search input.text
{
margin-right: 0.5em;
vertical-align: middle;
border-top: solid 1px #000000;
border-right: 2px;
border-bottom: solid 1px #777777;
border-left: 2px;
padding: 0.15em;
width: 10.0em;
}

#search input.submit, input.submit
{
background: #939B00 url('images/buttonbg.gif') repeat-x;
border: solid 1px #5F6800;
font-weight: bold;
padding: 0.25em;
font-size: 0.8em;
color: #F2F3DE;
vertical-align: middle;
}

#lowerheaderpic
{
position: relative;
height: 109px;
background: #fff url('images/lhdrpic.jpg') no-repeat top left;
margin-bottom: 2px;
}

#menu
{
position: relative;
background: #7F8400 url('images/menubg.gif') repeat-x top left;
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover, #menu ul li a:active, #menu ul li.current_page_item a
{
/* text-decoration: underline; */
background: #7F8400 url(images/menuactive.gif) repeat-x top left;	
border:none;
}


#menubottom
{
background: #fff url('images/border1.gif') repeat-x;
height: 15px;
margin-bottom: 0em;
border: red 0px solid;
}

/**********************
*                     *
*        Header End   *
*                     *
**********************/


/***********************
*                      *
*            Content   *
*                      *
***********************/
/* everything below Header */

#content
{
padding: 0em 0em 0em 0em;
border: red 0px solid;
}

#primarycontainer
{
float: left;
margin-right: -19.0em;
margin-top: 0em;
padding-top: 0em;
width: 100%;
border: orange 0px solid;
background-color: transparent;
width: 73%;
}



#primarycontent
{
margin: 1.5em 1em 0em 0em;
/**********************
*                     *
*   padding-top: 0;   *
*                     *
**********************/
border: green 0px dashed;
width: 100%;
}
/**************************
*                         *
*                         *
*        Basic            *
*                         *
*                         *
**************************/

/**************************
*                         *
*                         *
*        Secondary        *
*                         *
*                         *
**************************/
#secondarycontainer  

{
margin-top: 0em;
float: right;
width: 18.0em;
width: 25%;
border: orange 0px solid;
}


#xsecondarycontent
{
margin-top: 1.5em;
float: right;
xwidth: 18.0em;
}
#secondarycontent
{
	margin-top: 1.5em;
	float: right;
	float: left;
	/* 
	 * xwidth: 18.0em;
	 * xwidth: 25%;
	 */
	border: green 2px dashed;
	/* PJN debug */
	border: green 0px dashed;
}

.widgetbox
{
position: relative;
background: #FDFCF6 url('images/boxbg.gif') repeat-x;
padding: 1.5em;
border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
}

.widgetbox ul li
{ 
	/* border: blue 0px solid; */
list-style: none;
}
.widgetbox ul li:first-letter
{ 
	xcolor:#B96D00;
	xcolor:#993D00;
	font-weight: bold;
	
}
.widgetbox ol li
{ 
  /*	border: blue 1px solid;  */
}


/**************************
*                         *
*                         *
*          Footer         *
*                         *
*                         *
**************************/


#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url('images/border2.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
}

#footer .left
{
position: absolute;
left: 2.5em;
bottom: 1.2em;
border: blue 0px solid; 
}

#footer .right
{
position: absolute;
right: 2.5em;
bottom: 1.2em;
border: blue 0px solid; 
}


/* Comments and their styles */


#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

/*******************************
*                              *
*        Supplementaries       *
*                              *
*******************************/

.entry ul li
{list-style:square;
margin-left:25px;
}

.post ol li
{
margin-left:25px;
}

/* *************************************************************************
*                                                                          *
*    Toggle box stuff                                                      *
*                                                                          *
*      http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/    *
*                                                                          *
************************************************************************** */
 
 
 
h4.trigger {
/*	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	font-size: 2em;
	font-weight: normal; */
	xwidth: 450px;
	float: left;
	width: 95%;
	xborder: green 0px solid;
	
	
}
h4.trigger a {
	/*	color: #ff0000;
	text-decoration: none; */
	display: block;

}
h4.trigger a:hover { 
	color: #B96D00; 
	border-bottom:#B96D00 1px dashed;
}
h4.active {background-position: left bottom;} 
 /*--When toggle is triggered, */
 /*it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
/*	font-size: 1.2em;
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
*/
	overflow: hidden; 	
	width: 600px;
	clear: both;
	width: 100%;
	border: red 0px solid;

}
.toggle_container .toggle_block {
	padding: 0px; /*--Padding of Container--*/
	/*	background: url(toggle_block_btm.gif) no-repeat left bottom; --Bottom rounded corners--*/
}



/*************************************************
*                                                *
*    =========================================   *
*                                                *
*************************************************/

/* Captions & alignment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	font-style: italic;
	
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	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 & alignment */



/*********************************
*                                *
*   Stuff for xml google maps    *
*                                *
*********************************/

/* Outer div in which map is drawn*/
.xmlgmdiv {
	border: green 0px solid;
	padding: 0em;
	margin-top: 1em;
	margin-bottom: 1em;
	
}
/* Iframe */
.xmlgm {
	border: blue 0px solid;
	padding: 0em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	background-color: #ffffff;

}