/* 
  ------------------------------------------------
Summary description for homepage.css
Program:  homepage.css
Designer: Great Basin College
Author: Frank L. Sawyer
Client: Great Basin Indian Archive (GBIA) Website
Date: 06/26/2014
 
Purpose:  This is the Great Basin Indian Archive homepage CSS file. 
	
Features: CSS
	 
Input: None.
	
Output: None.
	 
Called from: home page.
	 
Calls: None.
	 
Modification History: 
06/30/2014: FLS - Added file information header comment section.

  ------------------------------------------------
*/
body {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	min-width: 980px;
}
#masthead .p7ccm-col {
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
}
#masthead .p7ccm06-1col-column1-cnt {
	display: table-cell;
	vertical-align: bottom;
	text-align: right;
	height: 90px;
	padding-left: 350px;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
.horizontal-menu, .footer-menu  {
	margin: 0px;
	padding: 0px;
	text-align: right;
	width: 100%;
	word-spacing: -1em;
	vertical-align: bottom;
}
.footer-menu  {
	text-align: center;
}
.horizontal-menu li, .footer-menu li{
	display: inline-block;
	list-style-type: none;
	word-spacing: normal;
}
.horizontal-menu a, .horizontal-menu a:visited,
.footer-menu a, .footer-menu a:visited {
	color: #BBB !important;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
}
.horizontal-menu li:first-child a, .footer-menu li:first-child a {
	border-left: none;
}
.horizontal-menu a:hover, .horizontal-menu a:focus, .footer-menu a:hover, .footer-menu a:focus {
	color: #B45050 !important;
	outline: none;
}
.round-img {
	display: block;
	border-radius: 6px;
	border: 2px solid;
	border-color: #9B3C3C;
}
.image-speciale {
	border-radius: 6px;
	box-shadow: 0px 0px 30px #000;
}
.right-aligned {
	text-align: right;
}
.no-margin {
	margin: 0;
}
#footer {
	font-size: 100%; /*originally 85%*/
	text-transform: uppercase;
	text-align: center;
}

.copyright {
	font-size: 100%; /*originally 85%*/
	text-align: center;
	letter-spacing: 0.3em;
}
.p7ccm-col a.button-link, .p7ccm-col a.button-link:visited {
	display: inline-block;
	color: #000;
	text-decoration: none;
	background-color: #666666;
	padding: 5px 15px;
	border-radius: 6px;
	box-shadow: inset 0px 0px 20px #444,0px 0px 10px #000;
	font-size: 90%;
	text-transform: uppercase;
}
.p7ccm-col a.button-link:hover, .p7ccm-col a.button-link:focus {
	box-shadow: inset 0px 0px 20px #444,0px 0px 5px #000;
	background-color: #757575;
	outline: none;
}
.icon-bullet  {
	background-image: url(../images/bullet-check.png);
	background-repeat: no-repeat;
	padding-left: 24px;
	background-position: left center;
	font-weight: normal;
	text-transform: uppercase;
}
h1, h2, h3, h4 {
	margin: 0px;
	font-weight: normal;
}
h3, h4 {
	text-transform: uppercase;
}
p {
	margin: 3px 0px 15px 0px;
}

/*Mobile Devices*/

/*Smartphones*/
@media only screen and (max-device-width: 480px) {
.sample-class {font-size: 14px;}
}

/*Tablets*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.sample-class {font-size: 14px;}
}