/* #Additional - Large Screens beyond 1280px
================================================== */
    /* Note: Design for a width of 1280px */

    @media only screen and (min-width: 1280px) {
        .container                                  { width: 1280px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }
        .container .one.column,
        .container .one.columns                     { width: 60px; }
        .container .two.columns                     { width: 140px; }
        .container .three.columns                   { width: 220px; }
        .container .four.columns                    { width: 300px; }
        .container .five.columns                    { width: 380px; }
        .container .six.columns                     { width: 460px; }
        .container .seven.columns                   { width: 540px; }
        .container .eight.columns                   { width: 620px; }
        .container .nine.columns                    { width: 700px; }
        .container .ten.columns                     { width: 780px; }
        .container .eleven.columns                  { width: 860px; }
        .container .twelve.columns                  { width: 940px; }
        .container .thirteen.columns                { width: 1020px; }
        .container .fourteen.columns                { width: 1100px; }
        .container .fifteen.columns                 { width: 1180px; }
        .container .sixteen.columns                 { width: 1260px; }
        .container .one-third.column                { width: 406px; }
        .container .two-thirds.column               { width: 822px; }
        /* Offsets */
        
        .container .offset-by-one                   { padding-left: 80px; }
        .container .offset-by-two                   { padding-left: 160px; }
        .container .offset-by-three                 { padding-left: 240px; }
        .container .offset-by-four                  { padding-left: 320px; }
        .container .offset-by-five                  { padding-left: 400px; }
        .container .offset-by-six                   { padding-left: 480px; }
        .container .offset-by-seven                 { padding-left: 560px; }
        .container .offset-by-eight                 { padding-left: 640px; }
        .container .offset-by-nine                  { padding-left: 720px; }
        .container .offset-by-ten                   { padding-left: 800px; }
        .container .offset-by-eleven                { padding-left: 880px; }
        .container .offset-by-twelve                { padding-left: 960px; }
        .container .offset-by-thirteen              { padding-left: 1040px; }
        .container .offset-by-fourteen              { padding-left: 1120px; }
        .container .offset-by-fifteen               { padding-left: 1200px; }
    }
/* ie8 nonsense */
.ie8 .container {
	width: 1200px;
}

/* box layout */

.section-wrapper.main {
	margin-bottom: 50px;
	min-height: 1200px;
	padding-top: 50px;
}
.section-wrapper.main .container {
	/*margin-top: 30px;*/
	height: 100%;
}
.box-wrap {
	padding: 10px;
	z-index: 1;
	float: left;
	position: absolute;
	-webkit-transition: top .5s, left .5s;
	-moz-transition: top .5s, left .5s;
	transition: top .5s, left .5s;
}
.admin.box-wrap { 
	float: none;
	top: 0;
	left: 0;
}
#boxes-container {
	margin: 0 auto;
	height: 100%;
}
.box {
	height: 228px;
	width: 228px;
	padding: 25px;
	position: relative;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	transition: background-color .5s;
	word-wrap: break-word;
}
.box-wrap.quad .box {
	border: none;
	background-color: transparent;
}
.box-wrap.double .box {
	height: 518px;
	width: 518px;
	line-height: 1.2;
	padding: 30px;
}
.box-wrap.bophoto {
	width: 280px;
	height: 280px;
}
.box-wrap.photo .box {
	padding: 0;
	width: 278px;
	height: 278px;
	overflow: hidden;
}
.box-wrap.photo .box img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

footer {
	z-index: 100;
}
footer .container {
	text-align: center;
	margin: 0 auto;
}

#page-footer .footer-text-container {
	margin: 0 auto;
	font-size: 14px;
	-webkit-word-break: break-all;
	-moz-word-break: break-all;
	word-break: break-all;
}

/* text boxes */
.text .box .body-container {
	height: 230px;
	overflow: hidden;
}
.text p {
	top: 0;
	position: relative;
	margin-bottom: 0;
}
.text.double .summary {
	height: 97%;
	overflow: auto;
}
.text.short p, .text.short .summary {
 	font-size: 28px;
 	line-height: 1.4;
}
.text.med p, .text.med .summary {
 	font-size: 24px;
 	line-height: 1.4;
}
.text.med-long p, .text.med-long .summary { 
	line-height: 23px;
	font-size: 18px;
}
.text.long p, .text.long .summary { 
	line-height: 1.3;
	font-size: 15px;
}

