/* Imports */
@import url("reset.css");
@import url("global-forms.css");

@font-face {
	font-family: Gender;
	src: url('fonts/Gender.ttf');
}

@font-face {
	font-family: GenderLight;
	src: url('fonts/GenderLight.ttf');
}

/***** Global *****/
/* Body */
html{
	background-image:url('../images/section_bg.png');
	background-position:40 0;
}
body {
	color: #000305;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: Gender, Arial, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Headings */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}
	
/* Anchors */
a {
	outline: 0;
}
a img {
	border: 0px; 
	text-decoration: none;
}
a:link, a:visited {
	color: #C74350;
	padding: 0 1px;
	text-decoration: underline;
}

	
/* Paragraphs */
p {
	margin-bottom: 1.143em;
}
* p:last-child {
	margin-bottom: 0;
}

strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul {
	list-style: none;
	margin: 1em 0 1.5em 1.5em;
}
li {
	list-style:none;
}
ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}


/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/***** Layout *****/
.body {clear: both; margin: 0 auto; width: 700px;}
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}

/*
	Header
*****************/
#banner {
	background-image:url(../images/header_wherBoris.png);
	margin: 3em auto 3em;
	clear:both;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	width:700px;
	height:535px;
}

/* Banner */
#banner h1 {font-size: 3.571em; line-height: .6;}
#banner h1 a:link, #banner h1 a:visited {
	color: #000305;
	display: block;
	font-weight: bold;
	margin: 0 0 .6em .2em;
	text-decoration: none;
	width: 427px;
}
#banner h1 a:hover, #banner h1 a:active {
	background: none;
	color: #C74350;
	text-shadow: none;
}

#banner h1 strong {font-size: 0.36em; font-weight: normal;}

/*				 Main Nav				 */

#navigation {
	position:fixed;
	background-image:url(../images/nav.png);
	width: 186px;
	height: 400px;
	font-size:1.2em;
	line-height: 28px;
	margin: -37em 0 0 .5em;
	padding: 0;
	text-align: center;
	z-index:100;
}	
#navigation ul {
	list-style: none; 
	margin: 2em 0 0 .3em;
}
#navigation li {
	display:block;
	margin:.5em ;
	font-weight:bold;

}

#navigation a:link, #navigation a:visited {
	color: #ffffff;
	position:relative;
	padding: 5px;
	
	text-decoration: none;
    text-shadow: 1px 1px #333, 2px 2px #333, 3px 3px #333;
    position: relative;
    -webkit-transition: all 0.13s ease-out;
    -moz-transition: all 0.13s ease-out;
}
#navigation a:hover,
#navigation .active a:link, 
#navigation .active a:visited {
	color: #9cbee4;
    top: -3px;
    left: -3px;
    text-shadow: 1px 1px #333, 2px 2px #333, 3px 3px #333, 4px 4px #333, 5px 5px #333, 6px 6px #333;
}

li#navHome{
	font-size:3.4em;
}
li#navInFrontOf{

	font-size:1.3em;
}

li#navBehindTheCamera{
	font-size:.9em;
	margin-bottom:-.3em;
}

li#navAbout{
	font-size:3.3em;
}

li#navContact{
	font-size:2.5em;
}
li#navHome a:hover{
	color: #85f54e
}
li#navInFrontOf a:hover{
	color: #7ff7af;
}

li#navBehindTheCamera a:hover{
	color: #85f54e;
}

li#navAbout a:hover{
	color: #b8bdb8;
}

li#navContact a:hover{
	color: #f672d2;
:
}
/*
#navigation li:first-child a {
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
*/
/*		masonry		*/

.wrap {
    background:url(../images/section_Bg.gif);
    border: 0px solid #456;
    padding: 5px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.wrap h3{
	color:#54ed4c;
	font-size:7em;
	margin-left:5px;
	margin-bottom:-5px;
	font-weight:bold;
	top:-5px;
	left:-5px;
    text-shadow: 1px 1px #333, 2px 2px #333, 3px 3px #333, 4px 4px #333, 5px 5px #333, 6px 6px #333;
}
.wrap p{
	font-size:8em;
	line-height:1em;

}

.wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.box {
    margin: 5px;
    padding: 5px;
    background: #D8D5D2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 11px;
    float: left;
}

.col1 { 
	width: 170px; 
}
.col2 { 
	width: 300px; 
}
.col3 { 
	width: 97px; 
}
.col4 { 
	width: 130px; 
}
.col5 { 
	width: 420px; 
}
.col6 { 
	width: 450px; 
}
.col7 { 
	position:relative;
	width: 87.5%; 
}

.col1 img { 
	max-width: 168px; 
}
.col2 img { 
	max-width: 298px; 
}

.col3 img { 
	max-width: 94px; 
}
.col4 img { 
	max-width: 127px; 
}
.col6 img { 
	max-width: 447px; 
}


/*
	Featured
*****************/
#featured {
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	width: 760px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#featured figure {
	border: 2px solid #eee;
	float: right;
	margin: 0.786em 2em 0 5em;
	width: 248px;
}
#featured figure img {display: block; float: right;}

#featured h2 {color: #C74451; font-size: 1.714em; margin-bottom: 0.333em;}
#featured h3 {font-size: 1.429em; margin-bottom: .5em;}

#featured h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: #fff;}

/*
	Body
*****************/
#content {
	margin-bottom: 2em;
	overflow: hidden;
	padding: 10px 10px;
	width: 79%;
}
#moreContent {
	margin-bottom: 2em;
	overflow: hidden;
	padding: 10px 10px;
	width: 79%;
}

/*

	About
*****************/
#about {
	background: #fff;
	font-family: GenderLight, Arial, sans-serif;
	font-size:160%;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	text-align: left;
	width: 760px;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.8);
	box-shadow: 0 1px 10px rgba(0,0,0,.8);	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#about .primary {float: left; width: 165px;}
#about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
#about .photo {float: left; margin: 5px 20px;}

#about .url:link, #about .url:visited {text-decoration: none;}

#about .bio {float: right; width: 500px;}
/*
	Contact
*****************/
#contact{
	font-size:8em;
    text-shadow: 1px 1px #333, 2px 2px #333, 3px 3px #333;

}
span#mail a:hover{
	color:#9cbee4;
    text-shadow: 1px 1px #333, 2px 2px #333, 3px 3px #333, 4px 4px #333, 5px 5px #333, 6px 6px #333;
	text-decoration:none;
}/*
	Footer
*****************/
#footerInfo{
	background-image:url('../images/footer_Bg.jpg');
	width:100%;
}
#footerInfo p{
	font-family: GenderLight, Arial, sans-serif;
	display:block;
	color:#fff;
	font-size:1.4em;
	width:70%;
	margin:0 auto;
}
p span.bio {
	padding: 1.3em 0; 
}