body{
  margin: 0;
  padding: 0;
  font: 75% helvetica, arial, sans-serif;
  color: #fff;
  background: #000 url(images/bg_subPage.jpg) repeat-x;
  background-attachment: fixed;
}
body#home{
  background: #000 url(images/bg_home.gif) repeat-x;
}
img{
  border: 0;
}
a:link,
a:visited{
  color: #999;
  text-decoration: none;
}
a:hover,
a:active{
  color: #666;
  text-decoration: none;
}
a.returnLink:link,
a.returnLink:visited,
a.returnLink:hover,
a.returnLink:active{
  color: #999;
  display: block;
  margin-bottom: 25px;
}
em{
  color: #999;
}


/* Logo
------------------------------------------------------------------------------*/

h1{
  height: 65px;
  margin: 0;
  padding: 0;
  background: #8D000B url(images/sheilaLogoSub.gif) no-repeat right bottom;
  overflow: hidden;
  border-bottom: 1px solid #fff;
}
#home h1{
  height: 144px;
  margin: 79px 0 0 0;
  padding: 0;
  background: url(images/sheilaLogo.gif) no-repeat left bottom;
  overflow: hidden;
}
h1 a{
  display: block;
  margin: 35px 0 0 10px;
  height: 26px;
  width: 298px;
  background: url(images/logo.png) no-repeat;
  text-indent: -9999px;
  outline: none;
}
#home h1 a{
  margin: 105px 0 0 56px;
  height: 30px;
  width: 368px;
  background: url(images/logo_home.png) no-repeat;
}


/* Main Navigation
------------------------------------------------------------------------------*/

#mainNav{
  list-style: none;
  margin: 0;
  padding: 0 0 0 0;
  overflow: hidden;
  background: #000 url(images/bg_mainNav.gif) repeat-x left bottom;
}
#home #mainNav{
  list-style: none;
  margin: 2px 0 0 44px;
  padding: 0;
  background: none;
}
#mainNav li{
  float: left;
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  line-height: 0;
  text-transform: uppercase;
}
#mainNav a:link,
#mainNav a:visited{
  display: block;
  padding: 16px 12px;
  color: #ccc;
  text-decoration: none;
}
#mainNav a:hover,
#mainNav a:active{
  color: #fff;
}
.current_page_item,
.current_page_parent{
  background: #202020;
  font-weight: bold;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}
#about #n_about{
  border-left: none;
}
#about #n_about a{
  color: #fff;
}
#mainNav li#n_home{
  float: right;
}
#home #mainNav li#n_home{
  display: none;
}
#mainNav li#n_home a:link,
#mainNav li#n_home a:visited{
  border-left: 1px solid #000;
  color: #666;
  text-transform: capitalize;
  
}
#mainNav li#n_home a:hover,
#mainNav li#n_home a:active{
  background: #000;
  color: #ccc;
}

/* Sub Navigation
------------------------------------------------------------------------------*/

#subNav{
  overflow: hidden;
  list-style: none;
  margin: -15px 0 40px;
  padding: 0;
}
#subNav.portfolioNav{
  float: left;
  margin: 60px 0;
  width: 200px;
}
#subNav li{
  float: left;
  margin-right: 15px;
  font-size: 1.2em;
  padding-right: 15px;
  border-right: 1px solid #fff;
}
#subNav.portfolioNav li{
  float: none;
  border: none;
  margin-bottom: 10px;
}
#subNav li.last{
  margin: 0;
  padding: 0;
  border: none;
}
#subNav li.current{
  font-weight: bold;
}

#subNav li a:link,
#subNav li a:visited{
  color: #fff;
}
#subNav li a:hover,
#subNav li a:active{
  text-decoration: underline;
}
#subNav li.current_page_item{
	background: none;
}
#subNav li.current_page_item a:link,
#subNav li.current_page_item a:visited{
  color: #C10004;
}


/* Homepage Quote
------------------------------------------------------------------------------*/

#home p{
  clear: left;
  width: 580px;
  margin: 50px 0 0 56px;
  font: italic 1.5em/1.3 palatino, "times new roman";
  color: #ccc;
}
#home p span{
  font-size: 1.8em;
  line-height: 0;
  vertical-align: -12px;
}
.homeQuote span.firstQuote{
  float: left;
  margin: 0 0 100px 0;
  line-height: 1;
}
.homeQuote cite{
  display: block;
  margin: 10px 0 0 400px;
}