.summary li {
	float: none;
}

 /* quad box */
.box-wrap.quad .box {
	padding: 0;
	width: 280px;
	height: 280px;
}
.box .quarter {
	width: 129px;
	height: 129px;
	float: left;
	border: 1px solid rgba(60,60,60,.5);
	position: relative;
}
.box .quarter.one, .box .quarter.two {
	margin-bottom: 9px;
}
.box .mini-tiles-container :nth-child(3), .box .mini-tiles-container :nth-child(4) {
	margin-top: 9px;
}
.box .mini-tiles-container :nth-child(1), .box .mini-tiles-container :nth-child(3) {
	margin-right: 9px;
}
.box .mini-tiles-container :nth-child(2), .box .mini-tiles-container :nth-child(4) {
	margin-left: 9px;
}

/* social quad box */
.quad.social .icon-container {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 25px;
	opacity: .7;
	-webkit-transition: .5s opacity;
	-moz-transition: .5s opacity;
	transition: .5s opacity;
	
}
.quad.social .icon {
	display: block;
	background-image: url(/img/social.png);
}
.quad.social .icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.quad.social .icon-container:hover {
	opacity: .99;
}

.quad.social .icon-container.dummy, .quad.social .icon-container.dummy:hover {
	opacity: .3;
}

/* contact box */
.box-wrap.contact {
	z-index: 10;
}
/*#contact-form .form-element.company {
	display: none;
}*/

.form-element {
	float: left;
	clear:left;
	margin-bottom: 36px;
}
.form-element.name, .form-element.email, .form-element.message {
	width: 100%;
	margin-bottom: 10px;

}

.form-element.message textarea {
	resize: none;
	height: 90px;
	overflow: auto;
}
.form-element label {
	font-size: 12px;
	line-height: 14px;
	clear: left;
	margin-bottom: 10px;
	font-weight: normal;
}


.form-element input[type="text"], .form-element textarea, .form-element.submit button, .form-element.submit {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	width: 100%;
}
#contact-form .form-element input, #contact-form .form-element textarea {
	width: 228px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form-element.submit button {
	text-shadow: none;
}
#contact-form .submit {
	margin-bottom: 0;
}

.error-message, #contact_statusMessage {
	position: absolute;
	top: 3px;
}


/* general */

h1 {
	margin-bottom: 0;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	background-image: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

	-webkit-transition: .5s background-color;
	-moz-transition: .5s background-color;
	transition: .5s background-color;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background-image: none;
}


/* header */

header .box h1 {
	font-size: 36px;
	line-height: 1.2;
	margin: 8px 0 20px;
}
header .box h1.long {
	font-size: 26px;
}
header .box h2 {
	text-transform: none;
	font-size: 15px;
	line-height: 1.1;
	height: 50px;
	overflow: hidden;
}
#monogram-letter {
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	background-color: rgb(155,155,155);
	background-color: rgba(0,0,0,.1);
	font-size: 36px;
	font-weight: bold;
	position: absolute;
	bottom: 25px;
	left: 25px;
}
/* map tile */
.map {
	font-size: 15px;
}
.map img {
	margin: 10px 0 20px;
	padding-bottom: 30px;
	width: 228px;
}
.box button {
	display: block;
	width: 100%;
	padding: 2px;
	font-size: 13px;
	margin: 0 auto;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
}
.map .box span {
	font-size: 16px;
	line-height: 1.3;
}
 /* currently seeking tile */

.box h3 {
 	font: 16px 'HelveticaNeueW01-75Bold';
 	margin-bottom: 30px;
}
.seeking .list-container {
	overflow: hidden;
	height: 180px;
}

