/* general */
body {background-image:url(../images/banner.gif); background-color: #1B1B1B; background-repeat:repeat-x; background-position:top;	margin:0px;	font-family: Arial, Helvetica, sans-serif; font-size: small; color: #FFFFFF;}
h2{font-size:24px; margin-bottom:10px; color:#CC0000; text-shadow:1px 1px 0 #FFFFFF;}
.wrapper {width:100%; clear:both;}	
.taglinewrapper {width:100%; clear:both; background-color:#3B3B3B;}	
.homewrapper {width:100%; background-image:url(../images/bodybottombkg.gif); background-repeat:repeat-x; background-position:bottom center; height:700px; background-color:#3B3B3B}
.pagewrapper {width:100%; background-image:url(../images/bodybottombkg.gif); background-repeat:repeat-x; background-position:bottom center; background-color:#3B3B3B}
.email {width:45px; height:141px; position:fixed; left:0px; top:160px; float:left;}	
a:link {color: #CC0000; text-decoration: none;}
a:visited {text-decoration: none; color: #CC0000;}
a:hover {text-decoration: underline; color: #CC0000;}
a:active {text-decoration: none; color: #CC0000;}
.content {width:880px; background-color:#5C5C5C; position:relative; left:50%; margin-left:-460px; margin-bottom:30px; padding:20px; font-size:15px;}
.content a:link {color: #BBB; text-decoration: underline;}
.content a:visited {text-decoration: underline; color: #BBB;}
.content a:hover {text-decoration: underline; color: #FFFFFF;}
.content a:active {text-decoration: underline; color: #BBB;}
.title {background-color:#CC0000; border:1px solid #FF0000; font-size:20px; padding:0px 8px 0px 8px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}

/* header */
.banner {width:960px; height:100px; background-image:url(../images/logo.jpg); background-position:top left; background-repeat:no-repeat; position:relative; left:50%; margin-left:-480px; text-align:right;}	
.banner img {margin-top:59px; margin-right:7px;}
.topbar {background-image:url(../images/topbar.gif); height:23px; width:100%; position:fixed; left:0px; top:0px; float:left;}
.heading {width:920px; padding:20px 0px 25px 0px; position:relative; left:50%; margin-left:-460px; font-size:34px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.headingsmall {font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-weight:normal; line-height:18px;}

/* footer */
.footer {width:920px; left:50%; position:relative; margin-left:-460px; padding:20px 0px 60px 0px;}
.bottombar {background-image:url(../images/bottombar.gif); height:23px; width:100%; position:fixed; left:0px; bottom:0px; float:left;}
.style3 {font-size: 12px; color: #CC0000;}		

/* home page */	
.leftbar {width:630px; position:relative; left:50%; margin-left:-460px; float:left;} 	
.rightbar {width:264px; position:relative; left:50%; margin-left:26px; float:left;}	
.rightbkg {background-image:url(../images/rightsidebarbkg.png); background-repeat:repeat-y;}	
.servicesbox {padding:3px 30px 10px 30px;}	
#content{background-color:#FFF;}
.description{font-size:13px; color:#555555; width:250px;}
#showcase{border:20px solid #888; height:280px;overflow:hidden;}
#showcase .menu{height:220px; border-top:dashed 1px black;padding:6px 3px;}
#showcase .description{font-size:16px;}
#showcase .preview-content {height:275px;padding:15px 15px 15px 0px;width:11000px;background-color:#DDDDDD;}
.project-preview {height:330px;width:550px;float:left;position:relative; padding:10px 10px 10px 330px;}
.project-link {margin-top:10px; font-size:14px;}
div.details-link{padding-top:20px;}
div.details-link a {text-decoration:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;-moz-border-radius:3px;background:transparent url(../images/button-red.png) repeat-x scroll left center;color:#FFF;font-size:1.3em;margin:1em 0;padding:7px 1em;}
div.details-link a:hover {text-decoration:underline;}
.menu {background-image:url(../images/showcase/background.jpg); height:187px; padding:5px 0px 5px 3px; text-align:center; margin-top:20px;}
.menu img{height:40px; padding:3px; margin:4px 4px 0px 4px; background-color:#777777; border:none;}
.menu img:hover{background-color:#CC0000; border:none;}
.menu li{list-style:none;float:left; margin-left:-1px;}

/* showcase images */
#project-oerglue{background:transparent url(../images/showcase/sc-oerglue.jpg) no-repeat scroll 15px 0}
#project-twhistory{background:transparent url(../images/showcase/sc-twhistory.jpg) no-repeat scroll 15px 0}
#project-tippingbucket{background:transparent url(../images/showcase/sc-tippingbucket.jpg) no-repeat scroll 15px 0}
#project-folksemantic{background:transparent url(../images/showcase/sc-folksemantic.jpg) no-repeat scroll 15px 0}
#project-ocwfinder{background:transparent url(../images/showcase/sc-ocwfinder.gif) no-repeat scroll 15px 0}
#project-twb{background:transparent url(../images/showcase/sc-twb.jpg) no-repeat scroll 15px 0}
#project-nlvm{background:transparent url(../images/showcase/sc-nlvm.gif) no-repeat scroll 15px 0}
#project-enlvm{background:transparent url(../images/showcase/sc-enlvm.jpg) no-repeat scroll 15px 0}
#project-ozmozr{background:transparent url(../images/showcase/sc-ozmozr.jpg) no-repeat scroll 15px 0}
#project-send2wiki{background:transparent url(../images/showcase/sc-send2wiki.gif) no-repeat scroll 15px 0}
#project-makeapath{background:transparent url(../images/showcase/sc-makeapath.gif) no-repeat scroll 15px 0}
#project-51weeks{background:transparent url(../images/showcase/sc-51weeks.gif) no-repeat scroll 15px 0}
#project-igagus{background:transparent url(../images/showcase/sc-igagus.gif) no-repeat scroll 15px 0}
#project-genlighten{background:transparent url(../images/showcase/sc-genlighten.jpg) no-repeat scroll 15px 0}
#project-theplancollection{background:transparent url(../images/showcase/sc-theplancollection.jpg) no-repeat scroll 15px 0}

/* projects page */
.projects {width:920px; position:relative; left:50%; margin-left:-460px; margin-bottom:20px; background-image:url(../images/gradientbkg.jpg); padding:20px 0px 20px 0px; text-align:center;}
.projects img{height:40px; padding:3px; margin:3px 2px 0px 0px; background-color:#777777; border:none;}
.projects img:hover{background-color:#CC0000; border:none;}
.site {border:20px solid #888888; text-align:center;}
.topbtn {position:fixed; float:right; bottom:23px; right:30px; width:150px; height:40px;}

/* open source projects page */


/* people page */
.biopic {height:70px; width:70px; border:10px solid #888888; margin-right:20px;}