/* Subpage Structure
------------------------------------------------------------------------------*/

#container{
  width: 955px;
  margin: 0 auto 0 auto;
  padding: 0 12px 0 12px;
  overflow: hidden;
  background: url(images/bg_container.png) repeat-y;
}
#content{
  overflow: hidden;
  min-height: 480px;
  padding: 30px 30px 0 30px;
  background: #202020 url(images/bg_content.gif) repeat-x left bottom;
  position: relative;
}
h2{
  font-size: 1.6em;
  line-height: 1.3;
  font-weight: normal;
  color: #C10004;
}
#content p{
  line-height: 20px;
  font-size: 1.2em;
  color: #efefef;
}
.separator{
  height: 16px;
  width: 633px;
  margin: 20px auto 20px auto;
  background: url(images/seperator.gif) no-repeat;
}
.separator hr{
  display: none;
}
.headshot{
  float: left;
  margin: 0 20px 20px 0;
  border: 3px solid #fff;
}


/* Contact Form
------------------------------------------------------------------------------*/

.ddfmwrap{
  margin: 30px 0 0 0;
  padding: 0 10px 0 10px;
  overflow: hidden;
  width: 420px;
  background: #202020 url(/wp-content/themes/sheilarich/images/bg_contactForm.gif) no-repeat 300px 25px;
}

.ddfmwrap label{
  margin: 0 0 3px 0;
  clear: both;
  font-size: 1.3em;
  display: block;
  float: none !important;
  text-align: left !important;
  padding-bottom: 3px !important;
}
.credits{
  display: none;
}
.contactForm dt span{
  font-size: .8em;
  color: #666;
  margin-left: 5px;
  vertical-align: 1px;
}
.contactForm dd{
  margin: 0 0 15px 0;
  border: 3px solid #666;
  float: left;
  clear: both;
}
.contactForm dd.formSubmit{
  margin: 0 0 10px 0;
  border: none;
  float: left;
  clear: both;
}
.ddfmwrap input,
.ddfmwrap select,
.ddfmwrap textarea{
  width: 270px;
  margin: 0;
  padding: 4px;
  border: 1px solid #000;
  font: 1.4em helvetica, arial, sans-serif;
  margin: 0 0 15px 0;
  border: 3px solid #666;
}
.contactForm dd select{
  width: 280px;
  border: 1px solid #000;
}
.ddfmwrap .submit input{
  width: auto;
  border: none;
  margin-left: 320px;
  background: #000;
  border: 2px solid #fff;
  color: #fff;
}
.ddfmwrap textarea{
  width: 405px !important;
  height: 130px;
}
.vcard{
  float: left;
  margin: 50px 20px 0 50px;
  text-align: right;
  font-size: 1.2em;
}
.vcard .org{
  font-weight: bold;
}
.vcard div,
.vcard .title{
  margin-bottom: 4px;
  display: block;
}

/* Portfolio
------------------------------------------------------------------------------*/

