/* ---------------------- BLOG ---------------------- */

/* ---------------------- Entry ---------------------- */

#entry {
	float: left;
	display: inline;
                margin: 20px 13px 10px 25px;
	width: 450px;
}

.h1div {
                position: relative;
                border-bottom: dotted 1px #5a3a21;
                padding-bottom: 2px;
                margin-bottom: 10px;
}

.rss {
                position: absolute;
                bottom: 5px;
                right: 0;
                font: 10px Verdana, Arial, Helvetica, sans-serif;
                font-weight: bold;
}

.rss img {
                border: none;
}

.rss a, .commentNumber a, .permalink a, .readMore a {
                text-decoration: none;
}

.h3title {
               background: url(images/bgs/h2bg.gif) no-repeat;
               padding: 6px;
               margin-bottom: 0;
               height: 35px;
}

.h3title2 {

               height: 35px;
               margin-bottom: 10px;
}


.h4title {
               background: url(images/icons/speakbubble2.gif) left 10px no-repeat; 
               padding: 8px 20px 0 20px;
               margin-left: 20px;   
}

.h4title2 {
               background: url(images/icons/speakbubble2.gif) no-repeat; 
               padding: 0 20px 0px 20px;
               margin-bottom: 10px;  
}


.h5title {
                margin-bottom: 10px;
                padding-bottom: 2px;
                border-bottom: dotted 1px #5a3a21;
}

.h6title {
              background: url(images/bgs/navRounded-top.gif) left top no-repeat;
              padding: 10px 20px 5px 20px;
              margin: 0;
              border: none;
              height: 30px;
}

#postContainer {
                margin-bottom: 0px;
}

#searchContainer {
                margin-top: 20px;
}

.post {
                margin-bottom: 20px;
}

.post p img {
                border: dotted 1px #5a3a21;
}

.post p  {
                padding-bottom: 10px;
                font-size: 1.1em;
                line-height: 1.6em;
}

.post br  {
               height: 10px;
}

.post ul {
              margin: 0 0 10px 20px;
              font-size: 1.1em;
}

.post li {
              margin: 0 0 5px 10px;
}

p.indent {
               padding-left: 20px;
}

.archives {
               position: relative;
               background: url(images/bgs/calendar.gif) 10px -1px no-repeat;
               padding-left: 35px;
               padding-bottom: 5px;
               height: 18px;
}

.categories {
               background: url(images/bgs/folder.gif) 10px 0px no-repeat;
               padding-left: 35px;
               padding-bottom: 5px;
               height: 18px;
}

p.portfolioItems a {
               background: url(images/icons/arrow.gif) 6px 2px no-repeat;
               padding: 0 0 0 16px;
               margin: 0 !important;
               height: 0 !important;
}

.day {

    position: absolute;
    bottom: 9px;
    left: 14px;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    color: #463325;
}


.postedBy {
                background: url(images/icons/postedby.gif) left -1px no-repeat;
                font-size: 1em;
                font-weight: bold;
                position: relative;
}

.commentNumber {
                position: absolute;
                top: 0;
                right: 0;
                background: url(images/icons/speakbubble.gif) no-repeat;
                font-size: 1em;
                font-weight: bold;
                padding: 3px 0 10px 20px;
} 

.postBottomLinks {
                padding: 5px 0 5px 0;
                border-top: dotted 1px #5a3a21;
                border-bottom: dotted 1px #5a3a21;
                position: relative;
}

.permalink {
                background: url(images/icons/permalink.gif) left top no-repeat;
                font-size: 1em;
                font-weight: bold;
                padding: 0 0 5px 16px;
}

.readMore {
                position: absolute;
                top: 0;
                right: 0;
                background: url(images/icons/more.gif) right 7px no-repeat;
                font-size: 1em;
                font-weight: bold;
                padding: 5px 16px 0 0;
}

.speakUp {
                position: absolute;
                top: 0;
                right: 0;
                background: url(images/icons/said2.gif) right 6px no-repeat;
                font-size: 1em;
                font-weight: bold;
                padding: 5px 16px 0 0;
}


.star {
                background: url(images/icons/star.gif) no-repeat;
                font-size: 1em;
                font-weight: bold;
}


.postedBy, .star {
                padding: 3px 0 10px 20px;
}

.email, .fax, .call, .write, .linkedin {
                font: 14px "Gill Sans Std Condensed", "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
                font-weight: bold;
                background: none;
                color: #51321d;
                text-transform: uppercase;
                border-bottom: dotted 1px #5a3a21;
                letter-spacing: 1px;
                padding: 3px 0 0 23px;
}

.email { 
                background: url(images/icons/mail.gif) left 3px no-repeat;
}

.fax { 
                background: url(images/icons/fax.gif) left 3px no-repeat;
}

.call { 
                background: url(images/icons/phone.gif) left 2px no-repeat;
}

.write { 
                background: url(images/icons/postedby.gif) left 4px no-repeat;
}

.linkedin { 
                background: url(images/icons/linkedin.gif) left 3px no-repeat;
}

.postedBy .highlight, .saidBy .highlight {
                color: #6c482e;
}

#contactinfo {
               float: left;
               display: inline;
               padding: 0 20px 10px 0;
               border-right: dotted 1px #5a3a21;
               margin: 10px 20px 20px 0;
}

.search {
              position: relative;
}

.go {
              position: absolute;
              bottom: 6px;
              right: 35px;
}


/* ---------------------- Comments ---------------------- */


#comment {
                margin-bottom: 20px;
}

