/*
	Rise Above
	Copyright (c) 2005 Richard Davies
*/

/* Firefox autoscroll icon -- http://www.sitepoint.com/blog-post-view?id=225620 */
html>img
{
	width: 0!important;
	height: 32px!important;
	padding-left: 20px!important;
	background: url(/images/autoscroll.png);
}

body {
	margin: 0px 0px 20px 0px;
	background: #DECFBF url(/images/riseabove/background.gif) repeat-x fixed bottom;
	font: .8em 'Trebuchet MS', arial, helvetica, sans-serif;
}

#container {
	position: relative;
	width: 700px;
	margin: 20px auto;
	border: 8px solid white;
	-moz-border-radius: 8px;	/* Firefox only */
	background-color: #16A1FE;
	color: white;
}

/* Header -- Image (c) http://www.webshots.com */
#header {
	background: #16A1FE url(/images/riseabove/hangglider.jpg) no-repeat;
	height: 375px;
}

#blogTitle {
	position: absolute;
	left: 80px;
	top: 200px;
	margin: 0px;
	width: 215px;
	height: 82px;
	background: url(/images/riseabove/richarddavies.gif) no-repeat;
}

#blogTitle span,
#blogDesc {
	display: none;
}

img#logo {
	border: none;
}


/* Navigation Menu */
div.navmenu {
	width: 200px;
	margin: 0px;
	padding: 0px;
	background: url(/images/riseabove/box-top.gif) no-repeat top;
}

div.navmenu ul {
	margin: 0px;
	padding: 18px 0px;
	background: url(/images/riseabove/box-bottom.gif) no-repeat bottom;
	list-style-type: none;
}

div.navmenu li {
	display: inline;	/* Fix whitespace bug in IE */
}

div.navmenu li a {
	display: block;
	margin: 0;
	padding: 15px 0px 15px 20px;
	background-color: #D1ECFE;
	border-bottom: 1px solid #0D6199;
	font: 1.4em 'Trebuchet MS', arial, helvetica, sans-serif;
}

div.navmenu li a:link,
div.navmenu li a:visited {
	color: #0D6199;
	text-decoration: none;	
}

div.navmenu li a:hover {
	background-color: #117EC7;
	color: white;
	text-decoration: underline;
}

#home #nav-home a,
#about #nav-about a,
#archives #nav-archives a,
#gallery #nav-gallery a,
#contact #nav-contact a,
#resume #nav-resume a,
#portfolio #nav-portfolio a {		/* Make current link different */
	background-color: #D1061A;
	color: white;
	text-decoration: none;
	cursor: default;
}

div.navmenu h3 {
	display: none;
}

/* Extras */
#extras {
	float: right;
	width: 200px;
	margin-right: 40px;
}

/* Sidebar */
div.sidebar {
	margin-top: 40px;
	padding-top: 18px;
	background: url(/images/riseabove/box-top.gif) no-repeat;
	background-color: #D1ECFE;
	font: 1em 'Trebuchet MS', arial, helvetica, sans-serif;
	color: #0D6199;
}

div.sidebar span.boxbottom {
	display: block;
	width: 200px;
	background: url(/images/riseabove/box-bottom.gif) no-repeat bottom;
}

div.search {
	padding: 10px;	
}

div.search h2 {
	display: none;	
}

div.search form {
	margin: 0px;
	padding: 0px;
}

div.search form label {
	display: none;	
}

input, textarea {
	color: #0D6199;
	font: 1em arial, sans-serif;
}

input#search {
	width: 105px;
}

input#search:focus {
	border: 2px solid #FFEC61;
}

div#firefox {
	margin-bottom: 10px;
	text-align: center;
}

div#firefox img {
	border-style: none;
}

div#adsense,
.rightcart_div {
	margin-top: 40px;
	text-align: center;
}

/* Content */
div.content {
	float: left;
	width: 380px;
	margin-left: 40px;
}

div.content p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font: 1em/1.6em 'Trebuchet MS', arial, helvetica, sans-serif;
}

div.content h2 {
	margin: 30px 0px 10px 0px;
	border-bottom: 1px solid #D1ECFE;
	font: bold 1.2em 'Trebuchet MS', arial, sans-serif;
	color: #D1ECFE;
	text-transform: uppercase;
	letter-spacing: .15em;
	padding-left: 3px;
	clear: both;
}

div.content h3 {
	margin: 8px 0px 8px 0px;
	font: 1.6em 'Lucida Sans', arial, helvetica, sans-serif;
	color: #FFEC61;
}

div.content h3 a:link,
div.content h3 a:visited {
	color: #FFEC61;
	border-style: none;
}

div.content h3 a:hover {
	border-bottom: 1px dotted #FFEC61;
}

div.content a:link,
div.content a:visited {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

div.content a:hover {
	color: #FFEC61;
	text-decoration: none;
	border-bottom: 1px dotted #FFEC61;
}

div.content ul {
	list-style: circle url(/images/riseabove/bullet.gif);
}

/* Footer */
#footer {
	position: relative;
	height: 160px;
	margin: 0px;
	background: #16A1FE url(/images/riseabove/mountains.jpg) no-repeat right;
	clear: both;
}

#footer p {
	position: absolute;
	bottom: 10px;
	right: 275px;
	margin: 0px;
	padding: 0px;
	color: #D1ECFE;
	font: .8em verdana, arial, sans-serif;
}