.mosaic #wrapper ul.seeking {
	position: relative;
	top: 0;
}
.mosaic #wrapper ul.seeking li {
	clear: left;
	width: 100%;
	font-size: 15px;
	padding: 0;
	float: none;
	margin-bottom: 0;
	border-right: 0;
	display: block;
}
.mosaic #wrapper ul.seeking li .seeking-container {
	width: auto;
	margin-bottom: 0;
}
.mosaic #wrapper .seeking li .seeking-container .icon {
	text-align: center;
	width: 34px;
 	font: 30px 'Workfolio';
 	float: left;
 	margin: 0 10px 20px 0;
}
.mosaic #wrapper .seeking li.seeking-container:last-child .icon {
	margin-bottom: 0;
}
.mosaic #wrapper .seeking li .seeking-container label {
	text-align: left;
	font-weight: normal;
	line-height: 26px;
	margin-bottom: 5px;
	display: block;
	font-size: 15px;
}

/* Twitter Tile */
.box.twitter {
	overflow: hidden;
}
.twitter .tweets-container {
	position: relative;
	top: 0;
}
.tweet {
	margin-bottom: 50px;
	height: 231px;
}
.tweet .img-container {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
.tweet .author-info {
	display: block;
}
.tweet .author-info span {
	display: block;
	line-height: 1.3;
	padding-left: 0;
}
.tweet .author-info iframe {
	margin-top: 0;
}
.tweet .author-info:hover .user-name {
	text-decoration: underline;
}
.tweet .author-info .user-name {
	font-weight: bold;
}
.twitter-follow-button {
	margin-top: 10px;
	margin-bottom: 15px;
	float: left;
	clear: left;
}
.tweet .tweet-body a:hover {
	text-decoration: underline;
}
.tweet .tweet-body, .tweet .tweet-date {
	margin-bottom: 10px;
	line-height: 1.3;
}

.tweet .intents-container p {
	float: left;
}

.intents-container p {
	float: left;
	margin-bottom: 0;
	margin-right: 10px;
}
.intents-container p:last-child {
	margin-right: 0;
}
.intents-container p span {
	display: block;
	height: 18px;
	margin-right: 3px;
}
.intents-container p a {
	display: block;
}
.intents-container p a:hover {
	text-decoration: underline;
}

.intents-container p span {
	float: left;
	background-image: url(/img/twitter-sprite.png);
}
.intents-container .reply {
	width: 55px;
}
.intents-container .reply span {
	width: 12px;
	background-position: -3px 0;
}
.intents-container .reply:hover span {
	background-position: -19px 0;	
}


.intents-container .retweet {
	width: 78px;
}
.intents-container .retweet span {
	width: 15px;
	background-position: -80px 0;
}
.intents-container .retweet:hover span {
	background-position: -96px 0;	
}
.intents-container .retweet:active span {
	background-position: -112px 0;	
}


.intents-container .favorite {
	width: 75px;
}
.intents-container .favorite span {
	width: 15px;
	background-position: -33px 0;
}
.intents-container .favorite:hover span {
	background-position: -49px 0;	
}
.intents-container .favorite:active span {
	background-position: -65px 0;	
}

/* links tile */
#links {
	top: 0;
}
#links, #files {
	position: relative;
	top: 0;
}
#links li, #files li, #highlights li {
	float: none;
	margin-bottom: 21px;
}
#links h5, #links h6, #files h5, #files h6, #highlights h5, #highlights h6 {
	line-height: 1.3;
	font-size: 14px;
}
#links h5, #links h6, #files h5, #files h6, #links a, #files a, #highlights h5, #highlights h6 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 18px;
}
#links h5, #files h5 {
	padding-right: 20px;
	text-transform: none;
}
#links h6 {
	text-transform: lowercase;
}
#links-container, #files-container {
	height: 168px;
	overflow: hidden;
}

/* skills tile */
#skills-container {
	height: 192px;
	overflow: hidden;
}
#skills {
	position: relative;
	top: 0;
	padding-top: 0;
}
#skills .skill {
	float: left;
	clear: left;
}
#skills .years-bar {
	width: 100%;
	height: 10px;
	float: left;
}
#skills .experience-year {
	width: 8px;
	height: 8px;
	float: left;
	margin-right: 2px;
}
#skills .experience-year.last {
	margin-right: 5px !important;	
}

