/*  
Theme Name: OMARA
Theme URI: http://okemoalpinefreestylesnowboardingvt.com/
Description: 
Version: 1.0
Author: Morgan Newcomb
Author URI: http://www.unionstreetmedia.com/

*/

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }

/* Self-clearing elements
   http://www.positioniseverything.net/easyclearing.html] */
#wordpresscontent .navigation { display: inline-block; }   
#wordpresscontent .navigation:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html #wordpresscontent .navigation { height: 1%; }
#wordpresscontent .navigation { display: block; }

#wordpresscontent .navigation .alignleft {
	width: 47%;
}

#wordpresscontent .navigation .alignright {
	width: 47%;
	text-align: right;
}

/* Begin Typography & Colors */
.postmetadata {
	clear: both;
}

blockquote {
	margin: 10px 0;
	border-left: 10px solid #ccc;
	padding: 0 20px 0 10px 
}
/* End Typography & Colors */

/* Begin Comments*/
li.authorcomment {
	background: #eee;
}
.commentlist cite {
	font-style:normal;
	font-weight: bold;
}

ol.commentlist {
list-style: none;
}

ol.commentlist img {
float: left;
margin: 0 10px 10px 0;
}

ol.commentlist p {
clear: both;
}

/* End Comments */

/* widget sidebar */
#wp-sidebar {
margin: 20px 0;
}

#wp-sidebar ul {
list-style: none;
margin: 0 !important;
}

#wp-sidebar li {
margin: 0 0 40px 0 !important;
}

#wp-sidebar li li {
margin: 0 0 8px 0 !important;
}

li.widget {
	list-style: none;
}
li.widget ul {
	list-style: disc;
}
li.widget ul ul {
	list-style: circle;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 9px;
	line-height: 15px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/*
	SITE BUILD
	----------
*/

html { min-height: 100%; margin-bottom: 1px; }

body {
	margin: 0; padding: 0;
	text-align:center;
	font: 0.80em/1.6 Arial, Verdana, sans-serif;
	color: #736357;
	background: #ebebeb;
}

h1, h2, h3, h4, h5, p, ul, ol, li, blockquote, form, img {
	margin-top: 0;
	padding: 0;
}

h1 {
	line-height: normal;
	font-weight: normal;
	margin: 0 0 14px 0;
	color: #736357;
	letter-spacing: .02em;
}

body.home #wordpresscontent h1 {
	background: transparent url(i/pointer-header.png) no-repeat left 6px;
	padding-left: 16px;
	color: #dc1921;	
}

h2 {
	line-height: normal;
	margin: 0 0 14px 0;
	clear: both;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 0;
}

h3 {
	font-size: 1.1em;
	line-height: normal;
	margin: 0 0 14px 0;
	clear: both;
}

h4 {
	font-size: 1.0em;
}

p {
	margin: 0 0 14px 0;
}

a {
	text-decoration: none;
	outline: 0;
	color: #ffd700;
	color: #82bae5;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

table {
	margin: 20px auto;
}

th {
	background: #333;
	color: #fff;
	padding: 4px;
}

td {
	vertical-align: top;
	padding: 4px;
}

ul li {
	margin-bottom: 8px;
}

.clearboth {
	clear: both;
}


/*
	TEMPLATE
	--------
*/

.template-wrapper {
	width: 997px;
	margin: 0 auto;
	padding: 8px 0 20px;
	position: relative;
	background: #fff;
	text-align: left;
}

.template-inner {
	width: 960px;
	margin: 0 auto;
	padding: 42px 0 0 0; /* push away from the navigation */
	position: relative;
}

#content-area {
	margin: 20px 0 20px 20px;
}

.content-left {
	width: 700px;
	float: left;
}

.content-right {
	width: 214px;
	float: right;
}

.content-inner ul,
.content-inner ol {
	margin-left: 40px;
}

#featured-image {
	width: 737px;
	height: 334px;
	position: relative;
}

#featured-image img {
	position: absolute;
	left: -24px;
	top: -20px;
}

body.page .post-with-thumbnail {
	width: 670px;
	margin: 0 0 0 40px;
}

