/*

#E7E7DE grey
#990000 bordeaux
#ED1C24 rouge
#FC8E19 orange

#631F62 (silicon)
#831560
#AC005EA
#E53B30 (cap digital)

*/

body {
    background: transparent;
}
h1 {
font-family:Palatino,Georgia,Times,"Times New Roman",serif;
font-size:2em;
}
p { text-align:justify; }


/* header */
#header {
    text-align: center;
    background: white url(/media/collibri/images/head/background_header_tile.png) repeat-x 0 0;
    height:71px;
}

#bandeau_capdigital
{
    background: transparent url(/media/collibri/images/capdigital.png) no-repeat 0 0;
	height:67px;
	width:106px;
	float:left;
	margin-top:-3px;
	
}

#site_logo {
    border:none;
    background: white url(/media/collibri/images/head/background_header.png) no-repeat 0px 0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width:950px;
    height:71px;
}

#site_logo img
{
    margin:0;
    padding:0;
}

/* twitt bar */

img#twitt {
    display: inline;
}

.latest_twitts {
    background: #FFF;
    padding-bottom: 0px;
    height:30px;
    margin: 0 auto;
    text-align:center;
    width:950px;
}

.latest_twitts img
{
    /*float:left;*/
    display:inline;
    vertical-align:middle;
}

.latest_twitts span
{
    color:#831560;
    text-align:center;
}

.twitt_message {
    font-weight: bold;
    color: grey;
    font-size: 1em;
}

/* menubar */

#menu_bar ul {
    text-align: center;
    margin-top: 1.7em;
}

#menu_bar ul li {
    display: inline;
    padding: 2em;
    font-weight: bold;
}

#menu_bar ul li a {
    text-decoration: none;
    font-size: 1.2em;
    color: #fff;
}

#tabhead {
    height:80px;
    position:relative;
    border-top: 1px solid #631F62;
    border-bottom: 1px solid #FFF; /* tab border */
    background: #631F62 url(/media/collibri/images/menu_bckgrd.png) repeat-x top left;
}

.login
{
    float:right;
    margin-top:25px;
}
.login td {
    width: 150px;
}

.login b, .login a {
    color: #631f61;
}

.centered
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width:100%;
    margin:0;
    padding:0;
}

.about {
    font-size: 1.2em;
    margin: 1em 3em;
}


div.groups {
    background: #EFEFEF;
    padding: 8px;
    margin-bottom: 20px;
}
div.groups h2 {
    margin: 0 0 5px 0;
    padding: 0;
}

div.groups .details {
    text-align: left;
    text-indent: 12px;
    overflow: hidden;
    width: 60px;
    margin: 0 0 12px 0;
}

div.skills {
    background: #EFEFEF;
    padding: 8px;
    margin-bottom: 20px;
}

div.skills h2 {
    margin: 0 0 5px 0;
    padding: 0;
}

div.skills .details {
    text-align: left;
    text-indent: 12px;
    overflow: hidden;
    width: 60px;
    margin: 0 0 12px 0;
}

/* tag */
.tag-cloud {
    text-align: center;
    padding: 5px;
    background-color: #e6e4e4;
}

.tag-1 {
    font-size: 12px;
}

.tag-2 {
    font-size: 13px;
}

.tag-3 {
    font-size: 14px;
}

.tag-4 {
    font-size: 15px;
}

.tag-5 {
    font-size: 16px;
}

.tag-6 {
    font-size: 17px;
}

/* For large tag cloud 6 step */
.tag-7 {
    font-size: 18px;
}

.tag-8 {
    font-size: 19px;
}



/* menus */
#tabheader
{
    margin:0;
    padding:0;

}
#main-menu
{
    background: transparent url(/media/collibri/images/head/main_background.png) repeat-x 0 0;
    margin:0;
    padding:0;
    padding-bottom:0px;
}

.center
{
    margin-left: auto;
    margin-right: auto;
    width:950px;
    text-align:center;
}

#main-menu ul
{
    margin-bottom:0;
    margin-top:0;
    margin: 0 auto;
    height:40px;
    padding-left:0;
    display:table;
}



#main-menu ul li a
{
    text-decoration:none;
    font-weight:bold;
    color:#6b6b6b;
}

#main-menu ul li a:hover
{
    text-decoration:underline;
    font-weight:bold;
    color:#6b6b6b;
}

.sub-menu
{
    background-color: #da2f3e;
    margin-top:0;
    padding-top:0;
    padding-left:10px;
}

.sub-menu ul
{
    list-style:none;
    margin-left: auto;
    margin-right: auto;
    width:950px;
    margin-bottom:0;
    margin-top:0;
    height:40px;
    text-align:center;
}

.sub-menu ul li
{
    border:none;
    float:right;
    width:117px;
    height:22px;
    background: transparent url(/media/collibri/images/head/sub_button_off.png) repeat-x 0 2px;
    padding-top:5px;
    margin-top:7px;
    margin-right:9px;
    text-align:center;
}

