
/*
Theme Name: Magazeen
Theme URI: http://smashingmagazine.com/
Description: A bold magazine theme from <a href="http://wefunction.com">Function</a> &amp; <a 

href="http://smashingmagazine.com">Smashing Magazine</a>.
Version: 1.0
Author: Spencer
Author URI: http://wefunction.com/
Tags: magazine, light, link, blue, two column, widgets, jquery

	The CSS, XHTML is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* TABLE OF CONTENTS

00 - Global Elements - Standard Elements
01 - Typography - All Type throughout the site
02 - Main Structure - Columns, clearfix, etc.
03 - Header - Header, Logo, navigation, search.
04 - Dock - jQuery latest articles.
05 - Main Content - Post boxes, post meta, etc.
06 - Sidebar - Custom sidebar widgets.
07 - Footer - Categories, About, Copyright, Sponsors.

/* ----------------------------------------------*/

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	font:0.75em Arial, Helvetica, sans-serif;
	color:#5e6568;
	line-height:19px;
	background-color: #888888;

}

code {
	margin:0; padding:0;
	width:80%; height:auto;
	font:1.17em Georgia, "Times New Roman", Times, serif; color:#0f8eb3;
}

	pre {
		margin:0 auto; padding:5px 20px;
		background:#f4f1ec url(images/code.gif) repeat;
		border:1px solid #bbced7;
		font:0.92em Georgia, "Times New Roman", Times, serif; color:#3e3e3e;
		line-height:200%;
	}

blockquote {
	margin:0 auto; padding:5px 20px;
	width:80%; height:auto;
	background:#f8fbfc url(images/blockquote.gif) no-repeat top left; border:1px solid #edeff0;
}

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

ins {
	color:#009999;
}

