/* dglp */

/* CSS Resets */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block;border:0;margin:0;padding:0}a img{border:0}figure{position:relative}figure img{width:100%}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Grid (adapted from the 1140px Grid by Andy Taylor Ð http://cssgrid.net) */
.container {
padding-left: 2%;
padding-right: 2%;
}
.row {
width: 100%;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
}
.gridCol {
float: left;
width: 32%;
margin-right: 2%;
}
.gridColFirst {
float: left;
width: 34%;
margin-right: 0;
}
.gridColSpanTwo {
float: left;
width: 66%;
margin-right: 2%;
}
.last {
margin-right: 0px;
}

/*- get typefaces ----------*/
@font-face {
    font-family: 'LatoRegular';
    src: url('fonts/Lato-Regular-webfont.eot');
    src: url('fonts/Lato-Regular-webfont.eot?iefix') format('eot'),
         url('fonts/Lato-Regular-webfont.woff') format('woff'),
         url('fonts/Lato-Regular-webfont.ttf') format('truetype'),
         url('fonts/Lato-Regular-webfont.svg#webfontwlOsaZaJ') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/League_Gothic-webfont.eot');
    src: url('fonts/League_Gothic-webfont.eot?iefix') format('eot'),
         url('fonts/League_Gothic-webfont.woff') format('woff'),
         url('fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LektonRegular';
    src: url('fonts/Lekton-Regular-webfont.eot');
    src: url('fonts/Lekton-Regular-webfont.eot?iefix') format('eot'),
         url('fonts/Lekton-Regular-webfont.woff') format('woff'),
         url('fonts/Lekton-Regular-webfont.ttf') format('truetype'),
         url('fonts/Lekton-Regular-webfont.svg#webfontRQrc7R1U') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*- tags ----------*/
html{
font-size: 16px; /* establish font size for em. */
line-height: 1.25; /* establish baseline grid @ 20px. */
}
body{
font-family: 'LatoRegular', 'Courier New' , Courier , Helvetica, sans-serif;
font-size: 100%;
-webkit-text-size-adjust: none;		/* Stops the iPhone scaling type up */
color:#444444;
background-color: rgb(228,225,223);

}
img, object, embed {
margin-bottom: 1.25em;
}
p, ul, ol, blockquote {
margin-bottom: 1.25em;
}
ul, li{
list-style:none;
}
a {
color: rgb(0,0,0);
text-decoration:none;
}
a:hover{
color: rgb(68,68,68);
}
a img {
display: block;		/* Stops image links getting text link styles */
}

h2 {
font-size: 1em;
font-style: italic;
font-weight:normal;
padding-left:20px;
}

footer{
height: 1em;
margin:2.5em 0 2.5em 0;
font-size:0.5em;
}

/*- header ----------*/
header {
clear:both;
}
#dglpTitleContainer{
margin-top:3.75em;
margin-bottom:1.25em;
}
#dglpTitleContainer a{
text-decoration:none;
}
h1 {
font-family:'LeagueGothicRegular';
font-size: 3em;
font-weight:normal;
}
h1 span{
color: #666666;
}
#dglpNav ul{
margin-bottom:0px;
}
#dglpNav ul li{
display:inline;
}
#dglpNav a{
display: block;    
float:left;    
font-family:'LeagueGothicRegular';
font-size: 3em;
line-height:1;
}
#dglpNav ul li a:hover{
text-decoration:none;
}
.navAlt{
color: #666666; 
}
#navProj a:hover{
color: rgb(90,200,255);
}
#navAbout a:hover{
color: rgb(250,226,35);
text-shadow: 0px 0px 4px #AAAAAA;
}
#navBlog a:hover{
color: rgb(24,250,152);
}
#navContact a:hover{
color: rgb(250,119,24);
}
.navHighlight #navProjectLink{
color: rgb(90,200,255);
}
.navHighlight #navAboutLink{
color: rgb(250,226,35);
text-shadow: 0px 0px 4px #AAAAAA;
}
.navHighlight #navContactLink{
color: rgb(250,119,24);
}

