/*

Fire on the Beach Theme

********
COLORS
********
Orange: #BA5B11
Blue: #2B4785
Dark Grey: #2B2B2C


*/



* {

  padding: 0;

  margin:0;

  list-style:none;

}



body {

  font:62.5% "Lucida Grande", Verdana, sans-serif; 
  
  color: #2B2B2C;

}



p, h3, h4, h5 {

  font-size:1.2em;

  color: #2B2B2C;
  
}



 
em {

	font-weight: normal;

}

img {

  border:0;

}

a.action {

	display: block;
	
	background: url(images/arrow.jpg) 0 .5em  no-repeat;
	
	padding: 0 0 0 13px;
	
	font-weight: bold;
	
	line-height: 2em;
	
	text-decoration: none;
	
	

}
	

hr {border-top: 1px solid #efefef; border-bottom: none; }


html, body {
	height: 100%;
}


div#wrapper {

  width: 778px;

  margin: 0 auto;

  background: url(images/bg.png) repeat-y; 
  
  min-height: 100%;
  
  height: auto !important;
  
  height: 100%;
  
  margin: 0 auto -8px; /* the bottom margin is the negative value of the footer's height */
 

}

#footer, .push {
	height: 10px; /* .push must be the same height as .footer */
}




div#masthead {

  width: 772px;

  position:relative;
  
  /*height: 100px;
  
    background: url(images/masthead-bg.jpg) 6px 0; /* Set background image here */


}



/* Blog Title */

h1 {

  font: 3em 'Georgia';
 
  color: #2B2B2C;

}



h1 a {

  position:absolute;

  width:300px;

  height:30px;

  left:20px;

  top:15px;

  text-decoration:none;

  color: #2B2B2C;


}



/* Pages Navigation */

div#masthead ul {

  float:right;

  margin-right:15px;

  position:relative;

  z-index:2;

  bottom:-2px;

}



div#masthead ul li {

  float:left;

}



div#masthead ul li a {

 /* color: #BA5B11;*/

  text-decoration: none;

  display: block;

  font-size: 1.3em;

  padding: 25px 10px 10px 9px;

}



div#masthead ul li a:hover,

div#masthead ul li.current_page_item {

 /* background:url(./images/nav_bg.png) bottom repeat-x; */

}



/* Banner image dropshadow */

div#masthead_image {

  width:760px;
  
  padding-left: 6px;

  clear:both;

  position:relative;

  z-index:1;

}



a {

  outline:0;
  color: #2B4785;

}




div#content {

  width: 760px;

}



/*-----------------------------------------------------------------------------



  Main Content



-----------------------------------------------------------------------------*/



div#main {

  padding:0 20px 20px;


}

div.w500 {

  width:500px;

  float:left;

}


div#main-left, div.main-left {
	width: 180px;
	float: left;

}


div#main-right, div.main-right {

	width: 300px;
	float: left;
	padding-left: 10px;

}

div.float-right {float:right;}

div.float-left {float:left; padding-right: 15px;}

div.thumb-wrap {
	padding-bottom: 15px;
}

div.thumb-wrap h3 {
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 1em;
}

div.thumb-wrap img {
	padding-top: 0;
	margin-top: 0;
	display: block;
	
}

/*
div.thumb-wrap img {
	width: 150px;
	float: left;

}

div.thumb-wrap {
	display: block;
	clear: both;
}

div.thumb-wrap h3 {
	display: block;
	padding-left: 10px;
	}
*/


/* Main header on single pages */


h2.header {

  font: 2em 'Georgia';
  
  color: #BA5B11;

  padding: 10px 0 0;

  margin: 0 0 15px;

  position: relative;


}



div#main h2.header a {

  color: #BA5B11;

  text-decoration: none;

}



h2.header span {

  position: relative;

  padding-right: 10px;

  bottom: -5px;

}



/* Secondary headline above comments and comment form */

div#main h3 {

  margin:15px 0 5px;

 

}



div#main p {


  line-height: 1.7em;

  margin:10px 0;

}





.article {

  margin-bottom:20px;

}



blockquote {

  padding:1px 5px;
  
  color: #2B2B2C;
  
   
}

blockquote  span {

	color: #BA5B11;
	
	font-family: "Georgia", serif ;
	
	font-size: 1.4em;
}	

blockquote  span em {

	color: #BA5B11;
	
	font-family: "Georgia", serif ;
	
	font-size: 100%;
}


.article ul, .article ol {

  font-size:1.2em;

  color:#6b6b6b;

  margin-left:15px;

}



.article ul li {

  margin:5px 0;

  padding-left:15px;

  background:url(./images/square.png) 0 center no-repeat;

}



.article ol {

  margin-left:30px;

}



.article ol li {

  list-style:decimal;

  margin:10px 0;

}



.article ol li ol {

  font-size:1em;

  margin-left:15px;

}



#main p.byline {

  color:#999;

}



ul.article_footer {

  text-align:right;

  margin:10px 0;

  background:#F1F1F1;

  padding:5px 10px;


}



