/*
Theme Name: Experience Design
Theme URI: http://wordpress.org/
Description: The superhero experience design theme
Version: 0.1
Author: Willow Tyrer
Author URI: http://doublevay.com
Tags: experience, white, simple, clean, super

*/



body{margin:0;text-align:center;line-height:16px;}

/*a{color:#72582c;}  --- brown alink---*/ 
a{color:#00C0F3;}
a:hover, #top a:hover, .active{color:#333;background:#E0FF00;}
img a{background:none;}

h1, h2, h3{font-family:helvetica, arial, sans-serif;}
.post-tag h3{margin-left:130px;height:1px;}
#news-column h3, #links-column h3,#intro h3{ 	
	font-size:18px;
	margin-bottom:8px;
	padding-bottom:4px;
	color:#00C0F3;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:2px solid #00C0F3;
}
#intro{margin-bottom:20px;}
.overview h3, #oops h2, .students h2, .apply .entry h3, #content.links h2, #content.reading h2, #content.research-page h2, #content.about h2{ 
	color:#00C0F3;
	text-transform:uppercase;
	font-size:34px;
	letter-spacing:-2px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1em;
	width:460px;
}
.students h2{clear:both;width:100%;}
h4{text-transform:uppercase;font-weight:bold;margin-bottom:2px;}

p{margin-bottom:8px;}
#oops p{font-size:14px;color:#ccc;}

#top h2{font-size:21px;font-style:normal;letter-spacing:-1px;padding-bottom:2px;text-transform:uppercase;}
#top a{color:#999;text-decoration:none;}

/* Highlight colour */

.highlight{background:url(images/highlight-end.gif) no-repeat right #E0FF00;padding-right:10px;}
.dark{color:#999;}

#page{margin:0 auto;text-align:left;width:960px;border-top:2px solid #E0FF00;border-bottom:2px solid #E0FF00;}

#top{margin-top:25px;height:50px;border-bottom:1px solid #e7e7e7;}
#top p{float:left;padding:3px;}

#navigation ul li{float:left;margin-right:8px;}
#navigation{float:right;}
#navigation a{padding:3px;text-decoration:none;}


#content{margin-top:20px;padding:0 10px 0 10px;}
#content.home{padding:0;}

#feature h1{font-size:95px;text-transform:uppercase;line-height:.9em;letter-spacing:-5px;font-family: Helvetica, Arial, sans-serif;color:#00C0F3;margin-top:30px;}
#feature h2 {font-size:48px;line-height:1em;letter-spacing:-2px;font-family: Helvetica, Arial, sans-serif;color:#ccc;margin-top:0px;font-weight:bold;}
#feature h1, #feature h2{margin-bottom:10px;margin-left:-6px;font-weight: bold;}
#feature a{text-decoration:none;}
#feature {margin-bottom:20px;}

#news-column, #links-column{width:460px;margin-bottom:10px;}
#news-column{float:left;}
#links-column{margin-left:480px;}

.overview p{width:460px;text-align:justify;}
.overview{margin-bottom:20px;width:100%;overflow:hidden;}
.overview img{float:right;margin-bottom:10px;}
.overview-right{width:460px;text-align:justify;float:right;margin-top:78px;}
.overview ul{margin-bottom:8px;}
.download{background-color:#ebebec;padding:10px 3px 10px 5px;width:460px;color:#666;margin-bottom:5px;display:block;text-decoration:none;}
.cite{font-size:12px;}


.post h3, .post-recommend h3{font-size:18px;margin-bottom:5px;}
.post-recommend h3, .news h3{line-height:26px;}
.about .post, .apply .entry{float:left;}
.about .post, .apply .entry, .post-recommend {width:690px;}
.reading img, .apply img{float:right;margin-left:20px;}
.research-post{float:left;margin-bottom:20px;margin-right:7px;margin-left:8px;margin-top:10px;padding:0;width:220px;}
.research h3 a {font-size:12px;margin:0;}
.research ul{margin-bottom:15px;margin-left:15px;}
.research ul li{list-style:disc;}

.post-who{clear:both;margin-bottom:20px;height:100%;width:950px;}
.post-who h3, .who h3{margin-left:180px;height:3px;font-size:18px;}
.post-who img, .who img{float:left;margin-right:60px;margin-bottom:20px;}
.home .post{width:470px;margin-bottom:10px;}
.home .post h2{margin-left:130px;}
.home .post .postmetadata{width:130px;float:left;height:100%;}
.home .post .entry{width:320px;margin-left:130px;}
.home .post .entry a{margin:0;}
.about .post, .post-recommend, .news {border-bottom:1px solid #e7e7e7;margin-bottom:20px;}
.reading h3{margin-top:25px;}
.news{width:640px;}
.single{width:640px;}
.single h3{margin-bottom:10px;}
.apply .entry ul li{list-style:disc;margin:20px;}
.apply .entry ul{margin:15px;background:#e2e2e2;width:600px;padding:5px 10px 5px 10px;}
.post-recommend img{float:left;margin-right:20px;padding-bottom:20px;}


.postmetadata{color:#999;border-top:1px solid #e7e7e7;padding-top:5px;padding-bottom:5px;}
.research .postmetadata{border:none;text-decoration:none;margin:0;padding:0;}
.research .postmetadata a{text-decoration:none;}
.postmetadata span{color:#666;}
.home .postmetadata{border:none;padding:0;}

ul li.cat-item{font-size:18px;margin-bottom:8px;}

.students .post h3, .tag .post h3{margin:0 0 0 130px;font-size:11px;height:32px;}
.students .post, .tag .post {float:left;width:232px;margin-bottom:20px;}
.students .post img, .tag .post img{float:left;margin-right:10px;margin-top:-32px;}

#sidebar {width:220px;line-height:18px;float:right;}
#sidebar h3, #sidebar-news h3{font-size:18px;margin-bottom:12px;}
#sidebar ul, #sidebar-news ul{margin-bottom:20px;}
#sidebar ul li{margin-bottom:10px;}
#sidebar-news{width:280px;line-height:16px;float:right;}

#footer{clear:both;margin:20px 0 30px 0;border-top:1px solid #e7e7e7;padding-top:10px;height:70px;}

hr{height:1px;color:#ccc;background:#ccc;border:0;}

#slideshow{width:960px;height:550px;}
#slideshow-home{width:960px;height:345px;margin-bottom:20px;}
#slideshow-research{width:460px;height:340px;margin-bottom:20px;margin-left:470px;}
#slideshow-about{width:460px;height:294px;margin-left:470px;}

.float-right{float:right;margin-right:665px;}
.address{float:right;width:300px;margin-right:530px;}
.light{color:#999;}

.view-news{background:#00C0F3;padding:3px;color:#fff;text-decoration:none;height:30px;}
#content.about .view-news{margin-top:100px;}
#content.about h3{}
.calendar h2{font-size:14px;color:#fff;margin:0;}
.green{background:#98b945;padding:4px;float:left;margin-bottom:10px;}
.orange{background:#e9a54b;padding:4px;float:left;margin-right:5px;margin-bottom:10px;}
.hide{display:none;}

#info{float:left;width:450px;}