#skills li .years-experience {
	position: relative;
	font-size: 11px;
	float: left;
	top: -1px;
	margin-left: 0;
	margin-top: 0;
	line-height: 10px;
}
#skills li label {
	float: none;
	clear: left;
	margin-top: 0;
}
/* video tile */

.box-wrap.video iframe {
	position: absolute;
	top: 0;
	left: 0;
}

/* instagram tile */
#instagram-container {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 278px;
	height: 278px;
}
#instagram-photos {
	width: 2780px;
	position: relative;
	left: 0;
}
#instagram-photos li {
	position: absolute;
	top: 0;
	left: 0;
	width: 278px;
	height: 278px;
}
#instagram-photos li.first {
	z-index: 4;
}
#instagram-photos li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 278px;
	height: 278px;
}

#monogram-letter.inactive {
	opacity: .4;
}


/* achievements */
#achievements-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 188px;
	height: 210px;
	overflow: hidden;
}
#achievements {
	width: 2000px;
}
#achievements ul {
	width: 188px;
	height: 210px;
	margin-right: 20px;
	position: absolute;
	left: 0;
}
#achievements li {
	width: 84px;
	margin-right: 20px;
}
#achievements li.odd {
	margin-right: 0;
}


/* highlights tile */
#highlights-container {
	height: 171px;
	overflow: hidden;
}
#highlights {
	top: 0;
	position: relative;
}
#highlights li {
	border-top: 0;
	padding: 0;
}
#highlights ul {
	overflow: hidden;
}

/* results */
#results-container {
	width: 100%;
	overflow: hidden;
}
#results {
	height: 178px;
	position: relative;
	overflow: hidden;
}
#results li {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;

}
#results li h5 {
	font-size: 48px;
	line-height: 1;
}
#results li h6 {
	margin-top: 15px;
	font-size: 18px;
	line-height: 1.2;
}

/* grid */

.g0 {
	top: 0;
	left: 0;
} 
.g1 {
	top: 0;
	left: 300px;
} 
.g2 {
	top: 0;
	left: 600px;
}
.g3 {
	top: 0;
	left: 900px;
}
.g4 {
	top: 300px;
	left: 0;
}
.g5 {
	top: 300px;
	left: 300px;
}
.g6 {
	top: 300px;
	left: 600px;
}
.g7 {
	top: 300px;
	left: 900px;
}
.g8 {
	top: 600px;
	left: 0;
}
.g9 {
	top: 600px;
	left: 300px;
}
.g10 {
	top: 600px;
	left: 600px;
}
.g11 {
	top: 600px;
	left: 900px;
}
.g12 {
	top: 900px;
	left: 0;
}
.g13 {
	top: 900px;
	left: 300px;
}
.g14 {
	top: 900px;
	left: 600px;
}
.g15 {
	top: 900px;
	left: 900px;
}
.g16 {
	top: 1200px;
	left: 0px;
}
.g17 {
	top: 1200px;
	left: 300px;
}
.g18 {
	top: 1200px;
	left: 600px;
}
.g19 {
	top: 1200px;
	left: 900px;
}

/* color schemes */
.dark #name.accent-color, .dark #tagline, .dark #monogram-letter.accent-color {
	color: #fff;
}
.dark .box, .dark .quarter {
	color: #9b9b9b;
	background-color: #2a2a2a;
	border: 1px solid rgb(55,55,55);
}
.dark .form-element input[type="text"], .dark .form-element textarea {
	background-color: #212121;
	border-color: #1a1a1a;
}
.dark .box button {
	border-color: #1a1a1a;
	background-color: #373737;
	color: #6e6e6e;
}
.dark .box button:hover {
	background-color: #525355;
}
.dark .box h3 {
	color: inherit;
}

.dark .map img {
	border-bottom: 1px solid #212121;
}

.dark input[type="text"]:focus, .dark input[type="password"]:focus, .dark input[type="email"]:focus, .dark textarea:focus {
	color: #fafafa;
	border: 1px solid white;
}

.dark ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #6e6e6e;
}
.dark :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #6e6e6e;
}
.dark ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #6e6e6e;
}
.dark :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #6e6e6e;
}
.dark footer .container {
	color: #fff;
}

