@font-face { /* Websites font   */
  font-family: daysone;
  src: url("fonts/DaysOne-Regular.ttf") format("truetype");
  src: local(daysone), url("fonts/DaysOne-Regular.ttf");
}
p{font-family:  "daysone",  sans-serif ;font-size:12px;}

html /*get rid  of padding */
{    
	padding: 0;
	margin: 0;
	width: 100%;
	min-height: 100%;
	height:100%;
}

body/*Apply Backgrounds to whole page */
{
	min-width:1180px;
	/*background-image: url('images/head.jpg'), url('images/backsmall.jpg') ;
	background-position: top left, top left;
	background-repeat: repeat-x,repeat;
	background-size:160px;	*/
	
	/*background-image:  url('images/backsmallold.jpg') ;
	background-repeat: repeat;*/
	height: 100%;
	padding: 0;
	margin: 0;

}

.fbrewind
{
margin-top:10px;
margin-bottom:25px;
}

.imgscroller{
width:100%;
padding-top:20px;
 background-image: url('images/kili1.png') ;
 height:292px;
 margin-top:110px;
 background-repeat: no-repeat;
 background-color:#000000;
 background-position:center; 
 
}

.imgcont{
width:1100px;
margin-left:auto;
margin-right: auto;
	background-image:  url('images/blackback.png') ;
	background-repeat: repeat;
	

 height:330px;
 margin-top:110px;


-webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
     -khtml-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
       -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
        -ms-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
         -o-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
            box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
    -webkit-border-radius: 0px 0px 20px 20px;
     -khtml-border-radius: 0px 0px 20px 20px;
       -moz-border-radius: 0px 0px 20px 20px;
        -ms-border-radius: 0px 0px 20px 20px;
         -o-border-radius: 0px 0px 20px 20px;
            border-radius: 0px 0px 20px 20px; 
}

header/* Header */
{
 background-image: url('images/blackback.png') ;
width:100%;
min-width:1180px;
height:110px;
box-shadow: 0px 1px 50px #5E5E5E;
position:fixed;
top:0px;
z-index:998;

}

.twitter-timeline{width:700px; height: 265px; }

.logobar
{
	background-image: url('images/ribbon.png');	
	position:fixed;
	margin-top:-10px;
	margin-left:-140px;
	height:200px;
	width:140px;
	background-repeat: no-repeat;
	top:0px;
	z-index:999;

}

.element {
	background-color:#000000;
		background-image:  url('images/binding_dark.png') ;
	background-repeat: repeat;
	height:20px;
    
}

.wood
{
width:100%;
	height:20px;
	position:absolute;
	display:inline;
	bottom:0;
	background-image: url('images/bluebar.png');	
}

.bar
{
	width:100%;
	height:5px;
	background-image: url('images/bar.png');
	background-position: top left;
	background-repeat: repeat-x,
	background-size:5px;	
	
}

footer/* Footer */
{
	background-image: url('images/blackback.png');
	background-repeat: repeat;
	position:absolute;
	bottom:0;
	padding: 0;
	margin: 0;
	width:100%;
	height:302px; 
	clear:both;
	position: relative;
	margin-top: -300px; /* negative value of footer height */

}

.logo{/* logo div - allows html page to link logo to index */
	background-image:url('images/cloudandtext.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	float:left;
	display:block;
	text-indent: -9999px; /* Site name is enterd in html as text but hidden this way from the user, allows less-able users who cut out images to see site name */
	height:160px;
	width:300px;
	background-size:300px 160px;

}

.content
{
	margin-top:115px;
	overflow:auto;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 302px;
	background-color:#ffffff;
	min-height:100%;
}

.content2
{
	margin-top:15px;
		overflow:auto;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 302px;
	background-color:#ffffff;
	min-height:100%;
		z-index:990;

}

#wiztext
{
	margin-top: -16px;
    width: 270px;
	float:right;
}

.newwiz
{
		width:100%;
		-moz-column-count:2; /* Firefox */
		-webkit-column-count:2; /* Safari and Chrome */
		column-count:2;
}

.container /* width container */
{
	
	width:800px;
	margin-left: auto;
	min-height:100%;
	margin-right: auto;
	
	
}
.container2 /* width container */
{
	
	width:800px;
	margin-left: auto;
	margin-right: auto;
	
	
}

nav
{
	position:fixed;
	display:inline;
	bottom:50;
	
	margin-top:35px;
	margin-left:-30px;
}

div.social  /* social menu */
{
	position: relative;
	display:inline;
	float:right;
	margin-top:8px;
	
}

.float-left{float:left;}
#erikimg {margin:5px;}

a img {border: none; } /*  remove image borders in ie 9-10  */
a:link,a:hover,a:active,a:visited {	text-decoration:none;color:#000000; } /* link styling  */
a.flink:link,a.flink:hover,a.flink:active,a.flink:visited {	text-decoration:none;color:#FFFFFF; } /* link styling  */
a.navlink:link,a.navlink:hover,a.navlink:active,a.navlink:visited {	font-family:  "daysone"; text-decoration:none;color:#FFFFFF; } /* link styling  */
p.ftitle {font-family:  "daysone",  sans-serif ;color:#FFFFFF; font-size:16px;} /* text styling */
a.footlink:link,a.footlink:hover,a.footlink:active,a.footlink:visited {	text-decoration:none;color:#9A9A9A; } /* link styling  */
a.cvlink:link,a.cvlink:hover,a.cvlink:active,a.cvlink:visited {	text-decoration:none; font-family:  "daysone",  sans-serif ;color:#4e4e4e;} /* link styling  */
h1{font-family:  "daysone",  sans-serif ;color:#4e4e4e; font-size:16px;} /* text styling */
h2{font-family:  "daysone",  sans-serif ;color:#0073b2; font-size:16px;} /* text styling */
.copy{bottom:0;position:absolute;}
.fulllogo{margin-left:-8px;}



.center{ text-align: center;}
.resumebox{margin-left:-5px;}
.tweetbox{margin-top:20px;margin-left:0px;}

#ribtitle
{
	color:#000000;
	margin-left:23px;
	font-size:14px;
}

.tweettext{font-size:14px;}

#ribimg
{
	margin-left:22px;
	margin-top:10px;
}

ul.social_list li /* list of social sites*/
{
	display:inline;
	padding-right: 20px;
}

.column  /* columns */
{
	list-style-type: none;
	color:#9a9a9a;
	margin-left:-37px;
}

ul.main_nav li/* */
{

	display:inline;
	padding-right: 20px;/*
	padding: 6px 10px;
	border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);*/
}

.threecol{float:left;position:relative; width:33.33%;} /* columns  */
#threemid{width:500px}
#threeleft{width:380px;margin-right:-100px;}

#footsoc{margin-left:-40px;margin-top:-10px;}

#content
{
	
}

.colcont
{
	width:100%;
}

#footer
{
	color:#FFFFFF; 
}

#left
{
	width:40%;
}

#mid
{
	width:75%;
	float:right;
	
}

#right
{
	width:70%;
	float:right;
	
}