/*
Theme Name: Zambo
Theme URI: http://zambotravel.com/
Description: Zambo theme exclusively for zambotravel.com
Version: 1.0
Author: Dan Dalzotto
Author URI: http://dandalzotto.com/
Tags: zambo

*/
      


/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #9c9c9c;
	color: #333;
	text-align: center;
	background:#000 url('images/page-bg.jpg') no-repeat top center fixed;  	
	border:0;
}   

p {

}

#pageContent {
	color:#333;
	text-align: left;
	margin: 0 auto;   
	padding:0;           
	width:955px;
	border:0;
	border-left:1px solid #888;  
	border-right:1px solid #888; 
	background:#3D5A00; 
	

}      
            
#title {
	background: url('images/header-bg.jpg') repeat-y top left;
	padding:0;
	margin:0;
	height:124px;	
}

/* flash menu */
#menu {
	padding:0;
	margin:0;
	height:55px;  
	background:#3D5A00 url('images/flashArea-bg.jpg') no-repeat top left;
}  
#menu ul {
	padding:0;
	margin:0;
	height:55px;
	display:block;
	list-style:none;  
	line-height:55px;
	  
}                   
#menu ul li {
	padding:0;
	margin:0;
	height:55px;
	float:left;
	display:block;
}     
#menu ul li a {
	padding:0;
	margin:0;
	height:55px;
	font-weight:bold; 
	color:white;
	padding-left:30px; 
}

#theTitle {
	background:#3D5A00;
}

#whiteSwirl {
	height:22px;
	background: url('images/header-bottomSwirl-bg.jpg') top no-repeat;
}



#flashArea {
	background:#3D5A00 url('images/flashArea-bg.jpg') no-repeat top left;  
	height:317px;  
}

#flashArea img {
	margin-left:10px;
	margin-top:10px;
}

#flashAreaGallery{ 
	background:#3D5A00 url('images/flashArea-bg.jpg') no-repeat top left;  
	height:600px;
	border-bottom:1px solid #888;     
}






#slideshow {
	margin:0; 
	padding:0;
	background:#3D5A00;   
	color:white;
	
}  

#slideshow h2 { 
	color:white;
	font-size:2em;
	margin:0;
	padding-left:30px;
	padding-bottom:10px;
	line-height:2em;   
}
                    
#slideshow p {
	padding-left:30px;
}

     
/* end header */      


#side #adminList {
	background:white;
	padding:20px;
	margin:20px; 
	border:1px solid #777;    
}                
#adminList ul {              
	margin-bottom:20px;	
	border-top:1px solid #777;
}
#adminList ul li {
	padding:5px;  
	border-bottom:1px solid #777; 
	font-weight:bold;
}






.pageFeature {   
  	border: 1px solid #ccc;
  	border-bottom: none;
  	margin: 0 auto;
  	float:right;
	display:block;   
	margin-bottom:10px;   
	
}

.pageFeature .section {
	background: url(images/accordion-bg.gif) repeat-x 0 0;
	border-bottom: 1px solid #ccc;
}	

.pageFeature h3 { 
	padding-left:7px;
	padding-right:7px; 
	margin:0;
	line-height:1.7em;
}
          























             
#whiteArea {
	background:white;
	padding:0;
	margin:0;
}
#pageContent #story {
	float:left;
	display:block;
	width:625px;   
	_width:555px;
	margin:0 0 20px 30px;
	padding:0; 
	margin-top:10px;
	
}    


#newsfeed {
	float:right;
	width: 230px;
	padding:10px 0 10px 15px;
	margin:15px 0 0 15px;
	display:block;
	border-left:1px solid #ccc;	
}
#newsfeed ul {
	width:100%;
	padding:0;
	list-style:none;
}
#newsfeed ul li {
	border-top:1px solid #ccc;
	padding-bottom:10px;
}
#newsfeed ul li h3 {
	font-size:1em;
	padding:0px;
	margin:0px;
}
#newsfeed ul li p {
	font-size:.8em;
	line-height:1.7em;
}
#newsfeed .newsDate {
	font-size:.8em;
	line-height:1.7em;
	font-weight:bold;
	color:#a0b711;	
}

#pageContent #side { 
	float:left;            
	margin:10px 0 20px 18px;
	width:260px;       
	padding-top:15px;  
	
	background:#ccc url('images/side-bg-top.jpg') no-repeat top left;     	
}                                                                           

#pageContent #side #bottomCap { 
	width:260px;       
	height:10px;
	background:url('images/side-bg-bottom.jpg') no-repeat top left;     	
}


#pageContent #side ul {
	list-style:none; 
	padding:0;
	margin:0;
} 

/*admin*/

      

#foot {
	font-weight:bold;
	clear:left;  
	height:35px;
	line-height:35px;
	background:#374851;  
	display:block; 
	border-bottom:1px solid #888;     
	text-align:center;
  	
}  
  
#foot ul { 
	list-style:none;    
	padding:0;
	margin:0; 
	padding-left:30px;     	
}     

#foot ul li { 
	display:block;
	float:left;
	padding-right:20px;
}    

#foot a {
	color:white;
}
 








img {
	border:0;
	margin:0;
	padding:0;
}






