@charset "utf-8";
/* CSS Document */

body			{	background-image: url(../images/penb_bck.jpg);
					background-repeat: repeat-x;
					margin: 0;
					background-color: #e9e7e7;
					font-family: Helvetica, Arial, sans-serif;
					font-size: 9pt;
					line-height: 16pt;
					color: #003883;
					z-index: 1;
}

.Divide			{	clear: both;
}

#ContainerTop	{	width: 960px;
					height: 20px;
					margin: 0 auto 0 auto;
}

#Wrapper		{ 	background: white;
}

#Container		{	width: 960px;
					background-color: white;
					margin: 0 auto 0 auto;
					text-align: left;
}

#BottomContainer
				{	background-color: #e9e7e7;
					text-align: center;
}

#BottomNav		{	width: 960px;
					margin-left: auto;
  					margin-right: auto;
  					text-align: left;
  					position: relative;
}

.FooterNav {
	width: 160px;
	float: left;
	position: relative;
	list-style-type: none;
	margin: 30px 0 0 0;
	padding: 0;
	color: #333;
	line-height: 18pt;
}

.FooterNav a:link, .FooterNav a:active, .FooterNav a:visited {
	color: #666;
	text-decoration: none;
}

.FooterNav a:hover {
	color: #003883;
	text-decoration: none;
}

.Credits {
	color: #999;
	font-weight: bold;
	text-shadow: 0px 1px 0px #f1f2f5;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	margin-top:30px;
	margin-botom:50px;
}

.Credits a:link, .Credits a:visited, .Credits a:active, .Credits a:hover{
	text-decoration: none;
	color: #999;
} 

h1 {
	font-family: Helvetica, Arial, Tahoma, Geneva, sans-serif;
	font-size:14pt;
	font-weight:bold;
	color: #003883;
	margin: 0 0 10px 0;
	line-height: 19pt;
}

h3	{
	font-family: Helvetica, Arial, Tahoma, Geneva, sans-serif;
	font-size:  9pt;
	color: #969a9c;
}

#Menu	{
	margin-top:10px;
	margin-bottom: 30px;
}

.Content {
	width: 500px;
	margin-left: 20px;
	margin-bottom:  20px;
	float: left;
	background-color: white;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	line-height:  16pt;
	color: #666;
	/* border: 1px solid black; */
}

a:link, a:active, a:visited, a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	color: #003883;
	text-decoration: underline;
	font-size: 9pt;
	line-height: 16pt;
}

.Content img {
	padding-right: 15px;
	float: left;
}

.Post {
  float:left;
  width: 500px;
}

.HomeIntro {
	float: left;
	margin-bottom: 45px;
	margin-top: 20px;
	padding-bottom: 45px;
	border-bottom: 5px solid #f1f2f5;
}

.ArtData {
	margin-top: 10px;
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom:1px dotted #ccc;
	padding-left: 2px;
	color: #333;
	font-size: 8pt;
	font-family: Helvetica, Arial, Tahoma, Geneva, sans-serif;
}

.ArtData a:link, .ArtData a:active, .ArtData a:visited, .ArtData a:hover {
	font-family: Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color: #003883;
	text-decoration: underline;
	font-size: 8pt;
}

.Categorie {
	width: 180px;
	margin-left: 20px;
	float:  left;
	overflow: hidden;
	/* border: 1px solid black; */
}

.Categorie img {
	padding-bottom: 4px;
}

.CategorieItem {
	padding: 8px;
	border-bottom: 1px dotted #ccc;
	font-family: Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color: #003883;
	font-weight:bold;
	text-decoration: none;
	
}

.CategorieItem a:link, .CategorieItem a:hover, .CategorieItem a:visited, .CategorieItem a:active {
	color: #003883;
	font-weight:bold;
	text-decoration: none;
}

#navDiv, #navDiv a:link, #navDiv a:hover, #navDiv a:visited, #navDiv a:active {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	font-family: Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color: #999;
	font-weight: bold;
	text-shadow: 0px 1px 0px #f1f2f5;
	text-align: center;
}

.linkNavNext {
	float: right;
}

.linkNavPrev {
	float: left;
}
/* CSS MENU */

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:20pt;
z-index:2;
border:1px solid white; 
}

#nav a{
display:block;
padding:0;
color:#003883;
line-height:20pt;
text-decoration:none;
background-color:#003883;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:auto;
top:40px;
}

#nav li ul a {
width:170px;
height:auto;
float:left;
padding: 5px 15px 5px 10px;
color: white;
font-weight: bold;
border-bottom:1px dotted white;
}

#nav li ul a:hover {
	color: red;
	font-weight: bold;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/* TWEETS */
.tweet, .query {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 13pt;
  	color: #363535;
}
  
.tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
	margin-top: 0px;
	margin-left: 5px;
    padding: 0;
}

.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase;
}

.tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em;
	  border-bottom: 1px dotted #666;
}

.tweet .tweet_list li a, .query .tweet_list li a {
      color: #003883;
}

.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #f1f2f5; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }


.TeamDiv {
	float:left;
	margin:0 0 0;
	padding:5px;
	width:80px;
}

.TeamDiv a:link {
	border: 0;
}

.TeamDiv img {
	border: 0;
}