ul.article_footer li {

  font-size:0.9em;

  display:inline;

  background:none;

  margin-left:5px;

  padding-left:10px;

}



ul.article_footer li.first {

  border-left:0;

}



/*-----------------------------------------------------------------------------



  Secondary Content



-----------------------------------------------------------------------------*/



div#secondary {

 padding:20px 0;

  width:200px;

  float:left;
  
  line-height:1.2em;

}

div#secondary a {
	
	font-size: 1.2em;
	
	font-weight: bold;

}

div#secondary a.action {
	margin-left: .2em;
	margin-top: .75em;
	
}

div#secondary ul#sidebar {

  margin:15px 0 20px;

  color:#507fa3;

  padding-bottom:10px;

  border-bottom:1px solid #e7e7e7;

}



div#secondary ul#sidebar li {

  margin:5px 0;

  font-size:1.2em;

  line-height:1.5em;

}



/* Sidebar headers */

div#secondary h2 {

  text-transform:uppercase;

  color:#507fa3;

  margin:20px 0 8px;

  font-size:1em;

  line-height:1;

}



div#secondary ul.children {

  margin-left:5px;

  padding-left:10px;

  border-left:5px solid #EAEAEA;

}



div#secondary ul#sidebar li li {

  font-size:1em;

}

div#secondary img {

	margin: .5em 0;
	width: 220px;
}



/* Optional bio area header (commented out by default) 

div#author h2 {

  font-size:1.2em;

}



div#secondary p {

  line-height:1.5;

  margin:5px 0;

  color:#666;

}
*/


/* Search input 

form#searchform {

  position:relative;

  height:28px;

  margin-bottom:20px;

}



form#searchform input#s {

  position:absolute;

  top:0;

  height:18px;

  width:156px;

  padding:5px;

  background:url(./images/text_bg.png) repeat-x;

  border:1px solid #bcbcbc;

}



input#search_submit {

  position:absolute;

  right:0;

}

*/

/*-----------------------------------------------------------------------------



  Footer



-----------------------------------------------------------------------------*/

ul#footer {

  width: 778px;

  margin: 0 auto;

  background: url(images/bg.png) repeat-y; 
  
  height:10px;

  margin:0 auto;

  text-align:center;

  font-size:1em;

  color:#686868;

  padding:15px 0;
 

}



ul#footer li {

  display:inline;

  margin-left:10px;

}



ul#footer li span {

  position:absolute;

  text-indent:-9999em;

}



ul#footer li a {

  color: #2B4785;

  text-decoration:none;

}



/*-----------------------------------------------------------------------------



  Wordpress Specific Stuff - Elements that weren't in my original stylesheet



-----------------------------------------------------------------------------*/



ol.commentlist {

  margin-top:15px;

  color:#555;

}



/* Background color for visitor comments */

ol.commentlist li {

  background:#F1F1F1;

  padding:10px;

  margin:10px 0;

}



/* Background color for Admin comments */

ol.commentlist li.alt {

  background:#EBF9FC;

}



textarea#comment {

  width:500px;

}



#main p.comment_meta {

  margin:0;

  float:right;

}



/* Optional popup window (NOTE: popups make for bad UI IMHO) 

body#commentspopup {

  background:#FFF;

  padding:20px;

}



body#commentspopup a {

  color:#666;

}



body#commentspopup h1 a {

  position:relative;

  top:0;

  left:0;

}



body#commentspopup h3 {

  color:#555;

}



body#commentspopup p {

  margin:10px 0;

  color:#555;

}



body#commentspopup textarea {

  width:340px;

}
*/


/* Image stuff for 2.6.1 */

.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.alignleft {

  float: left;

}



.alignright {

  float: right;

}



.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;

  border-radius: 3px;

}



.wp-caption img {

  margin: 0;

  padding: 0;

  border: 0 none;

}



.wp-caption-dd {

  font-size: 11px;

  line-height: 17px;

  padding: 0 4px 5px;

  margin: 0;

}



p.entry_info {

  clear:both;

}



div.navigation {

  margin:10px 0;

}

/*-----------------------------------------------------------------------------



 Custom Gallery styles



-----------------------------------------------------------------------------*/
 
 
div#main div.ngg-imagebrowser {
	margin: 0 auto;
	width: 550px;

	}     


div#main div.ngg-imagebrowser-nav {

	
	}  

div#main div.ngg-imagebrowser-nav .back {}  

div#main div.ngg-imagebrowser-nav .next {}  


div#main div.ngg-imagebrowser-desc {

	/*width: 250px;
	float:left;
	display: block;*/
	/*background-color: #efefef;
	padding: 0 10px;*/

} 

div#main div.ngg-imagebrowser .pic {
clear: both;
margin-top: 10px;
} 
        

/*-----------------------------------------------------------------------------



  CSS Magic



-----------------------------------------------------------------------------*/



.clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

  .clearfix {display:block;}

/* End hide from IE Mac */


hr.clear {clear:both;}