del {
	color:#990000;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 {
	margin:-9px 0 0 0;
	padding:0;
	font:bold 1px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	position:relative;
	display:block;
}

	.post-content h1, .page-content h1 {
	margin:10px 0;
	padding-left:15px;
	padding-bottom:2px;
	padding-right:10px;
	padding-top:2px;
	color:#292c2d;
	background-color:#e7e7e7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	}

	h1 a:link, h1 a:active, h1 a:visited {
		color:#ffffff;
		outline:0;
	}
	
	h1 a:hover {
	color:#ffffff;
	}

	h1 span {
		margin:10px 0 0 0;
		width:100%; height:20px;
		position:absolute; display:block;
	}

h2 {
	margin:0;
	padding:0;
	color:#e30076;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

	.post-content h2, .page-content h2 {
		margin:10px 0; 
		background-color:#e7e7e7;
		padding-left:15px;
	padding-bottom:2px;
	padding-right:10px;
	padding-top:2px;
	color:#e30076;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}

h3 {
	margin:0;
	padding:0;
	color:#30393d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	line-height:29px;
	text-align:left;
}
h6 {
	margin:10px 0; padding-left:15px;
	padding-bottom:2px;
	padding-right:10px;
	padding-top:2px;
	color:#b1b1b1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height:25px;
}




	h3 a:link, h3 a:active, h3 a:visited {
		color:#30393d;
	}
	
	h3 a:hover {
		color:#54798b;
	}
	
	.single h3.post-title, h3.post-title-small {
		margin:0; padding:10px 0;
		width:615px; height:auto;
		border-bottom:4px solid #30393d;
	}
	
		.single h3.post-title {
			font-size:18px;
			width:575px;
			border-left:4px solid #e30076;
			border-bottom:2px solid #eaeaea;
			padding-top:2px;
			padding-left:10px;
			padding-bottom:2px;
			background-color:#CCCCCC;
		}
		
		h3.post-title-small {
			font-size:1.50em;
		}

h4 {
	font:bold 1.75em Arial, Helvetica, sans-serif; color:#fefefe;

		
}


	.post-content h4, .page-content h4 {
	margin:10px 0; padding:0;
	padding-left:0px;
	padding-bottom:2px;
	padding-right:10px;
	padding-top:2px;
	color:#7d7d7d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}

	#footer h4 {
		margin:0 0 20px 0;
	}



	
h5, #searchform label {
	/* Sidebar Header */
	width:181px;
	height:35px;
	color:#dfdfdf;
	margin:0;
	background:#dfdfdf url(images/sidebar-top.gif) no-repeat top center;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant:small-caps;
}

	.post-content h5, .page-content h5 {
		margin:10px 0; padding:0;
		width:auto; height:auto;
		background:none;
		padding-left:15px;
		padding-bottom:2px;
		padding-right:10px;
		padding-top:2px;
		color:#b1b1b1;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		
	}

	#tag_cloud h5 {
		margin:0; padding:0;
		background:none;
	}

a:link, a:active {

	color:#e30076;
	text-decoration:none;
}

a:hover {
	color:#000;
}

a:visited {
	color:#e30076;
	text-decoration:none;
}

/* Header
/* -------------- */



li.current_page_item a:visited {
	/* Crazy margins to pull up the hover image above the borders.*/
	margin:8px 0 0 0; padding:11px 15px 14px 15px;
	background:#000000  repeat-x bottom center;
	color:#f1f8ff; position:relative
}

a.rss:link, a.rss:active, a.rss:visited, a.rss:hover {
	margin:13px 15px 0 0; padding:0;
	width:16px; height:17px;
	background:url(images/rss.png) no-repeat top center;
	text-indent:-9999px; display:block; outline:0;
}


/* Main Content
/* -------------- */

.post-info {
	text-align:right;
	color:#81888d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
}

	.post-info span {
		font-size:1.18em;
		display:block;
	}

		.post-info span a:link, .post-info span a:active, .post-info span a:visited {
			color:#1e1c1a;
			text-decoration:none;
		}
		
		.post-info span a:hover {
			color:#e30076;
		}
	
.comment-count a:link, .comment-count a:active, .comment-count a:visited {
	margin:0;
	padding:12px 16px;
	color:#FFF;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.comment-count a:hover {
	background:#0091d5;
}

	.single .comment-count a:link, .single .comment-count a:active, .single .comment-count a:visited,
	.page-content .comment-count a:link, .page-content .comment-count a:active, .page-content .comment-count a:visited {
		padding:8px 18px;
		font:bold 12px Arial, Helvetica, sans-serif;
	}

.post-intro strong {
	color:#000000;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;

}
.continue-reading a:link, .continue-reading a:active, .continue-reading a:visited,
.cat-posts li.view-more a:link, .cat-posts li.view-more a:active, .cat-posts li.view-more a:visited {
		color:#000000;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

.continue-reading a:hover,
.cat-posts li.view-more a:hover {
	color:#888888;
}

/* Drop Down
/* -------------- */

.category a:link, .category a:visited,
.category-inside a:link, .category-inside a:active, .category-inside a:visited {
	margin-bottom:-1px; padding:15px 25px 0 15px;
	display:inline-block;
	height:25px; outline:0;
	font:1.00em Georgia, "Times New Roman", Times, serif; color:#7f7d7e;
}

.active div {
	margin:0 0 -1px 0; padding:0 0 0 6px;
	width:auto; height:40px;
	background:url(images/cat-hover-left.gif) no-repeat top left;
	float:right; display:block; position:relative; z-index:10;
}

	.active a:link, .active a:visited {
		margin:0; padding:15px 25px 0 15px;
		width:auto; height:25px; display:inline-block;
		font:1.00em Georgia, "Times New Roman", Times, serif; color:#5c5659;
		background:url(images/cat-hover-right.gif) no-repeat top right;
	}
	
.cat-posts li.view-more {
	margin:0; padding-top:15px;
	text-align:right;
}

.cat-posts li a:link, .cat-posts li a:active, .cat-posts li a:visited {
	font:bold 1.17em Arial, Helvetica, sans-serif; color:#30393d;
	display:block;
}
						
.cat-posts li a:hover {
	color:#91c900;
}
												
	.cat-posts li span {
		font:0.92em Arial, Helvetica, sans-serif; color:#889194;
	}
	
/* Content Navigation
/* -------------- */


/* Comments
/* -------------- */	

.submit-comment {
	margin:0 0 15px 0; padding:0;
	width:174px; height:30px;
	background:url(images/submit-comment.gif) no-repeat top center;
	display:block; outline:0; text-indent:-9999px;
	border:0;
}

.author {
	font:12px Arial, Helvetica, sans-serif; color:#3c4d54;
}

	.author a:link, .author a:active, .author a:visited {
		color:#3c4d54;
	}
	
	.author strong span, .author strong span a:link, .author strong span a:active, .author strong span a:visited {
		color:#6b8894;
		display:inline;
	}
	
.author span {
	font:0.61em Georgia, "Times New Roman", Times, serif; color:#a3aeb2;
	display:block;
}

.comment-text {
	font:1.00em Arial, Helvetica, sans-serif; color:#74868d;
	line-height:19px;
}
	
/* Sidebar
/* -------------- */

#sidebar li {
font-size:11px
}

	#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {
		color:#e30076;
		font-size:11px
	}
	
	#sidebar li a:hover {
color :#0a5070;
font-size:11px
		text-decoration:none;
	}
	
#sidebar .rss-date {
	margin:5px 0; padding:0;
	color:#709cb0;	
	display:block;
}

#sidebar .rssSummary {
	margin:5px 0; padding:0;
}

#sidebar li a.sidebar-read-more:link, #sidebar li a.sidebar-read-more:visited, #sidebar li a.sidebar-read-more:active,
#sidebar li a.sidebar-read-more-rss:link, #sidebar li a.sidebar-read-more-rss:visited, #sidebar li a.sidebar-read-more-rss:active {
	padding:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#e30076;
	position:absolute;
	margin-top: -13px;
	margin-right: 90px;
	margin-bottom: 0;
	margin-left: 15px;
}

	#sidebar li a.sidebar-read-more-rss:link, #sidebar li a.sidebar-read-more-rss:visited, #sidebar li 

