/*
www.yogawithmaggie.com Responsive Style Sheet
*/

*{margin:0; padding:0;}

/* General styles */
body {background:#000 url(images/background.jpg) top center repeat-y; color:#777; font:80% "ABeeZee",Tahoma,sans-serif; line-height:1.5em;}
p,ul,ol,dl {margin:0 0 15px 0; line-height:1.6em; color:#000000}
a {color:#666; text-decoration:none; font-weight:400;}
a:hover {color:#555; text-decoration:underline;}
h1 {font-size:4.6em; margin-bottom:30px;}
h1 a:hover {color:#303030; text-decoration:none;}
h2 {font-size:2.8em; margin:0 0 10px;}
h3 {font-size:1.8em; margin:0 0 10px 0;}
h4 {font-size:1.5em; margin:0 0 10px 0;}
h1,h2,h3,h4 {font-family: 'Enriqueta', sans-serif; color:#d06060; font-weight:400; line-height:.9em;}
h1,h2,h3 {color:#666;}
h4 {color:#888;}


/* Main layout container */
#layout {margin:10px auto 0; width:960px;}

/* Grid classes, fixed width, 960px with 12 columns */
.col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;}
.col img {max-width:100%;}
.row {width:960px; margin:0px auto 0; overflow:hidden;}
.row .row {margin:0 -10px; width:auto;	display:inline-block;}
.c1 {width:60px;}
.c2 {width:140px;}
.c3 {width:220px;}
.c4 {width:300px;}
.c5 {width:380px;}
.c6 {width:460px;}
.c7 {width:540px;}
.c8 {width:620px;}
.c9 {width:700px;}
.c10 {width:780px;}
.c11 {width:860px;}
.c12 {width:940px;}

/* Benefit list style */
ul.benefit {list-style:none; margin:0; padding:10px 0; border-top:0px solid #333;}
ul.benefit li {list-style:none; text-align:center; font-size:1.5em; margin:0 0 10px; padding:0 0 8px 0; color:#888; border-bottom:0px solid #333;}

/* Additional text classes */
.slogan {color:#888;; font-size:1.2em;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}
.nomargin {margin:0; padding:0;}
.larger {font-size:1.2em;}
.largerstill {font-size:1.5em;}
.smaller {font-size:0.9em;}
.spacer {margin:0 20px;}
.clear {clear:both;}
.hide {display:none;}
.border {border:1px solid red;}
.bold {font-weight:bolder;}
.black {color:#000000;}

/* Menu */
.navmenu a {font-size:1.4em;  display:inline-block; line-height:1.4em;padding:8px 15px; margin:0 12px 12px 0; background-color:#fff; border:1px solid #eee; border-radius:12px;}
.navmenu a:hover {font-weight:600; text-decoration:none;}
.navmenu a.current {font-weight:600; text-decoration:none;}

div.maggietn img {width:inherit; margin:0 10px 10px 0; border-radius:12px;}
div.thumbnails img {width:160px; margin:0 10px 10px 0; border-radius:12px;}
div.thumbnails img.last {margin-right:0;}

.headerimage img {border-radius:12px;}

@media only screen and (max-width : 960px){
#layout {width:auto; margin:0; padding:20px;}
.row {width:100%;}
.col {margin:0 0 20px 0;}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;}

.headerimage img {width:100%; height:auto;}
div.maggietn img {width:24%; margin:0;}
div.thumbnails img {width:24%; margin:0;}
div.thumbnails img.last {margin-right:0;}
}