/***** Global Settings *****/

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

body {
font:100%/1.75 arial, helvetica, sans-serif;
	background-color: #680609;
    background-image: url("lo/wavecut.png");
	background-repeat:repeat;
	text-align:center;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
/* clearfix micro hack */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/**** LAYOUT *****/
#wrapper {
	margin:0 auto;
	max-width:960px;
	background:url(lo/tri-yoga-lo_body_bg_tile200x200.jpg) top left repeat;
	-moz-box-shadow: 0 0 7px #111;
    -webkit-box-shadow: 0 0 7px #111;
    box-shadow: 0 0 7px #111;
	text-align:left;
	background-color:#fff;
}
#header-ny {
		width:100%;max-width: 960px;
		height:auto;max-height:250px;margin:0;padding:0;
}
#header-y {
		width:100%;max-width: 960px;
		height:auto;margin:0;padding:0;
}
#header-y img, #header-ny img {
	vertical-align: top;display: block;
}
#navbar {
	max-width:960px;
	height:auto;
	border:2px solid #D8D28B;
	background-color:#680609;
	overflow:visible;
}
#main {
	max-width:960px;
	margin:0;padding:0;
	min-height:500px;	
	background:url(lo/tri-yoga-lo_body_bg_tile200x200.jpg) top left repeat;
}
#main-content, #main-content-y, #main-content-ny {
	max-width:900px;
	width:93.75%;
    margin:5px auto;
/*	background-color:#E8E3E3; */

}
/* below for NIVO slideshow */
#slideshow {
	width:45%;
	float:left;
	z-index: -50;
	margin-right:1.5em;
}

#footer {
	margin:0 auto;
	max-width:960px;
/*	min-height:1.05em; */
	background:url(lo/tri-yoga-lo_stripe_bg_tile100x100.jpg) top left repeat;
	overflow:visible;
}
#footer p  {
	font-size:80%;
	color:#D8D28B;
	margin:4px;padding:0;
}
#subfooter {
	margin:0 auto;
	max-width:960px;
}
#subfooter p  {
	font-size:80%;
	color:#D8D28B;
	margin:4px;padding:0;
}
 
#social-block-body {
	/* Float control by screen size: right on wide, left narrow */
	width:100%;
	height:auto;
	line-height:1.0;
	float:right;
}
#social-block-body img {
	margin:9px 4px 1px 26px;
	padding:0 0 1px 0;
	float:right;
}
#social-block-body a:link, #social-block-body a:visited, #social-block-body a:hover, #social-block-body a:focus {
	padding:0;margin:0;
}
#main #main-content-ny #social-block-body {
	float:right;
}
/*** HEADER - RESPONSIVE - HEADER CONVERTED TO INLINE, SEE ABOVE ***/
/* -----------------------------------
less than 340px
----------------------------------- */

@media (max-width:340px)
{
		
	  #main-content-y {
	  background:url(lo/tri-yoga-logo-watermark340x240.png)  0 50px no-repeat;
	  background-color:transparent;
	  width:100%;
	  height:auto;
}
	  #main-content-ny {
	  background:url(lo/sri-cakra-watermark340x340.png)  0 50px no-repeat;
	  background-color:transparent;
	  width:100%;
	  height:auto;
}
#social-block-body {
	float:left;
}
#social-block-body img {
	margin:9px 26px 1px 4px;
	padding:0 0 1px 0;
	float:left;
}

}
/* -----------------------------------
wider than 340px
----------------------------------- */

@media (min-width:340px)
{


#main-content-y {
       background:url(lo/tri-yoga-logo-watermark.png) center center no-repeat;
	   background-color:transparent;
	   width:100%;
	   height:auto;
	}
#main-content-ny {
	   background:url(lo/sri-cakra-watermark.png) center center no-repeat;
	   background-color:transparent;
       width:100%;
	   height:auto;
	}
#social-block-body {
	float:right;
}
#social-block-body img {
	margin:9px 4px 1px 26px;
	padding:0 0 1px 0;
	float:right;
}

}

/* -----------------------------------
less than 340 high res
----------------------------------- */

@media 
(-webkit-min-device-pixel-ratio:2) and (max-width:340px), 
(min-resolution:192dpi) and (max-width:340px)
{


#social-block-body {
	float:left;
}
#social-block-body img {
	margin:9px 26px 1px 4px;
	padding:0 0 1px 0;
	float:left;
}

}

/* -----------------------------------
wider than 340 high res
----------------------------------- */

@media 
(-webkit-min-device-pixel-ratio:2) and (min-width:340px), 
(min-resolution:192dpi) and (min-width:340px)
{

#social-block-body {
	float:right;
}
#social-block-body img {
	margin:9px 4px 1px 26px;
	padding:0 0 1px 0;
	float:right;
}

}
/*** END MEDIA QUERY BREAKS ***/