.ngg-gallery-thumbnail img{
  height: 150px;
}
#portfolioNav{
  list-style: none;
  margin: 0 50px 0 0;
  padding: 0;
  overflow: hidden;
  float: left;
  width: 250px;
}
#portfolioNav li{
  overflow: hidden;
}
.portGroup{
  border-bottom: 1px solid #333;
  width: 250px;
  overflow: hidden;
}
.portCat{
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #C10004;
  text-transform: uppercase;
  padding: 5px 0 5px 9px;
  cursor: pointer;
}
.portOpen{
  color: #fff;
}
.portImages{
  list-style: none;
  margin: 0;
  padding: 0;
  width: 245px;
  overflow: auto;
}
.portImages li{
  float: left;
  padding: 0 0 10px 10px;
  margin: 0;
}
.portImages img{
  display: block;
}
.portImages a:link,
.portImages a:visited{
  border: 1px solid #ccc;
  padding: 1px;
  display: block;
}
.portImages a:hover,
.portImages a:active{
  border: 1px solid #fff;
}
#imageContainer{
  width: 573px;
  min-height: 579px;
  float: left;
}
#portfolioImage{
  display: block;
  border: 5px solid #fff;
  padding: 1px;
  margin: 0 auto 0 auto;
}
#altView img{
  border-top: none;
  display: block;
  border: 5px solid #fff;
}
#beforeView img{
  display: block;
  border: 5px solid #fff;
  padding: 1px;
}
#portfolioImage.afterImage{
  position: relative;
  top: -40px;
  left: 100px;
  margin: 0;
  padding: 0;
  
}
#altView{
  position: relative;
  top: -60px;
  left: 280px;
  -webkit-box-shadow: -1px 2px 4px #000;
  width: auto;
  float: left;
}
.caseStudy{
  width: 650px;
  float: right;
}
#portfolioHeader{
  margin: 20px auto 80px;
  width: 850px;
}
#ngg-slideshow-4-11-1{
}
#portfolioHeader .vertical{
  margin-right: 5px;
  float: left;
}
#casestudies ul{
  list-style: none;
}
#casestudies li{
  float: left;
  width: 385px;
  min-height: 110px;
  margin: 0 40px 40px 0;
}
#casestudies li a:link,
#casestudies li a:visited{
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
}
#casestudies li a:hover,
#casestudies li a:active{
	text-decoration: underline;
}
#casestudies li p{
  color: #ccc;
  margin: 7px 0 0;
  
}
#casestudies li img{
  float: left;
  margin-right: 15px;
  border: 3px solid #fff;
}

.showHouse{
  width: 650px;
}
.showHousePics{
  overflow: hidden;
  margin: 20px 0;
}
.showHousePics img.firstPic{
  margin-right: 20px;
}
.showHousePullout{
  position: absolute;
  top: 0;
  right: 0;
  width: 198px;
  padding: 20px 20px 150px;
  font-size: 1.1em;
  font-family: georgia, times new roman;
  font-style: italic;
  color: #ccc;
}
.showHousePullout img{
  margin: 95px 0 5px;
}
#content .showHousePullout p.caption{
  margin-bottom: 20px;
  font-family: helvetica, arial;
  font-size: .9em;
}
.pic1,
.pic2{
  float: left;
}
#content p.caption{
  margin: 0;
  font-style: italic;
  font-size: 1em;
  color: #999;
}
.ngg-gallery-thumbnail img{
	padding: 0 !important;
	border: none !important;
}
.ngg-gallery-thumbnail{
	margin: 0 10px 10px 0 !important;

}
#TB_secondLine{
  font-size: 14px !important;
}
#TB_secondLine a:link,
#TB_secondLine a:visited{
  color: #900 !important;
  font-weight: bold !important;
}


/* Press Listing
------------------------------------------------------------------------------*/

.pressListing{
  overflow: hidden;
  float: left;
  margin: 0 0 30px 0;
  padding: 0;
  width: 217px;
  height: 280px;
}
.pressListing.tv{
  width: 404px;
  margin-left: 28px;
}
.pressListing dt{
  margin: 0 0 10px 0;
}
.pressListing dt img{
  border: 3px solid #fff;
  padding: 1px;
  margin: 0 auto 0 auto;
  display: block;
}
.pressListing dd{
  margin: 2px 0 5px 0;
  text-align: center;
}
.pressListing dd span{
  color: #999;
}

/* Blog
------------------------------------------------------------------------------*/

#coreContent{
  width: 585px;
  float: left;
  margin-right: 65px;
}
.postDate{
  font-size: 1em;
  color: #999;
  margin-bottom: 20px;
}
.entry-title{
  margin-bottom: 0;
  font-size: 1.8em;
}
.entry-title a:link,
.entry-title a:visited,
.postMeta a:link,
.postMeta a:visited{
  color: #C10004;
}
#content .entry-content p,
#content .entry-content li{
  font-size: 1.2em;
  line-height: 23px;
  font-weight: 200;
}
#content .entry-content p{
  margin-bottom: 20px;
}
#content .entry-content em{
  color: #efefef;
}
#content .entry-content a:link,
#content .entry-content a:visited{
  color: #C10004;
  text-decoration: underline;
}
.postMeta{
  padding: 10px;
  background: #2A2A2A;
  position: relative;
}
.postMeta div{
  margin-bottom: 5px;
}
.postCommentCount{
  font-size: 1.3em;
}
.share{
  position: absolute;
  right: 10px;
  top: 10px;
}
.share a:link,
.share a:visited{
  display: inline-block;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}
