/*------------------------------------------------------------------
[6. Banner / .bnr_action]
*/

.bnr_action {
  display: table;
  width: calc(100% - 50px);
  margin-bottom: 20px;
  padding: 20px;
  border: 5px solid #f0a6a0;
}

.bnr_action div,
.bnr_action p {
  display: table-cell;
  vertical-align: middle;
}

.bnr_action div {
  width: 285px;
}

.bnr_action p {
  font-size: 120%;
  font-weight: bold;
  padding-left: 20px;
}


/*------------------------------------------------------------------
[7. Page Title / #page-title]
*/

#page-title {
	padding: 1em 0;
	margin: 0 0 1em;
	background: #efffe6;
	text-align: center;
	color: #000;
}

#page-title h2 {
	margin: 0.3em 0;
	
	font-size: 2.8em;
	font-weight: 600;
	line-height: 1em;
}

#page-title p {
	margin-bottom: 0;
	
	font-size: 0.938em;
}



/*------------------------------------------------------------------
[11. Copyright]
*/
#copyright {
	clear: both;
	
	padding: 20px 50px 15px 50px;
	margin: 0 -20px;
	
	color: #fff;
	
	font-size: 0.9em;
	text-transform: uppercase;
	
	background: #000;
}

#copyright a {
	color: #FFF;
}




/*------------------------------------------------------------------
[12. Grid]
*/

.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12{
	float: left;
	margin: 0 0 0 20px;
}

.grid-1 { width: 55px; }
.grid-2 { width: 130px; }
.grid-3 { width: 205px; }
.grid-4 { width: 280px; }
.grid-5 { width: 355px; }
.grid-6 { width: 430px; }
.grid-7 { width: 505px; }
.grid-8 { width: 580px; }
.grid-9 { width: 655px; }
.grid-10 { width: 730px; }
.grid-11 { width: 805px; }
.grid-12 { width: 880px; }


.append-12 { padding-right: 900px; }
.append-11 { padding-right: 825px; }
.append-10 { padding-right: 750px; }
.append-9 { padding-right: 675px; }
.append-8 { padding-right: 600px; }
.append-7 { padding-right: 525px; }
.append-6 { padding-right: 450px; }
.append-5 { padding-right: 375px; }
.append-4 { padding-right: 300px; }
.append-3 { padding-right: 225px; }
.append-2 { padding-right: 150px; }
.append-1 { padding-right: 75px; }


.prepend-12 { padding-left: 900px; }
.prepend-11 { padding-left: 825px; }
.prepend-10 { padding-left: 750px; }
.prepend-9 { padding-left: 675px; }
.prepend-8 { padding-left: 600px; }
.prepend-7 { padding-left: 525px; }
.prepend-6 { padding-left: 450px; }
.prepend-5 { padding-left: 375px; }
.prepend-4 { padding-left: 300px; }
.prepend-3 { padding-left: 225px; }
.prepend-2 { padding-left: 150px; }
.prepend-1 { padding-left: 75px; }



.row [class^="grid-"] {
	margin-left: 0;
}

.row.nopad [class^="grid-"] {
	margin-bottom: 0;
}

.row.divider {
	margin-bottom: 0;
	
	border: none;
}

.row-divider {
	
	margin: 1.5em 0 3em;
	
	border: none;
	border-bottom: 1px dotted #CCC;
}




/*------------------------------------------------------------------
[13. Miscellaneous]
*/

.slash {
	padding-right: .25em;
	
	color: #1F8956;
}


.social-icons-container {
	width: 100%;
	display: table;
	padding: 0;
	margin: 2.5em 0 0;
	
	list-style: none;
}

.social-icons-container li {
	width: 33%;
	display: table-cell;	
	
	text-align: center;			
}

.social-icon {
	width: 50px;
	height: 50px;
	display: inline-block;
	overflow: hidden;	
	
	line-height: 600px;
	
	background: url(../img/social/social-sprite.png) no-repeat 0 0;					
}

.social-icon-twitter {
	background-position: 0 0;					
}

.social-icon-twitter:hover {
	background-position: 0 -50px;					
}

.social-icon-googleplus {
	background-position: -50px 0;
}

.social-icon-googleplus:hover {
	background-position: -50px -50px;
}

.social-icon-facebook {
	background-position: -100px 0;	
}

.social-icon-facebook:hover {
	background-position: -100px -50px;	
}