/*
Theme Name: 310 Grid
Description: A portfolio theme template for the BYU DVA 310 class.
Author: Brent Barson & Peter Barrett
Author URI: http://www.brentbarson.com
Version: 1
License: GNU General Public License
*/

/* This is the 'reset' section of the stylesheet. We're resetting all of the browser defaults to zero so that everything starts at the same place in all browsers.*/

body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* 
 * YOUR CSS STARTS HERE 
 * This is where you style the individual elements on your pages. 
 * 
 */

#wrapper {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom:60px;
}

#header {
	height: 140px;
	position:relative;
}

#logo {
	background: url(images/logo.png);
	width:65px;
	height:50px;
	top:75px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	position:absolute;
}

#logo:hover {
	background: url(images/logo_animated.gif);
	background-repeat:no-repeat;
}

#sam {
	width:300px;
	height:244px;
	background-image:url(images/sam.png);
	text-indent:-99999em;
	float:left;
}

#about {
	width:300px;
	float:right;
	margin-right:357px;
	/*border-left:1px dotted;*/
	padding-left:11px;
}

ul#global_nav li {
	/*width:100px;*/
	float: left;
	padding-right:20px;
	
}

ul#global_nav li a {
	text-decoration:none;
	color: #333333;
	font-family: courier;
	font-size:14px;
	/*font-variant:small-caps;*/
	/*letter-spacing:4px;*/
	
}

ul#global_nav li a:hover {
	color:#999;
	
}

/*ul#global_nav li a:active {
	text-decoration:line-through;
	
}*/

.current-menu-item a {
	text-decoration:line-through;
}

ul#global_nav {
	/*margin-right: 100px;*/
	position:relative;
	top:98px;
	float:right;
	margin-right:-22px;
}

#content {
	overflow: hidden;
	width:980px;
	/*float:right;*/
	margin-top:0px;
}

.postbody {
	width:110px;
	float:right;
	font-family: 'helvetica', sans-serif;
	font-size:12px;
	margin-right:150px;
/*	border-left:1px dotted;*/
	padding:50px 0 100px 10px;
}

body {
	font-family: helvetica, sans-serif;
	letter-spacing:1pt;
	line-height:13pt;
	font-size:9pt;
	color:#333;
}

.grid-item {
	width: 300px;
	height: 300px;
	float: left;
	position: relative;
}

.grid-item-pattern-one {
	background-image:url(images/pattern-one.png);
}

ul#buttons li{
	float:left;
	position:relative;
	text-indent:-9999em;
	padding:20px 10px 0 0;
}
	
#twitter {
	background-image:url(images/twitter-button.png);
	width:40px;
	height:40px;
}

#insta {
	background-image:url(images/insta-button.png);
	width:40px;
	height:40px;
}

#linkedin {
	background-image:url(images/linkedin-button.png);
	width:40px;
	height:40px;
}

#facebook {
	background-image:url(images/facebook-button.png);
	width:40px;
	height:40px;
}

#pinterest {
	background-image:url(images/pinterest-button.png);
	width:40px;
	height:40px;
}

h1, h2, h3 {
	font-family:'Cardo';
	font-size:11pt;
}

/*.rollover {
height: 201px;
width: 320px;
opacity: 0;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
background: url(images/hover.png);
text-align:center;
text-indent:-9999em;
color: white;
font-size: 16px;
font-variant:small-caps;
/*font-family: "Old-Standard", serif;*/
font-family:Arial, Helvetica, sans-serif;
}

.rollover:hover {
opacity: 1;
}*/

#footer {
	height: 100px;
	/*border-top:#000 .1em dotted;*/
	margin-top: 35px;
	padding-top: 10px;
	font-size:10px;
	width:945px;	
}

/* 
 * NIVO SLIDESHOW STYLE STARTS HERE
 * This is where you style the various parts of the image slideshows on each individual project page. 
 * 
 */

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	z-index:9;
	top:0;
	width:50px;
	cursor:pointer;
	text-indent:-9999em;
	display:block;
	heigth:100%;
	background: url("images/rhinol.png") no-repeat 50% 50%;
}
.nivo-prevNav {
	left:0px;
/*<!--	background: url("images/rhinol.png") no-repeat 50% 50%;-->*/
}
.nivo-nextNav {
	right:0px;
	/*background: url("images/rhinor.png") no-repeat 50% 50%;*/
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.hidden {
	display:none;
}

/*-----------------------FONTS-------------------------*/

/*@font-face {
    font-family: 'borgia_proregular';
    src: url('BorgiaPro-Regular-webfont.eot');
    src: url('BorgiaPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('BorgiaPro-Regular-webfont.woff') format('woff'),
         url('BorgiaPro-Regular-webfont.ttf') format('truetype'),
         url('BorgiaPro-Regular-webfont.svg#borgia_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'borgia_proitalic';
    src: url('BorgiaPro-Italic-webfont.eot');
    src: url('BorgiaPro-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('BorgiaPro-Italic-webfont.woff') format('woff'),
         url('BorgiaPro-Italic-webfont.ttf') format('truetype'),
         url('BorgiaPro-Italic-webfont.svg#borgia_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/