a {
	color: #D04119;
}

.hidden {
    display: none;
}

/* profile image */

div.userpic {

    display: block;
    position: absolute;
    left: 0px;
    top: 5px;
    width: 52px;
    height: 52px;
    overflow: hidden;

}

    div.userpic img {

        width: 100%;

    }

/* icons */

.icon {

    width: 20px;
    vertical-align: bottom;

}

/* content area */

#content {}

	#content h1,
    #content h2 {

		display: block;
		position: relative;
		font-size: 28px;
		line-height: 32px;
		padding: 10px 0px 5px 0px;
		font-family: "OCR A Tribute";
		font-weight: 300;
		color: #999999;
		clear: both;

	}
    	#content h1 a,
        #content h2 a {

			color: #d04119;
            text-decoration: none;

		}

        #content h1.with-background,
		#content h2.with-background {

			display: block;
			position: relative;
			margin: 10px 0px;
			padding: 0px;
			height: 270px;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 100% auto;
			border: 1px solid #999;
			border-bottom-width: 10px;

		}

		    #content h1.with-background span,
			#content h2.with-background span {

				display: block;
				position: absolute;
				left: 0px;
				bottom: 20px;
				margin: 0px;
				padding: 8px 20px 0px;
				background-color: #cf4118;
				min-height: 44px;
				line-height: 44px;
				font-size: 28px;
				font-weight: bold;
				color: #fff;
				border-bottom: 10px solid #802a06;

			}

	#content h3 {

		display: block;
		position: relative;
		font-size: 24px;
		line-height: 26px;
		padding: 10px 0px 5px 0px;
		font-family: "OCR A Tribute";
		font-weight: 300;
		color: #999999;
		clear: both;

	}
		#content h3 a {

			color: #d04119;
            text-decoration: none;

		}

		#content h3.with-background {

			display: block;
			position: relative;
			margin: 10px 0px;
			padding: 0px;
			height: 270px;
			font-size: 20px;
			line-height: 30px;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 100% auto;

		}

			#content h3.with-background span {

				display: block;
				position: absolute;
				left: 0px;
				bottom: 0px;
				right: 0px;
				background-color: rgba(0,0,0,0.3);
				color: #fff;
				padding: 10px 45% 10px 15px;
				font-weight: 200;

			}

	#content h4 {

		display: block;
		position: relative;
		font-size: 20px;
		line-height: 24px;
		padding:  10px 0px 5px 0px;
		font-family: "OCR A Tribute";
		font-weight: normal;
		color: #333;

	}

	#content h5 {

		display: block;
		position: relative;
		font-size: 18px;
		line-height: 22px;
		padding: 10px 0px 5px 0px;
		font-family: "OCR A Tribute";
		font-weight: normal;
		color: #333;

	}

	#content h6 {

		display: block;
		position: relative;
		font-size: 14px;
		line-height: 20px;
		padding: 10px 0px 5px 0px;
		font-weight: bold;
		color: #666;

	}

    #content h2:first-child,
    #content h3:first-child,
    #content h4:first-child,
    #content h5:first-child,
    #content h6:first-child {

        padding-top: 5px;

    }

	#content p {

		display: block;
		position: relative;
		margin: 0px;
		padding: 0px 0px 5px;
		color: #666;
		font-size: 14px;
		line-height: 20px;
		font-weight: 400;

	}

		#content strong {

			font-weight: 600;
			color: #000;

		}

        #content em {

            font-weight: 500;
            color: #000;

        }

		#content a {

			color: #d04119;
			text-decoration: none;

		}

   		#content a:hover {

			text-decoration: underline;

		}

		#content p.lead {

			color: #999;
			font-size: 16px;
			line-height: 26px;
			padding: 0px 0px 20px;
            font-weight: 300;

		}

    #content ul {

        margin-top: 0.5em;

    }

        #content ul li {

            display: list-item;
            position: relative;
            margin: 0px;
            padding: 0px 0px 5px;
            color: #666;
            font-size: 14px;
            line-height: 20px;
            margin-left: 25px;

        }

            #content li a {

                color: #d04119;
                text-decoration: none;

            }

            #content li a:hover {

                text-decoration: underline;

            }

    #content ol {

        margin-left: 20px;

    }

        #content ol li {

            margin-bottom: 5px;
		    color: #666;

        }

    #content dt {

        display: block;
        position: relative;
        margin: 1em 0 0 0;
        padding: 0px 0px 5px;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;

    }

    #content dd {

        display: block;
        position: relative;
        margin: 0px;
        padding: 0px 0px 5px;
        color: #666;
        font-size: 14px;
        line-height: 20px;
        font-weight: 300;

    }

	/* leading text */

	#content .lead {

		display: block;
		position: relative;
		margin: 0px;
		padding: 0px 0px;

	}

		#content .lead ol{

			display: block;
			position: relative;
			/* float: left; */
			max-width: 520px;
			font-size: 20px;
			line-height: 31px;
			font-family: "OCR A Tribute";
			font-weight: 300;
			color: #666;

		}

		#content .lead img {

			display: block;
			position: relative;
			float: right;

		}

	/* images */

	#content img {

		max-width: 100%;

	}

	#content .image {

		display: block;
		position: relative;
		border: 1px solid #666;
		border-bottom-width: 10px;

	}

		#content .image img {

			display: block;
			max-width: 100%;

		}

		#content .image p {

			display: block;
			position: absolute;
			bottom: 10px;
			background-color: #D04119;
			margin: 0px;
			padding: 5px;
			color: #fff;
			border-bottom: 6px solid #7F2A06;


		}

	/* form elements */

    #content .cols-1 form {

        width: 60%;

    }

	#content textarea {

		display: block;
		border: 0px;
		font-size: 14px;
		width: 96%;
		padding: 0.6em;
		background-color: #f0f0f0;
		border-bottom: 6px solid #999;
		margin: 5px 0px;

	}

	#content input[type=text], #content input[type=password] {

		display: block;
		border: 0px;
		font-size: 14px;
		width: 96%;
		padding: 0.6em;
		background-color: #f0f0f0;
		border-bottom: 6px solid #999;
		margin: 5px 0px;

	}

    #content label {

        font-size: 14px;
        font-weight: bold;
        display: block;
        margin: 1.5em 0 0.5em 0;

    }

    #content label:first-of-type {

        margin-top: 0.5em;

    }

	#content label.checkbox,
	#content label.radio {

		display: inline-block;
		border: 0px;
		font-size: 14px;
		padding: 0.6em;
		background-color: #f0f0f0;
		border-bottom: 6px solid #999;
		margin: 5px 0px 5px;

	}

    input[type="checkbox"] {

    }

    #content input[type="checkbox"] + label {

        display: inline;
        font-weight: normal;

    }

	#content input[type=submit],
	#content input[type=button],
	#content input[type=reset],
	#content button,
    #content a.button {

		border: 0px;
		font-size: 14px;
		/* padding: 3% 5% 1.5% 5%;*/
        padding: 0.5em 0.7em 0.2em 0.7em;
		background-color: #D04119;
		color: #fff;
		font-family: "OCR A Tribute";
        font-weight: bold;
		border-bottom: 6px solid #7F2A06;
		margin: 5px 0px;
		cursor: pointer;

	}

    #content .errors,
    #content ul.errorlist li {

        color: #D04119;

    }

    #content .help {

        color: #666;

    }

    #content .discreet {

        color: #ccc;

    }

	/* comment */

	#content .comment {

		display: block;
		position: relative;
		margin: 0px;
		padding: 5px 0px 20px 60px;

	}

    #content .comment.nopic {

		display: block;
		position: relative;
		margin: 0px;
		padding: 10px 10px 10px 10px;

	}

		#content .comment h4 {

			display: block;
			position: relative;
			font-size: 14px;
			line-height: 16px;
			margin: 0px;
			padding: 0px;

		}

			#content .comment h4 a {

				text-decoration: none;
				color: #000;
				font-weight: bold;

			}

			#content .comment h4 small {

				color: #999;

			}

				#content .comment h4 small::before {

					content: " – ";

				}

		#content .comment p {

			display: block;
			position: relative;
			font-size: 14px;
			line-height: 18px;
			margin: 0px;
			padding: 5px 0px 0px;

		}

        #content .comment .source {

            font-size: 12px;
            margin-top: 5px;

        }

	/* columns */

	#content .cols {

		display: block;
		position: relative;
		clear: both;
		margin: 0px;
		padding: 0px;

	}

		#content .col {

			display: block;
			position: relative;
			margin: 0px;
			float: left;

		}

        #content .cols.cols-1 {

			margin: 0px -20px;
			width: 760px;

		}

			#content .cols.cols-1 .col {

				margin: 0px 20px 10px 20px;
				width: 600px;

			}

		#content .cols.cols-2 {

			margin: 0px -20px;
			width: 760px;

		}

			#content .cols.cols-2 .col {

				margin: 0px 20px 10px 20px;
				width: 340px;

			}

		#content .cols.cols-3 {

			margin: 0px 0px 0px -15px;
			width: 760px;

		}

			#content .cols.cols-3 .col {

				margin: 0px 0px 10px 15px;
				width: 230px;

			}

		#content .cols.cols-4 {

			margin: 0px -10px;
			width: 760px;
			float: left;

		}

			#content .cols.cols-4 .col {

				margin: 0px 10px 10px 10px;
				width: 165px;

			}

		#content .cols.cols-5 {

			margin: 0px -5px;
			width: 760px;

		}

			#content .cols.cols-5 .col {

				margin: 0px 5px 10px 5px;
				width: 136px;

			}

	/* gallery */

	#content > .gallery-item {

		display: block;
		position: relative;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		height: 270px;
		border: 1px solid #999;
		border-bottom-width: 10px;
		overflow: hidden;

	}

		#content > .gallery-item img {

			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			right: 0px;
			width: 100%;
			z-index: 10;

		}

		#content > .gallery-item h4 {

			display: block;
			position: absolute;
			left: 0px;
			bottom: 20px;
			margin: 0px;
			padding: 8px 20px 0px;
			background-color: #cf4118;
			height: 44px;
			overflow: hidden;
			line-height: 44px;
			font-size: 28px;
			font-weight: bold;
			color: #fff;
			border-bottom: 10px solid #802a06;
			z-index: 20;

		}

			#content > .gallery-item h4 a {

				color: #fff;
				text-decoration: none;

			}

		#content > .gallery-item  .gallery-item-meta {

			display: block;
			position: absolute;
			left: 0px;
			bottom: 82px;
			z-index: 30;
			height: 24px;
			line-height: 24px;
			padding: 0px 20px;
			color: #666;

		}

			#content > .gallery-item .gallery-item-meta p {

				display: block;
				float: left;
				margin: 0px;
				padding: 0px;
				color: #666;
				height: 24px;
				line-height: 24px;
				font-size: 12px;

			}

				#content > .gallery-item .gallery-item-meta p.views {

					padding: 0px 10px 0px 24px;
					background: url(../static/img/icon/icon-views-dark.png) left center no-repeat;

				}

				#content > .gallery-item .gallery-item-meta p.likes {

					padding: 0px 10px 0px 20px;
					background: url(../static/img/icon/icon-likes-dark.png) left center no-repeat;

				}

				#content > .gallery-item  .gallery-item-meta p.author a {

					color: #666;
					font-weight: bold;
					padding-right: 10px;

				}

				#content > .gallery-item  .gallery-item-meta p span {

					display: none;

				}

	/* column gallery */

	#content .cols .gallery-item {

		display: block;
		position: relative;
		margin: 10px 0px;
		height: 250px;
		overflow: hidden;

	}

		#content .cols .gallery-item h4 {

			display: block;
			position: absolute;
			left: 0px;
			right: 0px;
			bottom: 24px;
			margin: 0px;
			z-index: 20;
			background-color: #d04117;
			color: #fff;
			font-weight: normal;
			font-size: 15px;
			padding: 10px;
			line-height: 18px;

		}

			#content .cols .gallery-item h4 a {

				color: #fff;
				text-decoration: none;

			}


		#content .cols .gallery-item img {

			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			right: 0px;
			width: 100%;
			z-index: 10;

		}

		#content .cols .gallery-item  .gallery-item-meta {

			display: block;
			position: absolute;
			left: 0px;
			bottom: 0px;
			right: 0px;
			z-index: 30;
			height: 24px;
			line-height: 24px;
			padding: 0px 10px;
			background-color: #802a05;
			color: #fff;

		}

			#content .cols .gallery-item .gallery-item-meta p {

				display: block;
				float: left;
				margin: 0px;
				padding: 0px;
				color: #fff;
				height: 24px;
				line-height: 24px;
				font-size: 12px;

			}

				#content .cols .gallery-item .gallery-item-meta p.views {

					float: right;
					padding: 0px 10px 0px 24px;
					background: url(../static/img/icon-views.png) left center no-repeat;

				}

				#content .cols .gallery-item .gallery-item-meta p.likes {

					float: right;
					padding: 0px 0px 0px 20px;
					background: url(../static/img/icon-likes.png) left center no-repeat;

				}

				#content .cols .gallery-item  .gallery-item-meta p.author a {

					color: #fff;
					font-weight: bold;

				}

				#content .cols .gallery-item  .gallery-item-meta p span {

					display: none;

				}

    /* project detail gallery */

    #content .thumb-gallery li {

        display: block;
        position: relative;
        margin: 0px;
        padding: 0px;
        float: right;

    }

        #content .thumb-gallery li a {

            display: block;
            position: relative;
            margin: 0px 0px 0px 3px;
            padding: 0px;

        }

	/* video element */

	#content video {

		max-width: 100%;
		height: auto;
		border-bottom: 15px solid #666;
		margin: 10px 0px 5px !important;
		padding: 0px !important;

	}

    /* comments */

    #content .comment.odd {

        background-color: #f9f9f9;

    }

    /* pagination */

    #content .pagination {

        clear: both;
        display: block;
        margin: 0 0.7em;

    }

        #content .pagination li {

            display: block;
            position: relative;
            float: left;
            margin: 0;
            padding: 5px;

        }

         #content .pagination li.active {

            font-weight: bold;
            background-color: #d04119;

         }

             #content .pagination li.active a {

                 color: #fff;
                 text-decoration: none;

             }


         #content .pagination li.first {



         }

         #content .pagination li.last {



         }


    /* downloads */

    #content .downloads {

    }

        #content .downloads li {

            list-style-type: none;
            line-height: 40px;

        }

            #content .downloads li a {

                font-family: "OCR A Tribute";
                font-size: 22px;
                font-weight: 300;

            }


