/*   
Theme Name: ntd-site
Theme URI: http://www.nettleteadesign.com/
Description: Copyright Nettle Tea Design, Inc.  
Author: Nettle Tea Design, Inc.
Author URI: http://www.nettleteadesign.com
Template: ntd-site
Version: 1
.
Copyright 2008-2010 by Nettle Tea Design, Inc.  All rights reserved. 
.
*/
* {
        margin: 0;
        padding: 0;
}
body {
        background-color: #3f3f3f;
        color: #98adb1;
        font: .79em Verdana, Helvetica, sans serif;     
        line-height: 1.5em;     
        margin: 0px;
        padding: 0;
        text-align: left;
}
#main {   /*wrapper*/
        width: 900px; 
        text-align: left;  
        margin: 0px auto;
        padding: 0px;        
}
p, ul, h2, h3 {
        margin-bottom: 1.1em;
}
img { 
       border-style: none;
} 
.clear {
	clear:both;
}
a:link, a:visited {  /* for all pages but home */
        text-decoration:none;
        color: #9EC600;
        font-weight: bold;
}
a:hover {
        color: #6C6840;
        text-decoration: none;
}
#contentbox1 a {
        color: #9CAB3B;
        font-weight: normal;
}
#contentbox1 a:hover {  
        text-decoration: none;

}
ul, ol {
       list-style-type: none;
       padding: 0px;
       margin: 0px; 
       margin-bottom: 1.0em;
}
li {
       background-image: url('/images/li.gif');
       background-repeat: no-repeat;
       background-position: 0px 3px;
       padding-left: 20px; 
       padding-bottom: 1.0em;
}
small {
       margin: 0; padding: 0;
}
p.story {
       margin-top: 100px;

}



/*Format*/
#darkstrip {  /*at top*/
        width: 100%;
        height: 58px; 
        background: #333333;
}
#topwrap {  /*wrap logo and navbar*/
        width: 900px;
        height: 55px;
        margin: 0px auto;
        padding: 5px 0px 3px 0px;
}
#topwrap h1 a {  /*logo*/
        width: 212px; 
        height: 50px;
        float: left;
        background: no-repeat url("/images/logo.png");
        /* CSS3 standard */
        opacity: 0.7;
	display: block;
        overflow: hidden;
	text-indent: -999em; 
        margin: 0;
        padding: 0px;  
        border: none;
}
#contentbox1 {  /*wide box*/
       width: 900px;
       margin: 0px auto;
       padding: 0px;   
       text-align: left;
       margin-top: 30px;
}
#contentbox1 blockquote.clients {
       background-color: #525151;
       padding: 10px;
       margin-bottom: 20px;
}
#contentbox1 blockquote.clients p {
       margin-bottom: 0px;
}
#contentbox2 {  /*left col.*/
       background-color: #ffffff;
       width: 570px;
       float: left;
       padding: 45px 15px 15px 15px;   
       text-align: left;
       margin: 0px 0px 45px 0px;
       display: inline;
       color: #6C6840;
}
#contentbox2 blockquote {  /*cream background*/
       border-bottom: 1px dotted #787F55;
       padding: 10px;
       margin-bottom: 20px;
}
#contentbox2 h2 {   /*includes page title*/
       font-size: 1.2em;
       margin-bottom: 0.9em;
}
#contentbox2 p {
       margin-bottom: 1.2em;
}


/*Side bar*/
#sidebar {
       width: 270px;
       float: left;
       padding: 20px 0px 10px 20px;    
       display: inline;
       margin: 30px 0px 45px 0px;
       color: #6C6840;
       font-size: 85%;

}
#sidebar li {
       background-image: none;
       list-style-type: none;
       padding: 0px;
       margin: 0px; 
}
#sidebar h2 {
        font-weight: bold;
        font-style: italic;
        margin-bottom: .7em;
        margin-top: 2em;
        font-size: 101%;
        color: #85A507;
}
#sidebar img.alignright {
	padding: 0px;
	margin: -1.4em 0em .5em .5em;
        border: 2px solid #ffffff;
}
#sidebar p.small { /*testimonial sidebar*/
        font-size: 90%; 
        font-style: italic;
        margin: 0; padding: 0;
}
#sidebar a {
        color: #6C6840;
}
#sidebar a:hover {
        color: #85A507;
        text-decoration: none;
}
#newsl {              /*newsletter box on sidebar*/
        width: 250px;
        height: 200px;
        margin: 0px auto; 
        padding: 0px;
}
#newsl .subscribe a { 
	width: 250px;
        height: 200px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: -242px 0;
}
#newsl .subscribe a:hover {
        background-position: -240px -63px;
}


/*Home page*/