a.sidebar-read-more-rss:active {
		padding:1px 0 0 23px;
		line-height:16px;
		background:url(images/rss.png) no-repeat center left;
	}

#sidebar li a.sidebar-read-more:hover,
#sidebar li a.sidebar-read-more-rss:hover {
	color:#889297; text-decoration:none;
}

#featured-news .sidebar-content a:link, #featured-news .sidebar-content a:active, #featured-news .sidebar-content a:visited,
#recent-news .sidebar-content a:link, #recent-news .sidebar-content a:active, #recent-news .sidebar-content a:visited {
	font:bold 12px Arial, Helvetica, sans-serif; color:#5a656a;
}

#featured-news .sidebar-content a:hover, #recent-news .sidebar-content a:hover {
	color:#475054;
}

	#featured-news .sidebar-content span a:link, #featured-news .sidebar-content span a:visited, #featured-news .sidebar-content 

span a:active,
	#recent-news .sidebar-content span a:link, #recent-news .sidebar-content span a:visited, #recent-news .sidebar-content span 

a:active {
		margin:5px 0 0 0; padding:0;
		font:normal 1.00em Arial, Helvetica, sans-serif; color:#709cb0;
		display:block;
	}
	
	#featured-news .sidebar-content span a:hover,
	#recent-news .sidebar-content span a:hover {
		color:#5e8293;
	}
	
#sponsored-ad p.sponsored-ad {
	margin:auto auto 8px 5px;
	font:0.92em Arial, Helvetica, sans-serif; color:#9caab1;
}

/* Footer
/* -------------- */
	
p.about-text {
	margin:0 0 10px 0;
	font:10px Arial, Helvetica, sans-serif; color:#5c5c5c;
	float:left;
}


p.cre-text {
	margin:0 0 10px 0;
	font:10px Arial, Helvetica, sans-serif; color:#5c5c5c;
	line-height:17px;
	width:500px;
}
p.copyright {
	margin:10px 0 0 0;
	font:0.92em Arial, Helvetica, sans-serif; color:#404040;
}

/* Misc
/* -------------- */

.arial, .arial a {
	font-family:Arial, Helvetica, sans-serif;
}

/* 02 - MAIN STRUCTURE
/* ----------------------------------------------*/

.container {
	/* The container is a class simply because of the multiple full-span elements.*/
	margin:0 auto; padding:0;
	width:999px; height:auto;


}


.contentindexpage {
	/* The container is a class simply because of the multiple full-span elements.*/
	margin:0 auto; padding:0;
	width:606px; height:auto;
	margin-top:20px;
	float:left;
}
.contentindex {
	/* The container is a class simply because of the multiple full-span elements.*/
	margin:0 auto; padding:0;
	width:630px; height:auto;
	float:left;
}
.contentindexbig {
	/* The container is a class simply because of the multiple full-span elements.*/
	margin:0 auto; padding:0;
	width:100%; height:auto;
	background-color:#dfdfdf;
}



/* Various Columns
/* -------------- */

.col-580 {
	width:980px;
	
}
.col-600 {
	width:600px;
	background-color:#dfdfdf;
}

.col-800 {
	width:850px;
	background-color:#dfdfdf;
}

.col-340 {
	width:390px;
	float:left;

}



.left, .alignleft {
	float:left;
	margin:0;
	padding:0;
}

.right, .alignright {
	float:right;
}

.aligncenter {
	margin:0 auto;
	display:block;
}

/* Clearfix
/* -------------- */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* 03 - HEADER
/* ----------------------------------------------*/

#header {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#888888;

}
	#logo {
		margin:0; padding:0 0;
		width:710px; height:105px;
		float:left;
		margin-left:-5px;
		color:#ffffff;	
	

	}
	
	
	#searchform-header {
		margin:50px 0px 0 0; padding:0;
		width:284px; height:auto;
		background:url(images/searchform-back.gif) no-repeat center left;
		float:right;
	}
		#socialicon {
	padding:0;
	width:880px;
	height:auto;
	float:left;
	margin-top: -102px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
	font-size:11px;
	
	}

		#searchform-header #s {
	width:165px;
	height:auto;
	border:0;
	background:none;
	float:left;
	font-size:0.92em;
	color:#aea592;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 25px;
		}
		
		#searchform-header #go {
			float:right;
			margin:0;
		}
	

		
	.rss {
		margin:0 30px 0 0; padding:0;
		width:16px; height:17px;
		float:right;
	}
	
/* 04 - DOCK
/* ----------------------------------------------*/
	
