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,b,u,i,center,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;font-size:1em;vertical-align:baseline;background:transparent}
ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body {
	font-family: Myriad, Myriad Pro, Arial, Helvetica, sans-serif;;
	background-attachment: fixed;
	background-image: url(images/background-2.jpg);
	background-position: center top;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #000000;
}
div#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;


}
/* ------------------header------------------ */
div#header {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 111px;
	position: relative;
	text-align: left;
}
div#header div#control{
	position: absolute;
	top: -23px;
	left: 40px;
	font-size: 0.7em;
        z-index:1111;

}
div#header div#control a{
	color: #888;
	text-decoration: none;

}
div#header div#control a.skip{
	display: none;

}
div#header div#control a.mobile{
	background-image: url(images/mobile_phone.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 16px;
	padding-top: 5px;
	padding-bottom: 5px;

}
div#header div#control a.rss{
	background-image: url(images/rss.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	padding-top: 5px;
	padding-bottom: 5px;

}
div#header div#control a:hover{
	color: #CCCCCC;

}
div#header h1{
	font-size: 1px;
	height: 111px;
	width: 301px;
	position: absolute;

}
div#header h1 a{
	background-image: url(images/logo-top.png);
	background-repeat: no-repeat;
	display: block;
	color: #333333;
	text-decoration: none;
	height: 111px;
	width: 301px;

}
div#header ul{
	float: right;
	margin-top: 20px;
	margin-right: 20px;

}
div#header ul li{
	display: block;
	float: left;

}
div#header ul li a{
	font-size: 1px;
	color: #333333;
	text-decoration: none;
	display: block;

}
div#header ul li a.item1{
	background-image: url(images/visualize-a.png);
	background-repeat: no-repeat;
	height: 74px;
	width: 178px;


}
div#header ul li a.item2{
	background-image: url(images/discover-a.png);
	background-repeat: no-repeat;
	height: 74px;
	width: 180px;

}
div#header ul li a.item3{
	background-image: url(images/differentiate-a.png);
	background-repeat: no-repeat;
	height: 74px;
	width: 180px;
}
div#header ul li a:hover{
	background-position: left -74px;

}
/* ------------------content------------------ */
div#content{
	float: left;
	width: 600px;
	margin-top: 30px;
	text-align: left;
	margin-bottom: 10px;



}
/* ------------------------     ------------    home slider    -----------------------    ------------------------------- */
.slider-wrap								{
	width: 560px;
	background-image: url(images/slider.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	height: 311px;
	margin-bottom: 10px;
        overflow:hidden;
}	
.extraslide								{
	padding-left: 450px;

}
#main-photo-slider{overflow:hidden; width:560px; height:250px;}		
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 560px; height: 250px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 560px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ }
#movers-row									{
	margin-right: 0;
	margin-bottom: 0;
}
#movers-row div								{ }
#movers-row div a.cross-link 				{ }
.photo-meta-data							{
	background: url(images/transpBlack.png);
	padding: 15px;
	height: 50px;
	margin-top: -67px;
	position: relative;
	z-index: 9999;
	color: white;
	font-size: 0.8em;
	line-height: 1.4em;
}
.photo-meta-data h2 a 						{
	color: #3399CC;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}
.cross-link									{
	z-index: 9999;
	display: block;
        float:left;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 12px;
	opacity:.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30);
}
.active-thumb 								{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}
/* ------messages - search, tags... -------- */
div#content div.message{
	background-image: url(images/post-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 30px;
	padding-top: 45px;
	color: #666666;
}
div#content div.message h3{
	font-size: 1.2em;
	font-weight: normal;

}
div#content div.message h3 em{
	color: #333333;
	background-color: #FFFF66;

}
div#content div.message div.message-content{
	background-image: url(images/post-content.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 20px;
}
div#content div.message div.message-bottom{
	background-image: url(images/post-bottom-bis.png);
	background-repeat: no-repeat;
	height: 21px;

}
.message h4{font-size:1.5em !important; font-weight:normal;  margin-bottom:10px;}
         .message ol{font-size:0.8em; color:#666;}
         .message ol li{padding:10px 0px; border-bottom: 1px solid #e6e6e6;}
#disqus_thread h3{font-size:1.8em !important; margin-bottom:10px;  margin-top:0px !important; font-weight: normal !important;}
         #disqus_thread a, a.dsq-brlink, .message ol a{color:#4b4b4b !important;}
         #disqus_thread a:hover, .message ol a:hover{background-color:#ffff66 !important;}
         
/* ------post-------- */
div#content div.post{
	background-image: url(images/post-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 51px;
	margin-bottom: 10px;
}
div#content div.post div.post-content{
	background-image: url(images/post-content.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 35px;

}
div#content div.post div.post-content div.caption{
	padding-top: 20px;
	font-size: 0.85em;
	line-height: 1.4em;
	color: #3A3A3A;
}
div#content div.post div.post-content div.caption a{
	color: #0078F0;
	text-decoration: underline;

}
div#content div.post div.post-content div.caption a:hover{
	background-color: #FFFF66;

}