.share a.facebook{
  background: url(images/facebook_16.png) no-repeat;
}
.share a.twitter{
  background: url(images/twitter_16.png) no-repeat;
}
.commentlist,
.commentlist ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.comments{
  margin-top: 50px;
}
h3#comments,
.leaveComment legend{
  color: #C10004;
  font-size: 1.3em;
  font-weight: normal;
}
h3#comments{
  border-bottom: 1px solid #450E0F;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.comment{
  padding-left: 60px;
}
.comment.depth-1{
  border-bottom: 1px solid #450E0F;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.comment.depth-2{
  margin-top: 40px;
}
.comment-author{
  position: relative;
  float: none;
  width: auto;
  margin: 0 0 0 0;
  text-align: left;
  color: #666;
}
.comment-author img{
  position: absolute;
  left: -60px;
}
.comment-author a:link,
.comment-author a:visited{
  color: #fff;
  font-style: normal;
}
.comment-author a:hover,
.comment-author a:active{
 text-decoration: underline;
 }
.comment-meta{
  margin-top: 3px;
}
a.comment-reply-link:link,
a.comment-reply-link:visited{
  color: #C10004;
  background: #333;
  border: none;
  padding: 4px 9px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
}
a.comment-reply-link:hover,
a.comment-reply-link:active{
  background: #3F3F3F;
}
.leaveComment fieldset{
  border: none;
}
.commentForm label{
  display: block;
  margin-bottom: 15px;
  color: #999;
}
.commentAuthorInfo label em{
  color: #666;
}
.commentForm{
  margin-top: 20px;
}
.commentAuthorInfo input,
.commentForm textarea{
  display: block;
  background: #A9A9A9;
  border: 1px solid #fff;
  padding: 5px;
  font-size: 1em;
  margin-top: 3px;
}
.commentAuthorInfo input{
  width: 300px;
}
.commentForm textarea{
  width: 550px;
  height: 150px;
}
.commentForm input[type = submit]{
  float: right;
  background: #252525;
  color: #C10004;
  border: none;
  font-size: 1.2em;
  font-weight: bold;
  padding: 7px 10px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  -khtml-border-radius: 14px;
  border-radius: 14px;
}
.commentForm input[type = submit]:hover{
  background: #333;
  cursor: pointer;
}
.comment #respond{
  margin-top: 30px;
  margin-left: -10px;
}
#cancel-comment-reply{
  float:left;
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 5px;
}
#cancel-comment-reply a:link,
#cancel-comment-reply a:visited{
  color: #C10004;
}
.pagetitle{
  color: #999;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}
.pagetitle span{
  color: #fff;
}

/* Sidebar
------------------------------------------------------------------------------*/



#sidebar{
  float: left;
  margin-top: 75px;
  width: 230px;
}
#sidebar.aboutSide{
  margin-top: 40px;
}
#sidebar div{
  margin-bottom: 50px;
}

#sidebar ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.archives div{
  float: left;
  width: 100px;
}
#sidebar a:link,
#sidebar a:visited{
  color: #fff;
  text-decoration: underline;
}
#sidebar .aboutSheila p{
  margin: 0;
  font-size: 1.1em;
  line-height: 18px;
  color: #ddd;
}
#sidebar h3{
  color: #C10004;
}
.aboutSheila img{
  float: left;
  border: 4px solid #fff;
  margin: 0 10px 0 0;
}
#sidebar p.learnMore{
  margin-top: 15px;
}
#sidebar p.twitterLink{
  padding-left: 20px;
  background: url(images/twitter_16.png) no-repeat;
}

.recentArticles li{
  margin-bottom: 8px;
  font-size: 1.1em;
}
.recentArticles li span{
  font-size: .9em;
  color: #666;
  display: block;
  margin-top: 2px;
}


/* Footer
------------------------------------------------------------------------------*/

#footer{
  clear: left;
  width: 100%;
  margin: 80px 0 20px 0;
  text-align: center;
  font-size: .95em;
  color: #424242;
}



