/**
* CSS
* 
* @version 1.0
* @author Peter Cuhalev 
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	color: white;
	background-color: black;
}

@media (max-width:1000px) {
	body {background:fixed url('http://yukaii.com/data/portfolio-things/back1000px.jpg');}
	}


@media (min-width:1001px) and (max-width:1280px) {
	body {background:fixed url('http://yukaii.com/data/portfolio-things/back1280px.jpg');}
	}

@media (min-width:1281px) and (max-width:1680px) {
	body {background:fixed url('http://yukaii.com/data/portfolio-things/back1680px.jpg');}
	}

@media (min-width:1681px) {
	body {background:fixed url('http://yukaii.com/data/portfolio-things/back1920px.jpg');}
	}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: underline; }
a:active { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }

a img { border: none; }

.backimage {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

#menu {
    width: 200px;
    overflow: auto;
    top: 30px;
    bottom: 0;
	left: 30px;
    position: fixed;
    height: 100%;
    color: white;
    z-index: 1;
}

#menu a {color: white;}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -1px;
}

#menu ul li.section-title { font-size: 21px; font-weight: bold; letter-spacing: -1px;}

#menu li a {line-height: 17px;}

#menu ul li.designer {line-height: 22px;}

#content {
    position: relative;
    margin: 0 0 0 250px;
    top: 30px;
    width: 670px;
}

.container {
    padding: 5px 5px 25px 5px;
}

#content p { width: 650px; margin-bottom: 9px;}

#content a {color: white;}

p {
    margin: 0 0 9px 0;
    letter-spacing: -0.2px;
    line-height: 18px;
}

li.indexhibit {font-size: 11px; letter-spacing: -0.5px;}
li.indehibit a {text-decoration: none;}

p.first {font-size: 24px; font-weight: bold; letter-spacing: -0.5px; line-height: 22px; width: 650px;}
p.me {font-size: 14px; line-height: 20px; margin-top: 20px;}
p.ps {font-size: 14px; line-height: 20px; margin-top: 20px; clear: left;}
ul.projects {font-size: 13px; line-height: 18px; margin-bottom: 20px; width: 650px;}
ul.projects li {margin-left: 15px; margin-bottom: 5px;}
h2.second {margin-top: 20px; padding-bottom: 10px;}
p.third {font-size: 20px; font-weight: bold; letter-spacing: -0.5px; line-height: 23px; width: 650px;}
#content .first-latest {width: 165px; float: left; margin-bottom: 30px;}
#content .first-latest img {margin-bottom: 5px; border: 5px solid white;}
#content .first-latest a {text-decoration: none;}
#content .first-latest a span {text-decoration: underline;}
#content .first-latest a:hover span {text-decoration: none;}

h1 { font-size: 21px; }
h2, h3 { font-size: 21px; letter-spacing: -1.3px; font-weight: bold; padding-bottom: 10px; }
h4 { font-size: 12px; }

p.location {padding-bottom: 11px;}
ul.about {font-size: 13px; line-height: 18px; margin-bottom: 20px; width: 650px;}
ul.about li {margin-bottom: 5px; list-style: none;}
h3.headers {padding-bottom: 5px;}

#img-container	{ margin-top: 15px; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 5px 0; }
#img-container img {border: 5px solid white; margin-bottom: 3px;}

#once { clear: left; }