/*
	MASTHEAD
	--------
*/

#sitename {
	height: 116px;
	margin: 30px auto 10px;
	padding: 0;
	list-style: none;
	background: #fff url(i/vertical.png) no-repeat 834px 16px;
}

#sitename li {
	position: absolute;
}

#sitename li a {
	display: block;
	background-image: url(i/sprites.png);
	text-indent: -999em;
}

#nb-okemotraining { left: 30px; top: 10px; }
#nb-okemoschool { left: 728px; top: 27px; }
#nb-okemoresort { left: 872px; top: 37px; }

#nb-okemotraining, #nb-okemotraining a { width: 431px; height: 93px; }
#nb-okemoschool, #nb-okemoschool a { width: 73px; height: 64px; }
#nb-okemoresort, #nb-okemoresort a { width: 99px; height: 52px; }

#nb-okemotraining a { background-position: left top; }
#nb-okemoschool a { background-position: -450px -10px; }
#nb-okemoresort a { background-position: -592px -18px; }


/* 
	NAVBAR
	------
*/

ul#navbar {
	margin: 0;
	padding: 0;
}

#navbar {
	background: transparent url(i/sprites.png) no-repeat left -105px;
	width: 960px;
	height: 42px;
	position:absolute;
	left: 0;
	top: 0;
	list-style: none;
	z-index: 100;
}

#navbar li {
	list-style: none;
	position: absolute;
	top: 0;
	z-index: 200;
}

ul#navbar li,
#navbar a {
	height: 42px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#navbar li a {
	text-indent: -9999px; 
	text-decoration: none;
	outline: none;
}

#nb0 { left: 0; width: 147px; }
#nb1 { left: 144px; width: 155px; }
#nb2 { left: 296px; width: 119px; }
#nb3 { left: 412px; width: 158px; }
#nb4 { left: 567px; width: 75px; }
#nb5 { left: 639px; width: 125px; }
#nb6 { left: 804px; width: 156px; }

#nb0 a { width: 147px; }
#nb1 a { width: 155px; }
#nb2 a { width: 119px; }
#nb3 a { width: 158px; }
#nb4 a { width: 75px; }
#nb5 a { width: 125px; }
#nb6 a { width: 156px; }


#nb0 a:hover, #nb0 a.active, body.parent-pageid-4 #nb0 a, body.page-id-4 #nb0 a { background: transparent url(i/sprites.png) no-repeat left -154px; }
#nb1 a:hover, #nb1 a.active, body.parent-pageid-5 #nb1 a, body.page-id-5 #nb1 a { background: transparent url(i/sprites.png) no-repeat -147px -154px; }
#nb2 a:hover, #nb2 a.active, body.parent-pageid-6 #nb2 a, body.page-id-6 #nb2 a { background: transparent url(i/sprites.png) no-repeat -302px -154px; }
#nb3 a:hover, #nb3 a.active, body.parent-pageid-8 #nb3 a, body.page-id-8 #nb3 a { background: transparent url(i/sprites.png) no-repeat -421px -154px; }
#nb4 a:hover, #nb4 a.active, body.blog #nb4 a { background: transparent url(i/sprites.png) no-repeat -579px -154px; }
#nb5 a:hover, #nb5 a.active, body.parent-pageid-287 #nb5 a, body.page-id-287 #nb5 a { background: transparent url(i/sprites.png) no-repeat -654px -154px; }
#nb6 a:hover, #nb6 a.active { background: transparent url(i/sprites.png) no-repeat -804px -154px; }

/* dropdowns */
ul#navbar li ul {
	font-size: 90%;
	position: absolute;
	left: -9999px;
	width: 180px;
	margin: 0;
	background: #fff;
	padding: 0 3px 6px;
	border: 3px solid #fff;
	z-index: 125;
}

ul.children {
display: none;
}


ul#navbar li:hover ul, 
ul#navbar li.sfhover ul {
	left: 0;
	z-index: 150;
}

ul#navbar li ul li {
	position: relative;
	height:auto;
	top: 6px;
	padding: 0;
	margin: 0 0 10px 0;
}


