/*
Theme Name: WordPress Personal Portfolio
Theme URI: http://www.adamkpurdy.com
Description: This is the Website Theme of Adam K. Purdy
Version: 1.2
Author: Adam K. Purdy
Author URI: http://adamkpurdy.com/
Tags: blue, logo, 3D objects, Samples of work

*/

* { margin: 0; padding:0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1.2; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */




#page {
    position:relative;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

/***********************/
/* *** =BODY= *** */
/***********************/




/*
#page{
	border:solid 1px red;
	margin:auto;
	width:1100px;
	
	
}*/


/***********************/
/* *** =HEADER= *** */
/***********************/


#header{
	border-bottom:solid 2px #a2a2a2;
	width:1100px;
	height:157px;
	position:relative;
	z-index:1;
	margin:auto;
	
	
}
#logo{
	/*border:solid 1px red;*/
	position:relative;
	float:left;
	height:146px;
	width:295px;
	background: url(images/logo.png) no-repeat;
	top:25px;
	
	
	
}

#logo h1{
	text-indent:-9999px;
}
#navCont{
	/*border:solid 1px red;*/
	position:relative;
	float:right;
	height:17px;
	width:170px;
	top:132px;
}

#nav li{
	
	list-style:none;
	position:absolute;
	/*border:solid 1px red;*/
	background:url(images/nav.png) no-repeat;
}

#nav li, #nav a{
	display:block;
	height:22px;
	text-indent:-9999px;
	
	overflow: hidden;
	outline:none;
	
}

#nav li.index{left:40px; width:53px; background-position: 0px -35px; /*border:solid 1px red;*/}
#nav li.contact{left:98px; width:70px; background-position: -60px -35px; /*border:solid 1px red;*/}

#nav li.index:hover{left:40px; width:53px; background-position: 0px 0px;}
#nav li.contact:hover{left:98px; width:70px; background-position: -60px 0px;}
/***********************/
/* *** =CONTENT= *** */
/***********************/


/*****************WORK PAGE****************/

#content{
	/*border: solid 1px red;*/
	width:1025px;
	
	margin:auto;
	position:relative;
	
}

#slides1{
	margin-top:20px;
        height:310px;	
}

#slides1 li{
	list-style:none;
	position:absolute;
	/*border:solid 1px red;*/
	background:url(images/samples_1.png) no-repeat;
}

#slides1 li, #slides1 a{
	display:block;
	height:290px;
	text-indent:-9999px;
	overflow: hidden;
	outline:none;
}

#slides1 li.vzw{left:0px; width:300px; background-position: 0px 0px; /*border:solid 1px red;*/}
#slides1 li.far{left:365px; width:300px; background-position: -360px 0px; /*border:solid 1px red;*/}
#slides1 li.agr{left:726px; width:300px; background-position: -720px 0px; /*border:solid 1px red;*/}

#slides1 li.vzw:hover{left:0px; width:300px; background-position: 0px -310px; /*border:solid 1px red;*/}
#slides1 li.far:hover{left:365px; width:300px; background-position: -360px -310px; /*border:solid 1px red;*/}
#slides1 li.agr:hover{left:726px; width:300px; background-position: -720px -310px; /*border:solid 1px red;*/}

#slides2{
	position:relative;
	
        height:310px;
}

#slides2 li{
	list-style:none;
	position:absolute;
	/*border:solid 1px red;*/
	background:url(images/samples_2.png) no-repeat;
}

#slides2 li, #slides2 a{
	display:block;
	height:290px;
	text-indent:-9999px;
	overflow: hidden;
	outline:none;
}

#slides2 li.wallace{left:0px; width:300px; background-position: 0px 0px; /*border:solid 1px red;*/}
#slides2 li.wba{left:365px; width:300px; background-position: -360px 0px; /*border:solid 1px red;*/}
#slides2 li.gttb{left:726px; width:300px; background-position: -720px 0px; /*border:solid 1px red;*/}

#slides2 li.wallace:hover{left:0px; width:300px; background-position: 0px -310px; /*border:solid 1px red;*/}
#slides2 li.wba:hover{left:365px; width:300px; background-position: -360px -310px; /*border:solid 1px red;*/}
#slides2 li.gttb:hover{left:726px; width:300px; background-position: -720px -310px; /*border:solid 1px red;*/}


#slides3{
	position:relative;
    height:310px;
}

