/* GENERAL */
#container {font: 63.5%/110% "Helvetica", sans-serif; color: #333;}
/* GENERAL TAGS  */
a {color: #258; text-decoration: none;}
a:hover {text-decoration: underline;}
strong {font-weight: bold;}
/* GENERAL CLASSES  */
.bigger {font-size: 125%; vertical-align: text-top;}
.muchbigger {font-size: 250%; line-height: 1em; vertical-align: text-bottom;}
.clearAll {clear: both;}
.center {text-align: center;}
.noFloat {float: none; clear: both;}
.floatRight {float: right; padding: 0 0 0 1.5em;}
.floatLeft {float: left; padding: 0 1.5em 0 0;}
.footnote {text-indent: 0; font-size: 0.9em; line-height: 1.1em; border-top: 1px dotted #ccc; color: #777; text-align: justify;}
.footnote:first-letter {margin: 0 0.1em 0 -0.1em;}
.lighter {color: #aaa; font-weight: normal;}
.notice {color: #c00; font-weight: bold;}
.smaller {font-size: 90%;}
.spaced {letter-spacing: 0.1em;}
/* HEADER */
#header {margin: 0 auto; background: #333; background: #333 -webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); color: #fff;}
#header a {text-decoration: none;}
#header h2 {float: left; padding: 0.75em 0.5em 0.25em 1em; font-weight: normal; font-size: 2em;}
#header h2 a {color: #fff;}
#header h2 .smaller {letter-spacing: 0; color: #999;}
#navigation {float: right; padding: 1.25em 0.25em 0 0; font-size: 125%;}
#navigation a {color: #f2f2f2;}
#navigation a:hover {color: #fff; text-decoration: underline;}
#navigation li {float: left; padding-right: 0.75em; font-size: 1.1em;}
#search {margin-top: -0.2em;}
#search_input {background-color: transparent; width: 4em; margin: 0; border: 0; padding: 0; font-size: 1em; font-family: "Helvetica", sans-serif; color: #f2f2f2;}
#search_input:hover {color: #fff; text-decoration: underline;}
#search_input:focus {background-color: #fff; width: 7em; margin-top: -0.25em; padding: 0.25em; color: #000; text-decoration: none;}
#search label, #search_button {display: none;}
/* SEARCH PAGE */
#large_search_input {width: 100%; margin: 1em 0; padding: 0.25em; font-size: 225%;}
#large_search label, #large_search_button {display: none;}
#error #large_search label {display: block; padding: 1em 0 0.5em 0; font-size: 150%;}
#error #large_search_input {margin-top: 0;}
/* MAIN CONTENT */
#main {max-width: 950px; margin: 0 auto; padding: 0 2%; font-size: 1.2em; line-height: 1.3em;}
h1 {font-size: 200%;}
h2 {font-size: 150%;}
h3,h4 {font-size: 125%;}
h5,h6 {font-size: 115%;}
h1,h3,h5 {padding: 1em 0 0.25em 0; font-weight: bold;}
h2,h4,h6 {padding: 0.25em 0 0.5em 0; letter-spacing: 0.1em;}
/* ARTICLE */
#draft {background: #FC6; border: 1px solid #900; padding: 1em;}
#article {float: left; min-width: 400px; max-width: 68%; padding: 1em 0 2em 0;}
#article .headline {font-weight: normal; line-height: 1.1em;}
#article .headline a {color: #000;}
#article .headline a.lighter {color: #999;}
#article .headline a:hover {background-color: #ffffcc; text-decoration: none;}
#article p, #article blockquote {padding: 0.75em 0; text-indent: 0.5em;}
#article blockquote {background: url('../img/projectmouse/quotes.png') no-repeat left 0.25em; padding-left: 6em;}
#article p em {font-style: italic; font-size: 110%;}
#article img {max-width: 100%;}
#article ul, #article ol {padding: 0.5em 2em;}
#article ol li {list-style: lower-latin;}
#article p code, #article ul code {font-family: monospace; color: #900;}
#article pre code {display: block; white-space: pre; background: #F6F6FF; margin: 1em 0; border: 1px solid #999; padding: 1em 2em 1em 2em;
	font-family: monospace; font-size: 90%; line-height: 1.2em; color: #000;}
#article pre.terminal code {background: #333; border: none; color: #eee;}
#article pre.terminal code strong {color: #f2f200;}
#article_footer {background-color: #f2f2f2; border: 1px solid #ccc; -webkit-border-radius: 5px; padding: 0.25em 1em; color: #666;}
#article_footer ul {padding: 0; margin: 0;}
#article_footer .cdate {float: left;}
#article_footer .mdate {float: right;}
#article_footer .article_id {text-align: center;}
/* RESUME */
#resume {padding-left: 1em;}
#resume abbr, #resume a {color: #000; text-decoration: none; border-bottom: 1px dotted #000;}
#resume abbr:hover, #resume:hover a:hover {background-color: #ffffcc; border-bottom: 1px solid #000;}
#resume h1, #resume h2 {padding: 1.5em 0 0 0; font-weight: normal; font-size: 1.5em;}
#resume h2 {font-weight: bold;}
#skills, #experience, #education {padding-top: 2em;}
#opening p {font-size: 1.1em;}
#resume .job p {padding-left: 1em;}
#resume .job h3 {font-weight: normal; font-size: 1.35em; color: #000;}
#resume .job h4 {padding-left: 1em; font-size: 1.25em;}
#additionally .job h3 {font-size: 1.25em;}
#additionally .job h4 {font-size: 1.1em; padding-bottom: 0;}
#education ol li {list-style: none; padding: 0.25em 0; font-size: 1.2em;}
/* PAGINATION */
#page_range .range {background: #ececec; background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd)); margin-right: 0.1em;
	border: 1px solid #ddd; padding: 0.2em 0.3em; font-family: monospace; text-decoration: none; font-size: 125%; color: #555;}
#page_range .range:hover {background: #ddd; border: 1px solid #aaa;}
#page_range .current_page {background: #ddd; background:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#fff)); border: 1px solid #666; color: #000;}
.pagination .pre, .pagination .post {margin: 0 0.1em; border: 1px solid #eee; color: #777;}
/* SNIPPET */
#snippets {padding-top: 1.5em; font-size: 1.1em;}
.snippet {margin-bottom: 1em; border-bottom: 1px dotted #ccc; padding-bottom: 0.5em;}
.snippet .headline {padding: 0; letter-spacing: 0;}
.snippet .cdate {padding: 0.25em 0; font-size: 90%;}
.snippet img {float: right; padding: 0 0 0.5em 1.5em; max-height: 125px;}
.snippet p {padding: 0;}
.snippet .bookmark {font-size: 90%; clear: right;}
.snippet .lighter {color: #666;}
/* GALLERY */
#gallery, #gallery_image {min-width: 550px; min-height: 525px; padding: 2em 0 0 0;}
.gallery {background: url('http://media.nateroyer.com/img/loading.16px.gif') no-repeat center center;}
.gallery.thumb {float: left; width: 125px; height: 125px;}
.gallery.image {max-width: 100%; max-height: 600px; border: 1px solid #eee;}
/* AJAXED GALLERY IMAGES */
#gallery_target {display:none; height: 0; width: 0;}
#gallery_target_background {position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%;}
#gallery_target_closer {position: absolute; background: url('http://media.nateroyer.com/img/CloseButtonHoverSmall.png') no-repeat center center;
	background: url('http://media.nateroyer.com/img/CloseButtonSmall.png') no-repeat center center; width: 18px; height: 20px; margin: 0 0 0 0;
	line-height: 35px;}
#gallery_target_closer:hover {background: url('http://media.nateroyer.com/img/CloseButtonHoverSmall.png') no-repeat center center;}
#gallery_target_image {position: absolute; min-width: 200px; min-height: 200px;}
#gallery_target_image h2 {white-space: nowrap;}
#gallery_target_image h2 a {color: #fff; text-decoration: none;}
#gallery_target_image h2 a .smaller {font-size: 75%; color: #ddd;}
#gallery_target_image .gallery.image {background: none; max-width: 100%; max-height: 85%;}
/* SIDEBARS */
#sidebars {float: right; min-width: 175px; max-width: 28%; padding-top: 3em; font-size: 90%;}
.sidebar {float: left; background: #f4f4f4; width: 100%; margin: 0 0 1.5em 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #ddd;
	-moz-box-shadow: 0 2px 8px 0 #eee; -webkit-box-shadow: 0 2px 8px 0 #eee; padding: 1em;}
.sidebar img {float: right; padding: 0 0 0.5em 0.75em;}
.sidebar h4, .social h4 {padding: 0 0 0.5em 0; font-weight: bold;}
.sidebar p {padding: 0.5em 0 1em 0; text-align: justify;}
#latest_media img.noFloat {width: 100%;}
#latest_media p {clear: both; padding: 0 0 0 0; text-align: center;}
#related_topics ul {padding: 0 0 0 2em; font-size: 1.3em; color: #999;}
#related_topics li {float: left; width: 40%; padding: 0 9% 0.1em 0; list-style: circle;}
#related_topics li a:hover, #related_topics li a.current {background-color: #ffffcc; text-decoration: none; color: #000;}
#domains ul {clear: right;}
#domains li {margin: 0 0 1em 0; border-bottom: 1px dotted #ccc; padding: 0 0 0.25em 0;}
#domains li p {padding: 0.25em 0;}
#domains li.last {border: 0;}
#domains.sidebar a {font-size: 150%;}
#domains.sidebar a.link {font-size: 100%;}
/* SOCIAL */
#socials {padding-top: 1em;}
.social {clear: right; overflow: hidden; background: #F2F2F2; margin: 0 0 1em 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #ddd;
	-moz-box-shadow: 0 2px 8px 0 #eee; -webkit-box-shadow: 0 2px 8px 0 #eee; padding: 1em;}
.social img.floatRight {padding: 0 0 1.5em 1em;}
.social h6 {clear: left; padding: 0.5em 0 0 0;}
/* GOOGLE READER */
#gReader.social ul {margin: 0 75px 0 0; padding: 0 0 0 1em;}
#gReader.social li, #gReader.sidebar li {margin-bottom: 0.25em 0; border-bottom: 1px dotted #999; padding: 0.25em 0;}
#gReader.social li.last, #gReader.sidebar li.last {border: 0;}
#gReader .smaller a {color: #333;}
#gReader.sidebar li {overflow: hidden;}
/* FLICKR */
#flickr.social ul, #flickr.sidebar ul {clear: right; margin: 0; padding: 0;}
#flickr.social ul {width: 600px; margin: 0 auto;}
#flickr.social li, #flickr.sidebar li {float: left; display: block; padding: 0.5em 0;}
#flickr.social li, #flickr.social li img {background: transparent url('../img/projectmouse/flickr.32px.png') no-repeat center center; width: 75px; height: 75px;}
#flickr.sidebar li, #flickr.sidebar li img {background: transparent url('../img/projectmouse/flickr.16px.png') no-repeat center center; width: 32px; height: 32px;}
#flikr.sidebar p {clear: both; width: 100%;}
/* CONTACT */
#contact {}
#contact label {}
#contact input {width: 100%;}
/* AJAXED CONTACT */
/* META */
#meta {clear: both; max-width: 950px; margin: 2em auto; border-top: 1px solid #ccc; padding: 0.5em 1% 1em 1%; color: #707070; font-size: 1.1em;}
#meta img {vertical-align: middle;}
#meta ul {float: right;}
#meta li {float: left; border-right: 1px solid #aaa; padding: 0 0.5em; line-height: 75%;}
#meta li.last {border: 0; padding-right: 0;}