/************************ RESET *************************/
/********************************************************/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/************************ END OF RESET ************************/
/**************************************************************/



body {
    background-color: #FFFFFF;
    color: #666666;
    font-family: Arial,sans-serif;
    font-size: 14px;
	line-height: 1.1;
}


a, a:visited {
    color: #0A63A7;
    text-decoration: none;
}

a img {
    border: medium none;
}

.clear {
	clear: both;
}

.float_left { float: left; }
.float_right { float: right; }


#wrapper {
	width: 950px;
	margin: 0 auto;
}

/* For modern browsers */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

/************************ HEADER ************************/
/********************************************************/

#header {
	display: block;
	background-image: url("../img/header.jpg");
	background-repeat: no-repeat;
	/*background-color: #EEEEEE;*/
	height: 130px;
	width: 950px;
	margin-bottom: 20px;
}

#cisco_logo {
	background-image: url("../img/cisco_logo.png");
	overflow: hidden;
	display: block;
	width: 105px;
	height: 70px;
	float: left;
	margin-top: 55px;
	margin-left: 5px;
	text-indent: -9999px;
}

#cisco_logo:hover {
	background-position: 0px -70px;
}

#mega-preload, #social-preload {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#mega-preload {
	background-image: url("../img/mega_bg.png");
}

#social-preload {
	background-image: url("../img/social_content_bg.png");
}

/************************ MAIN COLUMN CONTENT ************************/
/*********************************************************************/

#content {
    display: block;
    float: left;
    width: 625px;
	min-height: 300px;
}

#featured_post, #featured_blogs {
	width: 625px;
	background-image: url("../img/featured_content_box_bg.jpg");
	margin-bottom: 20px;
}


#featured_post h1, #featured_blogs h1 {
	background: url("../img/featured_content_box_top.jpg") no-repeat top;
	padding: 17px 0 10px 20px;
	font-size: 24px;
	}

.featured_header {
	padding:0 20px;
}
	.featured_header_media {
		float: left;
	}
	
		.featured_media {
			margin-right: 10px;
		}
	
	.featured_header_content {
		font-size: 12px;
		line-height: 20px;
	}
	
	.featured_header_content a:hover {
		text-decoration: underline;
	}
	
		.featured_category {
			/*font-weight: bold;*/
			font-size: 14px;
		}
		
		.featured_author {
			/*font-weight: bold;*/
			color: #0A63A7;
		}
		
		.featured_title {
			padding: 10px 0;
			font-size: 18px;
			font-weight: normal;
		}
		
		.featured_share {
			height: 25px;
		}
			
			#featured_post_twitter, #featured_post_facebook {
				float: left;
			}
			
			#featured_post_facebook {
				margin-left: 20px;
			}
	
.featured_content {
	clear: both;
	min-height: 150px;
	background: url("../img/featured_content_box_bot.jpg") no-repeat bottom left;
	padding: 20px;
}

#featured_blogs .featured_content {
	padding-top: 0;
}

/************************ SIDEBAR ************************/
/*********************************************************/

#sidebar {
    display: block;
    float: right;
    width: 305px;
	min-height: 300px;
}

	#sidebar ul {
		list-style: none outside none;
	}
	
		#sidebar > ul > li {
			margin-bottom: 20px;
		}


/************************ SOCIAL WIDGET ************************/
		
	#social_widget {
		width: 305px;
	}
	
	/* Widget header image */
	#social_top {
		background-image: url("../img/social_header.jpg");
		height: 58px;
		width: 305px;
		text-indent: -9999px;
	}
	
	/* Widget content area */
	#social_panel {
		background: url("../img/social_content_bg.png") no-repeat 0 -1px;
		display: none;
		height: 203px;
	}
	
	/*One column social content layout */
	#social_panel ul {
		float: left;
		font-size: 14px;
		list-style: none outside none;
		margin-top: 9px;
		margin-left: 5px;
		width: 300px;
	}
	
		#social_panel ul li {
			width: 150px;
			height: 36px;
			text-indent: 35px;
			margin-left: 100px;
			padding-top: 4px;
			background-repeat: no-repeat;
		}
		
		#youtube-icon24  {
			background-image: url("../img/icons/youtube-icon24.png");
		}
		
		#twitter-icon24 {
			background-image: url("../img/icons/twitter-icon24.png");
		}
	
		#facebook-icon24 {
			background-image: url("../img/icons/facebook-icon24.png");
		}
		
		#viadeo-icon24 {
			background-image: url("../img/icons/viadeo-icon24.png");
		}
		
		#linkedin-icon24 {
			background-image: url("../img/icons/linkedin-icon24.png");
		}
	/* Two column social content layout */
	/*
		#social_left ul, #social_right ul {
			float: left;
			font-size: 11px;
			list-style: none outside none;
			margin-top: 5px;
			width: 100px;
		}
		
		#social_left ul {
			margin-left: 50px;
		}
		
		#social_right ul {
			margin-left: 20px;
		}
	*/
	
	/* Widget slider button */
	#social_slide {
		display: block;
		height: 20px;
		width: 305px;
	}
		.btn-slide {
			text-indent: -9999px;
			background-image: url("../img/social_slide_btn.jpg");
			display: block;
			height: 20px;
			margin: 0 auto;
			padding: 0;
			text-align: center;
			width: 305px;
			text-decoration: none;
			border: none;
			outline: none;
		}
		
		.btn-slide:hover {
			background-position: 0 -20px;
		}
		
		.btn_active {
			background-position: 0 -40px;
		}

		.btn_active:hover {
			background-position: 0 -60px;
		}
		
