/*
    Theme Name: WS2
    Theme URI: http://www.kennycarlile.com/
    Description: Version 2 theme for Western Skies (westernskiesweb.com)
    Author: Kenny Carlile
    Author URI: http://www.kennycarlile.com/
    Version: 2.0
    .
    General comments/License Statement if any.
    .
*/

/* BEGIN ERIC MEYER CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}
/* END ERIC MEYER CSS RESET */

/* DEFINE DEFAULTS */
/* from: http://www.w3.org/TR/CSS2/sample.html */
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; }
li              { display: list-item; }
head            { display: none; }
table           { display: table; }
tr              { display: table-row; }
thead           { display: table-header-group; }
tbody           { display: table-row-group; }
tfoot           { display: table-footer-group; }
col             { display: table-column; }
colgroup        { display: table-column-group; }
td, th          { display: table-cell; }
caption         { display: table-caption; }
th              { font-weight: bolder; text-align: center; }
caption         { text-align: center; }
/*body            { margin: 8px; }*/
/*h1              { font-size: 2em; margin: .67em 0; }*/
/*h2              { font-size: 1.5em; margin: .75em 0; }
h3              { font-size: 1.17em; margin: .83em 0; }*/
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0; }
h5              { font-size: .83em; margin: 1.5em 0; }
h6              { font-size: .75em; margin: 1.67em 0; }
h1, h2, h3, h4,
h5, h6,
b,
strong          { font-weight: bold; }
blockquote      { margin-left: 40px; margin-right: 40px; }
i, cite, em,
var, address    { font-style: italic; }
pre, tt, code,
kbd, samp       { font-family: monospace; }
pre             { white-space: pre; }
button, textarea,
input, select   { display: inline-block; }
big             { font-size: 1.17em; }
small, sub, sup { font-size: .83em; }
sub             { vertical-align: sub; }
sup             { vertical-align: super; }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle; }
td, th, tr      { vertical-align: inherit; }
s, strike, del  { text-decoration: line-through; }
hr              { border: 1px inset; }
ol, ul, dir,
menu, dd        { margin-left: 20px; }
ol              { list-style-type: decimal; }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0; }
u, ins          { text-decoration: underline; }
br:before       { content: "\A"; white-space: pre-line; }
center          { text-align: center; }
:link, :visited { text-decoration: underline; }
:focus          { outline: thin dotted invert; }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override; }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed; }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed; }

@media print {
  h1            { page-break-before: always; }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid; }
  ul, ol, dl    { page-break-before: avoid; }
}
/* END DEFINE DEFAULTS */

/* BEGIN CUSTOM CSS */

/*
    backgrounds
    --------------------
    darkgrey:           #363636
    lightgrey:          #E1E1E1
    greyfont:           #333333
    footergreyfont:     #666666
    purple:             #330099
    
    fonts
    --------------------
    RSS orange:         #FF9933
*/

/* ----------------------------------------
   GENERAL
   ---------------------------------------- */

*, html
{
}

/* LVHA order */
a
{
	color: #330099;
	text-decoration: none;
}

a:link
{
	color: #330099;
	text-decoration: none;
}

a:visited
{
	color: #330099;
	text-decoration: none;
}

a:hover
{
	color: #330099;
	text-decoration: underline;
}

a:active
{
	color: #330099;
	text-decoration: none;
}

body
{
    background-color: #E1E1E1;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
    line-height: 1.250em; /* 16×1.125=18 */
	text-align: center;
}

h1
{
    font-size: 2em;
	line-height: 1.4em;
}

h2
{
    font-size: 1.2em;
    line-height: 1.4em;
}

li
{
    line-height: 1.5em;
}

ol>li
{
    list-style-type: decimal;
}

p
{
    margin: .5em 0px 1.12em 0px;
}

td, th, tr
{
    padding: .25em;
    vertical-align: top;
}

ul>li
{
    list-style-type: square;
}

.floatimgright
{
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}



.styledButton
{
	background-color: #E1E1E1;
	border: 1px solid #330099;
	color: #330099;
}

.styledButton:hover
{
    background-color: #FFFFFF;
	border: 1px solid #330099;
	color: #330099;
}

.ulindend10
{
	margin-left: 30px;
	margin-right: 20px;
}

/* ----------------------------------------
   LAYOUT
   ---------------------------------------- */

#bodycontent
{
    margin: 0px auto 40px auto;
    text-align: left;
    width: 960px;
}

#bodywrap
{
    background-color: #E1E1E1;
    background-image: url('images/bgfade.png');
    background-repeat: repeat-x;
    float: left;
    margin: 0px auto 0px auto;
    width: 100%;
}

#pagewrap
{
    float: left;
    width: 100%;
}

/* ----------------------------------------
   HEADER
   ---------------------------------------- */

#headercontent
{
    height: 40px;
    margin: 0px auto 0px auto;
    text-align: left;
    width: 960px;
}

#headercontent #logo
{
    background-image: url('images/headerlogo.png');
    background-repeat: no-repeat;
    float: left;
    height: 33px;
    text-indent: -9999px;
    width: 176px;
}

#headergraphicbar
{
    background-color: #363636;
}

