/*   
Theme Name: CIID
Theme URI: ciid.dk
Description: ciid main styyle 
Author: Marcin Ignac™ + Davviid Gauthiier
Author URI: who cares (really)
Version: Jolene
.
Copyright © Copenhagen Institute Of Interaction Design
.
*/

* {
	padding: 0;
	margin: 0;
}

body {
	background: #FFFFFF;
	font-family: arial, sans-serif;	
	font-size: 0.8em;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

a:hover, ul.menu li.selected a {
	color: #000000 !important;
	text-decoration: underline;
}

#container {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	bborder: 1px solid pink;	
}

/* header */

#header {
	margin-top: 34px;
	overflow: hidden;
	bborder: 1px solid brown;	
}

#logo {
	float: left;
	margin: 0 0 0 20px;
}

ul.menu {
	list-style-type: none;
}

#mainMenu {	
	float: right;
	width: 604px;
	margin-top: 18px;
	bborder: 1px solid green;
}

#mainMenu li {
	float: right;
	margin-left: 40px;	
	font-size: 0;
	bborder: 1px solid red;
}

#mainMenu li .last {
	width:60px;
	margin-right: 0px;
	text-align: right;
	font-size: 100%;
        border: 1px solid blue;	
}

#mainMenu a {
	font-weight: normal;
	color: #777777;
}

/* sidebar */

#sidebar {
	float: left;
	width: 125px;
	margin-top: 50px;	
	text-align: right;
	line-height: 150%;
	bborder: 1px solid #00FF55;
}

#sidebar2 {
	float: left;
	width: 125px;
	margin-top: 0px;	
	text-align: right;
	line-height: 150%;
	bborder: 1px solid #00FF55;
}


#sidebar h3 {
	color: #777777;
	font-weight: normal;
	font-size: 100%;
}

#sidebar a {
        text-decoration: none;
}

.sidebarMenu {
	margin-bottom: 2em;
}

.sidebarMenu a {
        text-decoration: underline;	
}

#sw_sidebar {
	float: left;
	width: 271px;
	margin-top: 0px;	
}

/* content wrapper */

#contentWrapper {
	float: right;
	width: 860px;
	margin: 50px 0 0 10px;
	bborder: 1px solid #99FF55;	
}

#contentWrapper2 {
	float: right;
	width: 860px;
	margin: 0px 0 0 10px;
	bborder: 1px solid #99FF55;	
}


/* content header */

#contentBreadcrumbs {
	overflow: hidden;
	font-size: 95%;
	bborder: 1px solid pink;		
}

#contentBreadcrumbs li {
	color: #BBBBBB;
	float: left;
	margin: 0 0.5em 0 0;
}

#contentBreadcrumbs li.last,
#contentBreadcrumbs li.last a {
	color: #000000;
	float: left;
	margin: 0 0 0 0;
}


#contentBreadcrumbs a {
	color: #BBBBBB;
	margin: 0 0.5em 0 0;
}

#contentMenu {
	overflow: hidden;
	border: 1px solid #777777;
	border-width: 0 0 1px 0;
	padding: 0.5em 0 0.5em 0;
	margin: 0 0 1em 0;	
}

#contentMenu li {
	float: left;
	margin: 0 0.5em 0 0;
}

#contentMenu a {
	margin: 0 0.5em 0 0;
}

/* content */

#content {
	overflow: hidden;
}

#content p {
	margin: 1em 0 1em 0;
	font-size: 95%;
	line-height: 135%;
}

#content h3 {
	color: #777777;
	font-size: 100%;
}

#content h2 {
	color: #777777;
}

#content h1 {
	font-weight: normal;
	color: #777777;
}

#contentTitle {
	float: left;
	width: 430px;
	margin: 25px 10px 25px 0;
}

#contentBody, #content .column0 {
	float: left;
	width: 420px;
	margin: 0 20px 0 0;
}

#contentSidebar, #content .column1 {
	float: left;
	width: 420px;	
}

.column00 {
	float: left;
	width: 280px;
	margin: 0 10px 0 0;
}

.column00 img {
	width: 280px;
        height: 210px;
}

.column01 {
	float: left;
	width: 280px;
	margin: 0 10px 0 0;
}

.column01 img {
	width: 280px;
        height: 210px;
}

.column02 {
	float: left;
	width: 280px;
	margin: 0 0 0 0;
}

.column02 img {
	width: 280px;
        height: 210px;
}

.projectThumb {
	width: 280px;
	margin-bottom: 20px;
}

.fullImage {
	width: 860px;
	margin-bottom: 20px;        
}

.fullImage img {
	width: 860px;
}      
        
.navigation {
	overflow: hidden;  
	margin-top: 2em;
}                 

.alignleft {
	width: 50%;
	float: left;
}

.alignright {
	width: 50%;
	float: right;
	text-align: right;
}

.spotlightThumb h2,
.projectThumb h2,
.courseThumb h2 {
	padding: 5px;
	font-size: 11px;
	background: #000000;
	text-transform: uppercase;
	font-weight: normal;	
}     