/* sidebar */

#sidebar {}

	#sidebar .teasers {

		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;

	}

		#sidebar .teasers h3 {

			display: block;
			position: relative;
			font-size: 18px;
			line-height: 20px;
			padding: 5px 0px;
			font-family: "OCR A Tribute";
			font-weight: normal;
			color: #333;

		}

		#sidebar .teasers ul {

			list-style: none;

		}

			#sidebar .teasers ul li {

				margin: 0px 0px 10px;

			}

				#sidebar .teasers ul li a {

					display: block;
					color: #D04119;
					text-decoration: none;

				}

    		    #sidebar .teasers ul li a:hover {

					text-decoration: underline;

				}

				#sidebar .teasers ul li small {

					display: block;
					position: relative;
					color: #999;
					font-size: .8em;
					line-height: 1.2em;

				}

		#sidebar .teasers a {

			display: block;
			position: relative;
			color: #D04119;
			text-decoration: none;
			font-size: .8em;
			line-height: 1.2em;

		}

	#sidebar .list {

		margin-bottom: 20px;
		padding-bottom: 40px;
		border-bottom: 1px solid #ccc;

	}

		#sidebar .list h3 {

			display: block;
			position: relative;
			font-size: 18px;
			line-height: 20px;
			padding: 5px 0px;
			font-family: "OCR A Tribute";
			font-weight: normal;
			color: #333;

		}

		#sidebar .list ul {

			list-style: none;

		}


			#sidebar .list ul li {

				margin: 0px 0px 10px;

			}

				#sidebar .list ul li a {

					display: block;
					color: #D04119;
					text-decoration: none;

				}

				#sidebar .list ul li a.active,
				#sidebar .list ul li.active a {

					font-weight: bold;

				}


	#sidebar .edit {

		display: block;
		position: relative;
		background-color: #f0f0f0;
		margin: 0px 0px 5px;
		padding: 0px;

	}

		#sidebar .edit h3 {

			display: block;
			position: relative;
			height: 20px;
			line-height: 20px;
			padding: 8px 12px 4px;
			background-color: #d04118;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: 4px solid #772704;

		}

            #sidebar .edit h3 a {

                color: #fff;
                text-decoration: none;

            }

            #sidebar .edit h3 input[type=submit],
            #sidebar .edit h3 input[type=button],
            #sidebar .edit h3 input[type=reset] {

                border: 0px;
                font-size: 14px;
                background-color: transparent;
                color: #fff;
                font-family: "OCR A Tribute";
                font-weight: bold;
                padding: 0;
                margin: 0;
                cursor: pointer;
                text-transform: uppercase;

            }

    #sidebar .fab {

		display: block;
		position: relative;
		background-color: #f0f0f0;
		margin: 0px 0px 5px;
		padding: 0px;

	}

		#sidebar .fab h3 {

			display: block;
			position: relative;
			height: 20px;
			line-height: 20px;
			padding: 8px 12px 4px;
			background-color: #645856;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: 4px solid #362f2d;

		}

            #sidebar .fab h3 a {

                color: #fff;
                text-decoration: none;

            }

            #sidebar .fab h3 input[type=submit],
            #sidebar .fab h3 input[type=button],
            #sidebar .fab h3 input[type=reset] {

                border: 0px;
                font-size: 14px;
                background-color: transparent;
                color: #fff;
                font-family: "OCR A Tribute";
                font-weight: bold;
                padding: 0;
                margin: 0;
                cursor: pointer;
                text-transform: uppercase;

            }

	#sidebar .meta {

		display: block;
		position: relative;
		background-color: #f0f0f0;
		margin: 0px 0px 5px;
		padding: 0px;

	}

		#sidebar .meta h3 {

			display: block;
			position: relative;
			margin-left: 60px;
			height: 52px;
			line-height: 52px;
			color: #444;
			margin-bottom: 10px;

		}

			#sidebar .meta h3 a {

				text-decoration: none;
				font-weight: bold;
				color: #444;

			}

		#sidebar .meta p {

			display: block;
			position: relative;
			padding: 5px 10px;
			color: #444;

		}

			#sidebar .meta p a {

				text-decoration: none;
				font-weight: bold;
				color: #444;

			}

		#sidebar .meta > a > img {

			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 52px;
			height: 52px;

		}

		#sidebar .meta .license {}

			#sidebar .meta .license img {

				margin: 0px;
				padding: 0px;

			}


		#sidebar .meta .counts {

			display: block;
			position: relative;
			padding: 5px 10px;
			color: #444;

		}

		#sidebar .meta .counts p.views {

			display: inline-block;
			color: #444;
			padding: 0px 10px 0px 24px;
			background: url(../img/icon/icon-views-dark.png) left center no-repeat;

		}

		#sidebar .meta .counts p.likes {

			display: inline-block;
			color: #444;
			padding: 0px 0px 0px 20px;
			background: url(../img/icon/icon-likes-dark.png) left center no-repeat;

		}

			#sidebar .meta .counts p span {

				display: none;

			}

	#sidebar .highlight {

		display: block;
		position: relative;
		margin: 0px 0px 5px;
		padding: 0px;

	}

		#sidebar .highlight h3 {

			display: block;
			position: relative;
			height: 20px;
			line-height: 20px;
			padding: 8px 12px 4px;
			background-color: #d04118;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: 4px solid #772704;

		}

		#sidebar .highlight ul {

			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;
			list-style: none;

		}

			#sidebar .highlight ul li {

				height: 24px;
				line-height: 24px;
				background-color: #f0f0f0;
				color: #b80204;
				font-size: 13px;
				padding: 4px 12px;
                overflow: hidden;

			}

				#sidebar .highlight ul li:nth-child(even) {

					background-color: #f7f7f7;

				}

				#sidebar .highlight ul li a {

					text-decoration: none;
					color: #b80204;

				}

	#sidebar .links {

		display: block;
		position: relative;
		margin: 0px 0px 5px;
		padding: 0px;

	}

		#sidebar .links h3 {

			display: block;
			position: relative;
			height: 20px;
			line-height: 20px;
			padding: 8px 12px 4px;
			background-color: #999;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: 4px solid #666;

		}

		#sidebar .links ul {

			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;
			list-style: none;

		}

			#sidebar .links ul li {

				height: 24px;
				line-height: 24px;
				background-color: #f0f0f0;
				color: #666;
				font-size: 13px;
				padding: 4px 12px;
                overflow: hidden;

			}

				#sidebar .links ul li:nth-child(even) {

					background-color: #f7f7f7;

				}

				#sidebar .links ul li a {

					text-decoration: none;
					color: #666;

				}

				#sidebar .links ul li strong {

					font-weight: bold;

				}


/* responsive columns */

@media (max-width: 767px) {


        #content .cols.cols-1 {

			margin: 0px -20px;
			width: 100%;

		}

			#content .cols.cols-1 .col {

				margin: 0px 20px 10px 20px;
				width: 100%;

			}

		#content .cols.cols-2 {

			margin: 0px -20px;
			width: 100%;

		}

			#content .cols.cols-2 .col {

				margin: 0px 20px 10px 20px;
				width: 100%;

			}

		#content .cols.cols-3 {

			margin: 0px 0px 0px -15px;
			width: 100%;

		}

			#content .cols.cols-3 .col {

				margin: 0px 0px 10px 15px;
				width: 100%;

			}

		#content .cols.cols-4 {

			margin: 0px -10px;
			width: 100%;
			float: left;

		}

			#content .cols.cols-4 .col {

				margin: 0px 10px 10px 10px;
				width: 100%;

			}

		#content .cols.cols-5 {

			margin: 0px -5px;
			width: 100%;

		}

			#content .cols.cols-5 .col {

				margin: 0px 5px 10px 5px;
				width: 100%;

			}

}