/*
Theme Name:     High Five Snowboard Camps
Theme URI:      highfivecamp.ca
Description:    The WordPress theme for High Five Snowboard Camps.
Author:         Adrian Unger
Author URI:     http://staydecent.ca
Version:        0.1.0
*/

/* Reset */
h1,h2,h3,h4,h5,h6,address,blockquote,div,p,pre,code,body
,dl,dt,dd,ol,ul,li,fieldset,form,input,legend,textarea { margin:0; padding:0; }
object { outline:none; }

/* Structure Module */
html,body { margin:0; background:#eee; }
body { font:62.5% 'Helvetica Neue',helvetica,arial,sans-serif; color:#0a0a0a; }

/* Text Module */
address,cite,dfn,em,var,abbr { font-style:italic; color:#777; }
blockquote { padding:0 0 2em 0; font-size:0.9em; line-height:1.4em; color:#555; }
p { padding:0 0 1em 0; }
h2,h3,h4,h5,h6 { font-family:'Helvetica Neue',helvetica,arial,sans-serif; line-height:1.2em; margin-bottom:0.5em; }
h2 { font-size:3em; }
.title,.title a { color:#7828c9 !important; }
.heading,.widget-title { text-transform:uppercase; color:#7828c9; }
.heading.small { font-size:1.3em; }

/* Hypertext Module */
a { color:#111; text-decoration:underline; }
a:hover   { text-decoration:none; }
a:active  { color:#000; }
a:visited { color:#333; }
li.menu-item a { display:block; color:#fff; text-transform:uppercase; padding:0.5em 1em; text-decoration:none; }
li.menu-item a:hover { background:#0a0a0a; }
.title a { text-decoration:none; }

/* List Module */
ol li     { list-style:none outside decimal; }
ul li     { list-style:none outside none; }
li.inline,li.menu-item { position:relative; float:left; }
ul.sub-menu { width:auto; display:none; position:absolute; clear:both; z-index:999999; background:#7828c9; }
ul.sub-menu > li.menu-item { min-width:150px; }
li.menu-item:hover > ul.sub-menu { display:block; }
ul.children { margin-left:1em; }

/* Form module */
#searchform { margin-top:5px; background:#7234ce; }
#searchform div { clear:both; }
#searchform label { display:none; }

#searchform input#s { float:right;padding:5px; border:0; background:#ffffff; }
#searchform input#searchsubmit { float:right; margin:5px 5px 0 0; border:0; background:#7828c9; color:#fff; font-weight:800; text-transform:uppercase; }
label { display:block; }

/* Image Module */
img { border:0; vertical-align:top; }
a img { margin:0 0 0.50em; border:0; }

/* Layout Module */
div#wrapper     { font-size:1.4em; line-height:1.6em; width:1020px; height:100%; margin:0 auto; background:#fff; }
div.container   { width:960px; margin:0 auto; }

/* stuff added by conrad */
/* left text container */
.leftContainer {width:33%; height:100%; float: left;}
/* right post container */
.rightPostContainer {width:65%; float: right;}

div#header      { padding:0.5em 0; }
h1#logo         { background:transparent url(images/logo.gif) no-repeat top left; width:400px; height:130px; }
div#navigation > .container  { background:#7828c9; }
div#image       { width:960px; height:320px; margin:0 auto 1em; }
/* Primary menu styles */
ul.menu li      { display:inline; float:left; padding-right:1em; }
div#footer      { padding:2em 0 1em; background:#eee; }
/* Setup the column layout
CSS ID's are in the same order as the HTML counterparts. */
#content   { float:left; width:65%; padding-bottom:2em; }
#contentFull {float:left; width:100%; padding-bottom:2em; }
#primary   { float:right; width:30%; }
#primary > .widget { margin-bottom:1em; }
#secondary { display:none; }
/* Post styles */
.post {  }
.content > ul li { list-style-type:disc; margin-left:1.2em; }
.post  .published{ font-size:0.8em; text-align:right; }
.post > .content { margin:1em 0; }
.post > .thumbnail { float: left; width:300px; height:100px; padding:2px; background:#fff; border:1px solid #aaa; margin-bottom:0.5em; }
.post > .postDetails {float: right; width:305px;  padding-bottom:24px; }
.post > .excerpt {  font-size:0.9em; line-height:1.4em; }
.post > .meta {  padding:1em 1.5em; border-top:1px solid #ddd; font-size: 0.8em; color:#333; }
.post > .meta > .tags { margin-left:1em; padding-left:1em; border-left:1px solid #bbb; }
.post.col { height:100%; overflow:hidden; }
.post.col > .meta { padding:0; border:0; }
/* Comment styles */
#comments       { font-size:0.9em; line-height:1.4em; padding:1.2em; background:#f3f3f3; }
ol.commentlist  { margin:1em 0; }
li.comment      { padding:1em; list-style-type:none; }
li.comment.odd  { background:#fff; }
.vcard          { font-size:0.9em; line-height:1.2em; }
.avatar         { float:left; margin-right:1em; }

/* Grid Module */
.col      { float:left; margin:0 2% 0 0; }
.size1of6 { width:15%; }
.size2of6 { width:30%; }
.size3of6 { width:45%; }
.size4of6 { width:60%; }
.size5of6 { width:75%; }
.size1of5 { width:18%; }
.size2of5 { width:38%; }
.size3of5 { width:58%; }
.size4of5 { width:78%; }
.size1of3 { width:32%; }
.size1of2 { width:48%; }
.size1of1 { width:100%; }
.last.col { margin:0; }

/* Common */
.right  { float:right; padding-right: 5px; padding-top: 1px;}
.left   { float:left; }
.block  { display:block; height:100%; width:100%; }
.replace { text-indent:-9999px !important; overflow:hidden; }
.container:after,.clearfix:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
.container,.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .container,* html .clearfix {height:1%;}
.container,.clearfix {display:block;}
/* End hide from IE-mac \
