/*
----------------------------------------------------------+
Theme Name: 404
Description: A custom Wordpress theme for exit404.com.
Version: v2
Author: Tony Summerville
Author URI: http://exit404.com/
----------------------------------------------------------+
*/
@import url(code.css);
@import url(contact.css);
* { margin: 0; padding: 0; }
a:link, a:visited { border-bottom: 1px dotted #617F99; color: #4A627A; text-decoration: none; }
a:link.image, a:visited.image, a:hover.image, #sidebar a:link.image, #sidebar a:visited.image, #sidebar a:hover.image { border-bottom: none; }
a:hover { border-bottom: 1px solid #394C60; color: #394C60; }
blockquote { border-left: 1px solid #A6B6C3; margin: 0 5px 6px 10px; padding: 0 0 0 10px; }
body { background: url(i/bg.gif) #4C4C4C repeat; color: #4C4C4C; font: 62.5%/1.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align: center; }
cite { font-style: normal; }
code, #main .inline-code { background: #F9F9FB; font-family: "Courier New", Courier, monospace; font-size: inherit; }
h1 { font-size: 150%; }
h1 a:hover, #sidebar div:hover h3 { color: #4A627A; }
h1, h1 a:link, h1 a:visited, h2, h3, h4, h5 { border: none; color: #4C4C4C; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
h2 { font-size: 135%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 105%; }
label { margin: 0 0 3px 0; }
pre { background: #F9F9FB; border: 1px solid #A6B6C3; font-size: 1.1em; padding: 4px 5px; width: 100%; }
ul { list-style: none; }
.center { text-align: center; }
.clearer { clear: both; height: 1px; }
.comment-bottom { background: url(i/comment-box-bottom.gif) no-repeat 0 0; height: 50px; width: 450px; }
.commentmetadata { font-size: 88%; margin: 0 0 0 150px; padding: 5px 0 0 0; }
.comment-preview .commentmetadata { margin: 0 0 0 82px; padding: 25px 0 0 0; }
.comment-preview .comment-top { margin: .2em 0 0 0; }
.comment-top { background: url(i/comment-box-top.gif) no-repeat 0 0; margin: 3em 0 0 0; padding: 10px 0 .5em 0; width: 450px; }
.text-input { border-bottom: 1px solid #BFBFBF; border-left: 1px solid #808080; border-right: 1px solid #BFBFBF; border-top: 1px solid #808080; margin: 3px 0 0 0; padding: 2px; }
.text-input:hover, .text-input:focus { border-bottom: 1px solid #A6B6C3; border-left: 1px solid #4A627A; border-right: 1px solid #A6B6C3; border-top: 1px solid #4A627A; }
.update { border:1px solid #A6B6C3;	background-color:#F9F9FB; margin-bottom: 1em; padding: 0 10px; }
#commentform .submit-button { font-size: 110%; font-weight: bold; padding: 5px 6px; }
#commentform h3 { margin: 2em 0 .7em 0; padding-top: 4.5em; }
#comment-help { background: #F9F9FB; border: 1px solid #A6B6C3; font-size: 88%; line-height: 1.6em; padding: 4px 5px; }
#comments { border-bottom: 1px solid #A6B6C3; font-weight: normal; margin: 0; padding: 2em 0 1px 0; }
#comments a:link, #comments a:visited, #comments a:hover { border: none; font-size: 80%; padding: 0 0 0 300px; text-transform: none; }
#container { background: url(i/bg-container.png) repeat-y 0 0; margin: 0 auto 0 auto; text-align: left; width: 735px; }
#footer { background: url(i/bg-footer.png) no-repeat 0 0; clear: both; color: #DFE4E8; font-size: 90%; height: 40px; line-height: 1.3em; margin: 0 auto; text-align: center; width: 735px; }
#footer a:link, #footer a:visited { border-bottom: 1px dotted #DFE4E8; color: #DFE4E8; }
#footer a:hover, #sidebar a:hover { border-bottom: 1px solid White; color: White; }
#footer p { padding: 35px 0; }
#header { background: url(i/header.jpg) no-repeat 0 0; height: 130px; margin: 0 0 0 14px; width: 707px; }
#header-top { background: url(i/header-top.png) no-repeat 0 0; height: 20px; margin: 10px auto 0 auto; width: 735px; }
#main { font-size: 1.2em; margin: 0 0 40px 225px; width: 450px; }
#main #archive-titles { clear: right; }
#main #feeds li { background: url(i/bullet-feed.gif) no-repeat 2px 5px; }
#main #rightcolumn { float: right; margin: 0 0 10px -1px; }
#main #rightcolumn.recent h2 { background: url(i/comments-link.gif) no-repeat 0 50%; padding: 0 0 0 20px; }
#main #rightcolumn.recent ul li { background: url(i/person.gif) no-repeat 2px 6px; }
#main #rightcolumn.recent ul li:hover { background: #E6E9EE url(i/person.gif) no-repeat 2px 6px; }
#main .archive-titles li { background: url(i/bullet-post.gif) no-repeat 2px 5px; }
#main .archive-titles, #main .column ul { margin: .8em 0; }
#main .column { display: inline; float: left; margin: 0 -1px 10px 0; width: 49%; }
#main .column .day { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
#main .column ul li { background: none; padding: 0; }
#main .comment-top p { margin: .6em 12px .2em 12px; }
#main .day { color: #98A651; }
#main .featured { margin-bottom: 3em; }
#main .gravatar { margin: 0 0 0 75px; padding: 7px 0 0 0; }
#main .gravatar a:hover img { border: 2px solid #A6B6C3; padding: 2px; }
#main .gravatar img, #main .gravatar a:link img, #main .gravatar a:visited img { border: none; float: left; padding: 4px; }
#main .links ul li { background: url(i/bullet-elsewhere.gif) no-repeat 0 5px; padding: 0 0 6px 14px; }
#main .nofloat, #main .nofloat img { float: none; }
#main .page { margin-bottom: 10px; padding-top: 10px; }
#main .page h1 { border-bottom: 1px dotted #E6E9EE; border-top: 6px solid #E6E9EE; font-weight: normal; margin: 0 0 1em 0; padding: 5px 0; text-transform: uppercase; }
#main .pagination { font-size: 90%; margin: 30px 0; text-align: center; }
#main .pagination .current { background: #4A627A; border: 1px solid #4A627A; color: #FFFFFF; font-weight: bold; margin: 0 2px; padding: 1px 3px; }
#main .pagination a:link, .pagination a:visited { border: 1px solid #A6B6C3; color: #8EA0B8; font-weight: bold; margin: 0 2px; padding: 1px 3px; text-decoration: none; }
#main .pagination a:hover { border: 1px solid #4A627A; color: #000000; }
#main .port-description { background: #E6E9EE; display: inline; float: left; height: 74px; margin: 0 -1px 10px 0; padding: 3px 5px; width: 213px; }
#main .port-image { display: inline; float: right; margin: 0 0 10px -1px; width: 225px; }
#main .port-image img { margin: 0; }
#main .post { margin-bottom: 10px; padding-top: 20px; }
#main .post .comments-link { background: url(i/comments-link.gif) no-repeat 7px 50%; padding: 3px 0 3px 27px; }
#main .post .posted { background: url(i/posted.gif) no-repeat 0 20%; padding: 3px 0 3px 18px; }
#main .post .postmetadata { background: url(i/postmetadata-bg.jpg) repeat-x; border-bottom: 1px solid #E6E9EE; border-top: 1px solid #E6E9EE; clear: right; color: #808080; font-family: Arial, Helvetica, sans-serif; font-size: .75em; height: 20px; margin: 0; padding: 7px 0 3px 0; text-align: center; text-transform: uppercase; }
#main .post .postmetadata li { display: inline; }
#main .post .postmetadata:hover { border-bottom: 1px solid #A6B6C3; border-top: 1px solid #A6B6C3; }
#main .post .technorati { color: #808080; font-size: 80%; text-align: center; }
#main .post .technorati li { background: url(i/technorati.gif) no-repeat 0 80%; display: inline; padding: 0 10px 0 14px; }
#main .post .time { color: #808080; }
#main .post h1 { border-top: 6px solid #E6E9EE; font-weight: normal; padding: 4px 0 0 0; text-transform: uppercase; }
#main .post h1 a:link, #main .post h1 a:visited { font-weight: normal; }
#main .post h3.day { border-bottom: 1px dotted #A6B6C3; font-size: .9em; font-weight: normal; margin: 0 0 1.1em 0; padding: 0 0 1px 0; text-transform: uppercase; }
#main .recent { font-size: 88%; }
#main .recent h2 { background: url(i/posted.gif) no-repeat 0 20%; color: #808080; padding: 0 0 0 20px; text-transform: uppercase; }
#main .recent ul li { background: url(i/recent-post.gif) no-repeat 2px 5px; padding: 1px 1px 1px 15px; }
#main .recent ul li:hover { background: #E6E9EE url(i/recent-post.gif) no-repeat 2px 5px; }
#main .underline-header { border-bottom: 1px solid #A6B6C3; padding: 0 0 1px 0; }
#main a:link .noborder img, #main .noborder a:link img { border: none; padding: 0; }
#main a:link img, #main a:visited img { border: 2px solid #DFE4E8; padding: 4px; }
#main a:hover img { border: 2px solid #617F99; }
#main h1 a img { border: none !important; float: none; margin: 0; padding: 0 !important; }
#main h2, #main h3, #main h4 { margin: 1em 0 .5em 0; }
#main img { float: right; margin: .5em 0 .5em .5em; }
#main img.noborder { border: none; }
#main li { margin: 3px 0; }
#main p { margin-bottom: 1em; }
#main ul li { background: url(i/li.gif) no-repeat 0 3px; padding-left: 18px; }
#main ul, #main ol { margin: 1em 2em; }
#nav { background: url(i/nav-bg.jpg) repeat-x top left; float: left; font-size: 1em; left: 40px; list-style: none; position: relative; top: 96px; }
#nav a { border: none; color: #E6E9EE; float: left; font-weight: normal; padding: 5px 13px; text-decoration: none; }
#nav a.active { background: url(i/nav-bg-on.jpg) repeat-x top left; font-weight: bold; }
#nav a.active, #nav a:hover { background: #8EA0B8; border: none; color: White; }
#nav li { background: url(i/nav-bg-li.gif) no-repeat top right; float: left; list-style: none; padding: 0 2px 0 0; }
#randomquote { color: #E6E9EE; display: inline; float: right; margin: 0 25px 0 0; position: relative; top: 121px; }
#sidebar { color: #DFE4E8; float: left; font-size: 10px; line-height: 1.4em; margin: 20px 0 0 23px; padding: 0; width: 160px; }
#sidebar #blogroll li, #sidebar #elsewhere li { background: url(i/bullet-elsewhere.gif) no-repeat 0 5px; }
#sidebar #categories a:hover { background: url(i/arrow.gif) no-repeat right 5px; padding: 0 10px 0 0; }
#sidebar #categories li { background: url(i/bullet-categories.gif) no-repeat 0 2px; margin-left: 5px; padding-left: 17px; }
#sidebar #flickr li, #sidebar #music li { margin: 0; padding: 2px 0 5px 0; text-align: center; }
#sidebar #projects { background: none; border: none; }
#sidebar #projects li { background: none; margin: 0 0 10px 0; padding: 0; text-align: center; }
#sidebar #recent li { background: url(i/bullet-post.gif) no-repeat 0 4px; }
#sidebar a:link img, #sidebar a:visited img { border: 2px solid #DFE4E8; }
#sidebar a:link, #sidebar a:visited { border-bottom: 1px dotted #DFE4E8; color: #DFE4E8; font-size: 11px; }
#sidebar a:hover img { border: 2px solid White; }
#sidebar div { background: url(i/sidebar-div-bg.jpg) no-repeat bottom left; border: none; margin: 2px 0 10px 0; padding: 0 0 5px 0; }
#sidebar h3 { background: url(i/sidebar-h3-bg.jpg) no-repeat 0 0; color: #617F99; cursor: pointer; font-size: 11px; height: 14px; margin: 0; padding: 7px 0 0 7px; text-transform: uppercase; width: 153px; }
#sidebar h3.invisible { background: url(i/sidebar-h3-bg.jpg) no-repeat -165px 0; color: #8EA0B8; }
#sidebar li { margin: 0 0 0 2px; padding: 2px 0 5px 13px; }
#sidebar ul { background: url(i/sidebar-ul-bg.jpg) no-repeat 0 0; border-left: 1px solid #A6B6C3; border-right: 1px solid #A6B6C3; padding: 4px 2px 0 2px; }