.dark .tweet .user-name {
	color: #fff;
}
.dark .tweet .screen-name, .dark .tweet .author-info:hover .screen-name {
	color: #9B9B9B;
}
.dark .tweet .intents-container a {
	color: #9B9B9B;
}
.dark #wrapper .quad.social .icon-container.dummy {
	background-color: #9B9B9B;
}
.dark #wrapper .quad.social .icon-container.dummy:hover {
	background-color: #9B9B9B;
}

/* color schemes */
.light #title .bg-accent-color {
	background-color: #fff;
}
.light .box, .light .quarter {
	color: #373737;
	background-color: #fff;
	border: 1px solid rgb(220,220,220);
}
.light input[type="text"], .light textarea {
	background-color: #fff;
	border-color: #d4d4d4;
	color: #373737;
}
.light .box button {
	border-color: #d4d4d4;
	background-color: #f4f4f4;
	color: #8e8e8e;
}
.light .box button:hover {
	background-color: #fff;
}
.light .seeking .box h3 {
	color: inherit;
}


.light #wrapper .quad.social .icon-container.dummy {
	background-color: #6e6e6e;
}
.light #wrapper .quad.social .icon-container.dummy:hover {
	background-color: #6e6e6e;
}
.light .map img {
	border-bottom: 1px solid #9b9b9b;
}

.light input[type="text"]:focus, .light input[type="password"]:focus, .light input[type="email"]:focus, .light textarea:focus {
	color: #373737;
	border: 1px solid #9b9b9b;
}

.light ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #adadad;
}
.light :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #adadad;
}
.light ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #adadad;
}
.light :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #adadad;
}
.light footer .container {
	color: #373737;
}

.light .tweet .author-info:hover span {
	color: #333;
}
.light .link h6 a:hover {
	color: #333;
}
/* media queries */
@media only screen and (min-width: 1280px) {
	#boxes-container {
		width: 1200px;
		margin: 0 auto;
		height: 1200px;
		right: 50%;
		margin-right: -600px;
		position: absolute;
	}
}
@media only screen and (max-width: 1279px) {
	.section-wrapper.main {
		height: auto;
	}
}
@media only screen and (min-width: 960px) and (max-width: 1279px){
	#boxes-container {
		width: 900px;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#boxes-container {
		width: 600px;
		margin: 0 auto;
	}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#boxes-container {
		width: 300px;
		margin: 0 auto;
	}

	.admin .box-wrap.double .box {
		width: 518px;
	}

	.box-wrap.double .box {
		width: 218px;
	}

	.admin .box-wrap.double .box p {
		font-size: auto;
	}
	.box-wrap.double .box p {
		font-size: 14px;
	}
	
	.admin .text.short p {
	 	font-size: 28px;
	 	line-height: 1.4;
	}
	.admin .text.med p {
	 	font-size: 24px;
	 	line-height: 1.4;
	}
	.admin .text.med-long p { 
		line-height: 1.3;
		font-size: 18px;
	}
	.admin .text.long p { 
		line-height: 1.3;
		font-size: 15px;
	}
	.box-wrap.quad.social .box {
		height: auto;
	}
}

@media only screen and (max-width: 480px) {
	#boxes-container {
		width: 300px;
		margin: 0 auto;
	}

	.admin .box-wrap.double .box {
		width: 518px;
	}

	.box-wrap.double .box {
		width: 218px;
	
	}

	.double .box p {
		font-size: 14px;
	}

	.admin .text.short p {
	 	font-size: 28px;
	 	line-height: 1.4;
	}
	.admin .text.med p {
	 	font-size: 24px;
	 	line-height: 1.4;
	}
	.admin .text.med-long p { 
		line-height: 1.3;
		font-size: 18px;
	}
	.text.long p {
		line-height: 1.1;
		font-size: 12px;
	}
	.box-wrap.quad.social .box {
		height: auto;
	}
	.box-wrap.quad.social .box .quarter:nth-child(-n+2) {
		margin-bottom: 0;
	}
}


/* Patterns
===================================================== */

