@charset "utf-8";
/* General presentation
------------------------------------------------------------------------- */
body { background:#FFF; border-top:5px solid #1ab7ea; color: #666666; font:14px Arial, Helvetica, sans-serif; height:100%; line-height:1.5em; margin:0; padding:0; width:100%; }

#printLogo { display:none; }
.skiptocontent { display:none; }

a { color:#971b1e; outline:none; text-decoration:underline; }
a:hover { color:#971b1e; text-decoration: none; }
a img, img {border: none;}

ul { margin: 0 0 20px 0;}
li { margin-bottom:3px; }

.clear { clear: both; height: 1px; margin: -1px 0 0; font-size: 1px; }


/* Layout 
------------------------------------------------------------------------- */
#horizon { height:100%; margin:75px auto 0 auto; padding:0 20px; text-align:left; width:750px; }
#contentContainer { clear:both; line-height:1.5em; margin-top:.72em; }
#homeContainer { clear:both; margin-top:11px; }


/* Header 
------------------------------------------------------------------------- */
.header { height:42px; margin:0 0 0 -55px; padding:0; position:relative; }

.header h1 a { background:url(images/logo.png) no-repeat top left; display:block; height:42px; text-indent:-10000px; width:223px; }

ul.mainNav { bottom:6px; font-family:Palatino,Georgia,serif; list-style:none; margin:0; padding:0; position:absolute; right:0; text-align:right; }
ul.mainNav li { display:inline; padding-left: 1em; margin-left:24px; }
ul.mainNav a { color:#971b1e; font-size:1.5em; text-decoration:none; }
ul.mainNav a:hover { border-bottom:1px solid #971b1e; }
ul.mainNav li.active a { border-bottom:1px dotted #971b1e; }


/* Content 
------------------------------------------------------------------------- */
h2 { color:#971b1e; font:normal 1.5em Palatino,Georgia,serif;}

div.leftColumn { margin:15px 0 0 0; float:left; margin:0 25px 0 0; text-align:justify; width:545px; }
div.rightColumn { float:left; margin:0 0 0 0; width:180px; }
div.flickrColumn { margin-top:21px; }
div.rightColumnContents { float:left; margin:4.25em 0 0 0; width:425px; }

#headlines { width:325px; }
#headlines h3 { color:#971b1e; font-family:Arial, Helvetica, sans-serif; font-size:16px; letter-spacing:1px; }
#headlines ul { font-size:11px; line-height:13px; list-style:none; margin:0; padding:0; }
#headlines li { margin:0 0 1em 0; padding:0; }

p.breadcrumbs, p.breadcrumbs a { color:#999999; font-size:.85em; margin:0 0 1em 0; text-decoration:none; }


/* Footer 
------------------------------------------------------------------------- */
#footer { color:#464646; clear:both; width:750px; }


/* HomePage Project Images 
------------------------------------------------------------------------- */
#HomePageProjects a, a.ProjectLink { border:6px solid #d0f3ff; display:block; height:190px; width:530px; }
#HomePageProjects a:hover, a.ProjectLink:hover { border-color:#971b1e; }

#ProjectsListing { margin:0; padding:0; }
#ProjectsListing li { list-style:none; margin:0 0 1em 0; padding:0; }
#ProjectsListing h4 { display:none; font-weight:normal; }
#ProjectsListing a { text-decoration:none; }
#ProjectsListing p { clear:both; font-size:.7em; margin-top:0; }

#ProjectImages img { border:6px solid #d0f3ff; margin-bottom:.5em; }


/* Flickr Images 
------------------------------------------------------------------------- */
a.flickrImages { background:#d0f3ff; display:block; float:left; margin-bottom:6px; padding:6px; }
a.flickrImageLeft { margin-right:6px; }
a:hover.flickrImages { background:#971b1e; }


/* Contact Form
------------------------------ */
#contactForm div { clear:both; height:2.5em; }
#contactForm label { color:#971b1e; display:block; float:left; text-align:right; padding-right:10px; width:100px; }
#contactForm input, #contactForm textarea { border:2px solid #d0f3ff; float:left; width:300px; }
#contactForm input:hover, #contactForm textarea:hover { border:2px solid #971b1e; }
#contactForm textarea { height:100px; }
#contactForm button.submit { background:#FFF; border:6px solid #d0f3ff; color:#971b1e; cursor:pointer; margin:10px 0 0 110px; }
#contactForm button:hover.submit { border:6px solid #971b1e; }


/* Blog
------------------------------------------------------------------------- */
ul.BlogListing { margin:0; padding:0; }
ul.BlogListing li { border-bottom:6px solid #d0f3ff; clear:both; list-style:none; margin:0; padding:0; }
.BlogListing .BlogDescription, .BlogListing .BlogImage { float:left; padding-bottom:.25em; }
.BlogListing .BlogDescription { padding-right:20px; width:445px; }
.BlogImage { border:6px solid #d0f3ff; float:right; margin:0 0 20px 20px; }

p.BlogPrevNext { clear:both; margin-top:1em; width:545px; }
.BlogPrevNext a, .BlogPrevNext span { display:block; font-weight:bold; padding:.25em .5em; }
.BlogPrevNext a { background:#d0f3ff; color:#FFF; }
.BlogPrevNext a:hover { background:#27c2ee; text-decoration:none; }
.BlogPrevNext span { background:#e5e6e7; color:#999; }
.BlogPrevNext .BlogPrev { float:left; }
.BlogPrevNext .BlogNext { float:right; }

.DisplayDate { color:#717274; display:block; float:left; margin:5px 10px 0 5px; text-align:center; width:35px; }
.DisplayDate .Month { font-size:1.35em; font-weight:bold; }
.DisplayDate .Day { font-size:2em; line-height:1em; }


/* Comment Form
------------------------------------------------------------------------- */
.CommentForm fieldset { border:none; }
.CommentForm div { clear:both; height:2.5em; }
.CommentForm label { color:#971b1e; display:block; float:left; text-align:right; padding-right:10px; width:100px; }
.CommentForm input, .CommentForm textarea { border:2px solid #d0f3ff; float:left; width:300px; }
.CommentForm input:hover, .CommentForm textarea:hover { border:2px solid #971b1e; }
.CommentForm textarea { height:100px; }
.CommentForm input.CommentSubmit { background:#FFF; border:6px solid #d0f3ff; color:#971b1e; cursor:pointer; margin:10px 0 0 110px; }
.CommentForm input:hover.CommentSubmit { border:6px solid #971b1e; }