#slides3 li{
	list-style:none;
	position:absolute;
	/*border:solid 1px red;*/
	background:url(images/samples_3.png) no-repeat;
}

#slides3 li, #slides3 a{
	display:block;
	height:290px;
	text-indent:-9999px;
	overflow: hidden;
	outline:none;
}

#slides3 li.tsb{left:0px; width:300px; background-position: 0px 0px; /*border:solid 1px red;*/}
#slides3 li.lyman{left:365px; width:300px; background-position: -360px 0px; /*border:solid 1px red;*/}
#slides3 li.leg{left:726px; width:300px; background-position: -720px 0px; /*border:solid 1px red;*/}

#slides3 li.tsb:hover{left:0px; width:300px; background-position: 0px -310px; /*border:solid 1px red;*/}
#slides3 li.lyman:hover{left:365px; width:300px; background-position: -360px -310px; /*border:solid 1px red;*/}
#slides3 li.leg:hover{left:726px; width:300px; background-position: -720px -310px; /*border:solid 1px red;*/}



/*****************WORK SAMPLES****************/

#folio_block {
	/*border:solid 1px red;*/
	margin:15px auto 10px;
        
	width: 800px;
	
}



#main_view {
    padding-top:40px;
	width: 800px;
	margin:  auto ;
	position: relative;
    border:solid 1px #ccc;
    background-color:#fff;
}

#window {
	/*border:solid 1px red;*/
	height:624px;
	width: 770px;
	overflow: hidden;
	margin:auto;
	position: relative;	
}

#HP-window {
	/*border:solid 1px red;*/
	height:504px;
	width: 770px;
	overflow: hidden;
	margin:auto;
	position: relative;	
}

.image_reel {
	position: absolute;
	/*top: 0; left: 0;*/
}

.image_reel ul{
	width:3200px;	
}

.image_reel li {
	position: relative;
	list-style:none;
	display:inline;
	float: left;
	margin:0px;
	padding:0px;
}

.paging {
	/*border:solid 1px red;*/
	text-align:right;
	width: 768px;
	position:relative;
	margin:10px auto;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#4C4C4C;
}

#description{
    width:787px;
    position:relative;
    margin:10px auto 0px;
    border:solid 1px #ccc;
    background-color:#fff;
    padding-left:13px;
    
    
}

/*****************CONTACT PAGE****************/


#contactWrapper{
	/*border:solid 1px red;*/
	width:1100px;
	
	
	margin:40px auto  0;
	
}

#contactWrapper li{
	text-indent:-9999px;	
}

#left{
	float:left;
	width:500px;
	
	position:relative;
	
	left:59px;
	margin-bottom:4px;
	/*border:solid 1px red;*/
	
}

#right{
	float:right;
	width:421px;
	height:680px;
	position:relative;
	right: 75px;
	
	
	margin-bottom:4px;
	/*border:solid 1px green;*/
	
	
}

#contactInfo li{
	list-style:none;
	position:absolute;
	/*border:solid 1px red;*/
	background:url(images/contactInfo.png) no-repeat;
}

#contactInfo li, #contactInfo a{
	display:block;
	height:50px;
	overflow: hidden;
	outline:none;
}

#contactInfo li.tag{left:0px; width:300px; height:30px; background-position: 0px 0px; /*border:solid 1px red;*/}
#contactInfo li.email{left:0px; top:30px; height:32px; width:320px; background-position: 0px -29px; /*border:solid 1px red;*/}
#contactInfo li.mobile{left:0px; top:60px; height:25px; width:300px; background-position: 0px -100px;/* border:solid 1px red;*/}
/*#contactInfo li.office{left:0px; top:90px; height:25px; width:300px; background-position: 0px -135px; border:solid 1px red;}*/


#contactInfo li.email:hover{left:0px; top:30px; height:32px; width:320px; background-position: 0px -64px; /*border:solid 1px red;*/}


#socialNetworks li{
	list-style:none;
	position:absolute;
	/*border:solid 1px red;*/
	background:url(images/socialNetworks.png) no-repeat;
}

#socialNetworks li, #socialNetworks a{
	display:block;
	height:50px;
	overflow: hidden;
	outline:none;
}