#latest-dock {
	margin:0; padding:0;
	background:#888888 repeat-x bottom center;

}

	.dock-back {
	padding:20px 0;
	height:320px;
	width:1010px;
	background-color:#454545;

	}
	
		#dock {
	padding:0;
	width:988px;
	list-style:none;
	position:relative;
	text-align:center;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
		
			#dock li {
				margin:0; padding:0 0 20px 0;
				display:inline;
			}
			
				#dock li.dock-active {
					background:url(images/dock-shadow.png) no-repeat bottom center;
				}
			
				#dock li a:link, #dock li a:active, #dock li a:visited {
					margin:30px 7px 0 7px; padding:2px 0 0 0;
					width:75px; height:58px;
					background:url(images/dock-preview-back.png) no-repeat top center;
					display:inline-block;
				}
					
				#dock li span {
					margin:0; padding:0;
					width:988px; height:auto;
					position:absolute;
					display:none;
					top:0; left:0;
					text-align:center;
					font:bold italic 13px Georgia, Arial, Helvetica, sans-serif; color:#7c7c7a;
					font-stretch:-60px;
				}
				
				.latest {
					width:988px; text-align:center;
					font:bold italic 13px Georgia, Arial, Helvetica, sans-serif; color:#7c7c7a;
					position:absolute;
				}
				
					
/* 05 - POST ONE
/* ----------------------------------------------*/	


.postone{
width:auto;
margin-right:25px;
padding:5px;
height:264px;
background-color:#fff;
float:right;
margin-top:25px;
}

.postonetitle{
	width:380px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:30px;
	text-align:justify;
	color:#8d8d8d;
	font-size:14px;

}

h3.post-title, h3.post-title a:active, h3.post-title a:visited, h3.post-title a:link {
	margin:0; padding:0px 0;
	padding-bottom:20px;
	width:405px; height:auto;
	color:#fff;
	font-size:24px;
	}

h3.post-title a:hover {
	margin:0; padding:10px 0;
	width:405px; height:auto;
	color:#d0d0d0;
	}
	
	h3.post-titlepost, h3.post-titlepost a:active, h3.post-titlepost a:visited, h3.post-titlepost a:link {
	margin:0; padding: 0px 0;
	padding-bottom:3px;
	width:180px; height:auto;
	color:#000000;
	font-size:14px;
	line-height:1.1em;
	}

h3.post-titlepost a:hover {
	margin:0; padding:0px 0;
	width:405px; height:auto;
	color:#494949;
	}
	
	
		h3.post-titlepostbig, h3.post-titlepostbig a:active, h3.post-titlepostbig a:visited, h3.post-titlepostbig a:link {
	margin:0; padding: 0px 0;
	padding-bottom:3px;
	width:215px; height:auto;
	color:#000000;
	font-size:18px;
	line-height:1.1em;
	}

h3.post-titlepostbig a:hover {
	margin:0; padding:0px 0;
	width:405px; height:auto;
	color:#494949;

	}
	h3.post-titlepostbigg, h3.post-titlepostbigg a:active, h3.post-titlepostbigg a:visited, h3.post-titlepostbigg a:link {
	margin:0; padding: 0px 0;
	padding-bottom:3px;
	margin-left:8px;
	width:185px; height:auto;
	color:#000000;
	font-size:18px;
	line-height:1.1em;
	}

h3.post-titlepostbigg a:hover {
	margin:0; padding:0px 0;
	width:405px; height:auto;
	color:#494949;
	}
	
	
	h3.post-titlepostbiga, h3.post-titlepostbiga a:active, h3.post-titlepostbiga a:visited, h3.post-titlepostbiga a:link {
	margin:0; padding: 0px 0;
	padding-bottom:3px;
	width:210px; height:auto;
	color:#000000;
	font-size:18px;
	line-height:1.1em;
	}

h3.post-titlepostbiga a:hover {
	margin:0; padding:0px 0;
	width:210px; height:auto;
	color:#494949;
	}
	
	
				h3.post-titleposttheme, h3.post-titletheme a:active, h3.post-titletheme a:visited, h3.post-titletheme a:link {
	margin:0;
	padding: 0px 0;
	padding-bottom:30px;
	padding-top:10px;

	width:585px;
	height:auto;
	color:#000000;
	font-size:16px;
	line-height:1.1em;

	}

	h3.post-titleposttheme a:hover {
	margin:0; padding:0px 0;
	width:210px; height:auto;
	color:#494949;
	}
	
	
	
			h3.post-titlepostpage, h3.post-titlepage a:active, h3.post-titlepage a:visited, h3.post-titlepage a:link {
	margin:0;
	padding: 0px 0;
	padding-bottom:30px;
	padding-top:10px;

	width:585px;
	height:auto;
	color:#000000;
	font-size:24px;
	line-height:1.1em;

	}

h3.post-titlepostpage a:hover {
	margin:0;
	padding:0px 0;
	width:405px;
	height:auto;
	color:#494949;

	}
			h3.post-titlepostarchive, h3.post-titlearchive a:active, h3.post-titlearchive a:visited, h3.post-titlearchive a:link {
	margin:0;
	padding: 0px 0;
	padding-bottom:30px;
	padding-top:10px;
	margin-left:12px;
	width:585px;
	height:auto;
	color:#000000;
	font-size:24px;
	line-height:1.1em;

	}

h3.post-titlepostarchive a:hover {
	margin:0;
	padding:0px 0;
	width:405px;
	height:auto;
	color:#494949;

	}

h3.post-excerpt {
	line-height:1em;
	width:405px; height:auto;
	color:#8d8d8d;
	font-size:14px;
	}


/* 05 - MAIN CONTENT
/* ----------------------------------------------*/