#headergraphic
{
    background-image: url('images/headermtn.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 40px;
    margin: 0px auto 0px auto;
    text-align: left;
    width: 960px;
}

#headerwrap
{
    background-color: #FFFFFF;
    height: 40px;
}

/* ----------------------------------------
   TOPNAV
   ---------------------------------------- */

#topnav
{
    background-image: url('images/hrfade.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    float: right;
    margin-top: 8px;
    text-align: right;
    text-transform: uppercase;
    width: 784px;
}

#topnav>ul>li
{
    display: inline;
    font-size: 1.125em;
    margin: 0px 0px 0px 25px;
}

#topnav>ul
{
    color: #C2C2C2;
    display: inline;
}

#topnav li
{
    list-style: none;
    margin: 0px 10px 0px 10px;
}

.topnavlinks
{
    position: relative;
}

.topnavlinks a,
    .topnavlinks a:visited,
    .topnavlinks a:hover,
    .topnavlinks a:link,
    .topnavlinks a:active
{
    color: #333333;
    text-decoration: none;
}

.topnavlinks a:hover
{
    color: #330099;
}


/* drop down menu */
.navSubMenu
{
    background-color: #003663;
    display: block;
    font-size: 0.750em;
    position: absolute;
    margin-left: 0px;
    padding-left: 0px;
    visibility: hidden;
    z-index: 50;
}

/* ----------------------------------------
   SEARCH/BREADCRUMB
   ---------------------------------------- */
#breadcrumb
{
    margin-bottom: 0px;
    width: 960px;
}

#breadcrumblinks
{
    float: left;
    font-size: 0.750em;
    margin: 20px 0px 0px 0px;
    width: 680px;
}

#searchform
{
    margin-right: 0px;
    float: right;
    text-align: right;
    width: 250px;
}

/* ----------------------------------------
   PAGE
   ---------------------------------------- */

#page
{
    float: left;
    margin-right: 0px;
    width: 720px;
}

#pagemain
{
    float: left;
    margin-right: 0px;
    margin-top: 20px;
    width: 460px;
}

#page *
{
    padding-top: 0px;
}

.pagecontent
{
    margin-right: 20px;
}

#page h1
{
    font-size: 1.5em;
    line-height: 1.2em;
    margin-bottom: 20px;
    margin-top: 0px;
}

/* ----------------------------------------
   BLOGS
   ---------------------------------------- */

#blogs
{
    float: left;
    width: 560px;
}

.blog
{
    padding: 20px;
    width: 500px;
}

.posttitle
{
    color: #330099;
    margin-bottom: 20px;
}

/* LVHA order */
.posttitle a,
    .posttitle a:link,
    .posttitle a:visited,
    .posttitle a:active
{
	color: #330099;
	text-decoration: none;
}

.posttitle a:hover
{
	color: #330099;
	text-decoration: none;
}

.postmeta
{
    clear: both;
    font-size: 0.875em;
}

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

#paging
{
    margin-left: 20px;
    margin-top: 40px;
    width: 500px;
}

#pagingnewer
{
    float: right;
    margin-bottom: 20px;
}

#pagingolder
{
    float: left;
    margin-bottom: 20px;
}

#pagingnewer img, #pagingolder img
{
    vertical-align: middle;
}

#pagingnewer a:hover, #pagingolder a:hover
{
    text-decoration: none;
}

/* ----------------------------------------
   SIDEBAR
   ---------------------------------------- */

#sidebar 
{
    float: right;
    font-size: 0.875em;
	line-height: 1.5em;
	margin-bottom: 20px;
    width: 220px;
}

#sidebar>div
{
    margin-left: 0px;
}

#sidebar h2, #sidebarmain h2
{
    border-bottom: 1px solid;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#sidebar ul, #sidebarmain ul
{
    margin-left: 0px;
    margin-top: 0px;
}

#sidebar li, #sidebarmain li
{
    list-style-type: none;
}

#pagelist
{
	font-size: 1.250em;
	margin-bottom: 20px;
}

#pagelist>*
{
	
}

#promotions
{
	margin-bottom: 20px;
}

#connect 
{
    margin-bottom: 20px;
}

#connect ul
{
    margin-left: 0px;
}

#connect li
{
    display: inline;
}

#friends 
{
    margin-bottom: 20px;
}

#links 
{
    margin-bottom: 20px;
}

#twitter 
{
    margin-bottom: 20px;
}

#sidebarmain
{
    float: left;
    margin-left: 20px;
	margin-bottom: 20px;
    width: 480px;
}

#sidebarmainimg
{
    margin-bottom: 20px;
}

#sidebarmainprimary
{
    float: left;
    margin-right: 20px;
    width: 220px;
}

#sidebarmainsecondary
{
    float: left;
    margin-left: 20px;
    width: 220px;
}

.blogrssfeed>li
{
    margin-bottom: 10px;
}

.blogrssfeed>li>.date
{
    font-size: .750em;
    font-style: italic;
}

/* ----------------------------------------
   COMMENTS
   ---------------------------------------- */

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

#comments h2
{
    font-size: 1.25em;
    margin-bottom: 20px;
}

/* ----------------------------------------
   FOOTER
   ---------------------------------------- */
   
#footer
{
    background-image: url('images/hrfade.png');
    background-position: top right;
    background-repeat: no-repeat;
    clear: both;
    color: #666666;
    font-size: 0.750em;
    text-align: right;
    width: 960px
}

#footercontent
{
    border-top: 1px solid transparent;
    margin-top: 10px;
}

#footercontent p
{
    margin-bottom: .250em;
}

#footernav
{
    margin-top: 10px;
    text-transform: uppercase;
}

#footernav li
{
    display: inline;
    margin-left: 10px;
}

/* LVHA order */
/*
#footer a,
    #footer a:link,
    #footer a:visited,
    #footer a:active
    
{
	color: #003663;
	text-decoration: none;
}

#footer a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
*/

/* ----------------------------------------
   IN-POST HANDLING
   ---------------------------------------- */

.cite
{
  margin: 10px 20px 10px 20px;
}

.client
{
  clear: both;
  margin-bottom: 40px;
}

.floatright
{
    float: right;
}

.floatedright
{
    margin-bottom: 8px;
    margin-left: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

.ital
{
  font-style: italic;
}