@charset "ISO-8859-1";
* {
margin:0;
padding:0;
border:0;
}

body {
	background-color:#000;
}
	
/* LOAD FONTS */

@font-face {
    font-family: 'ProximaNovaLightItalic';
    src: url('webfonts/proximanova-lightitalic-webfont.eot');
    src: url('webfonts/proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/proximanova-lightitalic-webfont.woff') format('woff'),
         url('webfonts/proximanova-lightitalic-webfont.ttf') format('truetype'),
         url('webfonts/proximanova-lightitalic-webfont.svg#ProximaNovaLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('webfonts/proximanova-light-webfont.eot');
    src: url('webfonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/proximanova-light-webfont.woff') format('woff'),
         url('webfonts/proximanova-light-webfont.ttf') format('truetype'),
         url('webfonts/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('webfonts/proximanova-regular-webfont.eot');
    src: url('webfonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/proximanova-regular-webfont.woff') format('woff'),
         url('webfonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('webfonts/proximanova-regular-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaSemibold';
    src: url('webfonts/proximanova-semibold-webfont.eot');
    src: url('webfonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/proximanova-semibold-webfont.woff') format('woff'),
         url('webfonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('webfonts/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

/* FONTS */

p {
	font-family: 'ProximaNovaLight', sans-serif;
	font-size:14px;
	line-height:20px;
	color:#000;
	padding:10px;
}

.getdeluxe {
    font-family: 'EffraLightItalic', serif;
	font-size:20px;
	line-height:19px;
	letter-spacing:1px;
	color:#666;
	text-align:right;
	text-shadow:#252525 1px 1px 0px;
}

.description {
	background-color:#666;
	font-size:28px;
	letter-spacing:1px;
	color:#000;
	opacity:0.4;
	text-align:center;

}
	
.name {
    font-family: 'ProximaNovaSemiBold', sans-serif;
	color:#000;
}

a.name:link, a.name:visited, a.name:active {
	text-decoration:none;
}

a.name:hover {
	text-decoration:none;
	border-bottom:1px solid black;
}

.projects {
	font-family: 'EffraLightItalic', serif;
	color:#FFF;
	letter-spacing:1px;
	line-height:20px;
}

a.projects:link, a.projects:visited, a.projects:active {
	font-family: 'ProximaNovaLight', sans-serif;
	color:#000;
	letter-spacing:0px;
	text-decoration:none;
}

a.projects:hover {
	text-decoration:none;
	border-bottom:1px solid white;
}

.blog {
	font-family: 'EffraLightItalic', serif;
	background-color:#666;
	font-size:28px;
	letter-spacing:1px;
	color:#000;
	opacity:0.4;
	text-align:center;
	margin:25px;
	width:100%;
}

a.blog:link, a.blog:visited, a.blog:active {
	text-decoration:none;
}

a.blog:hover {
opacity:0.7;
color:#FFF;
}

.sayhello {
	font-family: 'EffraLightItalic', serif;
	letter-spacing:1px;
	font-size:17px;
	margin:0;
	padding:8px 0 0 3px;
	color:#FFF;
}

.email, a.email:link, a.email:visited, a.email:active  {
	font-family: 'EffraLightItalic', serif;
	color:#666;
	text-decoration:none;
	letter-spacing:1px;
	line-height:18px;
}

.email:hover {
	text-decoration:none;
	color:#FFF;
}
	
.pf-title {
 		font-family: 'ProximaNovaRegular', sans-serif;
		font-size:16px;
		text-shadow: #666 1px 1px 0px;
		letter-spacing:1px;
		color:#999;
}

.pf-desc {
 		font-family: 'ProximaNovaLightItalic', sans-serif;
		font-size:13px;
		color:#666;
}

.aboutme {
 		font-family: 'ProximaNovaLightItalic', sans-serif;
		font-size:13px;
		color:#000;
}


.pages {
	font-family: 'EffraLightItalic', serif;
	color:#e1e1e1;
	letter-spacing:1px;
	line-height:20px;
	background-color:#FFF;
	color:#000;
}

a.pages:link, a.pages:visited, a.pages:active {
	font-family: 'ProximaNovaLight', sans-serif;
	color:#000;
	font-size:80px;
	letter-spacing:0px;
	text-decoration:none;
}

a.pages:hover {
	text-decoration:none;
	border-bottom:1px solid white;
}

.new-date {
    font-family: 'EffraLightItalic', serif;
	font-size:40px;
	color:#FFF;
	text-shadow:#e1e1e1 1px 1px 1px;
}


/* DIVS */

.background {
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background-color:#000;
	z-index:-10;
}

.sitethumb {
	position:absolute;
	width:251px;
	height:154px;
	z-index:-15;
}
#allblack {
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:#000;
	display:block;
	z-index:99;
}

.left-bar{
	position:fixed;
	left:0px;
	bottom:0px;
	right:0px;
	height:7px;
	background-color:#000;
	z-index:999;
}

.col0 {
	position:fixed;
	left:0px;
	top:0px;
	height:100%;
	width:210px;
	background-color:#000;
	background-image:url(img/col0-bg.png);
}


.logo-main {
	position:relative;
	left:31px;
	top:0px;
	width:153px;
	height:221px;
	background-image:url(img/logo-main.png);
	margin-bottom:10px;
	display:block;
}

.blog-circle {
	position:relative;
	float:left;
	width:63px;
	height:60px;
	background-image:url(img/link-blog-circle-white.png);
	text-align:center;
	margin-left:5px;
	padding:0;
}

.blog-circle:link,.blog-circle:visited, .blog-circle:active {
	text-decoration:none;
}

.blog-circle:hover {
	text-decoration:none;
	color:#e1e1e1;
	background-image:url(img/link-blog-circle.png);
}

.sayhello-circle {
	position:relative;
	float:right;
	width:63px;
	height:60px;
	background-image:url(img/link-blog-circle.png);
	display:block;
	text-align:center;
	margin-right:5px;
	padding:0;
}

.sayhello-circle:link,.sayhello-circle:visited, .sayhello-circle:active {
	text-decoration:none;
}

.sayhello-circle:hover {
	text-decoration:none;
	color:#FFF;
	background-image:url(img/link-blog-circle-grey.png);
}



.content {
  	padding: 5px 0px 0px 215px;
}

.wrap {
	margin-bottom: 20px;
	clear: both;
}

.box {
	position:relative;
	width:480px;
	padding:10px 10px 0px 10px;
	margin:5px;
	float:left;
	background-color:#252525;
	background-image:url(img/box-bg.png);
}

.box-featured-desc
{position:relative;
float:right;
width:235px;
}

.box:hover {
			background-color:#333;
}

.more {
	position:relative;
	float:right;
	margin:10px 0 0 10px;
	background-color:#000;
	text-decoration:none;
}

.more:hover {background-color:#474747;}

.page-nav {
	position:relative;
	width:130px;
	background-color:#000;
	border: 0px solid #FFF;
	text-decoration:none;
	background-image:url(img/col0-bg.png);
}

.page-nav:hover {background-color:#666;}

.viewsite {
	color:#333;
	letter-spacing:1px;
	text-decoration:none;
}

#sm {
	position:fixed;
	left:0px;
	bottom:-43px;
}

.sm-tw {
	position:relative;
	margin:0px 0px 10px 10px;
	width:26px;
	height:26px;
	float:left;
	background-image:url(img/sm-tw.png);
}

.sm-tw:hover {background-position: 0 -26px; }

.sm-blog {
	position:relative;
	margin:0px 0px 10px 10px;
	width:65px;
	height:26px;
	float:left;
	background-image:url(img/sm-blog.png);
}

.sm-blog:hover {background-position: 0 -26px; }

.sm-vm {
	position:relative;
	margin:0px 0px 10px 10px;
	width:26px;
	height:26px;
	float:left;
	background-image:url(img/sm-vm.png);
}

.sm-vm:hover {background-position: 0 -26px; }

.sm-fb {
	position:relative;
	margin:0px 0px 10px 10px;
	width:26px;
	height:26px;
	float:left;
	background-image:url(img/sm-fb.png);
}

.sm-fb:hover {background-position: 0 -26px; }

.page-num {
	position:fixed;
	top:30px;
	right:0px;
	width:50px;
	height:65px;
	opacity:0.2;
	z-index:9999;
}

.page-num:hover {opacity:1;}


/* MASONED */

#demo.masoned, #demo.masoned .box  {
      -webkit-transition: all .5s ease-out;
         -moz-transition: all .5s ease-out;
           -o-transition: all .5s ease-out;
              transition: all .5s ease-out;
    }



/* BLOG */

.blog-email, a.blog-email:link, a.blog-email:visited, a.blog-email:active  {
	font-family: 'EffraLightItalic', serif;
	color:#e1e1e1;
	text-decoration:none;
	letter-spacing:1px;
	line-height:18px;
}

.blog-email:hover {
	text-decoration:none;
	color:#000;

}


.blog-sm-tw {
	position:relative;
	margin:0px 0px 10px 10px;
	width:26px;
	height:26px;
	float:left;
	background-image:url(img/sm-tw.png);
	opacity:0.1;
}

.blog-sm-tw:hover {opacity: 1;}

.blog-sm-vm {
	position:relative;
	margin:0px 0px 10px 10px;
	width:26px;
	height:26px;
	float:left;
	background-image:url(img/sm-vm.png);
	opacity:0.1;
}

.blog-sm-vm:hover {opacity: 1;}

.blog-sm-fb {
	position:relative;
	margin:0px 0px 10px 10px;
	width:26px;
	height:26px;
	float:left;
	background-image:url(img/sm-fb.png);
	opacity:0.1;
}

.blog-sm-fb:hover {opacity: 1;}

.blog-logo { 
	left:0px;
	top:0px;
	width:111px;
	height:160px;
	display:block;
	background-image:url(img/logo-blog.png);
	z-index:99;
}