.sub-menu ul li a
{
    text-decoration:none;
    font-weight:normal;
    font-size:12px;
    color:white;
}

.sub-menu ul li a:hover
{
    text-decoration:underline;
    font-size:12px;
    color:white;
}

/* selected tabs */
#home_tab .tab_home,
#apps_tab .tab_apps,
#sites_tab .tab_sites,
#team_tab .tab_team,
#profile_tab .rtab_profile,
#blogs_tab .rtab_blogs,
#swaps_tab .rtab_swaps,
#photos_tab .rtab_photos,
#projects_tab .rtab_projects,
#tribes_tab .rtab_tribes,
#tweets_tab .rtab_tweets,
#bookmarks_tab .rtab_bookmarks,
#uploads_tab .rtag_uploads,
#wiki_tab .rtab_wiki,
#inbox_tab .rtab_inbox,
#projects_tab .rtab_projects,
#call_for_projects_tab .rtab_call_for_projects,
#rtab_market_projects_tab .rtab_market_projects,
#rtab_contact_tab .rtab_contact,
#rtab_about_tab .rtab_about
{
    bottom: -1px !important;
    padding-bottom: 0 !important;
}
#home_tab .tab_home a,
#apps_tab .tab_apps a,
#sites_tab .tab_sites a,
#team_tab .tab_team a,
#profile_tab .rtab_profile a,
#blogs_tab .rtab_blogs a,
#swaps_tab .rtab_swaps a,
#photos_tab .rtab_photos a,
#projects_tab .rtab_projects a,
#tribes_tab .rtab_tribes a,
#tweets_tab .rtab_tweets a,
#bookmarks_tab .rtab_bookmarks a,
#uploads_tag .rtab_uploads a,
#wiki_tab .rtab_wiki a,
#inbox_tab .rtab_inbox a,
#projects_tab .rtab_projects a,
#call_for_projects_tab .rtab_call_for_projects a,
#market_projects_tab .rtab_market_projects a,
#contact_tab .rtab_contact a,
#about_tab .rtab_about a
{
    color: #FFF !important; /* selected tab text colour */
}
#home_tab .tab_home div,
#apps_tab .tab_apps div,
#sites_tab .tab_sites div,
#team_tab .tab_team div,
#profile_tab .rtab_profile div,
#blogs_tab .rtab_blogs div,
#swaps_tab .rtab_swaps div,
#photos_tab .rtab_photos div,
#projects_tab .rtab_projects div,
#tribes_tab .rtab_tribes div,
#tweets_tab .rtab_tweets div,
#bookmarks_tab .rtab_bookmarks div,
#uploads_tab .rtab_uploads div,
#wiki_tab .rtab_wiki div,
#inbox_tab .rtab_inbox div,
#projects_tab .rtab_projects div,
#call_for_projects_tab .rtab_call_for_projects div,
#market_projects_tab .rtab_market_projects div,
#contact_tab .rtab_contact div,
#about_tab .rtab_about div
{
    margin: 0;
    background-color: #E53B30 !important; /* selected tab colour */
    background: transparent url(/media/collibri/images/head/sub_button_on.png) repeat-x 0 2px !important;
    height:29px !important;

}


/* subnav */
#subnav-background
{
    background: #781358 ; /* tab colour */
}
#subnav {
    margin: 0 auto;
    padding: 0;
    border-top: 1px solid
    border-bottom: 1px solid #OOO;
    text-align: center;
    width:950px;
    height:28px;
}

#subnav ul {
    float:right;
    margin:auto;
}

#subnav ul li {
    display: inline;
    list-style-type: none;
}

#subnav ul a:link, #subnav ul a:visited {
    float: left;
    font-weight: normal;
    font-size:12px;
    text-decoration: none;
    color: #FFF;
    padding: 4px 20px;
    padding-top:7px;
}

#subnav ul a:hover {
    text-decoration:underline;

}


#capdigit_logo {
    text-align: right;
    margin:  1em 0;
    vertical-align: middle;
    color: #000;
    font-size: 1em;
    font-weight: bold;
}

/* Menu Rollover css */
#main-menu ul li {
    border:none;
    text-align:center;
    float:left;
    width:128px;
    height:33px;
    background: transparent url(/media/collibri/images/head/main_button.png) repeat-x 0 0;
    padding-top:0px;
    margin-top:7px;
    margin-right:7px;
    margin-left:0;
    font-size: 0.9em;
}

#main-menu ul ul {
    padding: 0px;
    display: none;
    margin: 0px;
    position: absolute;
    top: 10px;
    width:2em;
}

#main-menu li {
    margin: 0px;
    width: 160px;
    list-style-type: none;
    position: relative;
}

#main-menu li:hover ul.level2,
#main-menu li.sfhover ul.level2
{
    display: block;
}

#main-menu li a {
    text-decoration: none;
    display: block;
}


