/******************************************************************   HTML ELEMENTS  *****/ 

/*** TOP ELEMENTS ***/

*       { margin: 0; padding: 0; }

body    { background: #FEFEFE url(images/bg.jpg) repeat-x;
          color: #555; font: normal 73%/1.5em Helvetica, Georgia, sans-serif;
	  text-align: center;
          margin: 0; padding: 0;  }

/**********************************************************************  LAYOUT ***/

#header-content, 
#content,
#footer-content    { width: 94%; }

/**** HEADER ***/

#header          { height: 120px; text-align: left; }

#header-content         { position: relative; margin: 0 auto; padding: 0; }

#header-content h1#logo { position: absolute; top: 4px; left: 0px;	
	                  color: #FFF; font: italic bold 36px "Times New Roman", Sans-serif;
	                  letter-spacing: -2px; 
	                  margin: 0; padding: 0; }	

#header-content h1#logo a        { color: #FFFFFF; text-decoration: none; }
#header-content h1#logo a:hover  { color: #D59D69; text-decoration: none; }
#header-content h1#logo a:active { color: #BFBFBF; text-decoration: none; }

#header-content #slogan {  position: absolute; top: 60px; left: 40px; 	
	                   color: #FFF;	font: italic bold 18px "Times New Roman", Sans-serif;
	                   text-transform: none;	                   
	                   margin: 0; padding: 0; }

/* change the values of left and top to adjust the position of the slogan */
	

/*********************************************************************** HEADER MENU ***/

#header-content ul {	position: absolute; right: -5px; top: 20px;
	                color: #FFF; font: bold 1.0em Georgia, sans-serif;	                
	                list-style: none;
	                margin: 0; padding: 0;	}

#header-content li   {	display: inline; }
#header-content li a {	background-color: #192832; float: left; display: block;	                
	                color: #999999; text-decoration: none;	                
	                padding: 0px 8px;	
	                border-right: 1px solid #272727; }

#header-content li a:hover    {	color: #D59D69; }
#header-content li a:active   { color: #65944A; }
#header-content li a#current  {	color: #FFFFFF; }

/********************************************************************** HEADER PHOTO ***/

.headerphoto {   background: #4A545B url(images/headerphoto.jpg) no-repeat center;	
	         width: 94%;
	         height: 300px;
                 margin: 0 auto;}

.wpheaderphoto { background: #4A545B url(images/headerphotowp.png) no-repeat center;	
	         width: 94%;
	         height: 300px;
                 margin: 0 auto;}

/*************************************************************************** CONTENT ***/

#content-wrap { width: 100%; float: left; clear: both; }

#content      { text-align: left; margin: 0 auto; padding: 0; }

/**************************************************************************** SIDEBAR ***/

#sidebar {      width: 31%; float: right;
	        margin: 0 0 10px 0; padding: 0;	}	

#sidebar h1 {	font: bold 1.2em Georgia, Tahoma, Sans-serif;
	        margin: 0; padding: 10px 0px 5px 10px; }

.sidebox {	background: #FEFEFE;
                width: 99%;
	        margin-top: 10px;
                border: 1px solid #CCCCCC; }

/******************************************************************** SIDEBAR MENU *****/

#sidebar ul.sidemenu {	background: #F5F5F5;	
                        list-style: none;
	                margin: 0; padding: 0; }

#sidebar ul.sidemenu li      {	padding: 0px 10px 0px 10px;}

#sidebar ul.sidemenu a.top   {	border-top: 0px solid #D4D4D4; }

#sidebar ul.sidemenu a       {	display: block; text-decoration: none;
	                        color: #333; font-weight: normal;
	                        height: 1.6em; line-height: 1.2em;
                                padding: 0px 10px;
	                        border-bottom: 0px dashed #D4D4D4; }

#sidebar ul.sidemenu a:hover {	background: #FCFCFC; color: #65944A;
	                        border-left: 5px solid  #65944A; }


/****************************** MAIN *************************************/

#main       {  	float: left;
	        width: 68%;	
	        margin: 0 0 10px 0; padding: 0;	}

#maincontacts { float: left;
                width: 100%;
                margin: 0 0 10px 0; padding: 0;}

#main h1    {	padding: 10px 0px 10px 5px;
	        margin: 0 0 0 10px;
	        border-bottom: 1px solid #f2f2f2; 	
	        font: bold 1.5em Georgia, 'Trebuchet MS', Tahoma, Sans-serif; }

#main ul li {    list-style-image: url(bullet.gif);}

