@import url("http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css");
html,body{
color: #fff; 
font-size:12px; 
font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
background: #1b1716 url(/images/bg.jpg) no-repeat 50% 0 fixed;
line-height: 20px;
}

h2{
color: #a7bb62;
font-size: 16px;
}
:-moz-any-link:focus {outline: none;}
#aboutText{
width: 530px;
float: left;
}
#aboutFirst{
color: #a7bb62;
}
#aboutText p{
margin: 10px 0;
}
#aboutH1{
border-bottom: 2px solid #a7bb62;
padding-bottom: 4px;
width: 530px;
margin-bottom: 10px;
}
#aboutImg{
float: right;
border: 0;
margin:20px 0 0 0;
}
#bodyText{
margin: 20px 0;
}
body.home #nav .home,
body.life #nav .life,
body.wedding #nav .wedding,
body.blog #nav .blog,
body.about #nav .about,
body.contact #nav .contact
{
background: url(/images/navBtnBg.jpg) no-repeat bottom right;
}
#center{
width: 960px;
margin: 0 auto;
padding:12px 0;
}
.clear{clear:both; height: 0px;}
#center a{
text-align: center;
display:block;
color: #fff;
font-size: 20px;
font-weight: 100;
text-decoration:none;
padding:530px 0 0;
}
#center a:hover .centerFirst{
color: #fff;
}
#center .centerFirst{
color: #80933b;
font-weight:bold;
font-size:22px;
}
#center #life{
width: 471px;
height: 572px;
float: left;
background: url(/images/life.jpg) no-repeat;
display: block;
margin:0 5px 0 0;
}
#center #life a {
border: none;
}
#center #wedding{
width: 471px;
height: 572px;
float: right;
background: url(/images/wedding.jpg) no-repeat;
display: block;
border: none;
}
#center #wedding a {
border: none;
}
#contentWrapper{
margin: 0 auto 20px;
width: 960px;
}
.heading{
color: #80933b;
font-weight:bold;
font-size:22px;
line-height:35px;
}
#header{
width: 960px;
margin: 20px auto 0;
}
#footer{
height: 50px;
width: 853px;
background: url(/images/line.jpg) no-repeat;
display: block;
font-size: 10px;
margin: 0 auto;
}
#footer a, #footer a:visited{
color: #80933b;
text-decoration: none;
padding:  5px 0;
}
#footer a:hover{
color: #fff;
}
#footer p{
padding:  5px 0;
color: #fff;
text-align: center;
}
#logo{
width: 287px;
height: 50px;
background: url(/images/logo.png) no-repeat;
float: left;
display: block;
text-indent: -9999px;
}
#nav{
width: 619px;
height: 47px;
display: block;
background: url(/images/navBg.png) no-repeat;
float: right;
padding: 5px 0 0 4px;
margin:5px 0 0 0;
}
#nav a{
display: block;
color: #fff;
text-align: center;
text-decoration:none;
font-size:14px;
vertical-align:middle;
padding-top:4px;
height:32px;
border: none;
}
#nav li{
width: 102px;
height:36px;
float: left;
display: block;
list-style: none;
background: url(/images/navBtnBg.jpg) no-repeat top right;
}
#nav li:hover{
background: url(/images/navBtnBg.jpg) no-repeat bottom right;
}
p{
font-size:12px;
text-align:justify;
line-height:18px;
font-weight:lighter;
}
#quote{
color: #ccc;
font-style: italic;
}
#wrapper{
margin: 0 auto;
}
/**********************************

Galleria

***********************************/
#thumbHolder{
width: 250px;
float: right;
}
#gallery{margin: 20px 0 0 0;}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:100px;height:100px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.caption{ display: none;}
.gallery_demo li{width:40px;height:40px;border:3px double #111;margin: 2px;background:#000;}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{
width:700px;
height: 600px;
float: left;
}
#main_image img{border: 2px solid #000;}
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
.galleria_wrapper{
text-align: center;
}
/**********************************

Form Styles

***********************************/
#contactWrapper{
width: 960px;
margin: 10px auto;
background: url(/images/tile.png);
border: 1px solid #111;
}
#contentInfo{
width: 290px;
float: right;
padding: 10px;
}
#contentInfo p{
margin-top: 10px;
font-size: 10px;
}
#contentInfo span{
color: #a7bb62;
font-weight: bold;
}
.contactForm{
width: 630px;
float: left;
padding: 10px;
}
.contactForm p{
margin: 5px 0;
}
.inputs{
width: 400px;
background: url(/images/tile.png);
border: 1px solid #111;
padding: 10px;
color: #fff;
font-size: 10px;
}
.error {
color: #a7bb62;
font-size: 10px;
padding-left: 10px;
font-style: italic;
}
.submit{
width: 123px;
height:36px;
display: block;
list-style: none;
background: url(/images/btnBg.jpg) no-repeat top right;
border: none;
color: #fff;
}
.submit:hover{
width: 123px;
height:36px;
display: block;
list-style: none;
background: url(/images/btnBg.jpg) no-repeat bottom right;
border: none;
color: #fff;
cursor: pointer;
}
/*************************************

Blog additions

*************************************/
#blogWrapper a, #blogWrapper a:visited {
color: #fff;
text-decoration: none;
border-bottom: dotted 1px white;
margin:  5px 0;
}
#blogWrapper a:hover{
color:  #80933b;
}

#blogWrapper {
width: 960px;
}

#blog h1 {
color: #80933b;
}

.blogPost h1 {
font-size:1.4em;
}

#blog {
margin-top:14px;
width: 720px;
float:left;
}

#blogSidebar {
width: 160px;
float:right;
}

#blogSidebar h2{
margin: 10px 0;
}

#blogSidebar span, #blog span {
color: white;
}

.divider {
border: 2px solid #a7bb62;
padding: 0 10px;
}

.blogMeta {
width: 100%;
margin-top: 10px;
font-size: .8em;
margin-left: 5px;
}

#flickr {
margin-top: 20px;
text-align: center;
width: 100%;
}

#flickr a, #flickr a:visited {
border: none;
width: 160px;
display: block;
padding:0;
}

#flickr img {
border: 3px solid white;
}

.right { 
float:right;
margin-top: 10px;
margin-left: 10px;
}

.left {
float:left;
margin-top: 10px;
margin-right: 10px;
}

.blogPost img {
border: 5px solid white;
}

.blogMeta a img {
border: none;
}

#centerWrapper {
width: 330px;
margin: 20px auto;
text-align: center;
}

a, a:visited {
color: #fff;
text-decoration: none;
border-bottom: dotted 1px white;
margin:  5px 0;
}
a:hover{
color:  #80933b;
}