/* HERO STYLING */
.hero					{ height: 300px; }
h2 a					{ color: #000; }
h2 a:hover				{ color: #5090ad; }
h2 a:active				{ color: #235770; }

/* PAGE LAYOUT */
.contentHolder			{ overflow: auto; }

/* ITEM STYLING */
.item					{ margin-top: 3em; }
.divOne .item:first-child { margin-top: 0; }
.divOne a img:hover		{ -webkit-box-shadow: 0 0 10px #5090ad; -moz-box-shadow: 0 0 10px #5090ad; box-shadow: 0 0 10px #5090ad; }	
.divOne a img:active	{ -webkit-box-shadow: 0 0 10px #235770; -moz-box-shadow: 0 0 10px #235770; box-shadow: 0 0 10px #235770; }	
.imgHldr img			{ width: 100%; }

/* TITLES DIV STYLING */
.links					{ padding-bottom: 2em; }
.links a				{ display: block; color: #FFF; margin: 0 -8.5%; text-transform: uppercase; text-align: left; letter-spacing: 0.05em; background-color: #5090ad; border-top: 1px solid #699fb7; border-bottom: 1px solid #4b87a1; padding: 0.5em 10%; }
.links a:hover, .links a:active { color: #FFF; }
.links a:hover			{ background-color: #5ca4c3; }
.links a:active			{ background-color: #447a91; }
.comment				{ padding: 1em 0; border-bottom: 1px solid #FFF; }



/* ///////////////////////////////////////////////////////////// */
/* ///////////////////// MEDIA QUERIES ///////////////////////// */

/* TABLETS (IN PORTRAIT) /////////////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 959px) {
	.item				{ margin-top: 2.5em; }
	.titles				{ padding-bottom: 1em; }
	.comment			{ padding: 1em 0 1.5em; }
}

/* TABLETS (IN PORTRAIT) < 800PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 800px) {
	.item				{ margin-top: 2em; }
}

/* TABLETS (IN PORTRAIT) < 700PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 700px) {
	.item				{ margin-top: 1.5em; }
}

/* TABLETS (IN PORTRAIT) < 600PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 600px) {
	.item				{ margin-top: 1em; }
}

/* MOBILE PHONES & TABLETS (SHARED STYLES) ///////////////////// */
@media screen and (max-width: 959px) {
}

/* MOBILE PHONES <568px //////////////////////////////////////// */
@media screen and (max-width: 568px) {
	.contentHolder		{ overflow: visible; }	
	.item				{ margin-top: 1.5em; }
	.links				{ padding-bottom: 1em; }
	.links a			{ text-align: center; }
	.comment			{ padding: 1em 0; }
}

/* MOBILE PHONES <480px //////////////////////////////////////// */
@media screen and (max-width: 480px) {
}

/* MOBILE PHONES <350px //////////////////////////////////////// */
@media screen and (max-width: 350px) {
}