#main-content {
	padding:20px 0;
	background-color:#888888;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.post {
	background-color:#fff;

}.postpage {
	background-color:#dfdfdf;
	width:600px;

}

/* Archive Post
/* --------------- */

.archive {
	margin:0;
}
	
	.archive .post-meta {
		margin:0 0 17px 0;
	}
	
	.archive .post-info {
		font-style:italic;
	}
	
/* Small (Half) Post
/* --------------- */

.single {
	width:190px;
	height:280px;
	float:left;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 12px;
	text-align:justify;}
	
.singletag {
	width:190px;
	height:250px;
	float:left;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-bottom: 15px;
	margin-left: 12px;
	text-align:justify;


}

.singlebig {
	width:48%;
	float:left;
	margin-bottom: 15px;
	text-align:justify;
	background-color:#dfdfdf;

}
.single .post-content {
margin:0;
padding:0px;
background-color:#FFFFFF;
	}
	
	.single .post-image {
	
		float:left; 

	
	}
	.single .post-footer {
		padding:16px 23px;
	}
	
	.last {
		margin:0;
	}

/* Post Box
/* --------------- */



.box1 {
width:255px;
background-color:#3333FF;
float:left;
}

.box2{
width:172px;
text-align:justify;
font-size:11px;
margin:0px;
padding-right:10px;
padding-left:10px;
padding-bottom:0;
padding-top:0;
color:#7a7979;
line-height:1.1em;
margin-bottom:5px;

}
.box2big{
width:205px;
text-align:justify;
font-size:11px;
margin:0px;
padding-right:10px;
padding-left:10px;
padding-bottom:0;
padding-top:0;
color:#7a7979;
line-height:1.1em;
}





	.post-meta {
		margin:5px; padding:0;
		position:relative;
	}
	
		.postpage-metapage {
		padding:5px;
		margin-left:15px;
		margin-top:15px;
		width:575px;
		position:relative;
		background-color:#fff;
	}
	.post-metabig {
		margin:5px; padding:5px;
		position:relative;
		float:left;
		height:120px;
		background-color:#FFFFFF;
	}

		
		
		.post-info {
			margin:0; padding:10px 5px;
			width:80px; height:auto;
			border-bottom:4px solid #30393d;
			bottom:0; right:0;
			position:absolute;
		}
			.post-info2 {
	width:445px;
	height:auto;
	font:0.9em Arial, Helvetica, sans-serif;
	color:#b6b6b6;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/comment.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt center;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 17px;
		}
		.post-info3 {
	width:355px;
	height:auto;
	font:0.9em Arial, Helvetica, sans-serif;
	color:#b6b6b6;

		}