/**** PHOTO GALLERY - COLLAGE *****/
#collage {
   /* Prevent vertical gaps */
   line-height: 0;
   
   -webkit-column-count: 5;
   -webkit-column-gap:   0px;
   -moz-column-count:    5;
   -moz-column-gap:      0px;
   column-count:         5;
   column-gap:           0px;
   
}
#collage img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}
#collage img { border: 2px solid #D4B392; margin: -2px}
@media (max-width: 1200px) {
  #collage {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #collage {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #collage {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #collage {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}
/**** END: PHOTO GALLERY - COLLAGE SECTION *****/

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
h1 {
  font:1.90em "Century Schoolbook", Garamond, Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
  margin:.50em 1em .50em 0;
  padding:0 0 0 0;
  color:#660606;
  clear:left; 
}
h1.long {
  font:1.70em "Century Schoolbook", Garamond, Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
  margin:.50em 1em .50em 0;
  padding:0;
  color:#660606;
  clear:left; 
}
h2 {
  font:1.50em "Century Schoolbook", Garamond, Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
  font-weight:bold;
  margin:.50em 1em .50em 0;
  padding:0 0 0 0;
  color:#660606;
}

h3 {
  font:1.25em "Century Schoolbook", Garamond, Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
  margin:.50em 1em .50em 0;
  padding:0 0 0 0;
  color:#660606;
  font-weight:bold;
}
#main-content-y p, #main-content-ny p {
	font-size:.95em;
	font-family:'Lato', arial, helvetica, sans-serif;
	color:#660606;
	padding:0;
	margin:0 0 1.25em 0;
	line-height:1.6;
}
#main-content-y p.small, #main-content-ny p.small {
	font-size:.85em;
	line-height:1.5;
}

ul, ol {
margin:0;
list-style:none;
padding:0 0 18px 40px;
}
ul.listreg {
	list-style: disc;
	margin:0;
	padding:0 0 18px 40px;
	font-family:'Lato', arial, helvetica, sans-serif;
	color:#660606;
	font-size:95%;
}
blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85rem;
line-height:1.4;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/
#main a:link, #main-content-y a:link, #main-content-ny a:link {
	font-size:inherit;
	color:#660606;
	text-decoration:underline;
}
#main a:visited, #main-content-y a:visited, #main-content-ny a:visited {
	color:#555;
    text-decoration:underline;
}
#main a:hover, #main-content-y a:hover, #main-content-ny a:hover {
   text-decoration:none;
   border:none;
   color:#d8d28b;
   background-color:#660606;
}
#main a:focus, #main-content-y a:focus, #main-content-ny a:focus {
	border:1px dotted #e20e0e;
	color:#e20e0e;
	background-color:#ffe599;
	text-decoration:none;
}
#main .gotop a:link, #main .gotop a:visited, 
#main-content-y .gotop a:link, #main-content-ny .gotop a:visited {
    text-aling:right;
	text-decoration:none;
	padding:.25em;
	color:#222;
	border:1px solid #222;
	margin-right:8px;
}
#main .gotop a:hover, #main-content-y .gotop a:hover, #main-content-y .gotop a:hover {
    color:#fafafa;
	margin-right:8px;
}
#footer a:link, #footer a:visited, #footer a:hover,
#subfooter a:link, #subfooter a:visited, #subfooter a:hover {
	font-size:inherit;
	color:#D8D28B;
	margin:4px;padding:0;
	text-decoration:none;
}
#main-content-y .gotop a:link, #main-content-y .gotop a:visited,
#main-content-ny .gotop a:link, #main-content-ny .gotop a:visited {
  text-aling:right;
	text-decoration:none;
	padding:.25em;
	color:#660606;
  border: 1px solid #660606;
  -moz-border-radius: 50%;/*Firefox*/
  -webkit-border-radius: 50%;/*Safari, Chrome*/
  border-radius: 50%;
	margin-right:8px;
}
#main-content-y .gotop a:hover, #main-content-ny .gotop a:hover {
  color:#D8D28B;
	margin-right:8px;
}

/***** Forms *****/
.formcontainer {
	width:100%;
}
form {
margin:0;
padding:0;
display:inline;
	font-size:inherit;
	font-family:'Lato', arial, helvetica, sans-serif;
	color:#660606;
}

input, select, textarea, label {
	font-size:inherit;
	font-family:'Lato', arial, helvetica, sans-serif;
	color:#660606;
}

textarea {
line-height:1.25;
}

label {
color:#660606;
cursor:pointer;
}
textarea,
input[type="text"], select {
	width: 100%;
	max-width: 250px;
	box-sizing: border-box;
	color:#660606;
}

textarea {
	max-width: 450px;
	height: 150px;
}
select {
	max-width:450px;
}

/***** Tables *****/

/* -----------------------------------
Basic rules (Tables)
----------------------------------- */
table
{
	margin: 0;
	border-collapse: collapse;
}

td, th
{
	padding: .5em 1em;
	border: 1px solid #999;
}


/* -----------------------------------
Video - responsive video
----------------------------------- */
#video-wrapper {
	float:left;
	width:55.55556%;
}
.video-container
{
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
}

.video-container iframe,  
.video-container object,  
.video-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }
.img-left-resp {float:left;margin:.5rem 2rem 1rem 0;height: auto; }
.img-right-resp {float:right;margin:.5rem 0 1rem 2rem; height: auto;}

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }