/*
THEME NAME: Ketch Harbour Wolves
THEME URI: http://ketchharbourwolves.ca/
DESCRIPTION: Theme for Ketch Harbour Wolves. Built over Sandbox theme by Andy Skelton and Scott Allan Wallick
VERSION: 3.0
AUTHOR: <a href="http://brianurbanik.com/">Brian A Urbanik</a>
AUTHOR URI: 
TAGS: 
*/

/*Yahoo Developer Reset YUI 3 Base, Fonts, and Reset are called in header.php and are also included below for local testing when internet access is not available. */

/*
YUI 3.7.1 (build 5627)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}h1,h2,h3{margin:1em 0}h1,h2,h3,h4,h5,h6,strong{font-weight:bold}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}blockquote,ul,ol,dl{margin:1em}ol,ul,dl{margin-left:2em}ol{list-style:decimal outside}ul{list-style:disc outside}dl dd{margin-left:1em}th,td{border:1px solid #000;padding:.5em}th{font-weight:bold;text-align:center}caption{margin-bottom:.5em;text-align:center}p,fieldset,table,pre{margin-bottom:1em}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em}#yui3-css-stamp.cssbase{DISPLAY:NONE}

/*
YUI 3.7.1 (build 5627)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{DISPLAY:NONE}

/*
YUI 3.7.1 (build 5627)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{DISPLAY:NONE}



/* REFERENCE, SCRAPS, AND NOTES OF INTEREST */
/* REFERENCE, SCRAPS, AND NOTES OF INTEREST */
/* REFERENCE, SCRAPS, AND NOTES OF INTEREST */

/* This is how you would call another CSS file into this one. In this example we would be pulling it from a directory called 'examples' which would reside within the main wordpress theme directory. */
/*@import url('examples/2c-l.css');*/

/*A way to achieve the text indent in the second and beyond paragraphs.*/
/*div#container .entry-content p + p {text-indent: 5%;margin-top: 0;}*/
/*div#container .entry-content p:firstline {text-indent:-50%;}*/
/*div#container .entry-content p {margin-bottom: 0 }*/


/* STRUCTURE */
/* STRUCTURE */
/* STRUCTURE */

body{min-width:320px;max-width:4096px;font-family:Helvetica,Arial,sans-serif;}/* Everything, EVERYTHING, is contained within the body. Various devices and browsers may place the body within some other element.*/

div#wrapper{width:66%;margin:0px auto;}/* 'wrapper' is a div that wraps around EVERYTHING. This makes it second in command to the 'body'. The width is set to a percentage, which is a percentage of whatever the 'body's width ends up being (this will vary based on window size, browswer, device, etcetera. */

div#container{width:100%;clear:both;padding-top:1%;}/* 'container' is a div within the 'wrapper' div at 100% width. It's like a balloon that fills itself to capacity, and thus right to the edges of its container (which, again, is the 'wrapper' div). */
	


/* LINKS */
/* LINKS */
/* LINKS */

a:link {color:#C00;text-decoration:none;} /* unvisited link */
a:visited {color:#C00;}  /* visited link */
a:hover {color:#C00;}  /* mouse over link */ /* Remember that hover doesn't mean much to touch screens. */
a:active {color:#C00;}  /* selected link */



/* MENU */
/* MENU */
/* MENU */

div#access #menu {text-shadow: 1px 1px rgb(221, 221, 221);font-weight:bold;font-size:111%;color:dimGray;text-transform:uppercase;padding-top:1%}
div#access #menu ul li a {float:left;}
div#access #menu ul li ul.children {DISPLAY:NONE;}
div#access #menu ul li:nth-child(n+2):before {content:"|";float:left;margin-right:5px;margin-left:5px;} /* Inserting a pipe character inbetween menu items. */


div#header h1#blog-title a {font-weight:bold ; font-size:150%; text-transform:uppercase; DISPLAY:NONE;}/* DO NOT DISPLAY The blog title. */

div#header div#blog-description {DISPLAY:NONE;}/* DO NOT DISPLAY The blog description. */



/* POST-TO-POST NAVIGATION */
/* POST-TO-POST NAVIGATION */
/* POST-TO-POST NAVIGATION */

/* Divs with a class of 'navigation', which affects both the nav-above and nav-below divs as per index.php and single.php.*/

div.navigation a {color:#E8E8E8;text-shadow: 1px 1px rgb(221, 221, 221);}

div.navigation a:hover {color:#F8F8F8;text-shadow: 2px 2px rgb(223, 223, 223);}/* Remember that hover doesn't mean much to touch screens. */

div#nav-above {width:100%;height:100px;padding-top:10px;}/* The 'nav-above' div is within the 'content' div. The 'nav-above' div contains the nav-previous and nav-next divs. */

div.nav-previous {width:10%;display:block;float:right;}/* The nav-previous and nav-next divs are contained within the nav-above div, and also inside of the nav-below div. */

div.nav-next {width:10%;display:block;float:left;}

span.meta-nav {font-size:500%;}/* Text arrows &raquo; and &laquo; for navigating between posts. In header.php there is a span tag around these text arrows with a class of 'meta-nav' */



/* SINGLE POSTS */
/* SINGLE POSTS */
/* SINGLE POSTS */

.single div#header {DISPLAY:NONE;}/* DO NOT DISPLAY the 'header' div. */

.single div#nav-below {DISPLAY:NONE;}/* DO NOT DISPLAY the nav-below div on single posts. (The nav-above div is used for navigation at the single post level.) */

.single .entry-title {DISPLAY:NONE;}/* DO NOT DISPLAY the entry title on single posts. */



/* HOME PAGE */
/* HOME PAGE */
/* HOME PAGE */

.home p.wp-caption-text {DISPLAY:NONE;}/* DO NOT DISPLAY caption text on the home page. */

.home h2.entry-title {DISPLAY:NONE;}/* DO NOT DISPLAY the post's title on the home page. */

.home div#nav-above {DISPLAY:NONE;}/* DO NOT DISPLAY the nav-above div on the home page.  */

.home div#header div#access {DISPLAY:NONE;}/* DO NOT DISPLAY the div 'access', which is the main navigation div in the header, on the home page  */

.home div.entry-content {margin-top:5%;}/* A small margin for some breathing space between whatever the content on the home page is and the top of the page. /*



/* SIDEBAR */
/* SIDEBAR */
/* SIDEBAR */

div.sidebar {DISPLAY:NONE;}/* DO NOT DISPLAY the sidebar. */

/* Unused Sandbox Sidebar Styling */
/*
div.sidebar h3 {font-size:1.2em;}
div.sidebar input#s {width:7em;}
div.sidebar li {list-style:none;margin:0 0 2em;}
div.sidebar li form {margin:0.2em 0 0;padding:0;}
div.sidebar ul ul {margin:0 0 0 1em;}
div.sidebar ul ul li {list-style:disc;margin:0;}
div.sidebar ul ul ul {margin:0 0 0 0.5em;}
div.sidebar ul ul ul li {list-style:circle;}
*/



/* TEXT */
/* TEXT */
/* TEXT */

div#container .entry-content p {font-size:123%;min-width:100px;max-width:600px;line-height:175%;text-align:justify;text-justify:inter-word;}

/*div#container .entry-content p:first-line {font-weight:bold;font-size:150%;}*/

div#container .entry-content p + p {margin-top:0}

div#container .entry-content h1 {font-family:"Arial Black", Gadget, sans-serif;text-shadow: 1px 1px rgb(221, 221, 221);clear:both;font-size:160%;font-weight:bold;text-transform:uppercase;margin-top:50px;margin-bottom:25px;}

div#container .entry-content h2 {font-family:"Arial Black", Gadget, sans-serif;text-shadow: 1px 1px rgb(221, 221, 221);clear:both;font-size:246%;font-weight:bold;text-transform:uppercase;margin-top:25px;margin-bottom:25px;}

strong{font-weight:bold;font-size:111%;}





/* CONTENT */
/* CONTENT */
/* CONTENT */

div#content.post {overflow:hidden;}/* Safety measure to ensure that post content is hidden when it starts overflowing. */

.entry-title {font-family:"Arial Black", Gadget, sans-serif;text-shadow: 2px 2px rgb(221, 221, 221);clear:both;font-size:789%;line-height:80%;font-weight:bold;text-transform:uppercase;margin:25px 0;word-break:hyphenate;}

div.entry-date {DISPLAY:NONE;}/* DO NOT DISPLAY entry-date. */

div.entry-meta {DISPLAY:NONE;}/* DO NOT DISPLAY entry-meta. */



/* IMAGES */
/* IMAGES */
/* IMAGES */

img {width:100%;height:auto;margin-bottom:10px;}/* Set the width to 100% of its parent container. */

.entry-content p.wp-caption-text{font-style:italic;}/* Styles image caption text. */

.alignright,img.alignright{float:right;margin:1em 0 0 1em;}

.alignleft,img.alignleft{float:left;margin:1em 1em 0 0;}

.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}



/* PAYPAL */
/* PAYPAL */
/* PAYPAL */

img.paypal{width:1px;height:1px;}

form.paypal{float:left;margin-top:0;margin-right:3%;}



/* GALLERY */
/* GALLERY */
/* GALLERY */

div.gallery {clear:both;height:180px;margin:1em 0;width:100%;}

div.gallery dl {margin:1em auto;overflow:hidden;text-align:center;}

div.gallery dl.gallery-columns-1 {width:100%;}

div.gallery dl.gallery-columns-2 {width:49%;}

div.gallery dl.gallery-columns-3 {width:33%;}

div.gallery dl.gallery-columns-4 {width:24%;}

div.gallery dl.gallery-columns-5 {width:19%;}

div.gallery dl {float:left;}

input#author,input#email,input#url {width:50%;}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {margin:0;padding:0;}





/* FORMS */
/* FORMS */
/* FORMS */

form#commentform .form-label {margin:1em 0 0;}

form#commentform span.required {background:#fff;color:#c30;}

form#commentform,form#commentform p {padding:0;}

input#author,input#email,input#url,textarea#comment {padding:0.2em;}

textarea#comment {height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}



/* COMMENTS */
/* COMMENTS */
/* COMMENTS */

div#comments {DISPLAY:NONE;}/*DO NOT DISPLAY comments div. */

div.comments ol li {margin:0 0 3.5em;}



/* FOOTER */
/* FOOTER */
/* FOOTER */

div#footer {clear:both;margin-top:15px;color:dimGray;font-weight:normal;font-size:0.90em;}

#footer div#copyright{font-size:80%;padding-top:10px;padding-bottom:25px;}

#footer div#access #menu {text-transform:uppercase;}

#footer div#access #menu ul li a {font-family:Helvetica,Arial,sans-serif;float:left; margin-right:1%; text-transform:normal; color:#666;}

#footer div#access #menu ul li:nth-child(n+2):before {content: "|";float:left;color:#CCC;margin-right:1%;}

div#copyright{clear:both;text-shadow: 1px 1px rgb(221, 221, 221);color:#CCC;text-transform:uppercase;}




/* AWEBER STYLING OVERRIDE */
/* AWEBER STYLING OVERRIDE */
/* AWEBER STYLING OVERRIDE */


div#af-form-1577297124{margin:0;padding-top:10px; padding-bottom:10px;}
div#af-form-1959119932{margin:0;padding-top:10px; padding-bottom:10px;}


/* AUDIO PLAYER OVERRIDE */
/* AUDIO PLAYER OVERRIDE */

p.audioplayer_container {padding-bottom:0;margin-bottom:0;line-height:90%;}


/* WORDPRESS AUDIO PLAYLIST CURRENT ITEM ALBUM ART DIV OVERRIDE */
/*.wp-playlist-current-item {display:none;}*/


/* END OF STYLE.CSS */