/* -quote size- */
div#content div.post div.post-content h3.quote{
	padding-right: 20px;
	padding-left: 35px;
	font-style: italic;
	color: #454545;
	font-weight: bold;
	line-height: 1.15em;

}
div#content div.post div.post-content h3.quote span{
	margin-left: -35px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	float: left;
	font-size: 48px;
	color: #BCBCBC;
	line-height: 36px;
	font-weight: bold;

}
div#content div.post div.post-content h3.short{
	font-size: 1.6em;
	letter-spacing: -0.02em;
	line-height: 1.15em;
}
div#content div.post div.post-content h3.medium{
	font-size: 1.2em;
	letter-spacing: -0.01em;
	line-height: 1.3em;
}
div#content div.post div.post-content h3.long{
	font-size: 0.9em;
	line-height: 1.35em;
}

/* ------------------------------post typography----------------------- */
div#content div.post div.post-content h2{
	font-size: 1.7em;
	font-weight: normal;
	color: #666666;

}
div.caption h2, div.caption h3, div.caption h4, div.caption h5, div.caption h6{
	margin-top: 20px;
	margin-bottom: 20px;
	color: #333333;
	font-weight: bold;

}
div.caption p + p, div.caption p + p + p, div.caption p + p + p + p, div.caption p + p + p + p + p, div.caption p + p + p + p + p + p {
	padding-top: 20px;
}
div#content div.post div.post-content div.caption h2{
	font-size: 1.8em;

}
div#content div.post div.post-content div.caption h3{
	font-size: 1.6em;
}
div#content div.post div.post-content div.caption h4{
	font-size: 1.4em;
}
div#content div.post div.post-content div.caption h5{
	font-size: 1.2em;
}
div#content div.post div.post-content div.caption h6{
	font-size: 1em;
}
div#content div.post div.post-content div.caption p{
	font-size: 1em;
}
div#content div.post div.post-content div.caption ul, div#content div.post div.post-content div.caption ol{
	margin: 18px 0px 18px 30px;
}
div#content div.post div.post-content div.caption ul{
	list-style-type: square;
}
div#content div.post div.post-content div.caption ol{
	list-style-type: decimal;
}
div#content div.post div.post-content div.caption ul li, div#content div.post div.post-content div.caption ol li{
	padding-top: 2px;
	padding-bottom: 2px;

}
div#content div.post div.post-content div.caption blockquote, div#content div.post div.post-content div.caption cite{
	font-style: italic;
	padding: 20px;

}
div#content div.post div.post-content h2 a{
	color: #0078F0;
	text-decoration: none;
	font-style: italic;
}
div#content div.post div.post-content h2 a:hover{
	background-color: #FFFF66;
}
/* ---------------------------------------------float element in post and special box---------------------------------------------- */
div.caption div.left, div.caption img.left{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #F3F3F3;
	padding: 10px;
	border: 1px solid #DADADA;
}
div.caption div.right, div.caption img.right{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
div.caption div.center, div.caption img.center{
	margin-bottom: 20px;
	text-align: center;
}
div#content div.post div.post-content div.media{
	margin-bottom: 5px;
	text-align: center;
}
div.caption span.red, div.caption div.red, div.caption p.red{
	color: #F20006;
	background-color: #FFE1E2;
	padding: 10px;
	margin-top: 25px;
	border: 1px solid #FFB9BB;
	display: block;
}
div.caption span.green, div.caption div.green, div.caption p.green{
	color: #00990C;
	background-color: #CBF1C9;
	padding: 10px;
	margin-top: 25px;
	border: 1px solid #48D330;
	display: block;
}
div.caption code{
	font-size: 1em;

}
div.clear {
        clear:both !important;
        height:0px !important;
}
/* ---------------------------------------------post meta---------------------------------------------- */
div#content div.post div.meta{
	background-image: url(images/post-bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 101px;
	padding-right: 50px;
	padding-left: 20px;
	padding-top: 25px;
	font-size: 0.75em;
	color: #404040;
	position: relative;
	font-style: italic;
}
div#content div.post div.meta span.permalink{
	display: block;
	background-image: url(images/link.png);
	background-repeat: no-repeat;
	background-position: left -4px;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;

}
div#content div.post div.meta span.tags{
	display: block;
	width: 300px;
	padding-left: 30px;
	background-image: url(images/tag_green.png);
	background-repeat: no-repeat;
	background-position: left -2px;

}
div#content div.post div.meta span a{
	color: #666666;
	text-decoration: none;
	font-style: normal;
}
div#content div.post div.meta span.notes {
	position: absolute;
	top: 25px;
	right: 35px;
	width: 250px;
	font-size: 0.9em;

}
div#content div.post div.meta span.notes a {
	background-image: url(images/post-button.png);
	height: 25px;
	width: 93px;
	float: right;
	display: block;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 4px;
	margin-left: 10px;

}
div#content div.post div.meta span a:hover {
	color: #CCCCCC;


}
/* -post navigation- */
div#content div.post-navi {
	display: block;
	margin-bottom: 30px;
	height: 80px;
	background-image: url(images/post-navi.png);
	padding-right: 30px;
	padding-left: 30px;
	background-repeat: no-repeat;

}
div#content div.post-navi span.next a{
	float: right;
	background-image: url(images/next.png);
	background-repeat: no-repeat;
	background-position: right -1px;
	padding-right: 30px;
}
div#content div.post-navi span.previous a {
	float: left;
	background-image: url(images/back.png);
	background-repeat: no-repeat;
	background-position: left -1px;
	padding-left: 30px;
}
div#content div.post-navi span a {
	color: #454545;
	text-decoration: none;
	font-size: 0.78em;
	text-transform: uppercase;
	margin-top: 30px;
	line-height: 24px;
	
}
div#content div.post-navi span.next a:hover {
	color: #999999;
	background-position: right -27px;
}
div#content div.post-navi span.previous a:hover {
	color: #999999;
	background-position: left -27px;
}
/* ------------------sidebar------------------ */
div#sidebar {
	float: right;
	padding-top: 30px;
	width: 330px;

}
div#sidebar ul{
	background-image: url(images/sidebar-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
div#sidebar ul li{
	background-image: url(images/sidebar.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: left;

}
div#sidebar ul li h3{

}
div#sidebar ul#search{
	position: relative;
	margin-bottom: 28px;

}
div#sidebar ul#search input.search-field{
	background-image: url(images/search-input.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 290px;
	border: 0px none;
	height: 22px;
	background-color: transparent;
	color: #333333;
	padding-top: 6px;
}
div#sidebar ul#search input.search-field:focus{
	background-position: left -30;
	color: #000000;
        background-color: #fff;
}
div#sidebar ul#search input.search-button{
	position: absolute;
	top: 8px;
	right: 15px;
	background-image: url(images/search-button.png);
	background-repeat: no-repeat;
	height: 53px;
	width: 56px;
	background-color: transparent;
	border: 0px none;
	font-size: 0px;
	color: #FFFFFF;

}
div#sidebar ul#about div.description{
	padding-top: 20px;
	padding-bottom: 30px;
	color: #666666;
	font-size: 0.75em;

}
div#sidebar ul#about h3 a{
	background-image: url(images/mail_send.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	font-size: 1.5em;
	font-weight: normal;
	padding-top: 12px;
	padding-bottom: 5px;
	margin-bottom: 10px;

}
div#sidebar ul#about h3 a:hover{

}
div#sidebar ul#social-network div.sn-row{
	margin-top: 10px;
}
div#sidebar ul#social-network a{
	margin-right: 15px;
}
div#sidebar ul#social-network a.last{
	margin-right: 0px;
}
div#sidebar ul#social-network a img{
	opacity:.6;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
}

