@import "share.css";

    :link,:visited{ text-decoration:none; }
    ul,ol{ list-style:none; }
    h1,h2,h3,h4,h5,h6,pre,code{ font-size:100%; }
    ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,span,img,dt,dd,dl
    { margin:0; padding:0; }
    a img,:link img,:visited img{ border:none; }
    address{ font-style:normal; }
	
	
	/* main styles
	---------------------------------------*/
	body{background: #fff; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #777; }   	
	a{color:#333399; text-decoration:none;}
	a:link, a:visited{text-decoration:none;}
	a:hover{text-decoration:underline;}
	.more{text-align: right; padding: 5px 0 0 0; margin: 5px 0 0 0;}
	.more a{background:url(http://www.ideum.com/images/arrow.gif) left no-repeat; padding: 0 0 2px 20px;}
	.more #portfolio_v a{background:url(http://www.ideum.com/images/or.gif) left no-repeat; padding: 0 0 2px 22px;}
	.more a#rss{background:url(http://www.ideum.com/images/rss.gif) left no-repeat; padding: 0 15px 2px 20px; color:#777;}
	#bookmark{padding: 0 0 30px 30px; clear: both; margin: 0;}
	#bookmark a{float: left; display: inline; background:url(http://www.ideum.com/images/add.gif) left no-repeat; padding: 0 15px 2px 20px;}
	#bookmark a#email{background:url(http://www.ideum.com/images/email.gif) left no-repeat; padding: 0 15px 2px 22px;}
	#email_form{margin: 0 0 25px 25px; padding: 10px; width: 380px; background-color:#f9f9f9; border-top: #ddd solid 1px; font-size: 90%;}
	#email_form #item{padding-bottom: 10px;}
	#email_form #disclaim{font-size: 85%; font-style: italic;}
	#email_form_right{margin: 0 0 25px 420px; padding: 10px; width: 275px; background-color:#f9f9f9; border-top: #ddd solid 1px; font-size: 90%;}
	#email_form_right #item{padding-bottom: 10px;}
	.caption{margin: 10px 0 20px 0; font-size: 85%;}
	a#noborder img{border:none; width: auto; height: auto;}
	.alignright {float: right;}
	.alignleft {float: left}
	
	
	/* page sections 
	-------------------------------------*/
	
	#wrap{background: width: 760px; margin: 0 auto; text-align: left; font-size: 100%;}
	div.wrap{width: 760px; margin: 0 auto; text-align: left; font-size: 100%;}
	#head{ margin: 0; background:url(http://www.ideum.com/images/header_bg.gif) top left repeat-x; height: 90px;}
	#innerwrap{ width: 760px; }
	#content{clear:both; padding: 0 10px;}
	#foot{ clear:both; text-align:center; background-color: #F7F7F7; padding: 4px 20px; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; height:45px; font-size: 90%;}
	
	
	/* head 
	-------------------------------------*/
	#head div#logo{float: left; width: 170px;}
	#head span#nav{float: right; margin-top: 65px;}
	#size{display: block; float: right; margin-top: 4px; font-size: 10px; padding: 4px 28px 4px 0;}
	#size a{color: #ccc;}
	.wide{background: url(http://www.ideum.com/images/screen_wide.gif) no-repeat right;}
	.wide:hover{background: url(http://www.ideum.com/images/screen_narrow.gif) no-repeat right;}
    #size{color:#ccc;}
	.narrow{background: url(http://www.ideum.com/images/screen_narrow.gif) no-repeat right;}
	.narrow:hover{background: url(http://www.ideum.com/images/screen_wide.gif) no-repeat right;}
	
	
	/* nav
	-------------------------------------*/
	#nav ul{margin-right: 0px;}
	#nav ul li{float: left; padding-right: 5px; display: inline;}	
	#nav ul li a{color: #999; display: block; text-align: center; padding-top: 3px; text-decoration:none; font-size: 110%; font-family: "Trebuchet-MS", "Trebuchet MS"; height: 20px;}	
	#home a{background:url(http://www.ideum.com/images/nav_bg.gif) top left repeat; width: 70px; border: #ddd solid 1px;}
	#portfolio a{background:url(http://www.ideum.com/images/nav_bg.gif) top left repeat; width: 90px; border: #ddd solid 1px;}
	#process a{background:url(http://www.ideum.com/images/nav_bg.gif) top left repeat; width: 80px; border: #ddd solid 1px;}	
	#blog a{background:url(http://www.ideum.com/images/nav_bg.gif) top left repeat; width: 60px; border: #ddd solid 1px;}
	#about a{background:url(http://www.ideum.com/images/nav_bg.gif) top left repeat; width: 70px; border: #ddd solid 1px;}
	#contact a{background:url(http://www.ideum.com/images/nav_bg.gif) top left repeat; width: 70px; border: #ddd solid 1px;}
	
	#home a:hover, #home span#selected a{color: #333399; background:url(http://www.ideum.com/images/nav_bg_over.gif) top left repeat; border-top: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #fff solid 1px; border-left: #ddd solid 1px;}
	#portfolio a:hover, #portfolio span#selected a{color: #333399; background:url(http://www.ideum.com/images/nav_bg_over.gif) top left repeat; border-top: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #fff solid 1px; border-left: #ddd solid 1px;}
	#process a:hover, #process span#selected a{color: #333399; background:url(http://www.ideum.com/images/nav_bg_over.gif) top left repeat; border-top: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #fff solid 1px; border-left: #ddd solid 1px;}	
	#blog a:hover, #blog span#selected a{color: #333399; background:url(http://www.ideum.com/images/nav_bg_over.gif) top left repeat; border-top: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #fff solid 1px; border-left: #ddd solid 1px;}
	#about a:hover, #about span#selected a{color: #333399; background:url(http://www.ideum.com/images/nav_bg_over.gif) top left repeat; border-top: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #fff solid 1px; border-left: #ddd solid 1px;}
	#contact a:hover, #contact span#selected a{color: #333399; background:url(http://www.ideum.com/images/nav_bg_over.gif) top left repeat; border-top: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #fff solid 1px; border-left: #ddd solid 1px;}
	
	
	/* index sections
    -------------------------------------*/
    #featured_project{padding: 30px 20px 0 20px;}
    #featured_project img{border: #ccc solid 1px; padding: 3px; float:left; margin-bottom: 30px; width: 375px;}
    #featured_project h2{margin: 20px 0 20px 400px; font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 120%; color: #333399;}
    #featured_project p{font-size: 95%; margin: 10px 0 20px 400px; line-height: 150%;}
	#sections { clear: both; float: left; font-family: "Arial"; background: url(http://www.ideum.com/images/sections-n_bg.gif) repeat-x scroll 0 100%; padding: 0 0 15px 0; margin: 0 0 15px 0; width: 100%; }
	#sections_bbg { float: left; display: block; background: url(http://www.ideum.com/images/sections-n_bg.gif) repeat-x scroll 0 0; padding: 15px 0 0 0; width: 100%; height: 100%; }
	#sections div#sections_container { height: 185px; }
	#sections div#sections_more { height: 45px; }
	#sections h3 { font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%; color: #333399; margin-bottom: 10px; }

	#sections_container div.media_gallery { border-right: 1px solid #ddd; width: 240px; }
	#sections_container div.media_gallery img { border: #ccc solid 1px; padding: 2px; }
	#sections_container div.media_gallery p { color: #666; font-size: 90%; margin-top: 5px; }
	#sections_container div.latest_posts { border-right: 1px solid #ddd; width: 200px; }
	#sections_container div.latest_posts a { line-height: 16px; }
	#sections_container div.latest_posts p { color: #b8b8b7; font-size: 85%; }
	#sections_container div.latest_posts li { padding: 0 0 20px 0; }
	#sections_container div.recent_projects { width: 225px; }
	#sections_container div.recent_projects img { float: left; display: block; width: 80px; height: 66px; }
	#sections_container div.recent_projects p { color: #666; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 90%; }
	#sections_container div.recent_projects span { display: block; padding: 10px 0 0 0; }
	#sections_container div.recent_projects li { clear: both; float: left;  padding-bottom: 15px;}

	#sections_more div.media_gallery { border-right: 1px solid #ddd; width: 230px; }
	#sections_more div.latest_posts { border-right: 1px solid #ddd; width: 190px; }
	#sections_more div.recent_projects { width: 210px; }
	#sections_more #rss { float: left; padding-bottom: 0; }

	#sections_container div.media_gallery, #sections_container div.latest_posts, #sections_container div.recent_projects { float: left; padding: 10px 15px 0 15px; height: 100%; }
	#sections_more div.media_gallery, #sections_more div.latest_posts, #sections_more div.recent_projects { float: left; padding: 0 20px; height: 100%; }
	
	
	
	/* portfolio page sections
	-------------------------------------*/
	#portfolio_left{float:left; padding: 70px 0 20px 10px; width: 150px;}	
	#portfolio_right{float:left; width: 560px; padding: 20px 0 20px 0;}
	#portfolio_left ul{background:url(http://www.ideum.com/images/portfolio_nav_bg.gif) top left no-repeat; height: 272px; width: 132px; padding: 10px 0 0 10px;}
	#portfolio_left ul li{padding-top: 3px; color: #ccc;}	
	#portfolio_left ul li a{color: #777; text-decoration:none;}
	#portfolio_left ul li a:hover, #portfolio_left ul li span#selected a{color: #333399;}
	#portfolio_left ul li#science{background:url(http://www.ideum.com/images/topic_arrow.gif) left no-repeat; padding-left: 13px;}
	#portfolio_right ul{}
	#portfolio_right div#portfolio_media{border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; height: 25px; }
	#portfolio_right ul li{float: left; margin-top: 5px; padding: 0 10px 0 10px; display: inline; border-right: #ccc dotted 1px; color: #ccc;}
	#portfolio_right ul li a{color: #777; text-decoration:none;}
	#portfolio_right ul li a:hover, #portfolio_right ul li span#selected a{color: #333399;}
	#portfolio_right p{padding: 20px 0 10px 0;}
	#portfolio_right dl.related{background: url(http://www.ideum.com/images/right_bar_bg.gif) repeat-x; margin: 10px 6px 0 0; color: #747474; padding-bottom: 10px; height: 110px; width: 540px;}
	#portfolio_right dl.related dt{font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%;  padding: 10px;}
	#portfolio_right dl.related dt a{color: #333399;}
	#portfolio_right dl.related dd{margin: 15px 0 0 90px; font-size: 90%;}
	#portfolio_right dl.related dd.img{float:left; margin: 5px 0 0 0;}
	
	
	/* project detail page sections
	-------------------------------------*/
	
	#detail_left{float:left; padding: 40px 0 20px 20px; width: 375px;}	
	#detail_right{float:right; width: 320px; padding: 15px 0 20px 0;}
	#detail_left h2{font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 140%; color: #333399;}
	#detail_left small{font-size: 90%;}
	#detail_left div.project{width: 375px;}
	#detail_left div.project img{margin-top: 20px; border: #ccc solid 1px; padding: 3px; width: 375px;}
	#detail_left div#flv{margin-top: 20px; border: #ccc solid 1px; padding: 3px; width: 375px;}
	#detail_left div.project p{font-size: 85%; margin: 35px 35px 50px 20px; line-height: 150%;}
	#detail_left div.project #tab{width: 383px;}
	#detail_left div#slide_sum {float:left; font-size:85%; padding-left:3px; padding-top:3px;}
	#detail_left div.project #tab ul li{ float: right; padding-left: 3px; display: inline; width: 40px; margin:0;}
	#detail_left div.project #tab ul li a{background:url(http://www.ideum.com/images/slide_tab_bg.gif) top left no-repeat; display: block; text-align: center; padding-top: 4px; text-decoration:none; color: #999; font-size: 80%; height: 25px; margin:0;}
	
	
	#detail_left dl.download{margin: 0 6px 0 0; width: 256px; color: #747474; float: left; height: 75px;}
	#detail_left dl.download dt{font-family: "Trebuchet-MS", "Trebuchet MS"; width: 176px; float: right; padding-top: 35px;}
	#detail_left dl.download dt a{color: #333399;}
	#detail_left dl.download dd{margin-left: 80px; font-size: 90%;}
	#detail_left dl.download dd.img{float:left; margin: 0;}
	#detail_left dl.download dd.img img{border: none; width: 69px; height: 75px;}
	
	
	#detail_left div.project #tab ul li a:hover{background:url(http://www.ideum.com/images/slide_tab_bg_over.gif) top left no-repeat; color: #333399;}
	#detail_right div.project_description{padding: 43px 20px 0 15px;}
	#detail_right div.project_description p{font-size: 95%; margin: 10px 0 0 0; line-height: 150%;}
	#detail_right div.related_projects{background: url(http://www.ideum.com/images/right_bar_bg.gif) repeat-x; margin: 20px 20px 0 0; padding: 15px 0 0 15px; font-size: 110%;}
	#detail_right div.related_projects_none{margin: 10px 20px 0 0; padding: 5px 0 0 15px;}
	#detail_right div.related_projects h3{font-family: "Trebuchet-MS", "Trebuchet MS"; color: #333399;}
	#detail_right dl.related{margin: 10px 6px 0 0; width: 290px; color: #747474; border-bottom: #ccc dotted 1px; padding-bottom: 10px; height: 65px;}
	#detail_right dl.related dt{font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 90%; width: 200px; float: right; padding-top: 10px;}
	#detail_right dl.related dt a{color: #333399;}
	#detail_right dl.related  dd{margin-left: 90px; font-size: 75%;}
	#detail_right dl.related dd.img{float:left; margin: 0;}
	#detail_right div.clear{clear:left;}
	

	/* process page
	-------------------------------------*/
	#process_left{float:left; padding: 40px 0 20px 20px; width: 350px;}
	#process_right{float:right; padding: 15px 10px 20px 0; width: 330px;}
	#process_left img{border: #ccc solid 1px; padding: 3px; float:left; margin-bottom: 10px; width: 350px; height: 242px;}
	#process_left h2{ font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%; color: #333399;}
	#process_left p{font-size: 95%; margin: 10px 0 20px 0; line-height: 150%;}
	#process_right img{border: #ccc solid 1px; padding: 3px; margin-bottom: 10px;}
	#process_right h2{ font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%; color: #333399;}
	#process_right p{font-size: 95%; margin: 10px 0 20px 0; line-height: 150%;}
	
	
	/* blog page
	-------------------------------------*/
	.narrowcolumn {float: left; padding: 10px 0 10px 0; margin: 30px 10px 20px 0; width: 240px; border: 1px #ddd solid; 
	background:url(http://www.ideum.com/images/blog_nav_bg.gif)}
	.widecolumn {float: left; padding: 10px 0 20px 0; margin: 20px 0 0 10px; width: 475px;}
	.post {margin: 0 10px 0 0; background: url(http://www.ideum.com/images/right_bar_bg.gif) repeat-x; padding: 10px;}
	.post h2{font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 120%; color: #333399;}
	.entry{padding-top: 15px; }
	.entry img{margin: 20px; border: #ccc solid 1px; padding: 3px;}
	.entry p{margin: 10px 0 10px 0; line-height: 150%;}
	.widecolumn .postmetadata {margin: 30px 0;}
	.widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
	.widecolumn .attachment {text-align: center;margin: 5px 0px;}
	.postmetadata {clear: left;}
	#sidebar {margin: 15px 5px 20px 10px; padding: 0;}
	#sidebar p{font-size: 90%;}
	#sidebar h2 {font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%; color: #333399; padding: 15px 0 10px 0;}
	#sidebar h2 a{color:#333399; text-decoration:none;}
	#sidebar h2 a:hover{text-decoration:underline;}
	#sidebar a{color: #777;}
	#sidebar ul li{color: #999; font-size: 90%;}
	.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
	.postmetadata {padding: 0; font-size: 95%;}
	.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
	.commentlist li {font-weight: bold; padding-bottom: 15px;}
	.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
	.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
	#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
	.commentmetadata {font-weight: normal;}
	.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
	.widecolumn .attachment {text-align: center; margin: 5px 0px;}
	#searchform {margin: 10px auto; padding: 5px 3px; text-align: center;}
	#sidebar #searchform #s {width: 115px; padding: 2px;}
	#sidebar #searchsubmit {padding: 1px;}
	.entry form {text-align:center;}
	select {width: 130px;}
	#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
	#commentform textarea {width: 100%; padding: 2px;}
	#commentform #submit {margin: 0; float: right;}
	h2.pagetitle {padding-bottom: 10px;}
	.navigation {display: block; text-align: center;margin-top: 30px;margin-bottom: 20px;clear: both; font-size: 95%;}
	pre {font-size:9px;}
	code {font: 9px 'Courier New', Courier, Fixed;}
	
	
	/* about page
	-------------------------------------*/
	#about_left{float:left; padding: 40px 0 20px 20px; width: 360px;}
	#about_right{float:right; padding: 16px 15px 20px 0; width: 320px;}
	#about_left img{border: #ccc solid 1px; padding: 3px; float:left; margin-bottom: 10px; width: 330px; height: 94px;}
	#about_left h2{font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%; color: #333399;}
	#about_left h3{font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%; color: #333399; padding: 0 0 10px 0; clear: both;}
	#about_left p{font-size: 95%; margin: 10px 0 20px 0; line-height: 150%; clear: both;}
	#about_right img{border: #ccc solid 1px; padding: 3px; margin-bottom: 10px;}
	#about_right h2{ font-family: "Trebuchet-MS", "Trebuchet MS"; color: #333399;}
	#about_right p{font-size: 95%; margin: 10px 0 20px 0; line-height: 150%;}
	#about_left #associations{margin: 15px 0 20px 0;}
	
	
	/* contact page
	-------------------------------------*/
	#contactus{padding: 30px 10px 0 10px;}
	#contactus img{border: #ccc solid 1px; padding: 3px; float:left; margin: 0 10px 30px 0;}
	#contactus h2{margin: 0 0 20px 400px; font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 120%; color: #333399;}
	#contactus h3{margin: 15px 0 3px 400px; font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%; color: #333399;}
	#contactus p{font-size: 95%; margin: 0 0 5px 400px;}
	#weather{padding: 10px 0 0 0; margin-bottom: 20px;}
	#weather h4{font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%; color: #333399;}
	#map{border: #ccc solid 1px; height:300px; width:385px; float:left; margin-bottom: 25px;}
	
	
	/* climate page
	-------------------------------------*/
	#climate_left{float:left; padding: 40px 0 20px 20px; width: 325px;}
	#climate_right{float:right; padding: 40px 20px 20px 0; width: 360px;}
	#climate_left h2{ font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%; color: #333399;}
	#climate_left h3{ font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%; color: #333399; padding: 20px 0 10px 0;}
	#climate_left p{font-size: 95%; margin: 10px 0 20px 0; line-height: 150%; clear: both;}
	#climate_right img{border: #ccc solid 1px; padding: 3px; margin-bottom: 10px;}
	#climate_right h2{ font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 110%; color: #333399;}
	#climate_right p{font-size: 95%; margin: 10px 0 20px 0; line-height: 150%;}
	#climate_left dl.related{margin: 10px 6px 0 0; width: 306px; color: #747474; border-bottom: #ccc dotted 1px; padding-bottom: 10px; height: 65px;}
	#climate_left dl.related dt{font-family: "Trebuchet-MS", "Trebuchet MS"; font-size: 90%; width: 216px; float: right; padding-top: 10px;}
	#climate_left dl.related dt a{color: #333399;}
	#climate_left dl.related  dd{margin-left: 90px; font-size: 75%;}
	#climate_left dl.related dd.img{float:left; margin: 0;}
	#climate_left div.clear{clear:left;}
	
	
	/* 404 page
	-------------------------------------*/
	#fourofour{padding: 100px; height: 400px;}
	#fourofour h1{text-size: 125%; margin: 100px 0 20px 0; font-size: 120%;}
	#fourofour a{text-decoration:underline;}
	
	
	/* footer 
    -------------------------------------*/

	#footer { clear: both; color: #999; font-family: Arial; text-align: left; height: 200px; }
	#footer ul.sepnav { padding: 0 0 0 15px; }
	#footer span.highlight { color: #4d52a3; }

	.clear { clear: both; }

	ul.sepnav { font-size: 95%; line-height: 17px; }
	ul.sepnav li { float: left; display: inline; padding: 0 0.5em 0 0; }