body {background: #000; color: #888; margin: 0 36px 9px; padding: 0; font-family: Verdana, georgia, "lucida console", monaco, "andale mono"; font-size: 10pt}

/* purple 130713*/

#header {width: 270px; background: ; height: 100%; float: left; margin: 0 0 0 0; padding: 0 0 20px 0;}
#title {background: url(title3.gif) no-repeat; height: 140px; }
#title h1 {margin: 0; padding: 0; text-indent: -9000px;}
#title a {width: 220px; height: 80px; display: block; position: relative; top: 25px;}

#navigation {
 			background: url(i.gif) no-repeat 198px center;
			position: relative;
			right: 4px;
			padding: 0;
			text-transform: lowercase;
			letter-spacing: 0.1em;
			font-size: 12px;
			font-family: "lucida console", monaco, "andale mono";
			line-height: 2.4em;
			height: 200px;
			text-align: right;
			border: 1px solid #000}
#navigation ul {margin: -4.1em 0 0 0; padding: 0; position: absolute; top: 50%; right: 70px; height: 8.2em;border: 1px solid #000}
#navigation li {margin: 0.2em 0; padding: 0; list-style: none;}
#navigation a {text-decoration: none; color: #fff; padding: 0.5em 5px 0.5em 10px;}


#eyesblog li {text-transform: none; padding: 2em 0}

#drawing-nav a:hover {background: #555; color: #fff}
#animation-nav a:hover {background: #555; color: #fff}
#info-nav a:hover {background: #555; color: #fff}
#posts-nav a:hover {background: #fff615; color: #fff}

#footer {text-align: left; border: dotted #222; border-width: 1px 0 0 0; padding: 5px 0 0 0; margin: 85px 0 0 0; color: #333; font-size: 1em; clear: both}






/* general */
a {color: #75bbec} /*pale green 92fd6d */
img {margin: 15px; vertical-align: top}
a img {border: 0}
hr {display: none}
p.bigger {font-size: 1.5em; color: #fff}








/* ||| === SITE === ||| */

.main {margin: 0 10px 0 350px; text-align: left}

#home .main {text-align: center}
#home .main img {min-width: 400px; width: 100%; max-width: 800px;}
	/* untitledface1: 800px 
	   creationegg:      px
	   mindmarbles:      px
	*/

#drawing .section {text-align: center}
#drawing .section img {min-width: 200px; width: 40%; max-width: 347px; margin: 2%;}

#animation .section {text-align: left;}
#animation .section .anim-box {padding: 20px 20px 150px 0;}
#animation .section .anim-box p {color: #888}
#animation p {visibility: hidden}
#animation p.bigger {visibility: visible}


#info .main {text-align: left; color: #888;}
#info .section img {margin: 50px 0 0 0}
#info .info-lists {width: 30%; min-width: 200px; float: left; margin: 10px 1% 10px 0; padding: 2px 0 0 0em; color: #fff; border: 0px solid #097;}
#info p {margin: 6em 0}
#info .info-lists ul {list-style: none; padding: 0; text-transform: lowercase;}
#info .info-lists li {list-style: none; margin: 0; padding: 0}