.post-box {
	padding:0;
	background-color:#fff;
	width:190px;
	}
	.post-boxpage {
	background-color:#dfdfdf;


	}
	.post-boxbig {
	background-color:#dfdfdf;
	width:215px;
	float:right;
	margin-top:5px;
	font-size:11px;
	padding-top:0px;
	line-height:1.4em;}
	
		.post-boxbigm {
	background-color:#dfdfdf;
	width:215px;
	float:right;
	margin-top:5px;
	padding-top:0px;

	


}
	.post-content{
	margin:0;
	position:relative;
	width:190px;
	background-color:#fff;
	
	
	
	


	}
	.post-contentbig{
	margin:0;
	position:relative;
	width:470px;
	background-color:#fff;}
	
	.post-image{
			margin:6px; padding:0;
			width:auto; height:auto;
			display:block;
	}
	.post-imagebig{
			margin:12px; padding:0;
			width:auto; height:auto;
			display:block;
	}
	.page-content{
	margin:0;
	border:1px solid #FFF;
	border-bottom:1px solid #e8ebec;
	position:relative;
	padding-top: 5px;
	background-color:#FFffff;
	width:578px;}
	
		.page-contenttag{
	margin:0;
	position:relative;
	padding-top: 5px;
	background-color:#dfdfdf;
	width:578px;}
	
	.comment-content {
	margin:0;
	position:relative;
	padding-top: 5px;
	background-color:#fff;
	width:600px;
	margin-left:10px;
	}
	
	
		.commenta-content {
	margin:0;
	position:relative;
	padding-top: 5px;
	background-color:#fff;
	width:580px;
	margin-left:10px;
	}
	
	.page-content{
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
	}
	
	
		.pagecom-content{
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
	width:550px;
	}

		
		.comment-count {
			margin:0; padding:0;
			width:auto; height:auto;
			background:#e30076;
			position:absolute; display:block;
			top:-10px; left:-10px;
		}
			.page-content .comment-count {
				margin-top:-15px;
			}
				
		.post-image-inner {
			margin:0 auto 10px auto; padding:0;
			width:auto; height:auto;
			display:block;
		}
		
			.post-image-inner {
				margin:0 auto 10px 15px;
				float:right;
			}
		
			.post-image img, .post-image-inner img {
	margin:0 auto;
	padding:3px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e7e8e8;
	border-top:1px solid #e7e8e8;
	text-align:center;
	display:block;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left:-2px;
			}
			
	.post-image2 img{
	margin:0 auto;
	padding:3px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e7e8e8;
	border-top:1px solid #e7e8e8;
	text-align:center;
	display:block;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left:20px;
			}
			
	
	
		.continue-reading {
	margin:0;
	padding:0;
	width:220px;
	height:auto;
	float:left;

		}
		
		.category-menu {
			margin:0; padding:0;
			width:350px; height:auto;
			float:right; text-align:right;
			position:absolute; top:10px; right:10px;
		}
		.catind, .catind a:link{
	font-size:12px;
	text-transform: uppercase;
	color:#6b6b6b;
	font-weight: bold;
	text-align:right;
	margin-bottom:10px;

}
				.catind a:active, .catind a:visited, .catind a:hover{
	font-size:12px;
	text-transform: uppercase;
	color:#313131;
	font-weight: bold;
}
		

			.indicator, .indicator-active {
				margin:0; padding:0;
				width:7px; height:5px;
				background:url(images/expand.gif) no-repeat center left;
				display:inline-block; vertical-align:middle;
				text-align:right;
			}
			
				.indicator-active {
					background:url(images/collapse.gif) no-repeat center left;
				}
		
			.dropdown {
				margin:0; padding:0;
				width:360px; height:auto;
				background:url(images/dropdown.png) no-repeat bottom center;
				text-align:left;
				display:none;
				position:relative;
			}
			
				.cat-posts {
					margin:0 auto; padding:10px 0 19px 0;
					width:322px; height:auto;
					list-style:none;
					border-top:1px solid #ebecec;
				}
				
					.cat-posts li {
						margin:0; padding:10px 15px;
						background:url(images/cat-post-li.gif) no-repeat bottom right;
					}
					
						.cat-posts li.view-more {
							background:none;
						}

/* Content Navigation
/* --------------- */	
						

/* WP Attachments
/* --------------- */

.wp-caption {
	margin:0 10px; padding:9px 5px 5px;
	background:#FFF;
	border:1px solid #ebf2f5;
	border-bottom:1px solid #CCCCCC;;
	text-align:center;
}

	.wp-caption-text {
		margin:5px auto auto auto; padding:5px 0 0;
		font:0.92em Arial, Helvetica, sans-serif; color:#656c71;
	}
	
/* Inputs
/* --------------- */

.input {
	margin:0; padding:5px;
	background:#fdfefe url(images/post-box-top.gif) repeat-x top center;
	border:1px solid #dce7ed;
	font:0.92em Arial, Helvetica, sans-serif; color:#76716c;
}

	
/* Comments
/* --------------- */


.commentlist, .commentlist ul {
	margin:15px 0 0 0; padding:0;
	list-style:none;
}

	.commentlist li {
		margin:0; padding:15px;	
		padding-left:10px;
		background:url(images/white.gif) repeat-x bottom center;
		border-bottom:1px solid #d9e1e6;
	}
	
	.commentlist li.alt, .thread-alt {
		background:#f9fcfd url(images/white.gif) repeat-x bottom center;
	}
	
	.commentlist li.no-comments {
		margin:55px 0 0 0; padding:0 30px;
		background:none;
		border:0;
		
	}
	
	.commentlist .children {
		margin:10px 0 0 0; padding:0;
		border:1px solid #d9e1e6;
	}
	
		.commentlist .children li {
			margin:0; padding:20px;
			border-bottom:1px solid #FFF;
		}
	
	
		.commentlist li .comment-wrap {
			position:relative;
			text-align:left;
		}
	
			.commentlist li .comment-text {
				margin:0; padding:0;
				width:auto; height:auto;
				background:none;
			}
			
			.commentlist li .comment-author {
				margin:0; padding:0;
				width:auto; height:auto;
			}
			
		
				
				.author {
					margin:2px 0 0 0; padding:0;
					width:550px; height:auto;
					float:left;
				}

/* 06 - SIDEBAR
/* ----------------------------------------------*/
#sidebargauche {
	margin:0 0 0 0px; padding:0;
	width:195px; height:auto;
	list-style:none;
	float:right;
	background-color:#dfdfdf;


	
}