#socialNetworks li.tag{left:0px; top:190px; width:300px; height:25px; background-position: 0px 0px; /*border:solid 1px red;*/}
#socialNetworks li.linkedIn{left:0px; top:225px; height:30px; width:300px; background-position: 0px -34px; /*border:solid 1px red;*/}
#socialNetworks li.twitter{left:0px; top:265px; height:30px; width:300px; background-position: 0px -109px; /*border:solid 1px red;*/}
#socialNetworks li.facebook{left:0px; top:305px; height:30px; width:300px; background-position: 0px -183px; /*border:solid 1px red;*/}

#socialNetworks li.linkedIn:hover{left:0px; top:225px; height:30px; width:300px; background-position: 0px -70px; /*border:solid 1px red;*/}
#socialNetworks li.twitter:hover{left:0px; top:265px; height:30px; width:300px; background-position: 0px -146px; /*border:solid 1px red;*/}
#socialNetworks li.facebook:hover{left:0px; top:305px; height:30px; width:300px; background-position: 0px -219px; /*border:solid 1px red;*/}

#skillTools li{
	list-style:none;
	position:absolute;
	/*border:solid 1px red;*/
	background:url(images/skillsTools.png) no-repeat;
}

#skillTools li, #skillTools a{
	display:block;
	height:50px;
	overflow: hidden;
	outline:none;
}

#skillTools li.tag{left:0px; top:395px; width:300px; height:25px; background-position: 0px 0px; border:/*solid 1px red;*/}
#skillTools li.xhtml{left:0px; top:425px; height:30px; width:320px; background-position: 0px -37px; /*border:solid 1px red;*/}
#skillTools li.js{left:0px; top:465px; height:25px; width:300px; background-position: 0px -80px; /*border:solid 1px red;*/}
#skillTools li.flash{left:0px; top:497px; height:25px; width:300px; background-position: 0px -115px; /*border:solid 1px red;*/}
#skillTools li.php{left:0px; top:534px; width:300px; height:25px; background-position: 0px -155px; /*border:solid 1px red;*/}
#skillTools li.cs4{left:0px; top:580px; height:25px; width:300px; background-position: 0px -202px; /*border:solid 1px red;*/}
#skillTools li.video{left:0px; top:611px; height:25px; width:300px; background-position: 0px -237px; /*border:solid 1px red;*/}



#formWrapper h2{
	text-indent:-9999px;
	background:url(images/sayHello.png) no-repeat;
	margin: 50px 0px 7px 0px;
	height: 32px;
}

#imgContact{
	background: url(images/contactImg.jpg) no-repeat;
	width:421px;
	height:250px;
	
}


.requiredField{
	height:25px;
	width:415px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	color:#000000;
	border:solid 2px #666666;
	margin-bottom:10px;
	position:relative;
	padding-left:3px;
	
}

#commentsText{
	height:184px;
	width:415px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	color:#000000;
	border:solid 2px #666666;
	position:relative;
	padding-left:3px;
	padding-top:5px;
	resize:none;
	
}

#submit{
	position:relative;
	left:342px;
	margin-top:-8px;	
}
.thanks{
	margin-top:-30px;
	margin-left:12px;
	color:#e8e8e8;
	/*border:solid 1px red;*/
	font-size:13px;
}

.error{
	margin-top:-30px;
	margin-left:12px;
	color:red;
	/*border:solid 1px red;*/
	font-size:13px;	
}
.error #alert{
	color:white;	
}

/***********************/
/* *** =FOOTER= *** */
/***********************/

#footer{
	border-top:solid 2px #a2a2a2;
	height:50px;
	width:1100px;
	margin:auto;
	position:relative;
	
	
	
	
}
#copy{
	background:url(images/copyRight.png) no-repeat;	
	width:332px;
	height:10px;
	position:relative;
	top:10px;
	float:right;
	text-indent:-9999px;
}

/***********************/
/* *** =MISC= *** */
/***********************/

.clear{
	clear:both;	
}



/*****************sIFR****************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	
	.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}

	
  	.sIFR-active  h1,
    .sIFR-active h2,
    .sIFR-active h3,
    .sIFR-active p,
    

    .sIFR-active #description h1 {
      
	  font-size:24px;
	  
	 
    }

    .sIFR-active #description h2 {
      font-size: 18px;
	 margin-top:8px;
      
    }
	
	.sIFR-active #description h3{
	  font-size: 12px;
	 
	}
	
	
	.sIFR-active #description p{
	  font-size: 14px;
	  margin-top: -10px;
	  
	}
	
	
	
	

}