/************************ SIDEBAR BANNER **********************************/

	#sidebar_banner a {
		width: 305px;
		display: block;
	}

/************************ SIDEBAR FEATURED BLOGERS ************************/
		
	#featured_bloggers {
		background-image: url("../img/sidebar_box_bg.jpg");
		font-size: 11px;
		width: 305px;
	}
	
		#featured_bloggers h4 {
			background: url("../img/sidebar_box_top.jpg") no-repeat top;
			padding: 25px 0 15px 20px;
		}
		
		#featured_bloggers > div {
			background: url("../img/sidebar_box_bot.jpg") no-repeat bottom;
			padding-bottom: 20px;
		}
	
		.featured_bloggers_list {
			font-size: 12px;
			list-style: none outside none;
			padding: 0 0 70px 20px;
		}
		
		.featured_blogger_image {
			float: left;
		}
		
			.featured_blogger_image  a{
				width: 56px;
				height: 56px;
				display: block;
			}
		
		#featured_bloggers a {
			font-size: 11px;
			font-weight: bold;
		}
	
		.featured_blogger_content {
			float: left;
			font-size: 11px;
			margin-left: 10px;
			width: 180px;
		}
		
		.featured_blogger_category {
			color: #000000;
			font-size: 11px;
			font-style: italic;
		}

/************************ SIDEBAR TWITTER ************************/	
	
	#sidebar_twitter {
		background-image: url("../img/sidebar_box_bg.jpg");
		font-size: 12px;
		width: 305px;
	}
	
	#sidebar_twitter a, #sidebar_twitter h5 {
		font-weight: normal;
		font-size: 11px;
		line-height: 1.2;
	}
	
	#sidebar_twitter h5 > a.twitter-channel-name {
		font-weight: bold;
	}

	
		#sidebar_twitter h4 {
			background: url("../img/sidebar_box_top.jpg") no-repeat top;
			padding: 25px 0 15px 20px;
		}
		
		#sidebar_twitter > div {
			background: url("../img/sidebar_box_bot.jpg") no-repeat bottom;
			padding-bottom: 20px;
		}
		
		#sidebar_twitter ul {
			width: 280px;
			margin-left: 10px;
		}
		
			#sidebar_twitter ul  li{
				padding-bottom: 0px;
				margin-bottom: 18px;
				background-image: none;
			}

			#sidebar_twitter ul  li:last-child {
				margin-bottom: 5px;
			}

				#sidebar_twitter ul  li div{
					margin-top: 5px;
					margin-left: 0px;
				}

	
/************************ FOOTER *********************************/
/*****************************************************************/

#footer {
	display: block;
	clear: both;
	float: left;
	background: url("../img/footer_bg.jpg") no-repeat top;
	width: 900px;
	margin-top: 20px;
	padding: 15px 25px 20px 25px;
	margin-bottom: 50px;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #999999;
}



/************************ MEGA MENU ************************/
/***********************************************************/

#mega_anchor {
	background-image: url("../img/mega_menu_button.png");
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
    display: block;
	position: relative;
    float: right;
	width: 160px;
	height: 20px;
	margin-right: 25px;
	margin-top: 95px;
	padding: 5px 10px;
}

#mega_anchor:hover {
    background-position: 0 -30px;
}