#selected-projects h3 {
       background: no-repeat url("/images/selected-projects.png");
       display: block;
       width: 900px;
       height: 57px;
       margin: 0px auto; padding: 0px;
       text-indent: -999em;
}
.picbox {  /*includes both portfolio image and related text*/
        width: 220px;
        height: 280px;
        float: left;
        padding: 0;
        margin-right: 12px;
        margin-bottom: 20px;
        display: inline;
        overflow: hidden;
}
.lastbox1 {  /*the last pic*/
        width: 220px;
        height: 280px;
        float: left;
        padding: 0;
        margin-bottom: 20px;
        display: inline;
        overflow: hidden;
}
.lastbox2 {  /*the last pic*/
        width: 220px;
        height: 280px;
        float: left;
        padding: 0;
        margin-bottom: 20px;
        display: inline;
        overflow: hidden;
}
h3.site-name {
        padding-left: 5px;
        font-size: 90%;
	line-height: 1.4em; 
        margin-bottom: 0px;
}
h3.site-name a {
        color: #3f3f3f;
}
h3.site-name a:hover {
        color: #3f3f3f;
}
p.port-details {
        padding: 5px;
        font-size: 90%;
	line-height: 1.4em; 
}
p.port-details a {
        color: #9CAB3B;
}


/*Lower Cream Section*/
#orange {
       background: #efeebe url("/images/cream-bg.jpg") repeat;
       color: #3f3f3f;
       width: 100%;    
       border-bottom: 2px solid #3f3f3f; 
       margin: 0; padding: 0;
       margin-top: -3px;
}
#orange2 {
       background: #efeebe;
       width: 100%;    
       border-bottom: 2px solid #3f3f3f; 
       margin: 0; padding: 0;
}
#orange-port-content {  /*portfolio wrapper*/
       width: 920px;
       margin: 0px auto;
       padding: 15px 0px 40px 0px;

}



/*Non-Main Pages page */
#pagemain {  /*dark wide box*/
       width: 900px;
       margin: 0px auto;
       padding: 50px 15px 30px 15px;   
}
#pagemain h2 {
       margin-bottom: 15px;
       color: #afbf40;
}
#pagemain p {
       width: 450px;
}
#pagemain b {
       color: #afbf40;
}



/*Footer Area*/
#footstrip {
     width: 100%;
     background-color: #333333;
     margin: 0; 
     padding: 0;
     
}
#foot_main  {  /*centered*/
     width: 900px;
     margin: 0px auto;      
     padding: 0px;
     text-align: left;
     font-size: 96%;
     color: #6d6d6d;
}
#foot_main p {
     margin-bottom: 0px;
}
#bottom_links {  /*left box of links*/
        float: left;
        width: 410px;      
        padding-top: 5px;
}
#bottom_links a {
       padding-right: 12px;
       text-decoration: none;
       color: #afbf40;
}
#bottom_links a:hover {

}
#copyright {  /*right box of text*/
     width: 400px;
     float: right;
     padding: 5px 0px 5px 0px;
     display: inline;
     font-size: 94%;
     line-height: 1.4em;
     text-align: right;
}
#copyright a {
       font-size: 94%;
       text-decoration:none;
       color: #6d6d6d;
}
.landing_links  {  
        width: 900px;
        margin: 0px auto;
        padding: 25px 0px 5px 0px;
        text-align: center;
        clear: both;
}
.landing_links p {
        padding-bottom: 5px;
}
.landing_links a {
       padding-right: 5px;
       font-size: 95%;
       text-decoration:none;
       color: #6d6d6d;
}
.land_group {  /*each set of links*/
       width: 500px;
       margin: 0px auto;
}



/*Nav*/

#nav  {
        width: 356px; 
        height: 32px; 
        top: 19px; 
        float: right;   
        padding: 0px;    
        margin: 0px;  
        display: inline;
        position: relative;
	text-indent: -999em;
}
#nav a {
        border-top: none;
        border-bottom: none;
}
#nav .linkhome a { 
        height: 32px;
	width: 56px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: 0px 0px; 
}
#nav .linkhome a:hover {
        background-position: 2px -63px;	
}
#nav .activehome a {
        height: 32px;
	width: 56px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: 0px -32px; 
}
#nav .linkstory a { 
        height: 32px;
	width: 76px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: -56px 0; 
}
#nav .linkstory a:hover {
        background-position: -54px -63px;	
}
#nav .activestory a { 
        height: 32px;
	width: 76px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: -56px -32px; 
}
#nav .linkfaq a { 
        height: 32px;
	width: 44px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: -132px 0; 
}
#nav .linkfaq a:hover {
        background-position: -130px -63px;	
}
#nav .activefaq a {
        height: 32px;
	width: 44px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: -132px -32px; 
}
#nav .linkservices a { 
        height: 32px;
	width: 66px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: -176px 0px;
}
#nav .linkservices a:hover { 
        background-position: -174px -63px;	
}
#nav .activeservices a { 
        height: 32px;
	width: 66px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: -176px -32px;
}
#nav .linkblog a { 
        height: 32px;
	width: 49px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: -242px 0;
}
#nav .linkblog a:hover {
        background-position: -240px -63px;	
}
#nav .activeblog a { 
        height: 32px;
	width: 49px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: -242px -32px;
}
#nav .linkcontact a {
        height: 32px;
	width: 65px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: -291px 0;
}
#nav .linkcontact a:hover {
        background-position: -289px -63px;	 
}
#nav .activecontact a {
        height: 32px;
	width: 65px;
	display: block;
	background: url("http://www.nettleteadesign.com/images/linkbox.png") no-repeat;
	float: left;
	background-position: -291px -32px;
}


