/*
Theme Name: Petali Flowers
Theme URI: http://petaliflowers.com/
Description: Custom Theme for www.petaliflowers.com
Version: 1.0
Authors: Greg and Eric Nelson

*/

body{
  margin: 0 auto;
	background: url("images/background.jpg") repeat;
	color: #A0D084;
	font-family: caslon, georgia, arial, sans-serif;
}
#header{
  padding-top: 10px;

}
div#fairyshop{
  position: absolute;
  top: 50px;
  right: 20px;

}

#fairyshop a{
  color: #b1b3b6;
  text-decoration: none;
  padding: 10px;
  border: #b1b3b6 2px solid;
  color: #b1b3b6;
	font-size: 18px;
}
#fairyshop a:hover{
  color: #A0D084;
  text-decoration: underline;
  border-color: #A0D084;
}
a{
  color: #A0D084;
}
.main-logo{
  position: relative;
	z-index: 2;
}
.nav-end{
  position: relative;
  float: right;
	clear: none;
	z-index: 3;
}
#topnav{
  position: relative;
  background: url("images/nav_bg.png") no-repeat;
  top: 111px;
  z-index: 1;
  height: 70px;
}
#topnav li{
  float: left;
  max-width: 130px;
  text-align: center;
}
#topnav ul{
  float: right;
}
#topnav li a{
  display: block;
  padding: 10px;
  font-size: 16px;
  line-height: 20px;
}

#logo a{
  display:block;
}
#topnav a{
  color: #b1b3b6;
 text-decoration: none;
}
#topnav a:hover{
  color: #A0D084;
	background: url("images/nav_bottom_hover.png") no-repeat bottom center;

}

#slider-frame{
  background: url("images/slider_frame.png") no-repeat center;
  height: 567px;
}
#slider{
  height: 500px;
	width: 660px;
	padding-top: 33px;
	padding-left: 140px;
	}
.spacer{
  height: 700px;
	}
#content{
  margin-top: 10px;
}

#footer{
  height: 135px;
}

hr.footer-one{
  color: #000000;
  background-color: #000000;
  height: 2px;
	border: none;
}
hr.footer-two{
  color: #A0D084;
  background-color: #A0D084;
  height: 2px;
	border: none;
}

#content .photoblog li {
  width: 310px;
  min-height: 300px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: 5px 0px 5px 0px;
  zoom: 1;
  *display: inline;
  _height: 300px;

}
.post-photo{
  width: 290px;
	padding-top: 10px;
	padding-left: 0px;
	height: 210px;
}



.post-description{
  padding-left: 10px;
	padding-top: 10px;
  width: 280px;
}

.photo-link{
  border:5px solid #58595b;
	height: 200px;
	width: 280px;
}
a img.photo-link:hover {
  border: 5px solid #a0d084;

}

#photo-page .photoblog li{
  margin: 0px;
	padding: 0px;
	height: 240px;
	margin: 0px;
	padding: 0px;
	min-height: 240px;
	_height: 240px;
}

#photo-page h2{
  font-size: 18px;
}

#photo-page p{
  width: 640px;
}


h4.photo-text{
  color:#b1b3b6;
	font-size: 11px;
	line-height: 16px;
	font-family: helvetica, arial, sans-serif;

}

h3.photo-title{
  font-size: 15px;
	color: #e6e7e8;
	font-family: georgia, serif;
	line-height: 20px;

}

h3.footer-head{
  font-weight:normal
  line-height: 20px;
  font-family: caslon, georgia, serif;
	font-size: 15px;
}
h4.footer-body{
  line-height: 20px;
  font-size: 12px;
  font-family: helvetica, arial, sans serif;
  color: #b1b3b6;
}
#footer a:link, #footer a:visited, #about-us a:link, #about-us a:visited, #reviews a:link, #reviews a:visited{
  color: #b1b3b6;
  text-decoration: none;
}

#footer a:hover, #about-us a:hover, #reviews a:hover{
  color: #a0d084;
  border-bottom: 1px solid #a0d084;
}

.slideInfoZone h2{
  font-size: 18px;
	color: #e6e7e8;
	font-family: georgia, serif;
	line-height: 20px;
}

.slideInfoZone p{
  color:#b1b3b6;
  font-size: 14px;
  line-height: 16px;
  font-family: helvetica, arial, sans-serif;
}

#about-us{
  color: #b1b3b6;
  line-height: 20px;
}

#about-us h2{
  margin-bottom: 8px;
}

#about-us p{
   margin-bottom: 20px;
 }
 
 #about-us ul{
   padding-left: 10px;
 }
 
#about-us ul.promise{
  list-style-type: circle;
  margin-bottom: 20px;
}

#photo-page{
  color: #b1b3b6;
  line-height: 20px;
	margin-bottom: 8px;
	margin-top: 20px;
}

#photo-page p{
   margin-bottom: 20px;
 }
 
 #photo-page img{
   border:5px solid #58595b;
   margin-bottom: 20px;
 }
 
 
div#reviews{
  margin-top: 20px;
}

#reviews p{
  color: #b1b3b6;
  line-height: 30px;
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  border: 2px solid;
  padding: 10px;
}

#reviews a.yelp:link, #reviews a.yelp:visited, #reviews a.yelp:hover, #reviews a.yelp:focus, #reviews a.yelp:active{
  border: none;
  padding-left: 75px;
  text-decoration: none;
}