/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);

@font-face {
    font-family: 'MidietSansBold';
    src: url('css/fonts/midiet/midiet_sans_bold-webfont.eot');
    src: url('css/fonts/midiet/midiet_sans_bold-webfont.eot?#iefix') format('eot'),
         url('css/fonts/midiet/midiet_sans_bold-webfont.woff') format('woff'),
         url('css/fonts/midiet/midiet_sans_bold-webfont.ttf') format('truetype'),
         url('css/fonts/midiet/midiet_sans_bold-webfont.svg#webfont9UlR5nOD') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MidietSansLight';
    src: url('css/fonts/midiet/midiet_sans_light-webfont.eot');
    src: url('css/fonts/midiet/midiet_sans_light-webfont.eot?#iefix') format('eot'),
         url('css/fonts/midiet/midiet_sans_light-webfont.woff') format('woff'),
         url('css/fonts/midiet/midiet_sans_light-webfont.ttf') format('truetype'),
         url('css/fonts/midiet/midiet_sans_light-webfont.svg#webfont5Jjs0XPF') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MidietSansMedium';
    src: url('css/fonts/midiet/midiet_sans_medium-webfont.eot');
    src: url('css/fonts/midiet/midiet_sans_medium-webfont.eot?#iefix') format('eot'),
         url('css/fonts/midiet/midiet_sans_medium-webfont.woff') format('woff'),
         url('css/fonts/midiet/midiet_sans_medium-webfont.ttf') format('truetype'),
         url('css/fonts/midiet/midiet_sans_medium-webfont.svg#webfontb9r4dd5B') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*---------------------------------
	OVERRIDES
-----------------------------------*/

h1,h2,h3,h4,h5,h6{
font-family: "MidietSansBold", arial, verdana, sans-serif;
font-weight:normal;
}

thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
}

.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
}

div.caption {background: #FFF !important;}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#000;
background:#efefef;
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}

.info{
background: rgba(30, 156, 205, 1);
color: #fff;
padding: 0 15px;
width: 240px;
margin-top: 12px;
border: 1px solid #DDD;
}

.info h1{
font:normal 2.6em/100% 'MidietSansBold', arial, verdana, sans-serif;

}

.info h2{
font:normal 1em/100% 'MidietSansLight', arial, verdana, sans-serif;
text-transform: uppercase;
margin: -12px  10px 0 0;
text-align: right;
}

.info p{
font:normal 1em/150% 'MidietSansLight', arial, verdana, sans-serif;

}

.info p.first{margin-top: 75px;}

.cols{
    -moz-column-count:3;
    -moz-column-gap: 10px;
    -webkit-column-count:3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}

.item {
display: inline-block; 
width: 240px;
margin: 5px;
}

.item img{
border: 1px solid #DDD;
}

div.caption{padding: 10px;}

.caption span{
text-align: center;
font-weight: bold;
}