/* iPhone Styles */
/* By Michael Dick (http://m1k3.net) */
 
/* Reset --------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


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


/* Misc */
body { font-family: Arial; color: #e1e1e1; background: #101010 url('../img/i/bg.jpg') repeat-x;	-webkit-text-size-adjust: none; }
body.portrait { min-height: 375px; }
body.landscape { min-height: 230px; }
h1 { display: block; margin: 40px auto 0; text-indent: -999999px; }
body.portrait h1 { background: url('../img/i/logo.png') no-repeat; height: 290px; width: 226px; }
body.landscape h1 { background: url('../img/i/logo-land.png') no-repeat; width: 417px; height: 146px; }

/* Nav */
nav { background: #181818 url('../img/i/nav_bg.png'); overflow: hidden; position: absolute; display: none; width: 100%; }
	body.portrait nav { top: 370px; }
	body.landscape nav { top: 220px; }
nav ul { background: url('../img/i/nav_center.png') repeat-y top center; overflow: hidden; width: 320px; margin: 0 auto; text-align: center; }
nav ul li { display: inline-block; text-align: center; }
nav ul li a { display: block; font-size: 15px; color: #888; text-decoration: none; text-align: center; padding: 18px 25px 16px; }

a#home { position: absolute; right: 0; top: 32px; background: -webkit-gradient(linear, 0% 10%, 0% 100%, from(#212121), to(#181818)); color: #fff; padding: 5px 15px 2px 10px; font-size: 13px; text-transform: uppercase; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px; text-decoration: none; padding: 9px 15px 8px 15px; border: 1px solid #343536; border-right: 0; font-size: 11px; color: #707070; }
a#home span { padding-left: 10px; background: url('../img/i/arrowleft.gif') no-repeat left center;}

/* headings */
h2 { font-size: 14px; color:#656565; width: 200px; font-weight: normal; margin-bottom: 20px; padding: 30px 30px 5px; }
h2 span { display: block; font-size: 20px; color: #fff; margin-top: 5px; }
h2#post span { margin-top: 0; margin-bottom: 10px;  }
div#content h2 { display: inline; background-color: #000; font-size: 13px; color: #fff; margin: 0; padding: 0; font-weight: bold; }

h3,h4,h5 { color: #fff; }
/* content */
div#content { padding: 30px; font-size: 15px; color: #acacac; line-height: 140%; background: url('../img/i/divider.png') repeat-x left top; }
div#content p { margin: 20px 0; }
div#content p:first-child { margin-top: 0; }
div#content ul { list-style: disc; line-height: 160%; padding: 0 35px; }
	div#content ul li { margin: 15px 0 0; }
div#content a { color: #fff; }
/* projects */
div#content ul#projects { list-style: none; padding: 0; }
	ul#projects li a { display: block; height: 100px; border: 5px solid #fff; margin-bottom: 20px; text-indent: -999999px; }

/* arvhive links */
body div#content ul.links { list-style: none; padding: 0; margin: 0 0 20px; }
	body div#content ul.links li { list-style: none; padding: 10px 0; margin: 0; border-top: 1px solid #333; line-height: 120%;}
	body div#content ul.links li a { padding: 8px 0; text-decoration: none; line-height: 100%; color: #d3d3d3; }
	body div#content ul.links li a small { display: block; font-size: 12px; color: #acacac; margin-top: 5px; }


nav.portfolio a.portfolio,
nav.about a.about,
nav.archives a.archives { color: #fff; }