.post       {	  margin: 0; padding: 0;
	          background: #FFF url(gradientbg.jpg) repeat-x;
	          border: 1px solid #EFEDED; }

.post .post-footer {	background-color: #FAFAFA;
	                border: 1px solid #f2f2f2;
	                padding: 5px; margin-top: 20px;
	                font-size: 95%; }

.post .post-footer .travelog {	background-color: #FAFAFA;	                        
	                        padding: 5px; margin-top: 20px;
	                        font-size: 100%; font-weight: bold;}

.post .post-footer .date {	background: url('clock.gif') no-repeat 0 center;
	                        padding-left: 20px; margin: 0 10px 0 5px; }

.post .post-footer .ISBN {	font-size: 100%; color: #003300;
                                background: url('clock.gif') no-repeat 0 center;
	                        padding-left: 20px; margin: 0 10px 0 5px; }

.post .post-footer .comments {	background: url('comment.gif') no-repeat 0 center;
	                        padding-left: 20px; margin: 0 10px 0 5px; }

.post .post-footer .readmore {	background: url('page.gif') no-repeat 0 center;
	                        padding-left: 20px; margin: 0 10px 0 5px; }


/******************************************************************************* LINKS ***/

a        { font-weight: bold; color: #666666; text-decoration: none; } /*background: inherit; */
a:hover  { font-weight: bold; color: #663366; text-decoration: underline; } 
a:active { font-weight: bold; color: #7A0000; text-decoration: underline; }

/****************************************************************************** HEADINGS ***/
h1, h2   { font-weight: bold; font-family: "Times New Roman", Tahoma, Sans-serif; }

h0       { font-size: 1.8em; }
h1       { font-size: 1.6em; color: #65944A; font-weight: bold; font-family: "Times New Roman", Tahoma, Sans-serif;}
h2       { font-size: 1.4em; font-weight: bold; font-family: "Times New Roman", Tahoma, Sans-serif; }
h3       { font-size: 1.4em; font-family: Georgia;}
h4       { font-size: 1.2em; color: #65944A; font-family: Georgia;}
h5       { font-size: 0.8em; color: #333333; font-family: Helvetica;}

h0, 
h1, h2, 
h3, h4, h5   { margin: 10px 0px 10px 15px; }

p         {	margin: 10px 10px;
	        padding: 0 15px 0 15px;    }

 span.c4 {color: #FF0000}

 img.c3 {border: 0px;}

 p.c2 {text-align: justify}
 p.c1 {text-align: center}


ul, ol    {	margin: 10px 10px;
	        padding: 0 5px 0 25px;    }

/*********************************************************************** IMAGES ***/
img             {  border: 1px solid #DADADA;}
img.float-right {  margin: 5px 0px 5px 15px; }
img.float-left  {  margin: 5px 15px 5px 0px; }

code {            background: #FAFAFA;                  
                  display: block; overflow: auto;  text-align: left;
                  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
                  /* white-space: pre; */                  
                  margin: 5px 0;
                  padding: 10px;
                  border: 1px solid #f2f2f2;  
                  border-left: 3px solid #72A545;  }

acronym {         cursor: help;
                  border-bottom: 1px solid #777;  }

blockquote {      background-position: 8px 10px;
                  background-color: #FAFAFA; 
	          color: #666666; font: bold italic 1.2em/1.5em "Times New Roman", sans-serif; 
	          margin-top: 15px; margin-right: 20px; 	
                  padding: 5px 30px 5px 30px;
	          border-right:  1px solid #666666; 
	          border-bottom: 1px solid #666666; }




/**************************************************************************** TABLES ***/

table     { 	  margin-top: 10px; margin-bottom: 10px; }

/*****

th strong {	color: #FFFFFF;}

th        {	background: #74A846;
	        height: 29px;
	        padding-left: 11px; padding-right: 11px;
	        color: #fff; text-align: left;
	        border-left: 1px solid #B6D59A;  border-bottom: solid 2px #FFF;   }

tr         {	height: 30px;}
td         {	padding-left: 11px; padding-right: 11px;
	        border-left: 1px solid #FFF; border-bottom: solid 1px #ffffff;   }

td.wr       {   padding: 0px;}

td.first,
th.first    {	border-left: 0px;}

tr.row-a    {	background: #F8F8F8;}
tr.row-b    {	background: #EFEFEF;}

************************************************** END TABLE ***/

/********************************************************************FORM ELEMENTS ***/

form         {  margin: 10px 15px; 
                padding: 0;
	        border: 1px solid #f2f2f2; 
	        background-color: #FAFAFA; }

label        {	display: block;
	        font-weight: bold;
	        margin: 5px 0;  }

input        {	padding: 2px;
	        border: 1px solid #eee;
	        font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	        color: #777;  }

textarea     {	width: 400px;
	        padding: 2px;
	        font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	        border: 1px solid #eee;
	        height: 100px;
	        display: block;
	        color: #777;  }

input.button { 	font: bold 1em Arial, Sans-serif; 
	        background: #FFFFFF; 
                color: #333;	
	        margin: 0; padding: 2px 3px;	        
	        border: 1px solid #DADADA;   }

/**************************************************************************** SEARCH FORM */
.searchform   {	background-color: transparent;
	        border: none;	
                margin: 0; 
                padding: 0; }

.searchform p { margin: 10px; padding: 0; }

.searchform input.textbox { 	width: 130px; height: 20px;
	                        color: #333; 	                        
	                        padding: 2px;	
	                        vertical-align: top; }

.searchform input.button { 	width: 60px; height: 26px;
	                        color: #333; font: bold 12px Arial, Sans-serif; 	
	                        vertical-align: top; padding: 3px 5px;	                          
	                        border: 1px solid #192832; }


/***************************** FOOTER *********************************/

#footer {  background: #FFF url(images/gradientbg.jpg) repeat-x;
           font: normal 0.9em/1.1em Helvetica, Arial, sans-serif;
	   text-align: left;  clear: both;
           margin: 0; padding: 0; }

#footer h1, 
#footer p     {	margin-left: 0; }
#footer h1    { font-family: Georgia; }

#footer-content   {  margin: 0 auto; padding-left: 0px;  
                     border-top: 5px solid #EAEAEA;  }

#footer-content a        { color: #000000; text-decoration: none;      }
#footer-content a:hover  { color: #7A0000; text-decoration: underline; }
#footer-content a:active { color: #7A0000; text-decoration: underline; }

#footer-content ul {	list-style: none; margin: 0; padding: 0;  }

#footer-content .col  {	width: 50%; padding: 0 0 10px 0; }
#footer-content .col2 {	width: 50%; padding: 0 0 10px 0; }


/*************** ALIGNMENT CLASSES ****************************/

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/******************* ADDITIONAL CLASSES ***********************/

.clear { clear: both; }
.gray  { color: #BFBFBF; }