/*
Theme Name: To-Wel v1
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.8.6+)
Author: Good Websites
Author URI: http://goodwebsites.co.nz
Tags: Good Websites, To-Wel
*/

/* to-wel.co.nz 19 November 2009 */

@import "css/reset.css";

body, select, input, textarea { font: 76%/1.5 Arial, 'Helvetica Neue', Helvetica, sans-serif; }
body { color:#d0d9e0; background-color:#000; text-align:center; min-width:960px; border-top:2px solid #97b6dc; }
select, input, textarea, .wrap { font-size:1em;  }
.wrap { width:960px; margin:0 auto; text-align:left; word-spacing:0.05em; } 
.header { position:relative; height:185px; }
.container { overflow:hidden; height:1%; } /* IE6 */
.content { float:left; width:620px; margin-bottom:2px; } /* for page navi */
.sidebar { float:right; width:280px; }
.footer { background:#050607 url(img/bgfooter.png) bottom left repeat-x; border-top:1px solid #1a2435; overflow:hidden; padding:20px 0 5px; margin-top:20px; }
.subfootcontent { width:500px; float:left; margin-bottom:20px;}
.main { height:400px; margin-bottom:20px; } 
.excerpt { width:520px; margin-top:40px; }

p, .post ul, .post ol, .article ul, .article ol { margin:0 0 1em; }

.logo a { background:url(img/logo.png) 0 0 no-repeat; height:167px; width:343px; text-indent:-9000px; display:block; float:right; margin:5px 0 0; }

a, a:visited { color:#97b6dc; }
a:hover { color:#fff; }

a.more, a.more:visited, a.more-link, a:visited.more-link { background:url(img/bgmorelink.png) right 7px no-repeat; padding-right:10px; color:#686b6e; text-decoration:none; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-style:italic; }
a.more:hover, a:hover.more-link { background-position:right -8px; color:#fff; }

.ft-products .ml { margin:-25px 20px 0 10px; float:right }
.ml { margin:10px 0 0 10px; }

/* img alignments  WP */

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

/* slide (smooth) */

.slide { margin-bottom:20px; }
.myGallery { border:1px solid #1a2435!important; }

/* misc */

.end { margin-bottom:1em; }

.fl { float:left; display:block; }
.fr { float:right; display:block; }

.em { font-style:italic; }
.strong { font-weight:bold; }

blockquote { border-left:4px solid #97B6DC; color:#999; padding:0 10px; margin-left:2px; margin-bottom:20px; }

.post ul li, .article ul li { list-style:disc outside; padding-left:3px; margin-left:20px;}
.post ol li, .article ol li { list-style:decimal outside; padding-left:3px; margin-left:20px; }

/* nav */

.nav { position:absolute; top:0; left:0; height:130px; }
.nav li { float:left; display:inline; margin-right:10px; }
.nav a, .nav a:visited { font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
 float:left;
 display:inline;
 padding:100px 11px 5px;
 text-decoration:none;
 font-size:1.2em;
 color:#fff;
 }

.nav a:hover, .nav .current_page_item a, .nav .current_page_parent a { background:url(img/bgnav.png) bottom center repeat-x; }

/* headings */

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; line-height:normal; margin-bottom:0.5em; color:#fff; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; }
h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.2em; }
h6 { font-size:1em; }

.hdblog, .hdfollowus, .hdcall, .hdemail, .hdtagcloud, .hdcat, .hdpaypal, .hdfeatured,
.hdtowelponchos, .hdpics, .hdfaq, .hdcheckout, .hdTo, .hdcontact, .hdthanks,
.feed, .blogfeed p, .tw-facebook, .tw-youtube, .tw-myspace, .tw-twitter, .tw-flickr { 
  background:url(img/hd.png) 0 -40px no-repeat; height:30px; text-indent:-9000px; display:block; }
  
.hdblog { margin-left:37px; }
.feed { background-position:0 -405px; float:left; width:30px; }
.hdfollowus { background-position:0 -197px; width:80px; }
.hdcall { background-position:0 -241px; width:34px; }
.hdemail { background-position:0 -280px; width:44px; margin-left:10px; }
.hdtagcloud { background-position:0 -120px; margin-left:10px; }
.hdcat { background-position:0 -160px; margin:40px 0 10px 10px;  }
.hdpaypal { background-position:54px -320px; height:65px; }
.hdfeatured { background-position: 0 0; margin-top:10px; }

.hdtowelponchos { background-position:0 -80px; }
.hdpics { background-position:0 -440px; }
.hdfaq { background-position:0 -480px; }
.hdcheckout { background-position:0 -520px; }
.hdTo { background-position:0 -560px; }
.hdcontact, .hdthanks { background-position:0 -600px; }

h1.logo { margin:0; }
.footer h2, h2.posttitle{ font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-style:italic; }
h2.posttitle { margin:0; }

.archivetitle { margin-left:40px; font-size:1.4em; color:#686b6e; font-style:italic; text-transform:lowercase; }

.page-id-71 .sidebar { margin-top:40px; } /* contact */

h4.name a { font-size:1.4em; color:#fff; text-decoration:none; font-style:italic; }
h4.name a:hover { color:#97B6DC; }
/* social */
.tw-facebook, .tw-youtube, .tw-myspace, .tw-twitter, .tw-flickr { width:30px; float:left; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);  }

.tw-facebook:hover, .tw-youtube:hover, .tw-myspace:hover, .tw-twitter:hover, .tw-flickr:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100);  }

.tw-facebook { background-position:-40px -410px; }
.tw-youtube { background-position:-80px -410px; }
.tw-myspace { background-position:-120px -410px; }
.tw-twitter { background-position:-160px -410px; }
.tw-flickr { background-position:-200px -410px; }

.blogfeed { float:right; text-align:right; margin-top:-40px; }
.blogfeed p { background-position:0 -388px; padding-left:25px; width:auto; height:auto; text-indent:inherit; margin-bottom:0; }

/* tag cloud + categories */

.tagcloud a, .tagcloud a:visited, .cat a, .cat a:visited { color:#686b6e; text-decoration:none; padding:3px 20px 3px 0; }
.tagcloud a:hover, .cat a:hover { color:#d0d9e0; }
.tagcloud, .cat ul { margin:0 10px; }
.cat ul ul { font-size:0.9em; }

/* featured (latest prods) */

.featuredbox { text-align:center; overflow:hidden; margin-bottom:20px; }	
.featuredthumb { float:left; width:130px; padding:5px 10px; text-align:left; }
.featuredthumb a, .featuredthumb a:visited { text-decoration:none; color:#686b6e; text-decoration:none; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-style:italic; }
.featuredthumb a strong { font-weight:normal; }
.featuredthumb a:hover { color:#fff; }

/* ads */

#wp125adwrap_1c, #wp125adwrap_2c { margin:20px 0; text-align:center; overflow:hidden; }

/* Styles for one-column display */
#wp125adwrap_1c { width:100%; }
#wp125adwrap_1c .wp125ad { margin-bottom:10px; }

/* Styles for two-column display */
#wp125adwrap_2c { width:100%; }
#wp125adwrap_2c .wp125ad { width:127px; float:left; padding:10px; }

.wp125ad img { border:1px solid #1a2435; display:block; }
.wp125ad img:hover { border-color:#87bde2; }

/* footer */

.footer li, .sidebar .followus li { float:left; display:block; margin-right:3px; padding-right:2px; }
.footer ul { clear:both; }
.contactdetails { color:#fff; }
.followus { overflow:hidden; border-bottom:1px solid #1a2435; margin-bottom:5px; padding-bottom:5px; width:500px; display:inline-block; } /* IE6 */
.sidebar .contactdetails, .subfootcontent .contactdetails  { margin-bottom:20px; font-size:1.2em; }
.sidebar .followus { border:none; margin-top:-10px; width:300px; }

.footr { float:right; text-align:right; width:306px;  }

/*.thumbbox {margin:10px 0; }*/

.searchbox { margin-top:20px;	 }

.bgbttn, .checkout-button { background:url(img/bgbttn.png) 0 0 no-repeat; text-indent:-9000px; cursor:pointer; height:24px; }

/* ft product */

.ft-products { margin-left:10px; }

/* tempstyle subfooter */

.subfootcontent h3.temp { color:#686B6E; font-style:italic; margin-top:40px; }
.subfootcontent .contactdetails li { float:none; color:#686B6E; }

/* credit */

.credit { color:#fff; float:right; }
.credit span { background:url(img/check.png) left 0 no-repeat; padding-left:17px; }
.credit a, .credit a:visited { text-decoration:none; color:#fff;  }
.credit a:hover { color:#006 }

/* posts */

.meta { color:#5e6f77; font-size:0.9em; }
.meta p { margin:0; }
.meta a, .meta a:visited { color:#97b6dc; text-decoration:none; }
.meta a:hover { color:#fff; text-decoration:underline; }

.postexcerpt .date, .post .date { position:absolute; left:0; top:10px; text-align:center; border:1px solid #1a2435; background-color:#070a0f; padding:2px 7px; color:#fff; line-height:normal; }

.postexcerpt, .post, .single .posthd { clear:both; overflow:hidden;  padding:10px 0 10px 50px; position:relative; border-top:1px solid #1a2435; height:1%; } /* IE6 */

.parent-pageid-149 .post { padding:10px 0 10px; }

.single .posthd { border-bottom:1px solid #1a2435; margin-bottom:10px; }
.single .post { padding-left:0; border:none; }

.posttitle a, .posttitle a:visited { color:#fff; text-decoration:none; }
.posttitle a:hover { color:#97b6dc; }

/* comments */
#respond, .comments-template	label 	{ color:#97b6dc; font-style:italic; }
.comments-template { border-top: 1px solid #1a2435; padding: 10px 0 0; }
.comments-template ol { margin:0; padding:0 0 15px; }
.comments-template ol li { margin:10px 0 0; line-height:1.6em; padding:0 0 10px; border-bottom:1px solid #1a2435; }
.commentmeta { font-size:.9em; }
.comments-template p.nocomments { padding:0; }
.comments-template input { margin:0 5px 10px 0; width:280px; }
.comments-template textarea { padding:3px; width:589px; margin-bottom:10px; }
.comments-template a { text-decoration:none; }
/* see contact form for more styling */

/* contact form */

.article .contactform img { border:none; margin:0; } /* reset when images are bordered */
.article .contactform  img.required { margin:0 3px 3px; }

.contactform { float:left; clear:left; width:100%; margin:10px 0 0; border-style:none; }
.contactform fieldset { margin-top:10px; }
.contactform ol { float:left; clear:left; list-style:none; }
.article .contactform ol li { list-style:none; padding-left:0; margin:0;  }
.contactform li { float:left; clear:left; width:100%; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:6em; margin-right:1em; padding-top:5px; color:#97b6dc; }
.contactform label img { position:absolute; left:6em; top:.9em; }  
.contactform input { width:330px; }
.contactform textarea { width:330px; height:10em; overflow:auto; }
.contactform fieldset.contactsubmit  { margin-top:0; }
.contactsubmit { float:none; width:auto; padding:0 0 0.5em 7em; margin:0; }

.comments-template input, .comments-template textarea, #s, .contactform input, .contactform textarea,
  { border:1px solid #1a2435; background-color:#070a0f; padding:5px; color:#d0d9e0; }
#s { padding:3px; width:220px; }
.comments-template input:focus, .comments-template textarea:focus, input#s:focus, .contactform input:focus, .contactform textarea:focus,
  { border:1px solid #97b6dc; color:#fff; }

.comments-template #submit { background-position:0 -110px; border:none; height:30px; width:210px; border:none; }
.comments-template #submit:hover { background-position:0 -140px; }

input#searchsubmit { background-position:0 -59px; border:none; height:24px; width:73px; border:none; }
input:hover#searchsubmit { background-position:0 -83px; }

.contactform .contactsubmit input { background-position:0 -170px; height:30px; width:157px; border:none; }
.contactform .contactsubmit input:hover { background-position:0 -200px; }

input.checkout-button  { background-position:0 -230px; height:30px; width:157px; border:none; margin-top:10px; }
input:hover.checkout-button  { background-position:0 -260px; }

.payoption-secure-via-paypal input.checkout-button { border:none; padding:0; background:none; width:auto; height:auto; } /* reset for paypal button */

/*input, textarea { -moz-border-radius:3px; -webkit-border-radius:3px; }*/