#story {
	font-size: 1.2em;
	line-height: 1.6em; 
}


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}


p.intro {
	color:#264f62;
	font-size:1.2em;
	font-weight:thin;	
}

span.standout {
	color:#264f62;
	font-style:italic;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

h1 {
	font-size: 4em;
	text-align: center;
}

h2 {
	font-size: 1.3em;  
}

#side h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
}

h3 {
	font-size: 1.2em;
}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	color: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color:#264f62;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #side h2, #wp-calendar caption, cite {
	text-decoration: none;
}

.entry p a:visited {
	color: #b85b5a;
}

#side {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small, #side ul ul li, #side ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
}

a:hover {
	color: #147;
	text-decoration: underline;
}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0;
}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
}


.clear {
	clear: both;
}

/* End Structure */






















/*	Begin Headers */
h1 {
	padding:0;
	margin: 0;
}

h2 {
	margin:0;
}

h2.pagetitle {
	margin:0;
}

#side h2 {
	margin:0;
	padding: 0;
}

h3 {
	padding: 0;
	margin: 5px 0 0;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
}
/* End Headers */




.roundMe {
	padding:8px 15px 10px 15px;  
	margin-bottom:15px;
}

.bgColor1 {
	background:#ddd;	
}

.bgColor2 {
	background:#eee;	
}











.rightBreak {
	clear:right;
}

bothBreak {
	clear:bothBreak;
}


.leftBreak {
	clear:left;
}







/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
	padding:4px;
	border:1px solid #ccc;
	background:white;
}

.alignright {
	float: right;
	padding:4px;
	border:1px solid #ccc;
	background:white;
}

.alignleft {
	float: left
}
/* End Images */






/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: left;
}

#side #searchform #s {
	width: 108px;
	padding: 2px;
}

#side #searchsubmit {
	padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select {
	width: 130px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}
/* End Form Elements */







/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

hr {
	display: none;
}

a img {
	border: none;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}
/* End Various Tags & Classes*/  


#formStyled .formSection {
	display:block;
	clear:left;
	margin-bottom:10px;
	padding:10px 15px 15px 15px;
}

.color1 { background:#eee; }
.color2 { background:#ddd; }


#formStyled .formColumnLeft {
	width:290px;
	float:left;
	margin-right:10px;
}

#formStyled .formColumnRight {
	width:290px;
	float:left;
	
}

#formStyled .formColumnFull {
	width:100%;
	float:left;
	
}

#formStyled .formColumnBreak{
	clear:left;
	padding-top:10px;
	border-bottom:1px solid #ccc;
}

#formStyled h2, #formStyled h3 {
	clear:left;
	display:block;
}

#formStyled select {
	width:70px;
}

#formStyled p {
	clear:left;
	padding:0;
	margin:0;

}



  
fieldset {border:0;padding:0;margin:0;}    

legend {border:0;padding:0;margin:0;}

#formStyled .fullHeader { 
	margin-bottom:10px;  	
	width:100%;
	float:left;
	display:block; 
}  

#formStyled label {
	font-weight:bold;
	font-size:smaller;
	margin-top:10px;
	display:block;
	width:100%;
	
}

#formStyled input.textField {
	width:80%; 
	padding:0;
	margin:0;
}


#formStyled label.leftLabel {
	width:100%; 
	display:block; 
	float:left;   
}   


label.error {   
	color:#ff3300;
	font-weight:bold;  
	margin:0;
	padding:0; 
	float:left; 
	position:relative;
	top:-10px;
	line-height:2em;
}
         
               
   


#evalLink {
  	border: 1px solid #ccc;
	border-top:none;
  	margin: 0 auto;    
	padding: 10px; 
	padding-left:20px; 
	background: url(images/accordion-bg.gif) repeat-x 0 0;
	

}
            



#categoryTabMenu {	  
	margin-top:10px;  		
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:1px solid #888;
	font-weight:bold;				
}
.new {
	color:#a0b711;
	text-transform:uppercase;
}
#categoryTabMenu a {
	padding:8px 10px 8px 10px;
	color: gray;		
}
#categoryTabMenu a:hover { 
	text-decoration:none; 
	color:#3D5A00;
}
#categoryTabMenu a.disabled {
	color:#567827;
	text-decoration:none;
	background-color:white;
	border:1px solid #888;
	border-bottom:0px;	
}
#ireport {				
	float:left;
	display:block;
}
.leftColumn { 
	width:350px;
	padding-right:10px;
	margin-right:10px; 
	margin-bottom:20px;
	float:left;
}
.rightColumn { 
	margin-left:400px;
	padding-right:20px;
}
h2.iReportTitle {
	font-size:2em;
	line-height:1.2em;					
}
#ireport .accordion {
	width:100%;
	margin-top:10px;					
}
#ireport .section-content-images {
	width:242px;
	float:right;
	margin-left:15px;
	margin-top:10px;
}
#ireport .section-content-images img {
	margin-bottom:10px;
}
.notepadBg{
	background: url('images/notepad.jpg') repeat-y top left;   
	padding:20px 14px 7px 40px;  
	font-family:courier;
	line-height:20px;					
}