body {
    font-family: "Century Gothic", Verdana;
}

a, a:link, a:visited, a:active, a:hover { outline:none !important; /* ff dotted border fix */ } 
:focus { outline:0; }

#all {
    width: 950px;
    margin: auto;
}
/** HEADER **/
#header {
	position:relative;
	height:85px;
	overflow:hidden;
	zoom:1;
	}
	#lang-selector {
		position:absolute;
		top:5px;
		right:0;
		font-size:12px;
		}
		#lang-selector a,
		#lang-selector a:link,
		#lang-selector a:visited {
			color:#888;
			text-decoration:none;
		}
		#lang-selector a:hover,
		#lang-selector a.selected {
			color:#D22020;
		}
	#logo {
		position:absolute;
		left:0;
		bottom:0;
		}
	    #logo span {
	        position: absolute;
	        left: -9999px;
	    }
	    #logo a {
	        display: block;
	        width: 145px;
	        height: 62px;
	}
	.hmenu .entry {
	    display: inline;
		}
	    .hmenu .entry a {
	        background-repeat: no-repeat;
	        background-position: top left;
	}
	#mainmenu {
		position:absolute;
		bottom:11px;
		left:145px;  
		}
    	#mainmenu .entry {
        	margin-left: 15px;
    	}
        #mainmenu .entry a {
            height: 13px;
            line-height: 13px;
            font-size: 13px;
            font-weight: bold;
            text-transform: uppercase;
            text-decoration: none;
        }
        #mainmenu .entry a:hover {
            color: #d22020;
        }
        
        #mainmenu .selected a {
            color: #d22020 !important;
        }
        #menu_home a { width: 36px; }
        #menu_lab a { width: 22px; }        
        #menu_works a { width: 43px;}        
        #menu_news a { width: 34px; }        
        #menu_contact a { width: 59px; }        
        #menu_be_ninja a { width: 60px; }
        #menu_partner a { width: 51px; }
        a.disabled, a.disabled:hover { color:#BFBFBF !important;cursor:default !important; }        

	#social {
		position:absolute;
		bottom:14px;
		right:0px;
		}
	    #social .entry {
	        margin-left: 5px;
	        float: left;
	    	}
	        #social .entry span {
	            position: absolute;
	            left: -9999px;
	        }
	        #social .entry a {
	            width: 27px;
	            height: 26px;
	            display: block;        
	        }
        	    
	

#content {
    clear: both;
    margin-left: 45px;
    font-size: 13px;
    padding-bottom: 20px;
    min-height:420px;
	}
    #content h2 {
        font-style: italic;
        font-weight: bold;
        line-height: 35px;
        font-size: 30px;
        margin-bottom: 40px;
    }
    
    #content h3 {
        font-style: italic;
        font-weight: bold;
        line-height: 25px;
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    #content h4 {
        font-style: italic;
        font-weight: bold;        
    }
    
    #content p {
        line-height: 18px;
        margin-bottom: 16px;
    }
    
    #content strong {
        font-weight: bold;
    }
    
    #content em {
        font-style: italic;
    }
    
    #content a {
        color: #cc0000;
        text-decoration: none;
    }
    
    #content a:hover {
        text-decoration: underline;
    }
    
    #content .text ul {
        line-height: 18px;
        margin-bottom: 16px;
    }
    
        #content .text ul li {
            list-style: disc outside;
	    margin: 3px 0 3px 15px;
        }


#footer {
	position:relative;
	overflow:hidden;
	zoom:1;
    clear: both !important;
    font-size: 9px;
    color: #999999;
    padding-bottom: 20px;
	}
	#footer span.right { 
		position:absolute;
		right:0;
	 }



/**********************/

#submenu {
    float: left;    
    clear: both;
    margin: 30px 0 40px 45px;
    width: 100%;
}

    #submenu .entry {
        margin-right: 40px;
    }
    
    #submenu .entry a {
        font-size: 13px;
        line-height: 13px;
        text-decoration: none;
    }
    
    #submenu .selected a {
        font-weight: bold;
        color: #d22020 !important;
    }
    
    #submenu .entry a:hover {
        color: #d22020;
    }
    
/************************************************/        
/*********** IMPAGINAZIONI varie ****************/
/************************************************/

.columns {
    width: 100%;
    overflow: auto;
}

.columns .column {
    float: left;
}

.columns .left {
    margin-right: 55px;
}
      