.spotlightThumb h2 a,
.projectThumb h2 a,
.courseThumb h2 a {
	color: #FFFFFF;	
}

.spotlightThumb h2 a:hover,
.projectThumb h2 a:hover,
.courseThumb h2 a:hover {
	color: #FFFFFF !important;
	text-decoration: none;	
}   

.spotlightThumb,
.courseThumb {
	width: 420px;
	margin-bottom: 20px;
	position: relative;
}

.coursePageLinks {
	position: absolute;
	width: 420px;
	top: 0;
	left: 0;
	background: #000000;
	oopacity: 0;
}

.spotlightPageLink {
	position: absolute;
	width: 420px;
	top: 200px;
	left: 0;
	background: #000000;
	opacity: 1;
}

.courseThumb:hover .coursePageLinks {
	opacity: 1;
}

.courseThumb:hover .coursePageLinks ul {
	display: block;
}

.courseThumb h2 {
	font-size: 12px;
	background: none;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
}

.spotlightThumb h2 {
        color: #FFFFFF !important;
	font-size: 12px;        
	background: none;
	font-weight: bold;
	float: right;
	padding: 10px 10px 5px 10px;
}

.spotlightThumb h1 {
        color: #FFFFFF !important;
	font-size: 12px;        
	background: none;
	font-weight: bold;
	float: left;
	padding: 10px 10px 5px 10px;
	text-transform: uppercase;
	font-weight: normal;	
}

.coursePageLinks ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	display: none;
}

.coursePageLinks li a {
	color: #FFFFFF !important;
	display: block;
	margin-left: 10%;
	text-transform: uppercase;
}

.coursePageLinks a:hover {
	color: #FFFFFF !important;
}

.courseThumb img {
	width: 420px;
}

.spotlightThumb img {
	width: 420px;
}

#contentSidebar h2 {
	color: #777777;
	font-weight: normal;
	font-size: 100%;
}

#contentSidebar .gallery {
	margin-top: 10px;
	padding-top: 10px;
	border: 1px solid black;
	border-width: 1px 0 0 0;
}

#contentSidebar .gallery_one_img {
	margin-top: 10px;
	padding-top: 10px;
}

#contentSidebar .news {
	margin-top: 10px;
	padding-top: 10px;
	border: 1px solid black;
	border-width: 1px 0 0 0;
}

#contentSidebar .news2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#contentSidebar .news2 h2,
#contentSidebar .news h2 {
        padding-bottom: 5px;
}


#contentSidebar .galleryItem {
	width: 420px;
}

.hidden {
	display: none;
}

#contentSidebar .galleryThumbnail {
	width: 80px;
	margin: 0 5px 5px 0;
	cursor: pointer;
}

#contentSidebar img.last {
	margin: 0 0 5px 0;
}

#contentSidebar .menu {
	line-height: 120%;
	margin-bottom: 10px;
}

.contentList {
	margin-bottom: 2em;
}

.contentList a {
	color: #777777;
}

.contentMenu {
	margin-bottom: 2em;
}


/* footer */

#footer {	
	clear: both;
	margin: 1em 0 0 0;
	padding: 0.5em 0 0.5em 0;
	color: #AAAAAA;
	border: 1px solid #777777;
	border-width: 1px 0 0 0;	
	bborder: 1px solid lime;	
        text-align: center;
}

/* website specific colors */

.education a {
	color: rgb(121,97,170); /*old #7C5CCB*/	
}

.consulting a {
	color: rgb(176,210,74); /*old #B5DB1E*/
}

.research a {
	color: rgb(242,101,34); /*old #FF8B02;*/
}

.education #contentMenu,
.education #footer,
.education #contentSidebar .gallery,
.education #contentSidebar .news
{
	border-color: rgb(121,97,170);
}


.consulting #contentMenu,
.consulting #footer,
.consulting #contentSidebar .gallery, 
.consulting #contentSidebar .news {
	border-color: rgb(176,210,74);
}          

.research #contentMenu,
.research #footer,
.research #contentSidebar .gallery,
.research #contentSidebar .news {
	border-color: rgb(242,101,34);
}

.education .coursePageLinks,
.education .spotlightPageLink {
	background: url(images/education_transparent_bg.png);
}

.consulting .coursePageLinks, 
.consulting .spotlightPageLink {
	background: url(images/consulting_transparent_bg.png);
}

.research .coursePageLinks, 
.research .spotlightPageLink {
	background: url(images/consulting_transparent_bg.png);
}

.education .projectThumb h2{
	background: #7C5CCB;
}

.consulting .projectThumb h2{
	background: #B5DB1E;
}

.research .projectThumb h2{
	background: #B5DB1E;
}   

.consulting .personThumb h2 {
	margin: 0.5em 0 0.3em 0;
	text-transform:uppercase;  
	font-size: 16px;	
}

.consulting .personThumb h3 {
	font-weight: normal;
	text-transform:capitalize;
	margin-bottom: 1.25em;    
}