/*
Original design: Luft (v1.0 - November 2nd, 2012)
For more information, see http://andreasviklund.com/premium-templates/luft/
Gallerax jQuery plugin by nodethirtythree: http://n33.co/jquery/
*/



/* General styles */

body{color:#43A27C;background:#1D231E;
    font:80% Georgia, Times New Roman, Times, serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0;
}
img {
  width: 100%;
  height: auto;
}
a {color:#999; text-decoration:none; font-weight:400; line-height:2.2em;}
a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #444; }

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

#header{color: #43A27C;width:100%;
margin:40px 0 0 0;padding:0;font-size:1.7em;letter-spacing:3px;}

#header_sub{margin-top:40px;width:100%;padding:0;font-size:0.5em;color: #43A27C;letter-spacing:3px;font-weight:normal;}

#header2{float:right;margin:0 10px 20px 0;font-size:1.1em;letter-spacing:0.08em;}

#menu{float:right;color:#999; font-size:1.2em;text-decoration:none; font-weight:400;  }

/*Audio Insert */
#audio {float:right;margin:0 10px 0 0; }
//#enter{margin:0px 0px 0px 20px;text-align:right;float:left;width:470px}
.play{font-size:0.8em;float:right;}

/*Top Line*/
div.bot_container{ width:700px; height:250px; margin:0 auto; }
div.bot{ background: url(adam.png);  height: 302px; } 
.bot_shadow{height:1px;background:#999;opacity:0.6; border-radius:100%; margin:10px 0 10px 0; }

/*Bottom Line*/
.bot_shadow2{height:1px;background:#999;opacity:0.6; border-radius:100%;}

/* Footer */
#footer {padding-top:0px;}


footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#999;
}

/* Grid classes, fixed width, 960px with 12 columns */
.col {float:left; margin:10px 10px 10px 10px; overflow:hidden;}
.col img {max-width:100%;}
.row {width:940px; 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:100%;}


/* Menu list styles */
ul.menu {list-style:none; margin:0; padding:10px 0; border-top:1px solid #eee;}
ul.menu li {list-style:none; text-align:center; font-size:1.2em; margin:0 0 10px; padding:0 0 8px 0; color:#888; border-bottom:1px solid #333;}
ul.menu li a {font-size:1.2em; font-weight:400; border:0;}
ul.menu li a:hover {color:#eee; text-decoration:none;}

/* Additional text classes */
.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;}
.smaller {font-size:0.9em;}
.spacer {margin:0 20px;}
.clear {clear:both;}
.hide {display:none;}
.border {border:1px solid red;}
.toplinks {font-size:1.4em; color:#eee; margin-top:15px;}
.toplinks a {border:0; font-family:'Dosis'; text-transform:uppercase;}

/* Gallerax styles */
#gallery {position:relative;width:100%;margin:0 auto 20px auto;}
#gallery .output {width:100%; margin-bottom:5px;}
#gallery .caption {display:block; }
#gallery ul.thumbnails {display:none;width:100%; list-style:none; margin:0 0 20px 0; padding:0;}
#gallery ul.thumbnails li {float:left; margin:0 20px 15px 0;}
#gallery ul.thumbnails li img {width:140px; height:70px; cursor:pointer;}
#gallery ul.thumbnails .last {margin-right:0;}
#gallery #captions {float:right;//margin-right:0px; opacity:1.0;}
#gallery #captions .line {display:block;font-size:1.1em; padding:0;}

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


}