#main-menu li.first {
     background: none;
     color: #6B6B6B;
     font-size: 0.7em;
    /* padding: 14px 0em 0em;*/
     margin:0;
     margin-top:8px;
     padding-top:5px;
     display: block;
     text-align: center;
     height:20px;
     background: transparent url(/media/collibri/images/head/submenu.png) repeat scroll 0 0;
}

#main-menu li.plus {
      color: #6B6B6B;
     font-size: 0.7em;
     padding: 0px;
     margin: 0em;
     display: block;
     text-align: center;
     height:20px;
     background: transparent url(/media/collibri/images/head/submenu.png) repeat scroll 0 0;
}
#main-menu li.last {
     background: none;
     color: #6B6B6B;
     font-size: 0.7em;
     padding: 0em;
     margin: 0em;
     display: block;
     text-align: center;
     height:33px;
     background: transparent url(/media/collibri/images/head/submenu_last.png) repeat scroll 0 0;
     z-index:999;
}

#main-menu ul li a.sub {
    color:#6B6B6B;
    font-size: 1.3em;
    padding: 0em;
    margin: 0px;
}

.level2 {
    left: 0px;
    top: 20px;
    padding-top: 2em;
}


.cd_member_article {
    background: url('/media/collibri/images/cap_digital_member_flag.png') no-repeat top right;
    padding: 0 2.2em 1.2em 0;
    float: left;
}

/* signup form */

#signup_form fieldset {
    border: none;
}
#signup_form table {
    width: 430px;
}

#signup_form .right-form {
    margin-right: 6em;
}

#signup_form .signupform {
    margin: 1.2em 0em 0em 2em;
}


/* Blog new form */

#big-form table {
    width: 100%;
    margin:0;
    padding:0;
}
#big-form th
{
    text-align:right;
    vertical-align: top;
    padding-right:10px;
    width: 100px;
    padding-top:7px;
}

#big-form tr {
    margin-bottom: 1em;
}

#big-form input[type="text"],
#big-form textarea
 {
    width: 100%;
}

/* rss feeds */

.feed {
    display: inline;
    float: right;
    padding-right: 0.5em ;
    margin-right: 0em;
}

/* job */

.job_detail dd {
    margin-bottom: 0.8em;
}

.job_detail th
{
    padding-top: 2px;
    width:100px;
}
table.job_detail
{
    border-spacing: 10px;
}
#contact_form table th {
    width:210px;
}
#contact_form table th label {
    width:200px;
}


#left {float:left;width:598px;padding-right:20px;}
#right {float:right;width:300px;}

#job-left {float:left;width:498px;padding-right:20px;}
#job-right {float:right;width:400px;}

#job-right fieldset
{
    margin:0;
}
a.button
{
  display:block;
  clear:both;
  width:125px;
  height:31px;
  padding-top:5px;
  text-align:center;
  line-height:20px;
  color:#FFFFFF;
  font-weight:bold;
  border: 0 transparent;
  background: url(/media/button.png) no-repeat;
  margin-top: 20px;
  cursor: pointer;
  text-decoration: none;
}

.project-item
{
    overflow: hidden;
}

.project-tease
{
    margin-top:0;
    padding-top:0;
    float:left;
    width:740px;
}
.project-tease p
{
    margin-top:0;
}

.project-meta
{
    margin-top:0;
    float:right;
    width:200px;
    padding-top:10px;
    background: #e6e4e4;
}


.project-calendar{
    float:left;
    width:89px;
    height:79px;
    margin-top:0;
    margin-right:10px;
    background: transparent url(/media/collibri/images/calendar.png) no-repeat 0 0;
    background-position: center right;
}
.project-calendar div {
    margin-top:20px;
    padding-left:24px;
    text-align:center;
    font-size:14px;
    font-weight: bold;
    width:40px;
    line-height:95%;
}

#edit_button {
    float: right;
    padding: 1em;
}
.form-box-small {
    float: right;
    padding-right: 1em;
}

.documents {
    clear: both;
}

.more {
    float: right;
    padding: 1em;
    font-weight: bold;
}

.profile_info table {
    width:740px;
}

.profile_info table tr {
}
.profile_info table th {
    width:20%;
    text-align:left;
    background:gray;
    padding:3px;
    background:#efefef none repeat scroll 0 0;
    border-bottom:1px solid #D1D1D1;
    color:black;
    padding:8px;
    vertical-align:top;
}

.profile_info table td {
    width:80%;
    background:#efefef none repeat scroll 0 0;
    border-bottom:1px solid #D1D1D1;
    color:black;
    padding:8px;
}

.following
{
    overflow:hidden;
}

.small-your-skills
{
	font-size:12px;
	float:right;
	margin-top:4px;
	padding-top:2px;
	height:20px;
	overflow: hidden;
	
	padding-left:20px;
    background: transparent url(/media/collibri/images/warning.png) no-repeat 0 0;
}

.small-your-skills a,
.small-your-skills a:visited
{
    color:black;	
	text-decoration:none;
}
.small-your-skills a:hover
{
    text-decoration:underline;	
}


.topic {

}