div#sidebar ul#social-network a:hover img{
	opacity:1;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}
div#sidebar ul#tags h3{
	background-image: url(images/tags.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1.5em;
	font-weight: normal;
	color: #666666;
	padding-left: 58px;
	padding-top: 2px;
	padding-bottom: 2px;
}
div#sidebar ul#tags div.singletags{
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;

}
div#sidebar ul#tags a{
	line-height: 24px;
	text-transform: capitalize;

}
#tag_cloud #tag_list {
    list-style:none;
    margin:0px !important;
    padding:0px !important;
    background-image: none !important;
}
#tag_cloud #tag_list li {
    display:inline;
    margin:0px !important;
    padding:0px !important;
    background-image: none !important;
}
div#sidebar ul#flickr h3{
	background-image: url(images/flickr-title.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1.5em;
	font-weight: normal;
	color: #666666;
	padding-left: 58px;
	margin-bottom: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}
div#sidebar ul#flickr div {
	text-align: center;
	padding-bottom: 10px;

}
.flickr_badge_image {
        float:left !important;
}

.flickr_badge_image img {border: 1px solid black !important;}
div#sidebar ul#flickr div a img {
	margin-right: 9px;
	margin-left: 10px;
        opacity:.6;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
}
div#sidebar ul#flickr div a:hover img{
	opacity:1;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);

}