ul#navbar li ul li a {
	text-indent: 0;
	color: #736357;
	background: transparent;
	background-image: none !important;
	display: block;
	min-height: 20px;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 1.0em;
	line-height: normal;
}

ul#navbar li ul li a {
  height: auto !important;
  height: 20px;
}

ul#navbar li ul li a:hover { color:#dc1921; background-image: none; }

/* for crappy browsers */
* html ul#navbar li ul li, * html ul#navbar li ul li a {

}

/*
	SOCIAL MEDIA
	------------
*/

#nb-socialmedia {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	position: relative;
	width: 126px;
	height: 25px;
	background: transparent url(i/sprites.png) no-repeat -752px -37px;
}

#nb-socialmedia li {
	margin: 0;
	padding: 0;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
}

#nb-socialmedia li a {
	display: block;
	width: 25px;
	height: 25px;
	text-indent: -999em;
}

li#nb-facebook { left: 0; }
li#nb-twitter { left: 34px; }
li#nb-youtube { left: 68px; }
li#nb-rss { left: 101px; }

/*
	EVENT TIMES LINK
	----------------
*/

#nb-eventtimes {
	width: 214px;
	height: 56px;
	background: transparent url(i/sprites.png) no-repeat -686px -280px;
	margin: 10px 0 0;
	padding: 0;
}

#nb-eventtimes a {
	display: block;
	width: 214px;
	height: 56px;
	text-indent: -999em;
}

/*
	HOMEPAGE SLIDESHOW
	------------------
*/

#main-slideshow,
#slideshow {
	width: 960px;
	height: 452px;
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#corner-large {
	width: 38px;
	height: 49px;
	background: transparent url(i/corner-large.png) no-repeat left top;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 999;
}

#slideshow-nav {
	position: absolute;
	right: 46px;
	bottom: 16px;
	z-index: 999;
}

#slideshow-nav a {
	display: block;
	width: 18px;
	height: 18px;
	float: left;
	text-indent: -999em;
	margin: 0 0 0 8px;
	background: transparent url(i/sprites.png) no-repeat -778px -2px;
}

#slideshow-nav a.activeSlide {
	background: transparent url(i/sprites.png) no-repeat -752px -2px;
}

/* 
	HOMEPAGE NEWS WIDGETS
	---------------------
*/

#news {
	margin: 11px 0 0 0;
	position: relative;
}

#news-slides {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 580px;
	height: 242px;
	overflow: hidden;
}

#news-slides ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 56px;
	height: auto;
}

#news-slides li {
	position: absolute;
	top: 0;
	width: 190px;
	height: 242px;
	background: transparent url(i/bg-transparentblack.png) repeat left top;
	margin: 0;
	padding: 0;
}

#news-slides li li {
	position: relative;
	min-height: 16px;
	height: auto !important;
	height: 16px;
}

#news-slides li li a,
#news-slides li li span {
	display: block;
	padding: 4px 18px;
	color: #fff;
	font-size: .9em;
}

#news-slides li h3 {
	width: 190px;
	height: 56px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 999;
	background-image: url(i/sprites.png);
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

li#news-alpine {
	left: 0;
}

li#news-alpine h3 {
	background-position: left -220px;
}

li#news-freestyle {
	left: 194px;
}

li#news-freestyle h3 {
	background-position: -200px -220px;
}

li#news-snowboard {
	left: 387px;
}

li#news-snowboard h3 {
	background-position: -400px -220px;	
}

/* 
	MAIN BLOG NEWS
	--------------
*/

#main-blog-news {
	width: 378px;
	background: #ecedee;
	padding: 0;
	height: 242px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	background: #ecedee url(i/corner-large.png) no-repeat 354px 214px;
}

#main-blog-news h2 {
	background: #dc1921 url(i/sprites.png) no-repeat -686px -220px;
	width: 378px;
	height: 45px;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}

#main-blog-news ul {
	margin: 20px;
	padding: 0;
	list-style: none;
}