#megamenu {
	background: url("../img/mega_bg.png") no-repeat 0 -1px;
    display: none;
    position: absolute;
    width: 950px;
    height: 295px;
	left: -745px;
	top: 30px;
	/*left: 160px;
	top: 125px;*/
    z-index: 1000;
	font-weight: normal;
}
	#megamenu ul li {
		list-style: none outside none;
		margin-left: 50px;
		margin-top: 14px;
		height: 55px;
		display: block;
		float: left;
		width: 250px;
		cursor: pointer;
	}
	
			#megamenu ul li:hover {
				background-image: url("../img/mega_list_bg.png"); 
			}
			
			#megamenu ul li.empty {
				background-image: none;
				cursor: default;
			}
			
			#megamenu ul li:hover a {
				color: #000000;
			}
			
.blog_icon {
	width: 250px;
	height: 55px;
	display: block;
	float: left;
	margin-right: 15px;
	background: url("../img/blog_icons.png") no-repeat left;
	font-size: 11px;
}

	#mobilite { background-position: 0 0; }
	#elles { background-position: 0 -110px; }		
	#collaboration { background-position: 0 -220px; }		
	#datacenter { background-position: 0 -330px; }	
	#energie { background-position: 0 -440px; }	
	#greenit { background-position: 0 -550px; }		
	#ipv6 { background-position: 0 -660px; }		
	#pme { background-position: 0 -770px; }		
	#reseaux, .rssRow.R\E9seaux { background-position: 0 -880px; }		
	#securite { background-position: 0 -990px; }	
	#smartcities { background-position: 0 -1100px; }	
#serviceprovider {background-position: 0 -1px;}
	.rssRow.Mobilit\E9  { background-position: 5px 5px; }	
/*	.rssRow.Elles { background-position: 5px -105px; }		*/
	.rssRow.Collaboration { background-position: 5px -490px; }		
	.rssRow.Data { background-position: 5px -325px; }	
/*	.rssRow.Energie { background-position: 5px -435px; }	*/
	.rssRow.Green { background-position: 5px -1645px; }		
	.rssRow.IPv6 { background-position: 5px -655px; }		
/*  .rssRow.PME { background-position: 5px -765px; }		*/
	.rssRow.R\E9 seaux { background-position: 5px -1315px; }	
	.rssRow.S\E9 curit\E9  { background-position: 5px -985px; }	
	.rssRow.Smart { background-position: 5px -1480px; }	

.blog_name, .blog_description {
	display: block;
	width: 180px;
	float: right;
	margin-right: 5px;
	line-height: 1.2;
}
	
.blog_name {
	margin-top: 3px;
	margin-bottom: 5px;
	font-size: 14px;
}

.blog_description {
    color: #666666;

}

/******************************** BLOGS RSS FEEDS **********************************/
/***********************************************************************************/

.rssBody ul {
	list-style: outside none;
	padding-left: 5px;
}

	.rssBody ul li {
		margin-bottom: 35px;
		background: url("../img/blog_icons_new.png") no-repeat 5px 5px;
		padding: 5px;
	}
	
	.rssBody ul li:last-child {
		margin-bottom: 0;
	}
	
		.rssBody ul li:hover {
			background-color: #fafafa;
		}

		.rssBody h3 {
			font-size: 16px;
			line-height: 21px;
		}
	
		.rssBody h3, .rssBody p, .rssBody div {
			margin-left: 75px;
		}
		
		.rssBody div {
			font-size: 11px;
			font-weight: bold;
		}
		
		.rssBody p {
			margin-top: 5px;
			margin-bottom: 5px;
		}

		
/************************ SCROLL PANE FOR FEATURED BLOGGERS ************************/
/***********************************************************************************/

.scroll-pane {
	width: 290px;
	height: 265px;
	overflow: auto;
	float: left;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ddd;
	width: 5px !important;
}

.jScrollPaneDrag {
	position: absolute;
	background: #aaa;
	cursor: pointer;
	overflow: hidden;
	width: 5px !important;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}		
/******************** BLOGS LIST ON FEATURED POST ************************/
/*************************************************************************/

#featured_post .blogs_list li {
    cursor: pointer;
    display: block;
    float: left;
    height: 55px;
    list-style: none outside none;
    /*margin-left: 50px;*/
    margin-top: 14px;
    width: 250px;
    margin-right: 40px;
}
#featured_post .blogs_list li:hover {
    background-image: url("../img/mega_list_bg.png");
}
#featured_post .blogs_list li.empty {
    background-image: none;
    cursor: default;
}
#featured_post .blogs_list li:hover a {
    color: #000000;
}
#featured_post .blogs_list li a{
	text-decoration:none;
}