/*- boxes ----------*/
#dglpBoxesContainer{
position:relative;
height:1px;
}
#dglpProjList, #dglpAbout, #dglpContact{
display:none;
position:absolute;
top:1.25em;
left:0px;
width:100%;
box-shadow: 0px 0px 3px #999999; 
}
#dglpProjList{
background-color: rgb(90,200,255);
z-index:100;
}
#dglpProjList a:hover{
color: rgb(90,200,255);
}
#dglpAbout{
background-color: rgb(250,226,35);
z-index:101;
}
#dglpContact{
background-color: rgb(250,119,24);
z-index:102;
}
#dglpContact a:hover{
color: rgb(250,119,24);
}
.boxContents{
margin:1.25em 0 0 0;
padding:0 20px;
/*
border-top: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgb(0,0,0);
*/
background-color: rgb(255,255,255)
}
.box2Col{
float:left;
width:48%;
margin-right:2%;
}
.boxTitle{
padding:1.25em 0;
font-style:italic;
}
.boxClose{
cursor:pointer;
padding:1.25em;
text-align:right;
}

/*- contact box ----------*/
#contactType, #contactData, #contactTwitter, #contactLatestTweets{
float:left;
width:33%;
margin-bottom:1.25em;
}
#contactData{
width:66%
}
#contactTwitContainer{
margin-top:3.75em;
}
#contactTwitter{
clear:left;
}
#contactLatestTweets{
width:66%;
}
#jstweets div{
margin-bottom:1.25em;
}

/*- home ----------*/
#dglpHomeText{
clear:both;
float:none;
margin:1.25em 0 10em 0;
}
#dglpHomeText h2{
font-family:'LeagueGothicRegular';
font-size:7em;
font-style:normal;
line-height:1;
padding:0px;
color:#000000;
}

/*- project pages ----------*/
#dglpProjContainerA {
border-bottom: 2px solid #888888;
margin-top:6.25em;
margin-bottom:1.25em;
}
#dglpProjContainerB {
position:relative;
margin-bottom:1.25em;
border-bottom: 2px solid #888888;
}
#dglpProjContainerA a:hover, #dglpProjContainerB a:hover{
color: rgb(90,200,255);
}
#prevProj{
float:left;
width:48%;
margin-top:8.75em;
}
#nextProj{
float:right;
width:48%;
margin-top:8.75em;
text-align:right;
}
#dglpProjDesc{
display:none;
position:absolute;
z-index:103;
top:1.25em;
left:0px;
width:100%;
background-color: rgb(90,200,255);
box-shadow: 0px 0px 3px #999999; 
}
.projYear{
padding:1.25em 0;
}
.projRole{
display:block;
}
.projDescription{
display:block;
padding:1.25em 0;
}


/*- project images ----------*/
#dglpProjImages{
clear:both;
text-align:center;
}
/*- this makes them behave -*/
#dglpProjImages img {
max-width: 100%;
}

/*- project image navigtion ----------*/
#projImagePrev{
position:absolute;
top:45%;
left:2%;
z-index:51;
}
#projImageNext{
position:absolute;
top:45%;
right:2%;
z-index:52;
}
.projNavDefault{
height:200px;
width:40px;
cursor:pointer;
}

.disabled{
opacity:0.3;
}

#projNavKeyArea{
position:fixed;
z-index:50;
bottom:0px;
left:0px;
width:100%;
background-color:#FFFFFF;
padding:1.25em 0;
text-align:center;
font-style: italic;
}
.rgba #projNavKeyArea{
background-color: rgba(255,255,255,0.95);
}

/*- optional vanity styles ----------*/

::selection {background: rgba(206,237,255,1);}
::-moz-selection {background: rgba(206,237,255,1);}

img::selection {background: transparent;}
img::-moz-selection {background: transparent;}