/*Head Banners*/
#banner-home h2 {
        width: 900px;
        height: 128px;
        margin: 0px auto;
        padding: 0px;   
        background: url("/images/banner-home.png") no-repeat;
	text-indent: -999em;
        display: block;
        overflow: hidden;
}
#banner-story h2 {
        width: 900px;
        height: 300px;
        margin: 0px auto;
        padding: 0px;   
        background: url("http://www.nettleteadesign.com/images/banner-story.jpg") no-repeat;
	text-indent: -999em;
        display: block;
        overflow: hidden;
}



/* Begin Images */
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 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

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



/* Blog Stylings */
.post { /*starts with top of post title, goes to end of postmeta, also on main blog page */
       border-bottom: 1px dotted #949494;
       margin-bottom: 10px;
}

.entry {  /*ends before 'click here..subscribe'*/
      padding: 10px 0px 0px 0px;
}
.afterpost { /*begins with 'click here' goes to time before comments*/
       padding: 5px; 
       margin: 10px 0px 0px 0px;
       background-color: #efeebe;
       text-align: center;
}
.sharethis {
       text-align: center;
}

.sharethis a {
       color: #9DA491;
       font-size: 92%;
}
.sharethis a:hover {
       text-decoration: underline;
}  
.postmetadata {
        clear: both;
        margin-top: 20px;
        color: #adb4a0;
}
.tit {  /*each posting title*/   
        font-size: 135%;  
        margin-bottom: 10px;      
}
.tit a {          
        font-size: 100%;  
        color: #9EC600;
        font-weight: bold;
}
.tit a:hover {
        color: #696946;
}
p.postmetadata alt {
         color: #adb4a0;
         font-size: 10px;
}
.topic { /* topic under blog title */
       color: #9DA491;
       font-size: 94%;
}
.topic a {
        color: #9DA491;
        font-weight: normal;
}
.author {
       color: #9DA491;
       font-size: 94%;
}
.love {  /* number of comments */
       width: 200px;
       float: left;
       margin: 0px 0px 0px 30px;
       line-height: 18px;
}         
.tagroup {  /*tags listed at bottom */
      font-size: 10px;      
      line-height: 16px;
}
.tagroup a {
      font-size: 10px;
}
ol {  /* ordered lists in blog posts */
        list-style-type:decimal;
        list-style-position:inside;
}
.textwidget {
       margin-bottom: 20px;
}
 

/*Comments*/
h3#comments {  /*large "reader responses"*/
       margin: 12px 0px 12px 0px;
}
#commentform input {
        width: 170px;
        padding: 2px;
        margin: 5px 5px 5px 0;
}
#commentform {
        margin: 5px 10px 5px 0px;
        }
#commentform textarea {
        width: 300px;
        padding: 2px;
        margin-top: 5px;
        }
#respond:after {  /*comments */           
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
}
#submit {
        margin: 0 0 5px auto;
       
}
.commentlist li, #commentform input, #commentform textarea {
        background-image: none;
       list-style-type: none;
       padding: 0px;
       margin: 0px; 
}
.commentlist li ul li {

         }

.commentlist li {  /*whole comment*/
	font-weight: bold;         
        background-color: #F2F2CB;
        padding: 5px 10px 5px 10px;
        margin-bottom: 15px;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
        margin-right: 10px;  margin-bottom: 5px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;

	}

.commentlist p {
        font-weight: normal;
	text-transform: none;
	}

#commentform p {

	}

.commentmetadata {  
	font-weight: normal;
        font-size: 96%;
        margin-bottom: 8px;
}
.commentmetadata a {  /*date...*/
        color: #9DA491;
        font-size: 94%;  
}
.twitter-anywhere-user { 
       font-style: italic;
}
.twitter-anywhere-user a {
        font-style: italic;
}
.related-hook { /*related posts*/
       border-top: 1px dotted #949494;
       padding-top: 5px;   
       padding-left: 20px;
       font-weight: bold;  
}
.related-hook ol, .related-hook ul {
       line-height: 1.3em;
       font-size: 94%;
}


/*Search Form*/
#searchform {
	margin: 10px 10px 10px 0px;
	text-align: left;
	}

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

#sidebar #searchsubmit {
	padding: 1px;
	}