#footer ul {
	position: absolute;
	bottom: 10px;
	right: 40px;
	margin: 0px;
	padding: 0px;
}

#footer ul li {
	display: inline;	
}

#footer a:link,
#footer a:visited {
	color: #D1ECFE;
	font: bold .8em verdana, arial, sans-serif;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer a img {
	position: relative;
	top: 2px;
	border: none;
}

/* Contact Page */
form#contactInfo {
	margin-top: 20px;	
}

form#contactInfo p {
	margin-left: 100px;
}

form#contactInfo label {
	position: absolute;
	left: 40px;
	vertical-align: top;
}

form#contactInfo input#name,
form#contactInfo input#email,
form#contactInfo input#subject {
	width: 280px;
}

form#contactInfo textarea {
	width: 280px;
	height: 200px;
}

form#contactInfo input#name:focus,
form#contactInfo input#email:focus,
form#contactInfo input#subject:focus,
form#contactInfo textarea:focus {
	border: 2px solid #FFEC61;
}

form#contactInfo input#sayit {
	position: relative;
	left: 100px;
}

/* Portfolio Page */
div.portfolioSite {
	float: left;
	width: 190px;
	height: 150px;	
}

div.screenshot {
	width: 150px;
	height: 115px;
	margin: 0px auto;
	background: url(/images/riseabove/screenshadow-trans.png);
	text-align: center;
}

div.screenshot a:link,
div.screenshot a:visited,
div.screenshot a:hover {
	border-bottom-style: none;
}

div.portfolioSite img {
	width: 143px;
	height: 107px;
	border-style: none;
}

div.portfolioSiteTitle {
	font: bold 1.1em 'Lucida Sans', arial, helvetica, sans-serif;
	text-align: center;
}

div.portfolioSiteTitle a:link,
div.portfolioSiteTitle a:visited {
	border-bottom-style: none;
	color: #FFEC61;
}

div.portfolioDesc {
	display: none;
	position: absolute;
	left: 80px;
	width: 280px;
	margin-top: 10px;
	padding: 10px 10px 0px 10px;
	border: 1.2px outset #0d6199;
	background: #d1ecfe;
	color: #0d6199;
	z-index: 100;
	opacity: .93;
	font-size: .9em;
	-moz-border-radius: 10px;
}

div.portfolioSite:hover div.portfolioDesc {
	display: block;
}

div.portfolioDesc p {
   line-height: 1.8em;
}

div.portfolioDesc a:link,
div.portfolioDesc a:visited,
div.portfolioDesc a:hover {
	color: #0d6199;
	border-bottom: 1px dotted #0d6199;
}

#portfolio p.disclaimer {
	clear: both;
	padding-top: 10px;
	font-size: .9em;
	color: #eee;
}

/* Resume */
#resume p#slogan {
	margin: 10px 0;
	font-style: italic;
	text-align: center;
}

#resume .vcalendar .summary {
	margin: 20px 0px 8px;
	font: bold 1.1em 'Lucida Sans', arial, helvetica, sans-serif;
	color: #FFEC61;
}

#resume .vcalendar abbr.dtstamp,
#resume .vcalendar abbr.dtstart,
#resume .vcalendar abbr.dtend {
	border-bottom: none;
}


#resume h4 {
	margin: 0px;
	font-size: 1em;
}

/* About Page */
img#myphoto {
	float: right;
	margin: 0 0 5px 5px;
	border: 1px solid #BBB;
}

img#firefoxLogo,
img#browsehappyLogo {
	float: right;
	border-style: none;
}

/* MovableType Content */
div.content p.posted {
	margin-bottom: 20px;
	font-size: .8em;
	color: #eee;
	font-family: verdana, sans-serif;
}

div.content p.posted a:link,
div.content p.posted a:visited {
	color: #eee;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

div.content p.posted a:hover {
	color: #FFEC61;
	border-bottom: 1px dotted #FFEC61;
	text-decoration: none;	
}

p.npNav {
	text-align: right;
}

p.npNav a {
	font-size: .9em;
}

textarea#text { /* comments box */
	width: 380px;
}

textarea#text:focus,
input#author:focus,
input#email:focus,
input#url:focus {
	border: 2px solid #FFEC61;
}

/* MovableType Entry Calendar */
#calendar {
	margin: 0px auto 10px;
	width: 220px;
}

#calendar table {
	background: #0d6199;
	color: #0D6199;
	border-collapse: collapse;
}

#calendar table caption {
	margin-bottom: 2px;
	text-transform: uppercase;
	font: bold 1em 'Trebuchet MS', arial, sans-serif;
	letter-spacing: .1em;
	color: #D1ECFE;
}

#calendar table th {
	width: 26px;
	padding: 2px;
	border: 1px solid #0d6199;
	color: white;
}

#calendar table td {
	width: 26px;
	padding: 2px;
	text-align: center;
	border: 1px solid #0d6199;
	background: #D1ECFE;
}

#calendar table td a:link,
#calendar table td a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #0d6199;
	font-weight: bold;
	color: #0d6199;
}

/* MovableType Search Results */
#searchresults h4 {
	margin-bottom: 5px;
}

#searchresults h3 a:link,
#searchresults h3 a:visited {
	color: #FFEC61;
}

input#archiveSearch:focus,
input#searchArchives:focus {
	border: 2px solid #FFEC61;
}

/* MovableType Comments */
div.commentAuthor p {
	font-weight: bold;
}