.commentEntryBottom {
               border-bottom: dotted 1px #5a3a21;
} 

.commentEntry p {

                font-size: 1.1em;
                line-height: 1.6em;
                padding: 0 20px 5px 5px;           
}

.saidBy {
                font-size: 1em;
                font-weight: bold;
                background: #b4966b url(images/icons/said.gif) 5px 5px no-repeat;
                padding: 5px 0 5px 25px;
                border-bottom: dotted 1px #5a3a21;
                border-top: dotted 1px #5a3a21;
}

/* ---------------------- Comment Form Fields ---------------------- */

#commentForm {
              background: #392212 url(images/bgs/commentformbg-top.jpg) no-repeat left top;
              width: 450px;
              margin-bottom: 20px;
}

#commentForm p {
              font-size: 1.1em;
              color: #fff;
              padding-bottom: 10px;
}

#commentForm p em {
              font-size: 0.9em;
}

#commentFields label, .contactFields label {
             display: block;
}

.saveInfo label, .notifyMe label {
             display: inline;
}

#commentFields {
              margin: 10px 20px 0px 20px;
}     

.contactFields {
              padding-top: 10px;
} 

.contactFields p {
             padding-bottom: 5px;
} 

.contactFields label {
             font-weight: bold;
}                   

#bottom {
             background: url(images/bgs/commentFormbg-bottom.gif) no-repeat bottom left;
             height: 19px;
}

/* ---------------------- Forms ---------------------- */

#websiteForm p {
               font-size: 1.1em;
               padding-bottom: 10px;
}

#websiteForm .label {
               font-weight: bold;
               padding-bottom: 3px;
}

#websiteForm .label2 {
               font-weight: bold;
               display: block;
               padding-bottom: 3px;
}

#websiteForm .label3 {
              font-weight: bold;
              padding-bottom: 3px;
              float: left;
              margin-right: 10px;
              text-align: right;
              width: 140px;
}

#websiteForm input#name, #websiteForm input#companyname, #websiteForm input#phonenumber, #websiteForm input#from, #websiteForm input#location, #websiteForm input#projectdate {
              width: 340px;
}

select#budget {
              margin-bottom: 10px;
}

#websiteForm textarea {
              width: 440px;
              margin-bottom: 10px;
}

#websiteFormFields {
                border-bottom: dotted 1px #5a3a21;

}

/* ---------------------- Nav ---------------------- */

#nav {
	float: left;
	margin: 25px 25px 15px 13px;
	width: 220px;
                font-size: 1.1em; 
}

#nav p {
                padding: 0 0 5px 10px;
}

#nav p.archives {
               position: relative;
               background: url(images/bgs/calendar.gif) 10px -1px no-repeat;
               padding-left: 35px;
               padding-bottom: 5px;
               height: 18px;
}

#nav p.categories {
               background: url(images/bgs/folder.gif) 10px 0px no-repeat;
               padding-left: 35px;
               padding-bottom: 5px;
               height: 18px;
}

#nav img {
                border-bottom: solid 1px #595857;
                border-right: solid 1px #595857;
                padding: 5px;
                margin-bottom: 20px;
                background: #fff;
}

#nav .flickrImage img {
                float: left;
                margin-left:10px;
                margin-bottom: 10px; 
}

#nav .flickrImage a img {
                background-color: #fff;
}

#nav .flickrImage a:visited img {
                background-color: #fff;
}

#nav .flickrImage a:hover img {
                background-color: #463325;
}

#nav .flickrImage a:active img {
                background-color: #fff;
}

#latestProjectContainer {
               margin-bottom: 20px;
}

#nav .latestProject {
               padding-top: 5px;
}

#nav .latestProject p {
               font-size: 0.9em;
}

#nav .latestProject img {
              float: left;
              border: solid 3px #8e8075;
              padding: 0;
              margin-right: 10px;
}

#recentNavContainer, #bleekNavContainer, #archivesNavContainer, #searchNavContainer, #flickrNavContainer {
              margin-bottom: 10px;
              padding-left: 0;
}

#recentNavContainer p, #bleekNavContainer p, #archivesNavContainer p {
              padding: 0 0 10px 0;
}

#bleekNavContainer li {
              list-style: none;
}

#bleekNavContainer li.description {
              margin-bottom: 10px;
}


#navFeature {
              margin-bottom: 10px;
              
}

.navContent {
              background: #5a3a21;
              padding: 10px 10px 0 10px;
}

#navFeature p {
             color: #fff;
             padding-bottom:10px;
             line-height: 1.7em;
}

#navFeature a:link {
             color: #d6c18c;
             border-bottom: dotted 1px #d6c18c;
             text-decoration: none;
}

#navFeature a:visited {
             color: #d6c18c;
             border-bottom: dotted 1px #d6c18c;
             text-decoration: none;
}

#navFeature a:hover {
             color: #271206;
             border-bottom: dotted 1px #271206;
             text-decoration: none;
}

#navFeature a:active {
             color: #d6c18c;
             border-bottom: dotted 1px #d6c18c;
             text-decoration: none;
}

#navBottom {
            background: url(images/bgs/navRounded-bottom.gif) no-repeat bottom left;
            height: 27px;
}

.resources {
            background: #d2b892;
            padding: 5px;
            margin-bottom: 20px;
}  

.resourcesTitle {
           font-size: 1.1em;
           padding-bottom: 3px;
           border-bottom: dotted 1px #301b0c;
           font-weight: bold;
           margin-bottom: 5px;
} 

.reviewer {
           text-align: right;
           font-style: italic;
}