/************************************************/        
/********** IMPAGINAZIONI per slug **************/
/************************************************/
#content.contact {
	min-height:444px;
}  
#content.lab { min-height:423px }
#content.lab .text-wrapper {
	background-repeat:no-repeat;
	background-position:600px 0;
	}
	#content.lab.who_we_are .text-wrapper {
		background-image:url(../images/white/lab/who.gif);
	}
	#content.lab.what_we_do .text-wrapper {
		background-image:url(../images/white/lab/what.gif);
	}
	#content.lab.manifesto .text-wrapper {
		background-image:url(../images/white/lab/manifesto.gif);
	}
	
#content.be-ninja .text-wrapper {
	background-repeat:no-repeat;
	background-position:600px 0;
	background-image:url(../images/white/lab/beninja.gif);	
	}

        
#content.lab h2,
#content.be-ninja h2 {
	width:755px;
	font-size:26px;
}
#content.lab .text,
#content.be-ninja .text {
    width: 550px;
}

#content.be-ninja #open-positions {
	width: 550px;
	/*border-top:1px solid #ccc;*/
	padding-top:15px;
	} 
	#open-positions h3,
	#open-positions h4 {
		line-height:2em;
		font-size:14px;
		font-style:normal;
		font-weight:normal;
		color:#333;
	}

	#open-positions .position div {
		font-size:11px;
		color: #777;
	}

#content.clan .clan_list .clan_member {
	position:relative;
    clear: both;
    margin-bottom:0px;
	}
    #content.clan .clan_list .clan_member .member_image {
        position:absolute;
        width: 250px;
        top:0;right:0;
        text-align:right;
    }
    
    #content.clan .clan_list .clan_member .member_text {
     
    }
    	#content.clan .clan_member_header {
    		background-color:#f1f1f1;
    		padding:5px;
    		}
	        #content.clan .clan_list .clan_member .member_text h2 {
	            font-size: 12px;
	            line-height: 1;
	            margin:0;padding:2px 0;
	        }
	        #content.clan .clan_list .clan_member .member_text h3 {
	        	font-size:11px;
	        	margin:0;padding:2px 0;
	        	line-height:1;
	        	font-weight:normal;
	        	font-style:normal;
	        }
        #content.clan .clan_list .clan_member_description {
        	width:550px;font-size:12px;
        	padding:10px 5px;
        }

/************************************************/        
/***************** SKIN WHITE *******************/
/************************************************/

html.white {
    background-color: #ffffff;
    color: #000;
}

.white #logo {
    background: url('../images/white/loghi/ninja.png') no-repeat scroll top left;
}

.white #mainmenu a {
    color: #666666;
}

.white #submenu a {
    color: #666666;
}

.white #content {
    color: #333333;
}

/***************** SOCIAL ****************/
.white #social_ninja a { background-image: url('../images/white/social/ninja.png'); }
.white #social_flickr a { background-image: url('../images/white/social/flickr.png'); }
.white #social_twitter a { background-image: url('../images/white/social/twitter.png'); }
.white #social_youtube a { background-image: url('../images/white/social/youtube.png'); }
.white #social_facebook a { background-image: url('../images/white/social/facebook.png'); }
.white #social_friendfinder a { background-image: url('../images/white/social/friendfeed.png'); }

/************************************************/        
/***************** SKIN BLACK *******************/
/************************************************/

html.black {
    background-color: #000000;
    color: #fff;
}

.black #logo {
    background: url('../images/black/loghi/ninja.png') no-repeat scroll top left;
}

.black #mainmenu a {
    color: #ffffff;
}

.black #submenu a {
    color: #ffffff;
}

.black #content {
    color: #cccccc;
}

/***************** SOCIAL ****************/
.black #social_ninja a { background-image: url('../images/black/social/ninja.png'); }
.black #social_flickr a { background-image: url('../images/black/social/flickr.png'); }
.black #social_twitter a { background-image: url('../images/black/social/twitter.png'); }
.black #social_youtube a { background-image: url('../images/black/social/youtube.png'); }
.black #social_facebook a { background-image: url('../images/black/social/facebook.png'); }
.black #social_friendfinder a { background-image: url('../images/black/social/friendfeed.png'); }

#social_ninja a:hover, 
#social_flickr a:hover,
#social_twitter a:hover,
#social_youtube a:hover,
#social_facebook a:hover,
#social_friendfinder a:hover { background-position:0 -26px; }


/* PARTNERS */
.partners { overflow:hidden;zoom:1;min-height:420px; }
.partner { position:relative;float:left;width:420px;height:200px;margin-bottom:30px; }
.partner.left { padding-right:30px; }
.partner.right { padding-left:30px; }
.partner .logo img { margin-bottom:20px; } 
.partner .website { position:absolute;bottom:0; }