/*
Theme Name: Triple Star
Theme URI: http://www.triplestar.net.nz
Description: Custom wordpress design for Triple Star
Version: 1
Author: Kelpdesign
Author URI: http://kelpdesign.com/
*/

body { background-color: #c5d1d9;  font-family: Arial, Helvetica, sans-serif; margin: 0px; font-size:13px; color: #999999}
html {overflow: -moz-scrollbars-vertical }
a { text-decoration:none; color: #5e88a2}
h1, h2, h3, h4, h5 { color: #5e88a2}


.hr { border-bottom:1px solid #CCC }
.hr hr { display:none }

h2.pageTitle { margin: 0px 0px 19px 0px; font-size:19px; }
h2.pageTitle a { color: #5e88a2 }
.post p.date { color: #b3c8d6; font-size:14px; font-weight: bold; padding: 0px }
.post p.postmetadata { border-top: 1px solid #cccccc; padding-top: 10px }
.post p.postmetadata a { font-weight: bold}
.post p.postmetadata a.comments-link { color: #541800}

.entry h1, .entry h2, .entry h3, .entry h4, .entry p { padding: 10px 0px 0px 0px}

ul.plain { list-style: none; margin: 0px; padding: 0px }

#masterwrapper { background-color: #efefef; }
#outterwrapper {width: 940px; margin: 0px auto;  }

#header { height: 185px }

#header h1, #header h2{ display: none}

#header #logo {margin-top: 38px; float:left}
#header #logo a {}
#header #logo a img { border: none}

#mainnav { margin: 0px 0px 0px 768px}
#mainnav ul { margin:0px 0px 0px 0px; padding: 43px 0px 0px 8px; border-left: 7px solid #b3c8d6; }
#mainnav ul li { list-style:none; padding: 2px 0px 0px 0px}
#mainnav ul li a {font-weight: bold; color: #5e88a2; font-size:11px; }
#mainnav ul li ul { display: none}
#mainnav ul li a:hover { color: #541800 }
#mainnav ul li.current_page_item a, #mainnav ul li.current_page_parent a, #mainnav ul li.current_page_ancestor a { color: #541800}

#breadcrumbs { margin: 34px 2px 35px 2px; font-size:12px; color: #5e88a2}
#breadcrumbs a { font-weight: bold; color:#b3c8d6}




#contentwrapper { clear:left; margin: 0px 0px 0px 0px }
#contentwrapper #primarycontent { width: 590px; float:left; margin: 0px 62px 0px 0px }
#contentwrapper #secondarycontent { float: left; font-size: 12px; padding: 42px 0px 0px 0px; width: 267px; }

#contentwrapper #widecontent { width: 100%; float: none; margin: 0px 50px 0px 0px }



#contentwrapper img { padding:2px; border: 1px solid #cccccc }






#footer { background-color: #c5d1d9; border-top: 1px solid #CCC; clear:left; padding: 10px 0px; font-size:11px; margin-top: 100px }
#footerinner { width: 940px; margin: 0px auto }
#footer .left { float: left; width: 260px; color: #999999; font-weight: bold; }
#footer .left h3 {font-size:18px}
#footer .left a { color: #999999; text-decoration:underline }
#footer .right { float: left; width: 680px; color: #666666 }
#footer .right h3 { color: #541800}
#footer .right ul {}
#footer .right ul li { list-style: url(images/footer-bullet.gif)    }
#footer .right .limitwidth { width:450px}
#footer .copyright { color: #5e88a2; font-weight: bold; font-size: 12px  }
#footer .copyright a { color: #5e88a2; text-decoration:none  }
#footer .kelpdesign { text-align:right }
#footer .kelpdesign a { color: #666; font-weight: bold; font-size: 12px}


/* Extra Homepage CSS */

body.home #contentwrapper #primarycontent { margin: 0px 50px 0px 0px; padding-top: 0px }
body.home #contentwrapper #secondarycontent  { padding: 0px 0px 0px 0px; width: 300px; }

#subheader { padding:2px; margin: 20px 0px; height: 185px}
#subheader .introblock {float: left; margin: 20px 75px 0px 0px}
.introblock { width: 235px; color: #5e88a2}
.introblock h3 { border-bottom:7px solid #541800; width: 180px; font-size: 19px; padding-bottom: 5px; font-size: 19px; margin: 0px}
.introblock p.strongemul { font-style:italic; text-decoration:underline; font-weight: bold}

body.page-template-homepage-php h2.pageTitle { margin-top: 15px}

#latestBlogPost { border: 1px solid #cdcdcd; background-color:#FFF; padding: 13px; font-size: 11px }
#latestBlogPost h3 { color: #999999; border-bottom: 1px solid #cccccc; margin: 5px 0px 7px 0px; padding: 0px 0px 3px 0px; font-size: 14px }
#latestBlogPost h4, #latestBlogPost h4 a { color: #b3c8d6; margin: 10px 0px 5px 0px; font-size: 12px }
#latestBlogPost p {padding: 5px 0px 0px 0px}
#latestBlogPost ul { list-style: none; padding: 0px; margin: 0px}
#latestBlogPost { color:#999999 }
#latestBlogPost ul li { padding-bottom: 5px}
#latestBlogPost ul li a {color:#999999; text-decoration:underline; }

.homepageServices { padding: 30px 0px }
.homepageServices .latestblock {float: left; margin-right: 41px; }
.homepageServices .button { float:right; margin-right: 42px }

.latestblock {width: 271px; color: #5e88a2 }
.latestblock h4 { color:#541800;  font-size: 14px; margin: 0px 0px 5px 0px}
.latestblock .info { background-color: #dddddd; color:#999999; padding: 5px; margin: 10px 0px}
.latestblock .info h3 { margin: 2px 0px; color:#999 }
.latestblock .info h3 a { color:#999 }
.latestblock p {margin: 0px 0px 5px 0px; }
.latestblock p.intro { font-style:italic; }
.latestblock img { padding:1px; border: 1px solid #cccccc }

.service .blue-btn { margin: 25px 0px }

.slideshowWrapper { margin:0px; padding: 0px }
#slideshow { position:relative; height:410px; }
#slideshow div { position:absolute;  top:0; left:0; z-index:8; opacity:0.0; height: 410px; background-color: #efefef }
#slideshow div.active { z-index:10; opacity:1.0; }
#slideshow div.last-active { z-index:9; }
#slideshow div img { height: 359px; display: block; border: 0; margin-bottom: 10px; padding:2px; border: 1px solid #ccc }


.blueModule { background-color: #b3c8d6; color:#FFF; padding: 8px; margin: 0px 0px 15px 0px; font-size: 13px }
.blueModule h3 { color:#FFF; border-bottom: 1px dotted #FFF; margin: 0px; padding: 0px 0px 7px 0px; font-size: 16px }
.blueModule a { color:#FFF; }

/* Contact Template CSS */

.contactIndividualModule { color:#666666; margin-bottom: 10px; font-size: 13px }
.contactIndividualModule h3 { color:#5e88a2; border-bottom: 1px solid #5e88a2; margin: 0px; padding: 0px 0px 5px 0px; font-size: 14px }
.contactIndividualModule p { margin: 5px 0px 0px 0px }
.contactIndividualModule a { color:#666666; }


/* The Triple Star Team & Team Member Template CSS */



.theteam {}
.theteam .member { width: 177px; float: left; margin-right: 29px }
.theteam .member h3 { font-size: 16px; }
.theteam .last { margin-right: 0px }
.theteam a { font-weight: bold }

.projects { background-color: #b3c8d6; color:#FFF; padding: 5px }
.projects table { margin: 0px; padding: 0px; width: 100% }
.projects table tr { }
.projects table tr td { vertical-align:top; padding-bottom: 10px }
.projects table tr td strong { color:#5e88a2; }
.projects h3 { color:#FFF; border-bottom: 1px dotted #FFF; padding: 0px 0px 10px 0px; margin: 5px 0px; }

.referees { }
.referees table { margin: 0px; padding: 0px; width: 100% }
.referees table tr { margin: 0px; padding: 0px; }
.referees table tr td { vertical-align:top; margin: 0px; padding: 0px;  }



/* Services Template CSS */

body.page-template-services-php .service { float: left; width: 310px;}
body.page-template-services-php .service .introblock { float:left; margin-right: 35px;  }
body.page-template-services-php .service .introblock h3 { margin-top: 0px; }

body.page-template-services-php .service .latestblock { float:left; margin-right: 75px; margin-top: 30px; }
body.page-template-services-php .service .button { float:left; width: 200px; }

/* Project Template CSS */

.testimonial { color: #5e88a2 }
body.page-template-project-php .introblock, body.page-template-service-php .introblock { margin-bottom: 30px; }
body.page-template-project-php .page, body.page-template-service-php .page { margin-top: 20px }



/* Page Template Common CSS */



.blue-btn { background-color: #5e88a2; width: 274px; background:url(images/blue-btn.gif); background-repeat:no-repeat; }
.blue-btn a { color:#FFF; font-weight: bold; padding-left: 27px; line-height: 24px; display:block   }


/* Popup Email Contact Common CSS */
#zoom { z-index:200; position:relative;}
#zoom_content h3 { color: #541800; font-size: 11px; margin: 20px 0px}
#zoom_content ul { padding: 0px; list-style: none }
#zoom_content .address { float:right; font-size:11px; font-weight: bold }
#zoom_content .address a { color: #999; text-decoration:underline}
#zoom_content form li { margin-bottom: 15px }
#zoom_content form label { color: #5e88a2; font-weight: bold; font-size: 11px; width: 80px; display:block; float: left;}
#zoom_content form input, #zoom_content form textarea { float:left; width: 240px; border: 1px solid #b3c8d6}
#zoom_content form input.sendbutton { width: 66px; height: 20px; border: 0px; float:left; margin: 10px 0px 0px 90px; background-image: url(images/send.gif); background-color: #88a7ba; color:#FFF; text-transform: uppercase; font-weight: bold; font-size:11px }