/*
Theme Name: Legend of Drew
Theme URI: http://www.legendofdrew.com
Description: Simplicity.
Version: 1.0
Author: Drew
Author URI: http://www.legendofdrew.com
Tags: legend, of, drew
*/

html,body,div,dl,dt,dd,ul,ol,li,pre,form,label,fieldset,p,blockquote{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0}
html{background:#FFF;color:#333;color:rgba(0,0,0,.8);font:1em/1.618 Georgia,serif}body{padding:0 1em}

a{color:#19D;text-decoration:none}
a:hover{color:#0D78AE}
header h1 a,header h2 a,header h3 a,header ul a{color:#333;color:rgba(0,0,0,.8);text-decoration:none}
a img{border:0}img{max-width:100%;height:auto}

h1,h2,h3,h4,h5,h6{font-weight:400;margin:1em 0 .25em}
h1{font-size:3em;margin:0}h2{font-size:2em}h3,h4,h5,h6{font-size:1.5em}

p,ul,ol,dl,section,article,.wp-caption,blockquote,pre{margin:0 0 1.5em}ul,ol,dl,blockquote{padding-left:2em}.children{margin-bottom:0}
blockquote{font-style:italic;text-indent:-.4em}
pre{font-size:.88em;overflow:auto;background:#E6E6E6;background:rgba(0,0,0,.1);}
code,pre{font-family:Consolas,Courier New,Courier,monospace,sans-serif}
abbr,acronym{border-bottom:1px dotted;cursor:help}
hr{height:1px;width:85%;background:#CCC;background:rgba(0,0,0,.2);border-width:0;margin:1.5em auto;}
i{font:italic 1em Baskerville,Goudy Old Style,Book Antiqua,Palatino Linotype,Palatino,serif}

input,textarea{font:1em Georgia,serif}textarea{width:100%}
input[type="text"],input[type="search"],input[type="url"],input[type="email"],textarea{max-width:100%}
input[type="button"],input[type="submit"]{cursor:pointer}
#searchform input[type="search"]{width:20em}
#searchform label{margin-right:1em}


.clear{clear:both}
.aligncenter{display:block;margin:0 auto}.alignleft{float:left}.alignright{float:right}
.aligncenter,.alignnone{margin-top:1em;margin-bottom:1.5em}
.alignleft{margin:0 1em 1em 0}.alignright{margin:0 0 1em 1em}
.wp-caption{text-align:center}.wp-caption p{margin:0}
.tagcloud{padding-left:0}.tagcloud li{display:inline;margin-left:2em}.tagcloud li:first-child{margin:0}

#header{max-width:40em;padding:1.5em 0 1em;margin:0 auto .5em;overflow:hidden;border-bottom:1px solid #CCC;border-bottom-color:rgba(0,0,0,.2)}
#header h1{float:left;text-transform:uppercase;letter-spacing:1px;text-align:center;font-size:1em;line-height:1.5}
#header h1 span{font-size:2em;line-height:1;display:block}

#header nav a{padding:.25em}#header a:hover span{text-decoration:none}
#header ul{text-align:right;list-style:none;margin:2em 0 0;padding:0}
#header li{display:inline;margin:0 0 0 2em}


#content{max-width:40em;margin:0 auto}

.project{position:relative}
.project div{position:absolute;top:0;left:0;padding:.125em .25em;margin:.25em;background:#EEE;background:rgba(255,255,255,.8);font-size:.88em;
  -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2);box-shadow:1px 1px 2px rgba(0,0,0,.2)}
.project img{font-size:2em}
.single-portfolio #header{margin-bottom:1.5em}


header p,footer p,.wp-caption p{font-size:.88em}header p,footer p{margin:.5em 0}

#footer{clear:both;padding:1em 0;overflow:hidden;max-width:40em;margin:0 auto;border-top:1px solid #CCC;border-top-color:rgba(0,0,0,.2)}
#footer span{float:left;font-size:3em;line-height:.4;color:#CCC;color:rgba(0,0,0,.2);padding-right:.125em}


@media (max-width:34em){
#header h1,#header ul{float:none;text-align:center}
#header ul{margin:1em 0 0}
#header li{display:inline;margin:0 .5em}
h1{font-size:2em}h2{font-size:1.6em}h3,h4,h5,h6{font-size:1.25em}
}