/*
----------------------------------------------------------+
Theme Name: 404
Description: A custom Wordpress theme for exit404.com.
Version: v2
Author: Tony Summerville
Author URI: http://exit404.com/
----------------------------------------------------------+
*/

* { margin: 0; padding: 0; }
a image { border:none; }
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 {
	color:#000000;
	font: 62.5%/1.8em "Trebuchet MS", 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: 90%; }
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;
	text-decoration: none;
	font-weight: bold;
}
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(../../Exit%20404_files/comment-.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(../../Exit%20404_files/comment-.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(../images/bg-conta2.png) repeat-y 0 0;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 735px;
}
#footer {
	background: url(../images/bg-foote.png) no-repeat 0 0;
	clear: both;
	color: #333333;
	font-size: 12px;
	height: 120px;
	line-height: 1.3em;
	margin: 0 auto;
	text-align: center;
	width: 735px;
}
#footer a:link, #footer a:visited {
	border-bottom: 1px dotted #DFE4E8;
	color: #000066;
}
#footer a:hover, #sidebar a:hover { border-bottom: 1px solid White; color: White; }
#footer p { padding: 10px 0; }
#header {
	background: url(images/header.jpg) no-repeat 0 0;
	height: 120px;
	margin: 0 0 0 14px;
	width: 707px;
	border-bottom: 1px solid #263972;
}
#link-top {
	height: 170px;
	position:absolute;
	left: 80%;
	top: 6%;
	width: 170px;
 }
#header-top {
	height: 20px;
	margin: 5px auto 0 auto;
	width: 735px;
}
#main {
	font-size: 1.2em;
	margin: 0 225px 40px 60px;
	width: 450px;
}
#main #archive-titles { clear: right; }
#main #feeds li { background: url(../../Exit%20404_files/bullet-f.gif) no-repeat 2px 5px; }
#main #rightcolumn { float: right; margin: 0 0 10px -1px; }
#main #rightcolumn.recent h2 { background: url(../images/comments.gif) no-repeat 0 50%; padding: 0 0 0 20px; }
#main #rightcolumn.recent ul li { background: url(../images/person00.gif) no-repeat 2px 6px; }
#main #rightcolumn.recent ul li:hover { background: #E6E9EE url(../images/person00.gif) no-repeat 2px 6px; }
#main .archive-titles li { background: url(../images/bullet-p.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(../images/bullet-e.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:#000000; 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 .bodytext { margin-bottom: 10px; padding-top: 20px; }
#main .post .comments-link { background: url(../images/comments.gif) no-repeat 7px 50%; padding: 3px 0 3px 27px; }
#main .post .posted { background: url(../images/posted00.gif) no-repeat 0 20%; padding: 3px 0 3px 18px; }
#main .post .postmetadata {border-bottom: 1px solid #E6E9EE; border-top: 1px solid #E6E9EE; clear: right; color: #000000; 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(../../Exit%20404_files/technora.gif) no-repeat 0 80%; display: inline; padding: 0 10px 0 14px; }
#main .post .time { color: #808080; }
#main .post h1 {
	font-weight: normal;
	padding: 4px 0 0 0;
	text-transform: uppercase;
	margin-top: 10px;
}
#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(../images/posted00.gif) no-repeat 0 20%; color: #808080; padding: 0 0 0 20px; text-transform: uppercase; }
#main .recent ul li { background: url(../images/recent-p.gif) no-repeat 2px 5px; padding: 1px 1px 1px 15px; }
#main .recent ul li:hover { background: #E6E9EE url(../images/recent-p.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 {
	padding-left: 18px;
	list-style-position: outside;
}
#main ul, #main ol { margin: 1em 2em; }
#nav {
	background: url(../images/OFF.gif) repeat-x left top;
	float: left;
	font-size: 1em;
	left: 40px;
	list-style: none;
	position: relative;
	top: 92px;
	height: 28px;
	background-image: url(../images/OFF.gif);
}
#nav a {
	border: none;
	color: #263972;
	float: left;
	font-weight: bold;
	padding: 5px 13px;
	text-decoration: none;
	font-size: 12px;
}
#nav a.active { background: url(../../Exit%20404_files/nav-bg-o.jpg) repeat-x top left; font-weight: bold; }
#nav a.active, #nav a:hover { background: #8EA0B8; border: none; color: White; }
#nav li {
	background: url(../images/nav-bg-l.gif) no-repeat top right;
	float: left;
	list-style: none;
	padding: 0 2px 0 0;
	height: 28px;
}
#randomquote { color: #E6E9EE; display: inline; float: right; margin: 0 25px 0 0; position: relative; top: 121px; }
#sidebar {
	color: #000000;
	float: right;
	font-size: 12px;
	line-height: 1.4em;
	margin: 20px 23px 0 0px;
	padding: 0;
	width: 160px;
}
#sidebar #blogroll li, #sidebar #elsewhere li { }
#sidebar #categories a:hover { background: url(../../Exit%20404_files/arrow000.gif) no-repeat right 5px; padding: 0 10px 0 0; }
#sidebar #categories li {
	margin-left: 5px;
	padding-left: 10px;
}
#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(../images/customflags.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: #000066;
	font-size: 11px;
}
#sidebar a:hover img { border: 2px solid White; }
#sidebar div { background: url(../images/sidebar-.gif) no-repeat bottom left; border: none; margin: 2px 0 10px 0; padding: 0 0 5px 0; }
#sidebar h3 {
	background: url(../images/sidebar_topper2.gif) no-repeat 0 0;
	color: #617F99;
	cursor: pointer;
	font-size: 11px;
	height: 14px;
	margin: 0;
	padding: 5px 0 2px 7px;
	text-transform: uppercase;
	width: 153px;
}
#sidebar h3.invisible { background: url(../images/sidebar0.jpg) no-repeat -165px 0; color: #8EA0B8; }
#sidebar li { margin: 0 0 0 2px; padding: 2px 0 5px 13px; }
#sidebar ul { background: url(../images/sidebar1.jpg) no-repeat 0 0; border-left: 1px solid #A6B6C3; border-right: 1px solid #A6B6C3; padding: 4px 2px 0 2px; }

#container #sidebar h4 {
	color: #990000;
	margin-bottom: 10px;
	text-align: center;
}

.agaslogo {
	top: 20px;
	margin: 0 auto;
	overflow: visible;
	z-index: 1;
	width: 735px;
	height: 87px;
	display: block;
	background: url(../images/AGAS_logo.png) no-repeat left top;
	border-right: 1px solid #FFFFFF;
}

#container #mainpic {
	height: 140px;
	background-color: #CCCCCC;
	background-image: url(../images/mainpic.png);
	background-repeat: no-repeat;
}