/* light patterns */
/*	
	
	'white_out',
	'make_waves',
	'due_diligence',
	'sacred_cow',
	'strategy_pivot',
	'business_model',
	'company_dna',
	'shotgun_approach',
	'hired_gun',
	'bottom_line',
*/


.light.lp0 {
	background-color: #fff;
}

.light.lp1 {
	background-image: url(/img/patterns/light/lp1.jpg);
}

.light.lp2 {
	background-image: url(/img/patterns/light/lp2.jpg);
}

.light.lp3 {
	background-image: url(/img/patterns/light/lp3.jpg);
}

.light.lp4 {
	background-image: url(/img/patterns/light/lp4.jpg);
}

.light.lp5 {
	background-image: url(/img/patterns/light/lp5.jpg);
}

.light.lp6 {
	background-image: url(/img/patterns/light/lp6.jpg);
}

.light.lp7 {
	background-image: url(/img/patterns/light/lp7.jpg);
}

.light.lp8 {
	background-image: url(/img/patterns/light/lp8.jpg);
}

.light.lp9 {
	background-image: url(/img/patterns/light/lp9.jpg);
}

.light.lp10 {
	background-color: #ececec;
}

.light.lp11 {
	background-image: url(/img/patterns/light/lp11.jpg);
}

.light.lp12 {
	background-image: url(/img/patterns/light/lp12.jpg);
}

.light.lp13 {
	background-image: url(/img/patterns/light/lp13.jpg);
}

.light.lp14 {
	background-image: url(/img/patterns/light/lp14.jpg);
}

.light.lp15 {
	background-image: url(/img/patterns/light/lp15.jpg);
}

.light.lp16 {
	background-image: url(/img/patterns/light/lp16.jpg);
}

.light.lp17 {
	background-image: url(/img/patterns/light/lp17.jpg);
}

.light.lp18 {
	background-image: url(/img/patterns/light/lp18.jpg);
}

.light.lp19 {
	background-image: url(/img/patterns/light/lp19.jpg);
}


/* dark patterns */
/*
	'boilerplate',
    'casual_friday',
    'old_boy_network',
    'pay_grade',
    'heavy_lifting',
    'creative_class',
    'inner_sanctum',
    'fact_pattern',
    'off_the_grid',
    'reserved_parking'
*/

.dark.boilerplate {
	background-color: #323232;
}

.dark.dp0 {
	background-color: #323232;
}

.dark.dp1 {
	background-image: url(/img/patterns/dark/dp1.jpg);
}

.dark.dp2 {
	background-image: url(/img/patterns/dark/dp2.jpg);
}

.dark.dp3 {
	background-image: url(/img/patterns/dark/dp3.jpg);
}

.dark.dp4 {
	background-image: url(/img/patterns/dark/dp4.jpg);
}

.dark.dp5 {
	background-image: url(/img/patterns/dark/dp5.jpg);
}

.dark.dp6 {
	background-image: url(/img/patterns/dark/dp6.jpg);
}

.dark.dp7 {
	background-image: url(/img/patterns/dark/dp7.jpg);
}

.dark.dp8 {
	background-image: url(/img/patterns/dark/dp8.jpg);
}

.dark.dp9 {
	background-image: url(/img/patterns/dark/dp9.jpg);
}

.dark.dp10 {
	background-color: #212121;
}

.dark.dp11 {
	background-image: url(/img/patterns/dark/dp11.jpg);
}

.dark.dp12 {
	background-image: url(/img/patterns/dark/dp12.jpg);
}

.dark.dp13 {
	background-image: url(/img/patterns/dark/dp13.jpg);
}

.dark.dp14 {
	background-image: url(/img/patterns/dark/dp14.jpg);
}

.dark.dp15 {
	background-image: url(/img/patterns/dark/dp15.jpg);
}

.dark.dp16 {
	background-image: url(/img/patterns/dark/dp16.jpg);
}

.dark.dp17 {
	background-image: url(/img/patterns/dark/dp17.jpg);
}

.dark.dp18 {
	background-image: url(/img/patterns/dark/dp18.jpg);
}

.dark.dp19 {
	background-image: url(/img/patterns/dark/dp19.jpg);
}