/* a reset and basic typography based on blueprint

/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html { 
	margin:0; 
	padding:0; 
	border:0; 
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height:1.625;
  background: white; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { 
	border-collapse: separate; 
	border-spacing: 0; 
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
	float:none !important; 
}
table, th, td { 
	vertical-align: middle; 
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  color: rgba(34,34,34,.75); 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 , .subhead, #site-description{ font-weight: normal; 
	color: #222;
	color: rgba(34,34,34,.75);  }

h1 { font-size: 2.4em; line-height: 1; margin-bottom: 0.5em; }
h2, .subhead, #site-description { font-size: 1.8em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1.15; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/* 
	These can be used to pull an image at the start of a paragraph, so 
	that the text flows around it (usage: <p><img class="left">Text</p>) 
 */
.left  			{ float: left !important; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:focus,
a:hover     { color: #09f; outline:none;}
a           { color: #06c; text-decoration: underline; outline:none; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,#site-title a{text-decoration:none; color: #222;
  color: rgba(34,34,34,.75); }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre-wrap; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

.amp {
	font: italic 120% Baskerville, "Times New Roman", Times, serif;
}
.dropcap:first-letter{
	color: #555;
	display: inline;
	float: left;
	font-size: 5.2em;
	line-height: .8;
	text-transform: uppercase;
	font-weight: 400;
	padding-left: 4px;
	margin: .05em .14em 0 -3px;
	margin-top: 0.05em;
	margin-right: 0.14em;
	margin-bottom: 0px;
	margin-left: -3px;
}

/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 2em; }

ul          { list-style-type: none; }  
/* ul style above this was changed from 'spiral' to 'none' to deal with BP avatars being displayed with a bullet before them on member and people pages - chris - Aug 2014*/
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

/* 
	Because of the need for padding on TH and TD, the vertical rhythm 
	on table cells has to be 27px, instead of the standard 18px or 36px 
	of other elements. 
 */ 
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
/*
	You can zebra-stripe your tables in outdated browsers by adding 
	the class "even" to every other table row. 
 */
tbody tr:nth-child(even) td, 
tbody tr.even td  { 
	 
}
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875; }
.large      { font-size: 1.4em; line-height: 2.5; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

/* 
	A special hack is included for IE8 since it does not apply padding 
	correctly on fieldsets
 */ 
label       { font-weight: bold; }
fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }

fieldset, #IE8#HACK { padding-top:1.4em; } 
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

/* Form fields
-------------------------------------------------------------- */

/* 
  Attribute selectors are used to differentiate the different types 
  of input elements, but to support old browsers, you will have to 
  add classes for each one. ".title" simply creates a large text  
  field, this is purely for looks.
 */