#sidebar {
	margin:0 0 0 0px; padding:0;
	width:185px; height:auto;
	list-style:none;
	float:right;
	margin-left:5px;

}

	#sidebar li {
	width:182px;
	height:auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0px;
	background-color: #dfdfdf;
	}
	
		#sidebar #tag_cloud, #sidebar #search {
			padding:0;
			background:none;
		}
		
			#searchform {
				margin:0 auto; padding:0;
			}
			
	#sidebar #sponsored-ad {
		background:none;
	}
	
		#sidebar li ul{
	padding:0;
	width:180px;
	height:auto;
	list-style:none;
	overflow:hidden;
	background-color:#c7c7c7;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	width: 182px;
	height: auto;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #dfdfdf;
	margin-left: 8px;}		
	
	#sidebargauche li ul{
	padding:0;
	width:180px;
	height:auto;
	list-style:none;
	overflow:hidden;
	background-color:#c7c7c7;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	width: 182px;
	height: auto;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #dfdfdf;
	margin-left: 8px;}
	
	#sidebartop li ul{
	padding:0;
	width:180px;
	height:auto;
	list-style:none;
	overflow:hidden;
	background-color:#c7c7c7;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	width: 182px;
	height: auto;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-left: 8px;
	
	
	
	
	
	
	
	
		}				#sidebar .textwidget, #calendar_wrap {
	padding:0;
	width:182px;
	height:auto;
	list-style:none;
	overflow:hidden;
	background-color: #dfdfdf;
		}		


		
		
		
		
			#calendar_wrap {
				margin:0 auto;
				width:190px;		
			}
		
				#wp-calendar {
					margin:15px 0; padding:0;
					width:100%; height:auto;
				}
				
					#wp-calendar caption {
						font:bold 1.17em Arial, Helvetica, sans-serif; color:#5a656a;
					}
					
					#wp-calendar thead tr th {
						font-weight:bold;
					}
					
					#wp-calendar td {
						font:0.92em Arial, Helvetica, sans-serif; color:#709cb0;
						border:1px solid #d2dce0; text-align:center;
					}
					
						#wp-calendar tfoot td {
							border:0;
						}
		
		#sidebar .textwidget {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	width:172px;
	padding:5px;
	background-color:#c7c7c7;
		}
		
		
			#sidebar li ul li  {
				margin:0 0 10px 0; padding:0;
				width:auto; height:auto;
				background:none;
			}
			
				.sidebar-preview {
					margin:0; padding:5px 0 0 5px;
					width:164px; height:74px;
					background:#FFF no-repeat top center;
					float:left;
					margin-left:6px;
				}
				
				.sidebar-content {
	margin:0;
	width:152px;
	height:auto;
	float:right;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
				}
						
/* 07 - FOOTER
/* ----------------------------------------------*/

#footer {
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 30px;
padding-right: 0pt;
padding-bottom: 30px;
padding-left: 0pt;
width: auto;
height: auto;
background-color: #232526;
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center top;

}

#footer .about {
		margin:0; padding:0;
		width:400px; height:auto;
		float:left;
	}
	
	#footer .arh {
		margin:0; padding:0;
		width:400px; height:auto;
		float:right;
	}
		
	
	h7 {
	margin:-9px 0 0 0;
	padding:0;
	font:1px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	position:relative;
	display:block;
	visibility: hidden;
}
	h7 a:link, h1 a:active, h1 a:visited {
		color:#ffffff;
		outline:0;
	}
	
	h7 a:hover {
	color:#ffffff;
	}

	h7 span {
		margin:10px 0 0 0;
		width:100%; height:20px;
		position:absolute; display:block;
	}
	
	#fvCommunityNewsForm label {
	font-weight: bold;
	display: block;
	margin: 5px 0 2px 5px;
	width: 70px;

}
	#fvCommunityNewsForm {
	font-weight: bold;
	display: block;
	margin: 0px 0 0px 4px;
	width:182px;
	background-color:#c7c7c7;
	margin-top:-5px;
	padding-bottom:10px;
	
}

	#fvCommunityNewsAjaxResponse {

	margin: 10px 0 2px 25px;
	width:170px;

}
#fvCommunityNewsForm textarea {
	width: 160px;
	font: 11px Verdana, Geneva, sans-serif;
	padding: 3px 2px;
	color: #333;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
	margin-left:7px;}
	
	#fvCommunityNewsForm input{
	width: 160px;
	font: 11px Verdana, Geneva, sans-serif;
	padding: 3px 2px;
	color: #333;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;margin-left:7px;
}

#fvCommunityNewsSubmit {
	width: auto !important;
	display: block;
	margin-top: 4px;
	font: 11px Verdana, Geneva, sans-serif;
	padding: 3px 2px;
	color: #333;
	background-color: #e30076;}
	
	
	div.pagination 
{

clear: left;

}


	div.pagination 
{
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
margin-top: 3px;
margin-right: 3px;
margin-bottom: 3px;
margin-left:15px;
text-align: center;

}
#nav .select a, #nav .current a

{

display: block;
height:32px;
float: left;
width: auto;
padding-top: 0pt;
padding-right: 20px;
padding-bottom: 0pt;
padding-left: 20px;
text-decoration: none;
font-size: 12px;
line-height:32px;
color: #333333;}

#nav .current a {
background-color: #333333;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #e30076;
display: inline;

}

#nav .sub_active a {

height:32px;
text-decoration: none;
line-height:32px;
display: inline;
float: left;
width: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
font-size: 12px;
color: #cccccc;


}

#nav .sub_active .current_sub a, #nav .sub_active a:hover
{
color: #e30076;
}
#navigation{
}
	
#nav{
	width:1010px;
	margin:auto;
	height:35px;
	position:relative;
	border-top-width: 6px;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #e30076;
	border-right-color: #e30076;
	border-bottom-color: #e30076;
	border-left-color:#e30076;
	background-image:url(images/bg_menu.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
	height:35px;


	
}
#nav .select, #nav .current{
	margin:0;
	padding:0;
	list-style:none;
		background-image:url(images/bg_menu.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
		color:#fff;
	
}
#nav li{display:inline; margin:0; padding:0; height:auto}