div#sidebar ul#lifestream h3{
	background-image: url(images/clock.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1.5em;
	font-weight: normal;
	color: #666666;
	padding-left: 58px;
	margin-bottom: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
 #friendfeed{border:none !important; color:#666 !important; padding: 10px 0px !important;}
            #friendfeed .body, #friendfeed .info, #friendfeed .likes .lbody, #friendfeed .comments .content {color:#999 !important;}
            #friendfeed .body a{color:#0078f0 !important;}
            #friendfeed .body a:hover{color:#0078f0 !important; background-color: #ffff66;}
            #friendfeed .info a {color:#666 !important;} 
            #friendfeed .info a:hover {color:#666 !important; background-color: #fff;}
            #friendfeed .text {color:#4b4b4b !important;}
            #friendfeed .likes a,  #friendfeed .comments a{color:#4b4b4b !important;}
            #friendfeed .likes a:hover, #friendfeed .comments a:hover {color:#4b4b4b !important; background-color: #fff;}
div#sidebar a {
	color: #999999;
	text-decoration: none;

}
div#sidebar a:hover {
	color: #FFFFFF;
	text-decoration: underline;

}
div#sidebar ul#comments {
       color: #666666;
       
}
div#sidebar ul#comments ul {
    list-style:none;
    margin:0px !important;
    padding:0px !important;
    background-image: none !important;
}
div#sidebar ul#comments ul li {
    margin:0px 0px 5px 0px !important;
    padding:0px 0px 5px 0px !important;
    background-image: none !important;
    border-bottom: 1px dotted #333;
}
div#sidebar ul#comments h3{
	background-image: url(images/comments.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1.5em;
	font-weight: normal;
	color: #666666;
	padding-left: 58px;
	margin-bottom: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
div#recentcomments, div#recentcomments + a {
       font-size: 0.75em;
}

div#sidebar ul#slideshare {

}
div#sidebar ul#slideshare h3{
	background-image: url(images/artwork.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1.5em;
	font-weight: normal;
	color: #666666;
	padding-left: 58px;
	margin-bottom: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
div#sidebar ul#slideshare div span {
        padding-bottom:25px;
        display:block;
        font-size: 0.9em;

}
div#sidebar ul#slideshare div img {
        margin-bottom:10px;

}
div#sidebar ul#slideshare div a img {
       opacity:.6;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);  

}
div#sidebar ul#slideshare div a:hover img {
       opacity:1;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);

}
/* ---generic sidebar--- */
div#sidebar span.services {
        padding-bottom:10px;
        display:block;
        font-size: 0.8em;

}
div#sidebar span.services img {
        margin-bottom:6px;

}

/* ------------------footer------------------ */
div#footer{
	clear: both;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 111px;
	text-align: right;
	padding-top: 25px;
	padding-right: 20px;
	margin-top: 15px;
	color: #3C3C3C;
	font-size: 0.75em;
	line-height: 1.5em;

}
div#footer a{
	text-decoration: none;
	color: #666666;
}
div#footer a:hover{
	color: #999999;

}