#content { max-width: 1068px; margin: auto; }

.subnav { width: 21.348%; float: left; margin-right: 2.247%; }
.subnav nav { background: #FFF; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); padding-bottom: 4.386%; margin-bottom: 20px; }
.subnav nav .title { background: #000; padding: 4.386% 5.263% 4.386% 5.263%; font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 3.6em; letter-spacing: 0.01em; }
.subnav nav ul { padding: 4.386% 5.263% 4.386% 5.263%; }
.subnav nav ul li { border-bottom: 1px solid #ccc; }
.subnav nav ul li a { color: #b8060a; font-size: 1.4em; font-weight: bold; padding: 3.947% 0.877% 4.825% 0.877%; text-decoration: none; display: block; }
.subnav nav ul li a:hover, .subnav nav ul li a:focus { text-decoration: underline; }
.subnav nav ul li:last-child { border: none; }

.mainContent { float: right; width: 70.787%; padding: 2.154% 2.809% 2.154% 2.809%; background: #FFF; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }
.mainContent h1 { font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; font-size: 6.2em; letter-spacing: -0.02em; color: #000; margin-bottom: 2.423%; font-weight: normal; }
.mainContent h2 { font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; font-size: 4.2em; letter-spacing: -0.03em; margin-bottom: 2%; font-weight: normal; }
.mainContent h2 a { font-weight: normal; }
.mainContent p { font-size: 1.6em; line-height: 1.33; letter-spacing: -0.005em; margin-bottom: 2%; color: #000; font-family: 'Museo-500', Verdana, Arial, Helvetica, sans-serif; }
.mainContent p.date { font-size: 1.6em; font-weight: bold; color: #333; }
.mainContent p.categories { margin-bottom: 1.5%; }
.mainContent ul { margin-bottom: 2%; }
.mainContent ul li { font-size: 1.6em; line-height: 1.33; font-family: 'Museo-500', Verdana, Arial, Helvetica, sans-serif; }
.mainContent ul.portfolio { margin: -1.344% 0 1.511%; letter-spacing: -0.05em; }
.mainContent ul.portfolio li { font-size: 1.6em; line-height: 1.8; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.mainContent ul.portfolio li ul { margin-left: 40px; list-style: disc; }
.mainContent ul.portfolio li li { font-size: 0.9em; line-height: 1.3; font-weight: normal; }
.mainContent figure.img-cap { margin-bottom: 1.5%; }
.mainContent figure.img-cap figcaption { color: #333; font-size: 1.4em; line-height: 1.2; padding: 5px; }
.mainContent figure.portfolio { float: none; margin: 0% 0 5%; width: 100%; }
.mainContent figure img { max-width: 98.3%; }
.mainContent .disclaimer { font-weight: normal; font-size: 0.9em; }
.mainContent.full { width: 94.382%; float: none; }
.mainContent.full ul, .mainContent.full p { width: 75%; }
.mainContent a { color: #b8060a; font-weight: bold; text-decoration: none; }
.mainContent a.more { font-size: 1.4em; font-weight: bold; display: inline-block; margin: 1% 0 2.7%; text-decoration: underline; }
.mainContent a:hover, .mainContent a:focus { text-decoration: underline; }
.mainContent article { padding-bottom: 2.6%; margin-bottom: 4%; border-bottom: 1px solid #CCC; }
.mainContent figure h2 a { text-decoration: none; }

p.categories, p.comments { color: #3F3F3F; }

.breadcrumbs { border-bottom: 1px solid #000; font-size: 1.4em; color: #000; padding-bottom: 2.7%; margin-bottom: 2.116%; }
.breadcrumbs a { color: #b8060a; text-decoration: none; }
.breadcrumbs a:focus, .breadcrumbs a:hover { text-decoration: underline; }

ul.pagination { clear: both; margin-bottom: 2.249%; }
ul.pagination li { display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; }
ul.pagination li a { color: #b8060a; font-size: 1em; line-height: 1.2; padding: 0% 0.529% 0.397% 0.529%; margin-right: -0.132%; display: inline-block; }
ul.pagination li a.active, ul.pagination li a:focus, ul.pagination li a:hover { background: #b8060a; color: #FFF; text-decoration: none; }
ul.pagination.bottom { top: 17px; position: relative; }
ul.pagination.blog { margin-bottom: 5.5%; }

figure { margin-bottom: 6.831%; width: 48.413%; margin-right: 3.175%; float: left; }
figure img { display: block; max-width: 97%; border: 5px solid #FFF; margin-bottom: 2.732%; -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); -ms-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); -o-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5); }
figure h2 { font-size: 2em; line-height: 1.2; font-weight: normal; padding-left: 0.82%; }
figure h2 a { color: #b8060a; border-bottom: 1px solid #b8060a; text-decoration: none; }
figure h2 a.active, figure h2 a:focus, figure h2 a:hover { background: #b8060a; color: #FFF; border-bottom: none; }
figure.even { margin-right: 0; }

.theComments { border-top: 1px solid #000; background: #FFF; padding-bottom: 20px; margin-top: 20px; }
.theComments .commentTotal { font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; color: #FFF; background: #000; font-weight: normal; font-size: 3.2em; padding: 10px; border-bottom: 1px solid #000; display: block; margin-bottom: 20px; }
.theComments .commentTotal a { color: #FFF; font-family: Arial,Verdana,sans-serif; font-size: 0.475em; font-weight: bold; position: relative; top: -4px; }
.theComments .commentTotal a:hover { text-decoration: none; }
.theComments article { border-bottom: 1px solid #000; padding: 0 15px 10px; }
.theComments article header span.name { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; display: inline-block; }
.theComments article header span.date { margin: 0 0 10px; }
.theComments article p { font-size: 1.2em; margin-bottom: 10px; color: #000; }
.theComments article:last-child { border-bottom: none; }

.comment-form { padding: 20px 0 10px; }
.comment-form legend { font-size: 1.8em; color: #333; font-weight: bold; display: block; margin-bottom: 10px; }
.comment-form label { display: block; font-size: 1.6em; color: #666; font-weight: normal; margin-bottom: 5px; cursor: pointer; }
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=website] { width: 40%; padding: 5px; font-size: 1.2em; }
.comment-form input[type="submit"] { color: #FFF; font-size: 2.6em; border: none; padding: 1% 2%; background: #B8060A; font-weight: normal; font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; }
.comment-form input[type="submit"]:hover { background: #000; }
.comment-form textarea { width: 80%; padding: 5px; height: 160px; font-size: 1.2em; }

.form_row { clear: both; margin-bottom: 10px; }

.clearFix:after, #content:after, .mainContent:after { content: ""; display: block; height: 0; clear: both; }

/*		Tablet Layout: 768px (48em).
		Gutters: 24px (1.5em).
		Outer margins: 28px (1.75em).
		Inherits styles from: Default layout.
------------------------------------------------------------------
cols	1     2      3      4      5      6      7      8
px		68    160    252    344    436    528    620    712		*/
@media only screen and (min-width: 768px) and (max-width: 991px) { .mainContent.full p { width: 100%; } }
/*		Mobile Layout: 320px (20em) */
@media only screen and (max-width: 767px) { .mainContent { float: none; width: 92.382%; margin: auto auto 2%; }
  .mainContent h1 { font-size: 4em; font-family: Verdana, Arial, Helvetica, sans-serif; text-shadow: none; }
  .mainContent h2 { font-size: 2.6em; font-family: Verdana, Arial, Helvetica, sans-serif; text-shadow: none; font-weight: bold; }
  .mainContent.full p { width: 100%; }
  .subnav { width: 98%; float: none; margin: 0 auto 10px; }
  .subnav nav { background: #FFF; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); padding-bottom: 0; }
  .subnav nav .title { background: #000; padding: 0.877% 2.632% 0.877% 2.632%; font-family: 'LeagueGothicRegular',Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 3.6em; letter-spacing: 0.01em; }
  .subnav nav ul { padding: 0.877% 2.632% 0.877% 2.632%; }
  .subnav nav ul li { border-right: 1px solid #ccc; border-bottom: none; display: inline; }
  .subnav nav ul li a { color: #b8060a; font-size: 1.4em; font-weight: bold; padding: 3px; text-decoration: underline; display: inline-block; }
  figure { width: 100%; float: none; } }
/*		Wide Mobile Layout: 480px (30em) */
@media only screen and (min-width: 480px) and (max-width: 767px) { .mainContent h1 { font-size: 3em; font-family: Verdana, Arial, Helvetica, sans-serif; text-shadow: none; }
  .mainContent h2 { font-size: 2em; font-family: Verdana, Arial, Helvetica, sans-serif; text-shadow: none; font-weight: bold; }
  .mainContent.full { width: 92.57%; }
  .mainContent.full p { width: 100%; } }
@media only screen and (max-width: 479px) { .mainContent h1 { font-size: 2.6em; font-family: Verdana, Arial, Helvetica, sans-serif; text-shadow: none; }
  .mainContent h2 { font-size: 1.8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-shadow: none; font-weight: bold; }
  .mainContent.full { width: 92.57%; }
  .mainContent.full p { width: 100%; }
  figure { margin-left: auto; margin-right: auto; width: 87%; float: none; }
  figure:nth-child(odd) { margin-right: auto; } }