
@font-face {
    font-family: 'ChiantiBold';
    src: url('assets/fonts/chiantib-webfont.eot');
    src: url('assets/fonts/chiantib-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/chiantib-webfont.woff2') format('woff2'),
         url('assets/fonts/chiantib-webfont.woff') format('woff'),
         url('assets/fonts/chiantib-webfont.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Chianti';
    src: url('assets/fonts/chiantin-webfont.eot');
    src: url('assets/fonts/chiantin-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/chiantin-webfont.woff2') format('woff2'),
         url('assets/fonts/chiantin-webfont.woff') format('woff'),
         url('assets/fonts/chiantin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('assets/fonts/opensans-light-webfont.eot');
    src: url('assets/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-light-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-light-webfont.woff') format('woff'),
         url('assets/fonts/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('assets/fonts/opensans-lightitalic-webfont.eot');
    src: url('assets/fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('assets/fonts/opensans-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('assets/fonts/opensans-extrabold-webfont.eot');
    src: url('assets/fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('assets/fonts/opensans-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondL';
    src: url('assets/fonts/OpenSans-CondLight-webfont.eot');
    src: url('assets/fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('assets/fonts/OpenSans-CondLight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: #eeeeee;
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #545454;
	margin: 5px;
}
@media (min-width: 800px) {
      body {
        margin: 0px;
    	}
}
h1 {
	font-family: OpenSans, Verdana, sans-serif;
	font-size: 40px;
	font-weight: lighter;
	color: #1a1a1a;
	padding-bottom: 0px;
}
h2 {
	padding-bottom: 5px;
	font-family: OpenSans, Verdana, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #636363;
}
h3 {
	padding-bottom: 10px;
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #79827d;
}
.align_center {
	text-align: center;
	width: 100%;
}
img {
	max-width: 100%;
}
.red {
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b44400;
	text-align: center;
}


.green {
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
}

.container {
	width: 100%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    justify-content: center;
}
.container a:link{
	text-decoration: underline;
	color: #588799;
}
.container a:visited{
	text-decoration: underline;
	color: #588799;
}
.container a:hover{
	text-decoration: none;
	color: #669db3;
}
@media (min-width: 1060px) {
      .container {
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
    	}
}

.container_add {
	padding: 25px;
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #293914;
	text-align: left;
	background-color: #eeeeee;
	float: left;
	display: table-cell;
}


/* HEADER */

.header_wrapper {
	background-color: #1a1a1a;
	padding: 10px;
 	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.header_left, .header_center, .header_right {
	width: 100%;
}

@media (min-width: 600px) {
      .header_left {
        width: 25%;
        padding-top: 5px;
      }
      .header_center {
        width: 50%;
      }
      .header_right {
        width: 25%;
      }
    }
    
@media (min-width: 1440px) {
      .header_left {
        width: 15%;
        padding-top: 10px;
      }
      .header_center {
        width: 70%;
      }
      .header_right {
        width: 15%;
      }
    }


.header_center {
	text-decoration: none;
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #979995;
}
.header_center a:link{
	text-decoration: none;
	color: #979995;
}
.header_center a:visited{
	text-decoration: none;
	color: #979995;
}
.header_center a:hover{
	text-decoration: underline;
	color: #acaeaa;
}

.header_right {
	font-family: OpenSansCondL, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #8d8d8d;
	text-align: center;
}


/* FOOTER */

.footer {
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #979995;
	text-align: center;
	background-color: #1a1a1a;
	width: 100%;
	height: 50px;
	padding-top: 15px;
	display: inline-block;
	margin: 0 auto;
	margin-top: 15px;
}
.footer a:link{
	text-decoration: underline;
	color: #979995;
}
.footer a:visited{
	text-decoration: underline;
	color: #979995;
}
.footer a:hover{
	text-decoration: none;
	color: #aaaca8;
}


/* GALLERY */

.gallery_block {
	border-style: solid;
	border-width: 1px;
	border-color: #b1b1b1;
	background-color: #dcdcdc;
	width: 100%;
	height: auto;
	margin: 10px;
}
@media (min-width: 600px) {
	.gallery_block {
        width: 520px;
		height: 200px;
    	}
}


.gallery_block_text {
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 5px;
}
.gallery_count {
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

.gallery_thumbs{
	margin: 8px;
	width: 200px;
	height: auto;
	}
	
.gallery_thumbs_title{
	font-family: OpenSansCondL, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #565656;
	text-align: center;
	background-color: #c5c5c5;
	padding: 2px;
}
.gallery_thumbs_title a:link {
	color: #565656;
	text-decoration: none;
}
.gallery_thumbs_title a:visited {
	color: #565656;
	text-decoration: none;
}
.gallery_thumbs_title a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.gallery_thumbs_img {
  vertical-align:middle;
  margin:auto;
  border: 0px;
}
.gallery_avatars_img {
  vertical-align:middle;
  margin:auto;
  float: left;
  margin-right: 15px;
  border: 0px;
}
.wraptocenter {
    display: table-cell;
	margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 200px;
    background-color: #d7d7d7;
}
.maintext {
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4c4c4c;
}
.pagination {
	font-family: OpenSansCondL, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #293914;
	text-align: center;
	width: 100%;
	max-width: 100%;
	margin-bottom: 5px;
	display: inline-block;
	float: none;
}
.pagination a:link{
	text-decoration: underline;
	color: #588799;
}
.pagination a:visited{
	text-decoration: underline;
	color: #588799;
}
.pagination a:hover{
	text-decoration: none;
	color: #669db3;
}
.cur_page_num {
	color: gray;
}


/* HOME PAGE  */

.container_home {
	width: 100%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (min-width: 1060px) {
      .container_home {
        width: 1060px;
        margin-left: auto;
        margin-right: auto;
    	}
}

.wrapper_home_icons {
	width: 100%;
	height: auto;
	border-top: 1px dotted #b8b8b8;
	border-bottom: 1px dotted #b8b8b8;
	text-align: center;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
}

.home_icons_block {
	width: 100%;
	height: auto;
	color: #959595;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: flex-start;
    justify-content: center;
}
@media (min-width: 800px) {
      .home_icons_block {
        width: 33.33%;
      }
    }
    
.home_icons_graph {
	width: 20%;
	order: 1;
}

.home_icons_text {
	width: 80%;
	color: #959595;
	font-size: 15px;
	padding: 3px;
	order: 2;
}

.home_wrapper_1060 {
	width: 1060px;
	max-width: 100%;
	margin: auto;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}

.gallery_thumbs_home{
	margin: 5px;
	width: 200px;
	height: auto;
	}


.home_gallery_links_wrapper {
	width: 100%;
	padding: 10px;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}
.home_gallery_links_wrapper a:link{
	text-decoration: underline;
	color: #588799;
}
.home_gallery_links_wrapper a:visited{
	text-decoration: underline;
	color: #588799;
}
.home_gallery_links_wrapper a:hover{
	text-decoration: none;
	color: #669db3;
}

.home_gallery_links_container {
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #293914;
	font-weight: normal;
	width: 100%;
}

@media (min-width: 800px) {
      .home_gallery_links_wrapper {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
      }
      .home_gallery_links_container {
        width: 33.33%;
      }
    }
  
    

/* VIEWPHOTO */

.viewphoto_container {
	margin: 0px;
	width: 100%;
	max-width: 100%;
}
@media (min-width: 800px) {
      	.viewphoto_container {
      		width: auto;
		}
}

.image {
	max-width: 100%;
}

.viewphoto_container_2 {
	margin: 10px;
	width: 100%;
}
@media (min-width: 800px) {
      .viewphoto_container_2 {
        width: auto;
		max-width: 800px;
		margin: 20px;
		}
	}
.viewphoto_img {
	border: solid;
	border-width: 1px;
	border-color: #999999;
}
.download_instructions {
	width: auto;
	background-color: #f2eade;
	font-family: Chianti, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
}
.license_block {
	background-color: #e1e1e1;
	padding: 5px;
}
.license_block_red {
	font-size: 12px;
	color: #f34e25;
	background-color: #d0d0d0;
	padding: 5px;
}
.license_block_red a:link {
	color: #f34e25;
	text-decoration: underline;
}
.license_block_red a:visited {
	color: #f34e25;
	text-decoration: underline;
}
.license_block_red a:hover {
	color: #f37e44;
	text-decoration: underline;
}
.license {
	font-size: 18px;
	color: #666666;
	background-color: #e1e1e1;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 25px;
}
.license a:link {
	color: #666666;
	text-decoration: underline;
}
.license a:visited {
	color: #666666;
	text-decoration: underline;
}
.license a:hover {
	color: #666666;
	text-decoration: underline;
}

.download_button {
	padding: 3px;
	background-color: #e3e4e4;
	border: 1px solid #bebebe;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: auto;
	display: table-cell;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	text-decoration: none;
}
.download_button:hover {
	background-color: #ebecec;
}

.div_float_left {
	display: table-cell;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}
.size_usage {
	width: auto;
	font-size: 18px;
	color: #b8b7b7;
	margin-bottom: 10px;
}
.respect_copy {
	font-family: OpenSansCondL, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #bd2100;
	width: auto;
	display: table-cell;
	margin-left: 5px;
	float: left;
}


/* DOWNLOAD */

.download_container {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
	width: auto;
	max-width: 100%;
	border-left: 1px solid #b8b8b8;
}



/* ADSENSE */

.adsense {
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 20px;
}