input[type=text], input[type=password],
input.text, input.title,
textarea {
  background-color:#fff;
  background-color: rgba(255,255,255,0.85);
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus {
  color:#333;border:solid 1px #F49300;
}
select { background-color:#fff; background-color: rgba(255,255,255,0.85); border-width:1px; border-style:solid; }

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }
label{margin-right:1em;}
input, textarea, select{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding:5px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:solid 1px #bbb;
	color:#333;
	}




/* 
  This is to be used on forms where a variety of elements are 
  placed side-by-side. Use the p tag to denote a line. 
 */
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, info, notice and error/alert boxes
-------------------------------------------------------------- */

.error,
.alert, 
.notice,
.success, 

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.error a, .alert a { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* shortcode columns based on 1140 grid */
.one-half, .one-third, .two-thirds, .one-fourth, .three-fourths, .one-fith, .one-sixth {
	float: left;
	margin-right: 3.8%;
	position: relative;
	margin-bottom: 1em;
}
.one-half {
	width: 48%;
}
.one-third{width:30.75%;}
.one-fourth{width:23.2%; margin-right:2.4%;}
.one-fith{width:18.72%; margin-right:1.6%;}
.one-sixth{width:16%; margin-right:0.8%;} 
.two-thirds{width:65.4%;}
.three-fourths{width:74.05%;margin-right:2.4%;}
.columns{width:100%;clear:both;}

/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box,.interesting,.download,.warning,.information, .media, .docs, .shop, .help{ 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #f5f5f5 url(images/overlay.png) repeat-x;
  overflow:hidden;
}
.interesting{
  background: #FFF6BF url(images/overlay.png) repeat-x;  border: 2px solid #FFD324;
}
.download{
  background: #E6EFC2 url(images/overlay.png) repeat-x;border: 2px solid #C6D880;
 }
 .warning{
  background: #FBE3E4  url(images/overlay.png) repeat-x; border: 2px solid #FBC2C4;
}
.media{
  background: #dfe0e5  url(images/overlay.png) repeat-x;
}
.docs{
  background: #f6f6f6  url(images/overlay.png) repeat-x;
}
.information { background: #D5EDF8  url(images/overlay.png) repeat-x;   border: 2px solid #92CAE4;}

.strapline{ text-align:center; font: italic 180% Baskerville, "Times New Roman", Times, serif;}

.divider{ display:block; text-align:right;margin-bottom: 1em;padding-bottom:0; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  width: 100%; 
  height: 0.083em;
  margin: 0 0 1.583em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.group:after, .container:after, .columns:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.group, .container , .columns{display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/* button styles */	
.button ,.button:visited, input[type=submit],input[type=button], .generic-button a{
	
	font-style: normal;
	border:none;
	background: #666 url(images/button-gradient.png) repeat-x; 
	display: inline-block; 
	padding: .75em 2em; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 1.25em; 
	-webkit-border-radius: 1.25em;
	border-radius: 1.25em;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
    overflow: visible; 
	line-height: 1;
	margin:5px;
	margin-left:0;
	vertical-align: middle;
	white-space: nowrap; 
    cursor: pointer; 
    outline: none; 
	
	 /* IE hacks */
    zoom: 1; 
    *display: inline; 
	}
.button:hover,.generic-button a:hover{
	color: #fff;
	background-color: #444;
	cursor:pointer;
	}
input[type=submit],input[type=button]{
	 background-color: #eee;color:#444;text-shadow: 0 -1px 1px rgba(255,255,255,0.25);
}

.button:active,.generic-button a:active,input[type=submit]:active,input[type=button]:active { top: 1px; }
.small.button, .small.button:visited 	{ font-size: 0.8em; line-height: 1; }
.button, .button:visited,
.medium.button, .medium.button:visited ,input[type=submit],input[type=button]	{ font-size: 1em; line-height: 1; }
.large.button, .large.button:visited 	{ font-size: 1.2em;line-height: 1; }
	
input[type=submit]:hover,input[type=button]:hover{
	background-color: #e1e1e1;
	cursor:pointer;
	}
.pink.button, .pink.button:visited	{ background-color: #e22092; }
.pink.button:hover					{ background-color: #c81e82; }
.green.button, .green.button:visited	{ background-color: #91bd09; }
.green.button:hover				        { background-color: #749a02; }
.red.button, .red.button:visited		{ background-color: #e62727; }
.red.button:hover					{ background-color: #cf2525; }
.orange.button, .orange.button:visited	{ background-color: #ff5c00; }
.orange.button:hover				{ background-color: #d45500; }
.blue.button, .blue.button:visited   	        { background-color: #2981e4; }
.blue.button:hover					{ background-color: #2575cf; }
.yellow.button, .yellow.button:visited	{ background-color: #ffb515; }
.yellow.button:hover				{ background-color: #fc9200; }
.silver.button, .silver.button:visited	{ background-color: #e1e1e1; color:#444;text-shadow: 0 -1px 1px rgba(255,255,255,0.25);}
.silver.button:hover					{ background-color: #eeeeee;  color:#444;}

/* Icons */
.button.icon{
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px;
	border-radius: 16px;
	padding: 2px 2em 2px 1.25em; 
    line-height: 32px;
}

.button.icon:before {
    content: "";
    position: relative; 
    top: 1px; 
    float:left;
    width: 32px; 
    height: 32px; 
    margin: 0  0.75em  0 -0.25em ; 
	
    background: url(images/btn-icons.png) 0 0px no-repeat ;
}

.button.clock.icon:before { background-position: 0 0; }
.button.clock.icon:hover:before,
.button.clock.icon:focus:before,
.button.clock.icon:active:before { background-position:0 0; }

.button.repeat.icon:before { background-position: 0 -32px; }
.button.repeat.icon:hover:before,
.button.repeat.icon:focus:before,
.button.repeat.icon:active:before { background-position: 0 -32px; }

.button.down.icon:before { background-position: 0 -64px; }
.button.down.icon:hover:before,
.button.down.icon:focus:before,
.button.down.icon:active:before { background-position: 0 -64px; }

.button.play.icon:before { background-position: 0 -96px; }
.button.play.icon:hover:before,
.button.play.icon:focus:before,
.button.play.icon:active:before { background-position: 0 -96px; }

.button.purchase.icon:before { background-position: 0 -128px; }
.button.purchase.icon:hover:before,
.button.purchase.icon:focus:before,
.button.purchase.icon:active:before { background-position: 0 -128px; }

.button.document.icon:before { background-position: 0 -160px; }
.button.document.icon:hover:before,
.button.document.icon:focus:before,
.button.document.icon:active:before { background-position: 0 -160px; }

.button.info.icon:before { background-position: 0 -192px; }
.button.info.icon:hover:before,
.button.info.icon:focus:before,
.button.info.icon:active:before { background-position: 0 -192px; }

.button.magnify.icon:before { background-position: 0 -224px; }
.button.magnify.icon:hover:before,
.button.magnify.icon:focus:before,
.button.magnify.icon:active:before { background-position: 0 -224px; }

.button.pencil.icon:before { background-position: 0 -256px; }
.button.pencil.icon:hover:before,
.button.pencil.icon:focus:before,
.button.pencil.icon:active:before { background-position: 0 -256px; }

.button.email.icon:before { background-position: 0 -288px; }
.button.email.icon:hover:before,
.button.email.icon:focus:before,
.button.email.icon:active:before { background-position: 0 -288px; }

.button.facebook.icon:before { background-position: 0 -320px; }
.button.facebook.icon:hover:before,
.button.facebook.icon:focus:before,
.button.facebook.icon:active:before { background-position: 0 -320px; }
.facebook.button, .facebook.button:visited	{ background-color: #3B5998; }
.facebook.button:hover				{ background-color: #3e4e72; }

.button.twitter.icon:before { background-position: 0 -352px; }
.button.twitter.icon:hover:before,
.button.twitter.icon:focus:before,
.button.twitter.icon:active:before { background-position: 0 -352px; }
.twitter.button, .twitter.button:visited	{ background-color: #4099ff; }
.twitter.button:hover				{ background-color: #5487bf; }

.button.google.icon:before { background-position: 0 -384px; }
.button.google.icon:hover:before,
.button.google.icon:focus:before,
.button.google.icon:active:before { background-position: 0 -384px; }
.google.button, .google.button:visited	{ background-color: #d75442; }
.google.button:hover				{ background-color: #a1574d; }

/* old icon buttons (legacy)*/
.iconbutton{padding-left: 5px;padding-top:0;padding-bottom:0;}
.iconbutton span {display:block;height:32px;line-height:32px;}
.button .btn-purchase {background-image:  url(images/btn-icon-32-cart.png); background-repeat: no-repeat;  background-position: 0px center;padding-left:40px;}
.button .btn-download {background-image:  url(images/btn-icon-32-download.png); background-repeat: no-repeat;  background-position: 0px center;padding-left:40px;}
.button .btn-play {background-image:  url(images/btn-icon-32-play.png); background-repeat: no-repeat;  background-position: 0px center;padding-left:40px;}
.button .btn-info {background-image:  url(images/btn-icon-32-info.png); background-repeat: no-repeat;  background-position: 0px center;padding-left:40px;}
.button .btn-doc {background-image:  url(images/btn-icon-32-doc.png); background-repeat: no-repeat;  background-position: 0px center;padding-left:40px;}

/*
 * emm_paginate - WordPress Pagination Function
 * Version: 1.0
 *
 * Copyright (c) 2009 Eric Martin http://www.ericmmartin.com/
 * Link: http://www.ericmmartin.com/pagination-function-for-wordpress
 *
 */
.emm-paginate {margin-bottom:1em;margin-top:2em;clear:both;}
.emm-paginate a , .emm-paginate a:visited, .emm-paginate .emm-current{
font-style: normal;
	border:none;
	background: url(images/overlay.png) repeat-x; 
	background-color: #e1e1e1;
	background-color:rgba(244,244,244,.8); 
	color:#222; 
	color: rgba(34,34,34,.75); 
	display: inline-block; 
	padding: .2em 1em; 
	text-decoration: none;
	-moz-border-radius: 1em; 
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	line-height: 1;
	margin:5px;
	}
.emm-paginate .emm-current {background-color: #444;  color:#fff;}
.emm-paginate a:hover, .emm-paginate a:active {background-color: #efefef;  color:#444;}
.emm-paginate .emm-title {color:#999; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}

/*
 * WordPress pagination links (to replace emm)
 *
 */
.los-pagination {margin-bottom:1em;margin-top:2em;clear:both;}
.los-pagination a , .los-pagination a:visited, .los-pagination .current{
font-style: normal;
	border:none;
	background: url(images/overlay.png) repeat-x; 
	background-color: #e1e1e1;
	background-color:rgba(244,244,244,.8); 
	color:#222; 
	color: rgba(34,34,34,.75); 
	display: inline-block; 
	padding: .2em 1em; 
	text-decoration: none;
	-moz-border-radius: 1em; 
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	line-height: 1;
	margin:5px;
	}
.los-pagination .current {background-color: #444;  color:#fff;}
.los-pagination a:hover, .los-pagination a:active {background-color: #efefef;  color:#444;}
.los-pagination .title {color:#999; margin-right:4px;}
.los-pagination .dots {color:#444; margin-right:4px;}
.los-pagination .pag-numbers {}
.los-pagination .prev, .los-pagination .next {}

/*
 * some defaults
 */
 
	
/*posts and pagesz */
.page-header, .entry-header {
	margin-bottom: 3em;
	}
.index-content .entry-header{
	margin-bottom: 2em;
	}

.post, .hentry{
	
	margin-bottom: 2.5em;
	}
	.edit-link{
		float:right;
		text-align:right;
		width:50px;
	}
	.entry-meta{
		font-style: italic;
		color:#888; 
		color:rgba(128,128,128,0.8);
		}
	.entry-meta .meta-author, .entry-meta .meta-date	{
	text-transform: uppercase;
	}
	
	.entry-content .page-link{
		clear:both;
		margin-bottom:1em;
	}
	.entry-footer{
		clear:both;
		margin-bottom: 2em;
		color:#888; 
		color:rgba(128,128,128,0.8);
	}
	.entry-footer .tag-links{
		margin-bottom: 2em;
	}

	/* share buttons */
	.share-btns{margin-bottom: 1em;}
	.share-btns .face-btn, .share-btns .tweet-btn, .share-btns .plusone{ margin-right:10px; margin-bottom: .5em;float:left; width:100px;}

 	/* post navigation */
	.navigation{
		float:left;
		width:100%;
		margin-bottom:2em;
	}
	.navigation .nav-next{
		float:right;
		width:50%;
		text-align:right;
	}
	.navigation .nav-previous{
		float:left;
		width:50%;
		text-align:left;
	}

	/* comments */
	ol.commentlist {margin:0;padding-left:0;margin-bottom:1em;background-color: #efefef;background-color:rgba(244,244,244,.8); padding:2%; }
	ol.commentlist li {list-style:none;margin:0; padding:0;}
	ol.commentlist .comment {overflow:hidden;}
	ol.commentlist .comment-meta {background:url(../images/commentpoint.png) no-repeat 10px bottom; height:98px;text-align:right;  font-size:75%;}
	ol.commentlist li.bypostauthor {}
	ol.commentlist li.byuser {}
	ol.commentlist .comment-author {margin-top:1em; position:relative;}
	ol.commentlist .vcard {height:80px;}
	ol.commentlist  .vcard cite.fn { float:left; margin-left:90px;font-size:2em;}
	ol.commentlist .vcard .says{display:none;}
	ol.commentlist .vcard img.avatar { position:absolute; top:0px;left:0px; padding:4px; margin: 0 18px 18px 0px; background-color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
	ol.commentlist .comment-content, #comments .pingback {margin-bottom:20px; clear:both; padding:18px; background-color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
	ol.commentlist li ul {margin-left:18px; }
	ol.commentlist .reply{float:right;height:22px;margin-top:-45px;margin-right:2px;}
	ol.commentlist .reply a {font-size:0.9em;font-weight: bold;text-transform: uppercase; text-decoration:none;}
	ol.commentlist li ul.children li.depth-2 { margin:0 0 40px; }
	ol.commentlist li ul.children li.depth-3 { margin:0 0 40px; }
	ol.commentlist li ul.children li.depth-4 { margin:0 0 40px; }

	#respond{margin-top:1.5em;}
	#respond label {display:inline-block;}
	#respond textarea{width:98%;}
	#respond input[type=text]{display:block;}
	#respond .required {
	color: #FF4B33;
	font-weight: bold;
	}
	#respond .comment-form-comment{margin-bottom:0;}
	#respond .form-allowed-tags{font-size:0.8em;}
	#respond input#submit{margin:0;}	
 
 	/* wordpress features */
	.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
	.alignleft {float: left;margin-right:9px;}
	.alignright {float: right;margin-left:9px;}

	.alignleft,
	img.alignleft {
		display: inline;
		float: left;
		margin-right: 24px;
		margin-top: 4px;
	}
	.alignright,
	img.alignright {
		display: inline;
		float: right;
		margin-left: 24px;
		margin-top: 4px;
	}
	.aligncenter,
	img.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	img.alignleft, img.alignright, img.aligncenter {
		margin-bottom: 1em;
	}
	.wp-caption {		
		 
		font-size: 0.9em;
		line-height: 1;
		text-align: center;
		margin-bottom: 1em;
		padding:4px;
	}
	.wp-caption img {
		margin: 5px;
	}
	.wp-caption p.wp-caption-text {
		margin: 0 0 4px;
	}
	.wp-smiley {
		margin:0;
	}
	
	/* gallery */
	article .gallery {
	    margin: auto;
		/* gallery clearing*/
		overflow: hidden;
		width: 100%;
	}
	article .gallery-item {
	   float: left;
	   margin-top: 10px;
	   text-align: center;
	  
	}
	.gallery-columns-3 .gallery-item {
		width: 33%;	
	}
	.gallery-columns-4 .gallery-item {
		width: 25%;	
	}
	.gallery-columns-2 .gallery-item {
		width: 50%;	
	}
	.gallery-columns-5 .gallery-item { width: 20% }
	.gallery-columns-6 .gallery-item { width: 16.666% }
	.gallery-columns-7 .gallery-item { width: 14.285% }
	.gallery-columns-8 .gallery-item { width: 12.5% }
	.gallery-columns-9 .gallery-item { width: 11.111% }
	.gallery img {
	  
	}
	article .gallery-caption {
	   margin-left: 0;
	}

/* breadcrumbs */
.breadcrumbs{
	margin-bottom: 1em;
}
	
/* menus */
ul.page-menu{ margin:0; padding:0; list-style-type:none; float:left;}
ul.page-menu li{ float:left; margin-right:0.25em; }
ul.page-menu a{ display:block; text-decoration:none; float:left; text-align:center; }
ul.page-menu a{color:#333;padding:1em;overflow:hidden;line-height:1em;}
ul.page-menu a:hover{color:#666;text-decoration:none;}
ul.page-menu .current-menu-item a, ul.page-menu .current_page_item a{color:#666;}
/* drop menu */
div.menu-dropmenu-container{float:left;width:100%;}

/* widget custom menus */
.widget_nav_menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}

.widget_nav_menu ul a{
	display:block;
	
	text-decoration:none;
	
}
.widget_nav_menu li{
	margin-bottom:0.5em;
	
}


/* events in shortcode */
.los_events,.tlevent-list{
	list-style-type:none;
	padding-left:0;margin-right:0;}

.los_event_date, .tlevent-date{
	margin-bottom:1.5em;
	font-size:1.2em;
	text-transform: uppercase;
	border-bottom: 1px dotted #888;
}
.los_event_enddate{
	font-style:italic;
	}
.los_event_title{
	width:55%;
}
.los_event_time{
	
	width:25%;
}
.los_event_location{

	width:20%;
}
.los_events li{
	
	width:100%;
	margin-bottom:2em;
}

/* event widgets */
.LOSEventsWidget .los_event_title, .LOSEventsWidget .los_event_time, .LOSEventsWidget .los_event_location {
	float:none;
	display:inline;
	width:auto;
}
.LOSEventsWidget .los_events li{
	display:block;
	float:none;
	width:auto;
	margin-bottom:1em;
}
.LOSEventsWidget .los_event_date{
	clear:both;
	float:left;
	width:100%;
	margin-bottom: 0.5em;
	}

	
/* jQuery Countdown styles 1.5.11. */
.hasCountdown {
	display: block;
	text-align: center;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_row {
	display: block;
	text-align: center;
}
.countdown_section {
	display: inline-block;
	width: 80px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255,255,255,0.1);
	margin: 0 4px;
	padding: 0;
}
.countdown_section :first-child {
	margin-left: 0;
}
.countdown_section :last-child {
	margin-right: 0;
}
.countdown_section br {
	display: none;
}
 
.countdown_amount {
	background: #888 none;
	margin: 0 0 10px;
	font-size: 58px;
	line-height: 90px;
	text-shadow: 0 1px 3px #000;
	display: block;
	position: relative;
	color: #fff;
	font-weight:bold;
	border-radius: 5px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.45);
}
.countdown_descr {
	display: block;
}