/*  
Theme Name:  Collaboration in the cloud
Theme URI: http://collaborationinthecloud.com
Description: Collaboration in the LCoud wordpress template
Version: 1.0
Author: Sebastiaan Bonardt - Sogeti NL
*/

* 
{
border: 0;
padding: 0;
margin: 0;
}

body{
font-family: verdana, arial;
font-size: 100%;
vertical-align: top;
background: #222;
color: #000000;
background: #ffffff url(images/back.jpg) center top;
background-repeat: no-repeat;
font-size:0.75em;
text-align:center;
line-height:1.4em;
}

#wrapper{
margin: 0px auto;
width: 898px;
border-style:solid;
border-color: #cccccc;
border-width:0 1px 1px 1px;
border-bottom-color:#bbb;
background-color: #ffffff;
text-align:left;
position:relative;
top:0px;
height:400px;
height:100% !important;
padding: 0;
font-size:1em;
min-height:400px;
}

#header{
background:transparent url(images/titleback.png) no-repeat scroll 0 70px;
border:0px solid #333333;
height:297px;
margin:0 auto;
overflow:hidden;
position:relative;
text-align:left;
width:900px;
}

#headertitleimg {
position:relative;
top:22px;
}

#navigation{
background:transparent url() no-repeat scroll 0 1px;
border:0px solid #00FF00;
float:left;
height:30px;
position:relative;
top:-10px;
width:100%;
z-index:100;
}

#navigation ul{
margin: 0 auto;
height:18px;
border: solid 0px #ff0000;
width:auto;
padding:0 10px 0 0;
z-index:101;
float:left;
list-style: disc;
list-style-image:url(images/cloud.png);
left:35px;
position:relative;
}

#navigation ul li {
float: left;
margin: 0 20px;
background: url() no-repeat left top;
text-align: center;
text-transform: lowercase;
}

#navigation ul li.page_item a, #navigation ul li.page_item a:visited{
color:#990000;
font-weight:bold;
text-decoration:none;
font-family: verdana, trebuchet MS;
}

#navigation ul  li.page_item a:hover{
color:#888888;
text-decoration:underline;
}	
	
#navigation ul  li.page_item a:active{
color:#990000;
text-decoration:none;
}
	
#navigation ul li.current_page_item a, #navigation ul li.current_page_item a:visited, #navigation ul li.current_page_item a:active {
color:#990000;
text-decoration:underline;
}

#navigation ul li a.nofocus {
color:#aaa;
}

#navigation ul li a {
display:block;
font-size:1.3em;
font-weight:bold;
padding:0 15px 0px 2px;
text-decoration:none;
}	

#blogsinglecontainer{
position: relative;
float: left;
left: 0px;
width: 510px;
height:auto;
border: solid 0px #0000ff;
padding: 0px 10px 0 10px;
text-align:left;
overflow:visible;
background:transparent;
}

div#rightcontent {
position: relative;
float: left;
left: 10px;
width: 300px;
height:100px;
border: solid 0px #0000ff;
padding: 0px 10px 0 10px;
text-align:left;
overflow:hidden;
background:transparent;
}
div.rightcontentblock {
position:relative;
width:100%;
height:auto;
clear:both;
margin-bottom:30px;
}

div.searchblock {
float:right;
height:auto;
top:20px;
position:relative;
right:150px;
width:300px;
}

div.contentblocktitle {
position:relative;
width:98%;
height:20px;
margin-bottom:2px;
padding-left:2%;
border-bottom:4px double #333;
font-size:1.1em;
text-transform:uppercase;
color:#cc9900;
}

div.contentblocktitlenomargin{
margin-bottom:0px;
}

div.contentblockcontent {
clear:left;
position:relative;
width:100%;
height:auto;
font-size:1em;
line-height:1em;
color:#999;
}

div.contentblockleftcontent {
position:relative;
float:left;
width:48%;
margin-right:2%;
height:50px;
clear:left;
}