#nav .select a, 
#nav .current a{
	display:block;
	height:35px;
	float:left;
	width:auto;
	padding:0 15px 0 15px;
	text-decoration:none;
	font-size:14px;
	line-height:30px;
	color:#fff;

}

#nav .select a:hover{
background:#424242; color:#fff;background-image: url(images/back_menu.gif);
height:35px;}




#nav .select li:hovera {background:#424242; color:#fff;background-color:#e30076; padding: 2px;}


#nav .sub{display:none; width:1010px}
#nav .current a{
	background:#424242;
	color:#000;
	display:inline;


}
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover{
color:#fff;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover{color:#ffffff;}
#nav .select li a:hover .sub, 
#nav .select li:hover .sub{display:inline; position:absolute; width:1010px; top:30px; left:0; margin-top:0; padding:0; z-index:100; color:#ffffff; font-size:10px}
#nav .sub, #nav .sub_active{
	margin:0;
	padding:0;
	list-style:none;
	background-color: #6e6e6e;
	
}
#nav .sub_active{
display:inline; position:absolute; width:1010px; top:30px; left:0;  margin-top:0; padding:0; z-index:10}
#nav .sub_active a{
	height:30px;
	text-decoration:none;
	line-height:30px;
	display:inline;
	float:left;
	width:auto;
	padding:0px 0px 0px 10px;
	margin:0;
	font-size:12px;
	color:#fff;
	
	

}
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a{
width:auto; background-color: #6e6e6e; display:inline; float:left; padding:0px 0px 0px 10px; margin:0;  color:#dedede; font-size:13px;
padding-left:10px;
padding-right:10px;
}


#nav .sub_active a 
{

height:32px;
text-decoration: none;
line-height:32px;
display: inline;
float: left;
width: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
font-size: 12px;
color: #cccccc;
padding-left:10px;
padding-right:10px;



}

#nav .sub_active .current_sub a, #nav .sub_active a:hover 
{
color: #fff;
padding-left:10px;
padding-right:10px;


}









	/* Mini blogs Partenartats */


.minileft{
	/* Sidebar Header */
	margin:0;
	width:145px;
	height:207px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	padding-top: 38px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	float:left;
	background-image: url(images/sidebar-mini.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left:17px;
}

.miniright {
	/* Sidebar Header */
	margin:0;
	width:146px;
	height:207px;
	color:#5a5a5a;
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	float:right;
	background-image: url(images/sidebar-mini2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right:59px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
}


			#minis {
			padding:0;
			margin:0;

			width:375px;
			clear:both;
		}
.interviews {
	/* Sidebar Header */
	margin:0;
	width:301px;
	height:402px;
	color:#5a5a5a;
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	background-image: url(images/interviews.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right:59px;
	float:left;
	margin-left:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
}
.facebook{
	/* Sidebar Header */
	width:301px;
	height:165px;
	color:#5a5a5a;
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	background-image: url(images/reseau.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	margin-right:59px;
	margin-top:5px;
	margin-left:15px;
	


}.focus{
	/* Sidebar Header */
	margin:0;
	width:301px;
	height:355px;
	color:#5a5a5a;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	background-image: url(images/focus.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right:59px;
	float:left;
	margin-left:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;

}.focus2{
	/* Sidebar Header */
	margin:0;
	width:301px;
	height:402px;
	color:#5a5a5a;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	background-image: url(images/focus.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right:59px;
	margin-left:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
}

.tags {
	font-size: 11px;
	background: url(images/tag_blue.png) center left no-repeat;
}

.linkwithin_div{
padding:0px;
margin-left:-10px;

}
.tags a {
	font-size: 11px;
padding-top: 1pt;

padding-right: 0.4em;

padding-bottom: 1pt;

padding-left: 0.4em;
	background-color:#999999;
	color:#FFFFFF;
	text-decoration: none;
}

.tags a:hover{
	font-size: 11px;
padding-top: 1pt;

padding-right: 0.4em;

padding-bottom: 1pt;

padding-left: 0.4em;
	background-color:#bababa;
	color:#FFFFFF;
	text-decoration: none;
}

/* ---------- @ TYPO-----------*/


 .typeface-js {
	font-family: Myriad Pro;
	display: inline;
}  




.screenshot {
	padding-bottom:11px;
	padding-left:13px;
	padding-top:11px;
	width: 330px;
	height: 190px;
}

.screenimg {
	width: 100%;
	height: 100%;
	float:left;
	position: relative;
	border: 1px solid #dddddd;
}
.posthome{
	background-image:url(images/post.png);
	height: 313px;
	width:357px;

}


.blogs{
height:137px;
float:left;
margin-left:22px;
margin-top:20px;
width:367px;}

.blogsindex{
height:137px;
float:left;
width:367px;}


.grey{
border-top:1px solid #d6d6d6;}