#main-blog-news ul li {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	background: transparent url(i/pointer-news.png) no-repeat left top;
}

#main-blog-news ul li a {
	color: #000;
	font-size: 1.1em;
}

/* 
	DATES
	-----
*/
.date {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 91px;
	height: 28px;
	background: transparent url(i/sprites.png) no-repeat left -360px;
}

.date span {
	display: block;
	background-image: url(i/sprites.png);
	width: 20px;
	height: 12px;
	position: absolute;
	top: 8px;
	text-indent: -999em;
}

.month { left: 10px; }
.day { left: 38px; }
.year { left: 66px; }

.date span.period {
	width: 2px;
	background-position: -848px -400px
}

.date span.first { left: 32px; }
.date span.second { left: 61px; }

.date-01 { background-position: 0 -400px }
.date-02 { background-position: -27px -400px }
.date-03 { background-position: -55px -400px }
.date-04 { background-position: -82px -400px }
.date-05 { background-position: -109px -400px }
.date-06 { background-position: -137px -400px }
.date-07 { background-position: -164px -400px }
.date-08 { background-position: -191px -400px }
.date-09 { background-position: -219px -400px }
.date-10 { background-position: -247px -400px }
.date-11 { background-position: -274px -400px }
.date-12 { background-position: -302px -400px }
.date-13 { background-position: -329px -400px }
.date-14 { background-position: -356px -400px }
.date-15 { background-position: -384px -400px }
.date-16 { background-position: -411px -400px }
.date-17 { background-position: -438px -400px }
.date-18 { background-position: -466px -400px }
.date-19 { background-position: -493px -400px }
.date-20 { background-position: -520px -400px }
.date-21 { background-position: -547px -400px }
.date-22 { background-position: -574px -400px }
.date-23 { background-position: -602px -400px }
.date-24 { background-position: -629px -400px }
.date-25 { background-position: -656px -400px }
.date-26 { background-position: -684px -400px }
.date-27 { background-position: -711px -400px }
.date-28 { background-position: -739px -400px }
.date-29 { background-position: -766px -400px }
.date-30 { background-position: -794px -400px }
.date-31 { background-position: -821px -400px }


/* 
	SUBNAV
	------
*/

#subnav {
	width: 214px;
	background: #2a231e;
	list-style: none;
	margin: 0;
	padding: 10px 0;
}

#subnav a {
	color: #fff;
	display: block;
	padding: 4px 20px;
	line-height: normal;
}

#subnav a:hover {
	color: #fbf632;
	background: transparent url(i/pointer.png) no-repeat left 5px;
	text-decoration: none;
}

#subnav ul.children a {
	background: none;
}

#subnav li.current_page_item,
#subnav li.current_page_parent,
#subnav li.current_page_ancestor{
	background: transparent url(i/pointer.png) no-repeat left 5px;
	text-decoration: none;
}

#subnav li.current_page_item>:last-child,
#subnav li.current_page_parent>:last-child,
#subnav li.current_page_ancestor>:last-child {
	display: block;
	list-style: none;
}

#subnav ul.children{
	margin: 0 0 0 20px;
}

#subnav li.current_page_item>:first-child,
#subnav li.current_page_parent>:first-child,
#subnav li.current_page_ancestor>:first-child{
	color: #fbf632;
}

/*#subnav li.current_page_item ul.children a,
#subnav li.current_page_parent ul.children a,
#subnav li.current_page_ancestor ul.children a{
	color: #ffffff;
}*/

/*
	FOOTER
	------
*/

#footer {
	font-size: .9em;
	color: #5f5e5e;
	text-align: center;
	margin: 20px 0;
}

#footer a {
	color: #5f5e5e;
}

/*
	USMTAG
	------
*/

#usmtag {
	width: 232px;
	height: 14px;
	background: transparent url(i/sprites.png) no-repeat -686px -200px;
	margin: 0 auto;
}

#usmtag a {
	display: block;
	width: 232px;
	height: 14px;
	text-indent: -999em;
}

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

body.home .content-left {
	width: 80%;
	float: none;	
}

.home #gallery-1 {display: none;}