div.contentblockrightcontent {
position:relative;
float:left;
width:48%;
margin-left:2%;
height:50px;
}


#pagecontainer{
position: relative;
float: left;
left: 10px;
border: solid 0px #ff0000;
padding: 0px 5px 20px 10px;
width: 860px;
background: transparent;
display:inline;
}

.post{
position:relative;
padding: 0px 0 30px 0;
margin-bottom: 0px;
clear: both;
}

.singlepost{
padding: 10px 0 10px 0;
margin-top: 20px;
}

.post h2{
font-family: georgia, helvetica, arial;
font-size: 2.1em;
font-weight:bold;
clear: both;
line-height:1em;
}

.post h2 a{
	color: #dedede	;
	}
	
	/*DdC51A*/

.singlepost h2{
font-family: verdana, arial, sans-serif;
font-size: 14px;
clear: both;
}

.entry{
position:relative;
line-height: 1.6em;
border-top: 0px solid #333333;
padding: 5px 0 10px 0;
margin: 0 0 3px 0;
clear:both;
font-family:georgia, "Times New Roman";
}

.entry img {
	margin-right:5px;
	margin-bottom:1px;
	}
.entry p {margin:10px 0 0 0;}
	
.entry p a { 	color:#cc9900;	}
	
a.ext { background: url(images/external.gif) right top no-repeat;
			 padding-right:20px;}

div.postheader  { position:relative;
				padding: 0 0 0px 0;
				border-bottom:1px solid #333;
				height:auto;
				width:auto;}

div.titlebox 
{ float:left;
position:relative;
clear:right;
top:0px;
width:430px;}

div.title {
position:relative;
width:100%;
}

div.meta {
position:relative;
float:left;
width:100%;}

div.metafield {
position:relative;
float:left;
width:auto;
padding:0 10px 0 10px;
border-right:1px solid #333;}

div.metaleft {
float:left;
width:250px;
position:relative;
left:5px;}

div.metaright {
float:left;
width:170px;
text-align:right;}
	
		 
div.postmetadata {
position:relative;
border:0px solid;
top:0px;
height:20px;
border-bottom: 1px dotted #787878;
width:200px;
}

p.postmetadata{
	color:#444444;
	font-size: 0.9em;
    line-height: 1.3em;
	font-family:verdana;
	position:relative;
	left:0px;
}

p.postmetadata a{
	color:#999999;
}


p.postmetadatatop{
position: relative;
border-top: 0px solid #ddd;
top: 0px;
margin: 0px 0 0 0;
font-size: 10px;
padding-top: 0px;
}

p.postmetadatabottom{
margin: 0px 0 0 0;
font-size: 10px;
padding-top: 0px;
overflow: visible;
padding: 3px;
}

div.navigation{
position:relative;
bottom:0px;
left:0px;
padding: 0px;
font-size: 1em;
font-weight: bold;
width: auto;
border: solid 0px #fff;
background:transparent;
line-height:1.5em;
float:right;
color:#cc9900;
}

div.navigation a{color:#cc9900;}


.sidebar{
position: relative;
float: left;
width: 100%;
height:100%;
margin-top: 10px;
padding: 0;
left:-8px;
top:0px;
border:0px solid #ffffff;
background: #333333;
}

.sidebar ul{ 
list-style-type: none;
margin: 0;
padding: 0;
width: auto;
border:0px solid #ffffff;
background: #333333;
}

.sidebar ul li{
background: #343434; /*url(images/cornerleftbottom121212.png) bottom left no-repeat; */
position:relative;
float: left;
width: 225px;
height: 150px;
padding:10px 0px 6px 0px;
margin-left:10px;
border:0px solid #0000ff;
background: #222222;
}
	
.sidebar ul li ul li{
margin:0;
padding:0;
border:0px;
height:auto;
background: url();
}

.sidebar ul li h2, .blogsidebar ul li h2{
font-family: verdana, arial, sans-serif;
font-size: 15px;
}

.sidebar ul ul{
position:relative;
width:auto;
background-color: transparent;
padding:0;
margin:0;
border:0px solid #00ff00;
height:100%;
}

.sidebar ul li ul li{
padding: 0;
line-height: 20px; /*line height of individual li items in sidebar */
margin: 0;
float:none;
}

.sidebar ul ul li a{
display: block;
background:transparent url();
padding: 0 4px;
margin: 0 7px;
}

.sidebar ul ul li a:hover{
background-color: #232323;
}

#footer {
background:transparent none repeat scroll 0 0;
border:0 solid #343434;
clear:both;
color:#676767;
font-size:1em;
margin:0px auto 50px;
padding:0px;
left:5px;
position:relative;
top:5px;
height:2em;
text-align:left;
width:900px;
}

#footer a { color: #787878;
		   text-decoration:underline;}

div.clearboth {
clear: both;
}


a:link, a:visited {
text-decoration: none;
color: #990000;
}
a:hover{
color: #990000;
text-decoration: underline;
}
a:active{
color: #888888;
text-decoration: none;
}

p{
padding: 0px 0 0 0;
line-height: 1.8em;
font-size:1em;
margin:7px 0px;
}

h1, h2, h3, h4{
color:#006699;
font-family:verdana;
font-size:1.6em;
font-weight:bold;
line-height:1.6em;
padding:0 0;
}
h2{
font-size: 1.2em;
}

h3{
font-size: 1.1em;
}
h4{
font-size: 1em;
}

ul {
padding:0;
margin: 0;
border: solid 0px #ff0000;
list-style-type: none;
}

p { padding-left: 0px;}

.floatleft{
float: left;
}

.floatright{
float: right;
}

.floatcenter{
margin: 0 auto;
}

.icon{
position:relative;
margin: 0;
padding: 0;
top: 1px;
left: 0;
}

	
/* coments */

.commentlist li {
display:block;
width:510px;
clear:both;}
div.avatar {
position:relative;
float:left;
width:75px;
text-align:center;
}
div.commententry{
position:relative;
float:left;
left:5px;
width:400px;
}
	
.comments-template{
margin: 4px 0 0;
border-top: 0px solid #ccc;
padding: 10px 0 0;
}

.comments-template ol{
margin: 0;
padding: 0 0 15px;
list-style: none;
}

.comments-template ol li{
margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
color:#114499;
font-family:helvetica,arial;
font-size:1.3em;
font-weight:bold;
}

div.commentmetadata {
margin-bottom:5px;
}

.commentmetadata  p{
font-size: 0.9em;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: verdana, arial, sans-serif;
font-size: 12px;
}

a.post-edit-link{
position:relative;
top:10px;
}
	
.thickbox img {
border-color:#454545;
}

.full {
position:relative;
width:100%;
float:left;
}

p.small {
padding: 0px;
line-height: 1.2em;
font-size:0.8em;
margin-top:10px;
color:#666;
}


.onethird {
position:relative;
width:280px;
float:left;
margin-left: 20px;
}

.twothird {
position:relative;
width:560px;
float:left;
margin-left: 0px;
}

.content-ul {
position:relative;
top:0px;
left:20px;
margin-bottom:20px;
}

.content-ul li {
list-style-type:disc!important;
margin:3px 0 0 15px;
}

div.author {
position:relative;
float:left;
width:880px;
margin:0 0 20px 0;
clear:both;
}

div.author_photo {
position:relative;
float:left;
width:150px;
height:150px;
height:auto!important;
min-height:150px;
}

div.author_photo img {
border:3px solid #999999;
width:100px;
}

div.author_info {
position:relative;
float:left;
width:620px;
}

div.pageentry div.author:first-child {
margin-top:10px;
}

div#logos {
position:relative;
width:100%;
text-align:center;
top:15px;
}

img.microsoft_image {
position:relative;
display:inline;
width:100px;
}

img.sogeti_image {
position:relative;
display:inline;
width:159px;
}