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

*{margin:0; padding:0;}

/* General styles */
body {background:#f1f1f1; color:#003560; font:80% Tahoma,sans-serif; line-height:1.6em;}
a {color: #003560; font-weight:400; border-bottom:1px}
a:hover {color: #8dae10; text-decoration:none; border-bottom:1px;}
p,ul,ol,dl {margin:0 0 15px 0;}
strong {font-weight:700;}
h1 {color:#888; font-size:3.2em; margin-bottom:20px; line-height:1.6em;}
h1 a {font-weight:400; border:0;}
h1 a:hover {text-decoration:none; color:#8dae10; border:0;}
h2 {font-size:2.2em;}
h3 {font-size:1.6em;}
h1,h2,h3 {color: #003560; font-family: 'Dosis', sans-serif; text-transform:uppercase; 
          font-weight:400; margin-bottom:15px;}
h4 {font-size:1.4em; font-family: 'Dosis', sans-serif; text-transform:uppercase;}

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

/* Footer */
#footer {padding-top:30px;}
#footer h3 {color: #222; font-size:1.2em;}
#footer p {color: #222; text-align:center; line-height:1.5em;}

/* 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%; overflow: hidden}
.row {width:960px; margin:20px auto 0; overflow:hidden;}
.row .row {margin:0 -10px; width:auto;	display:inline-block;}
.c1 {width:60px;}
.c2 {width:140px;} 
.c2a {width:172px;}
.c3 {width:220px;}  
.c3a {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;}

/* image in the middle of a body text */
/* superceded by bodyfig (see below) */
.middle {
max-width: 40%;
/*min-width: 100px;*/
vertical-align: middle;
float: left;
margin-right: 10px;
}

/* Based on an example from w3.org */
/* See: http://www.w3.org/Style/Examples/007/figures.html */
#bodyfig{
float: left;
max-width: 40%;
/*border: thin #8dae10 solid;*/
overflow: hidden;
margin: 5px 10px 5px 0;
}

#bodyfig p {
text-align: center;
font-style: italic;
text-indent: 0;
}

/* blank lines */
.stp5 {margin-top: 5%}
.stp20 {margin-top: 20%}
.stp40 {margin-top: 40%}
.stp60 {margin-top: 60%}
.stp80 {margin-top: 80%}

.sbp5 {margin-bottom: 5%}
.sbp20 {margin-bottom: 20%}
.sbp40 {margin-bottom: 40%}
.sbp60 {margin-bottom: 60%}
.sbp80 {margin-bottom: 80%}

/* 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;}

/* Body list styles */
ul.outer li  {list-style: disc; list-style-position:inside; padding: 0 0 10px 0;}
ul.inner li  {list-style: circle; padding: 0 0 5px 25px; list-style-position:inside;}


/* 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;}
.toplinks a {border:0; font-family:'Dosis'; text-transform:uppercase;}

/* Gallerax styles */
#gallery {position:relative;width:100%; margin:0 auto 20px auto;}
#gallery img.output {width:100%; margin-bottom:15px;}
#gallery span.caption {display:block; margin:0;}
#gallery ul.thumbnails {width:100%; list-style:none; margin:0 0 20px 0; padding:0;}

/* 5 thumbnail images */
#gallery ul.thumbnails li {float:left; margin:0 20px 15px 0;}
#gallery ul.thumbnails li img {width:172px; height:70px; cursor:pointer;}

/* 4 thumbnail images */
/*#gallery ul.thumbnails li {float:left; margin:0 20px 15px 0;}*/
/*#gallery ul.thumbnails li img {width:215px; height:95px; cursor:pointer;}*/

#gallery ul.thumbnails li.last {margin-right:0;}
#gallery #captions {position:absolute; top:440px; right:10px;color:#fff; opacity:0.7; 
         text-shadow:#000 1px 1px 7px;}
#gallery #captions .line {display:block;font-size:1.6em; padding:10px;}

@media only screen and (max-width : 960px){
#layout, body.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;}
}