/*
Theme Name: thedesigner
Theme URI: http://goodwebsites.co.nz
Description: Website and blog theme design by <a href="http://goodwebsites.co.nz/">Good Websites</a>
Version: 1 (WP2.7)
Author: Good Websites
Author URI: http://goodwebsites.co.nz
Tags: Good Websites, the designer
*/

@import "css/reset.css";
@import "css/typography.css";
/*@import "css/layout.css";*/

body { background:#dbdbdb url(img/bg.png) 0 0 repeat-x; font:76%/1.5 arial, helvetica, sans-serif; color:#333; text-align:center; min-width:960px; padding-bottom:10px; }
html { overflow-y:scroll; } /* scrollbar FF */

.wrap {
 background:url(img/bgwrap.png) center top no-repeat;
 width:940px;
 padding:0 10px;
 margin:0 auto;
 text-align:left;
 font-size:1em;
 word-spacing:0.05em;
 letter-spacing:0;
 overflow:hidden;
 position:relative;
 }

.header { height:110px; overflow:hidden;  }

.logo { background:url(img/logo.png) 0 0 no-repeat; width:240px; height:80px; text-indent:-9000px; margin-top:20px; }
.logo a { width:240px; height:80px; display:block; }
.logo a:hover { background:none; }

.content { background:#fff url(img/bgcontent.png) center bottom no-repeat; border:1px solid #bdbcbd; overflow:hidden; width:938px; /*padding:10px;*/ display:inline-block; }

.article { width:550px; float:left; padding:30px 0 30px 10px; }
.sidebar { width:310px; float:right; padding:10px; margin:20px 0; }
.footer { clear:both; padding:20px 0; }

.container { background:url(img/bgcontainer.png) 0  0 repeat-x; padding:10px; overflow:hidden; height:100%; } /* height for ie6 */

.content p, .content ul { margin-bottom:20px; }

.end { margin-bottom:15px; }

.contactdetails { margin:20px 3px; }
.contactdetails strong { width:4em; display:block; float:left;  }
.strong { font-weight:bold; }

a, a:visited { color:#c72b36; text-decoration:none; outline:none;  }
a:hover { color:#fff; background-color:#292728; }

#TB_next a:hover, #TB_prev a:hover { background:none; } /* tickbox background reset */

/* NAVIGATION */

.nav { position:absolute; top:80px; right:10px; }
.nav li { float:left; }

.nav a:link, .nav a:visited {
 text-transform:uppercase;
 letter-spacing:0.1em;
 color:#fff;
 background-color:#555;
 text-decoration:none;
 display:block;
 padding:0 12px;
 margin-left:2px;
 }
 
.nav a:hover, .nav .current_page_item a,
#bdprojects .nav #menu_item_3 a, #bdsingle .nav #menu_item_3 a, #bdarchive .nav #menu_item_3 a { background:#c72b36; }

.nav ul { float:left; }

li.logout { position:absolute; top:-78px; right:0px; }
.nav .logout a:link, .nav .logout a:visited { olor:#555; background:#c72b36; font-size:0.9em; padding:0 10px; }

/* MAIN + SUB IMAGE */

.mainimg img { border:1px solid #555; }
.subimg { margin:10px; }

/* header images */

.about, .services, .subprojects, .testimonials, .contact, .login { background:url(img/subimg.jpg) 0 0 no-repeat; height:110px; width:916px; margin:10px; }
.services {background-position:0 -110px;}
.subprojects {background-position:0 -220px;}
.contact {background-position:0 -330px;}
.testimonials, .login {background-position:0 -440px;}

/* INNERFADE */

ul#slide { height:222px; width:920px; overflow:hidden; margin:10px; }

/* HEADINGS */

h1 { font-size:2em; }
h2 { font-size:1.6em; margin-bottom:20px; }
h3 { font-size:1.2em; }
h4 { font-size:0.9em; }
h5 { font-style:normal; font-style:normal; } 

h2, h3, h4 { text-transform:uppercase; font-weight:normal; }

.projects h2 { border-bottom:1px solid #bdbcbd; margin:8px 0 10px; }
.projects h4 { margin-bottom:20px; }

.headinghome { background:url(img/heading-home.png) 0 0 no-repeat; height:50px; width:152x; text-indent:-9000px; }

.clientpage h2 { border-bottom:1px solid #ccc; }
.clientpage h2.pagetitle { border:none; }

.clientpage img { display:none; /*height:16px; width:16px; */}
.clientpage a { background:url(img/page_red.png) 0 0 no-repeat; height:16px; /*width:16px;*/ padding-left:20px; display:inline-block; }
.clientpage a:hover { color:#333; text-decoration:underline; }
.clientpage h3 { margin-bottom:5px; }
.article.clientpage ul li { background:none; padding-left:0; margin-left:0; }
.article.clientpage li li { font-size:0.9em; padding:0; line-height:normal; padding-left:20px; }
.article.clientpage li ul { margin:0; }

#post-15 { margin-bottom:220px; }

/* LISTS */

.article ul li { background:url(img/bulletsqred.png) 0 .6em no-repeat; padding:0 0 .2em 1em; margin-left:2px; }

/* PROJECT INDEX */

.projectindex h3 a, .projectindex h3 a:visited { text-transform:capitalize; text-decoration:none; color:#333; }
.projectindex h3 a:hover { color:#c72b36; background:none; }
.projectindex h4 { background:url(img/bulletsqred.png) 0 5px no-repeat; padding:0 0 10px 10px; margin-bottom:10px; border-bottom:1px solid #ccc; }

/* SIDEBAR */

.widgettitle { background:#fff url(img/bgheading.png) 0 0 repeat-x; border:1px solid #bdbcbd; border-width:1px 1px 0 1px; margin:0; padding:5px 5px 5px 20px; font-size:1.4em; }
.textwidget { background-color:#f1f1f1; padding:10px 20px 20px; border:1px solid #bdbcbd; }

.textwidget .projectindex li { background:url(img/widgetboxline.png) bottom left repeat-x; }

.sidebar .projectindex h3 a, .sidebar .projectindex h3 a:visited  { color:#999; }
.sidebar .projectindex h3 a:hover { color:#333; }
.sidebar .projectindex h4 { background:url(img/bulletsqgray.png) 0 5px no-repeat; padding:0 0 5px 10px; margin-bottom:5px; border:none; color:#999; }

a.more, a:visited.more { text-transform:uppercase; background:#333; color:#fff; font-size:0.9em; margin-top:5px; display:inline-block; padding:2px 6px; }
a:hover.more { background-color:#c72b36; }

.emptysidebar { height:300px; }

/* PROJECTS */

h4 a, h4 a:visited { text-decoration:none; color:#333;  } /* styling  catergory link */
h4 a:hover  { color:#c72b36; background:none; }

/* IMAGE ALIGNMENTS */

img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignleft { margin-right:10px; margin-bottom:10px; float:left; }
img.alignright { margin-left:10px; margin-bottom:10px; float:right; }

/*
.post img { border:1px solid #333; }
.post a:hover img { border:1px solid #f60; }

.post .ngg-galleryoverview img { border:none; }
.post ngg-galleryoverview a:hover img { border:none; }
*/

.ngg-galleryoverview a:hover { background:none; }

.ftproject a, .ftproject a:visited { border:1px solid #bdbdbd; background-color:#fff; padding:7px; margin-bottom:5px; display:inline-block; overflow:hidden; }
.ftproject a:hover { border-color:#c72b36; background-color:#fff; }
.sidebar .projectindex h4.ftp { border:none; margin:0; }
.imgtfe { border:1px solid #555; }
.ftproject p { margin-bottom:5px; }
.ftproject { background:url(img/widgetboxline.png) bottom left repeat-x; margin-bottom:5px; padding-bottom:10px; }

.post img.ngg-singlepic { display:none; } /* not displying the pic in post but do display in featured */

.sidecontent img { border:1px solid #555; }
.sidecontent div { border:1px solid #bdbdbd; background-color:#fff; padding:7px; margin:10px 0 5px; }

/* QUOTES - TESTIMONIALS */

blockquote { border-left:5px solid #ccc; color:#868686; font-style:italic; margin:20px 0; padding:0 80px 0 10px; } 
.content blockquote p { margin-bottom:10px; }

/* FOOTER */

.footdetails { margin-top:10px; color:#656b6e; float:left;  }
.footdetails li { float:left; background:url(img/bulletsqgray.png) 0 0.5em no-repeat; padding-left:15px; margin-left:10px; font-size:0.9em; display:block; }

.credit { float:right; font-size:0.9em; margin:10px 10px 0; display:inline; }
.credit a:link, .credit a:visited {  background:url(img/check.png) left 0.2em no-repeat; padding-left:1.5em; color:#656b6e; text-decoration:none; }
.credit a:hover { color:#c72b36; }

/* CONTACT FORM */

.required { margin:0 3px 3px; }
.contactform { float:left; clear:left; width:100%; margin:0; border-style:none; }
.contactform ol { float:left; clear:left; list-style:none; }
.contactform li { float:left; clear:left; width:100%; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:6em; margin-right:1em; }
.contactform label img { position:absolute; left:5.7em; top:0.5em; }  
.contactform input { width:20em; }
.contactform textarea { width:22em; height:5em; font-family:arial, helvetica, sans-serif; font-size:1em; overflow:auto; }
.contactform input, .contactform textarea { border:1px #c72b36 solid; padding:3px 0.2em 2px; background:#fafafa; }
.contactform input:focus, .contactform textarea:focus { border-color:#333; }
input.contactsubmit { width:auto; background:#f1f1f1; cursor:pointer; font-size:1em; padding:3px 10px 2px; border:1px #c72b36 solid; }
input:hover.contactsubmit { color:#fff; background-color:#c72b36; }
.contactsubmit { margin:0 0 0em 7em; text-transform:uppercase; }

/* GOOGLE MAP */

.googlemap { border:1px solid #bdbcbd; }
a.location { padding:2px; background:#fff; border:1px solid #bdbcbd; display:block; margin-top:3px; }
a:hover.location { border:1px solid #c72b36; }