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

	Theme Name: Digital Intent
	Theme URI: http://www.digital-intent.com/
	Description: Portfolio
	Author: Antony Bergeot
	Author URI: http://www.digital-intent.com/
	Version: 0.1 
	Tags: portfolio

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

html { margin-top: 0px !important; }
* html body { margin-top: 0px !important; }
html, body { margin:0; padding:0; color:#FFF; font-size: .95em;font-family: Helvetica, Garamound, sans-serif;}
body {background: #000 url(/wp-content/themes/digital-intent/img/background.jpg) top left repeat;}

a{color:#5a9cff;text-decoration:none;}
a:hover{text-decoration:underline;}       
a img{border:none;}    
a.active{text-decoration:none;color: #666;}
h1,h2,h3,h4{padding:0px; margin:0;margin-top:20px;font-family: 'Helvetica Neue', Helvetica, Garamound, sans-serif; font-weight:100;font-stretch:normal;font-size:2.5em;}         
h2{font-size:2em;}
h3{font-size:1.6em;}
h4{font-size:1.2em;}
input{font-size:0.95em;}   
textarea{width:100%;}

#container{background: url(/wp-content/themes/digital-intent/img/gradient.png) top left repeat-x;}
#wrapEntireBody {width:1002px;position:relative;margin:0 auto;height:100%; /* IE6 needs this */}
#logo {margin:20px 0 20px;}

/*------- MENU ------- */
#menu{position:relative;width:1012px;}
#menu ul{list-style:none;padding:0;margin:0;height:70px;}
#menu li{float:left;display:block;background:url(/wp-content/themes/digital-intent/img/new-navigation.png) no-repeat;height:67px;width:252px;}

/*=LIST ITEM - BACKGROUND POSITIONS*/
#menu li.about{ background-position:0px 0px;}
#menu li.portfolio{ background-position:-252px 0px;}
#menu li.blog{ background-position:-504px 0px;}
#menu li.contact{ background-position:-756px 0px;}

#menu a{display:block;
	height:67px;
	width:244px;
	text-indent:-9999px;
	background:url(/wp-content/themes/digital-intent/img/new-navigation.png) 0px -252px no-repeat;}
	
/*=ANCHOR - DEFAULT BACKGROUND POSITIONS*/
#menu li.about a{ background-position:0px -134px;}
#menu li.portfolio a{ background-position:-252px -134px;}
#menu li.blog a{ background-position:-504px -134px;}
#menu li.contact a{ background-position:-756px -134px;}
	
/*=ANCHOR - CURRENT PAGE BACKGROUND POSITIONS*/
#about #menu li.about a{ background-position:0px -67px;}
#portfolio #menu li.portfolio a{ background-position:-252px -67px;}
#blog #menu li.blog a{ background-position:-504px -67px;}
#contact #menu li.contact a{ background-position:-756px -67px;}
	
/*=ANCHOR - CURRENT PAGE BACKGROUND POSITIONS*/
#menu li.about.hover a:hover{ background-position:0px 0px;}
#menu li.portfolio.hover a:hover{ background-position:-252px 0px;}
#menu li.blog.hover a:hover{ background-position:-504px 0px;}
#menu li.contact.hover a:hover{  background-position:-756px 0px;}

/*------- /MENU ------- */





#content, #contentEntry{position:relative;top:50px; width:660px;min-height:900px;}
#contentEntry{margin-top:0px;}

#respond{border-top:1px dashed #333; border-bottom:1px dashed #333; padding:0px 0 50px 0;}

#categoryContainer{
position:absolute;
width:660px;
top: 190px;
height:42px;}

#categories{position:relative;width:645px;top:35px;padding:13px 12px 8px 12px;}     
#categories li{margin:5px;padding:0px;padding-right:5px;display:inline;}
#categories li a{font-weight:200;font-size:1.2em;}
#categories li.current-cat a{color:white;}      

#right-nav{position:absolute;margin-left:702px;top:190px;width:300px;}

/*------- TWITTER ------- */
#twitterContainer{margin-top:0px;width:300px;height:350px;}
#twitter{height:390px;width: 300px;position: relative;}
#twitter-stream {padding:10px;z-index:9;height:290px;overflow:hidden;}                         
#twitter-stream h2{display:none;  }  
#twitter-stream ul{margin:0px;padding:0px;}
#twitter-stream li {list-style:none;clear:both;padding-bottom:15px}
#twitter-stream img{display:none;}
/*------- /TWITTER ------- */         

div.container, div.blackContainer, div.whiteContainer{
position:absolute;
background-color:#1e1e1e;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
-o-border-radius: 5px; 
border-radius: 5px; 
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);}

div.blackContainer{background-color:#000;}
div.whiteContainer{background-color:#fff;}

#portfolioContent{
	position:relative;	
	padding:30px 0 0 0 ;	
	margin:0 0 0 0 ;
	width:1002px;
	height:600px;
	overflow:hidden;}

#details p{padding:5px 0 5px 15px;}
           
#post{clear:both;}

div.post{clear:both;padding:20px 0 s0px 0px;width:650px;}
        
div.storycontent{color:white;}


/* portfolio slideshow */
#feature p.prev,#feature p.next {
	position: absolute;
	z-index: 10;
	top: 135px;}               

#feature ul, #feature li {
    position: relative;
    list-style:none;
    margin:0px;
    padding:0px;}

		#feature p.prev a:link, #feature p.prev a:visited,
		#feature p.next a:link, #feature p.next a:visited {
			display: block;
			width: 53px;
			height: 49px;}
			#feature p.prev a:link span, #feature p.prev a:visited span,
			#feature p.next a:link span, #feature p.next a:visited span {
				background-repeat: no-repeat;
				background-position: 0 0;}
			#feature p.prev a:link:hover span, #feature p.prev a:visited:hover span,
			#feature p.next a:link:hover span, #feature p.next a:visited:hover span {
				background-position: 0 -49px;}
	#feature p.prev {left: 10px;}
			#feature p.prev a:link span, #feature p.prev a:visited span {
				background-image: url(/wp-content/themes/digital-intent/img/but-prev.png);}
	#feature p.next {right: 10px;}
			#feature p.next a:link span, #feature p.next a:visited span {
				background-image: url(/wp-content/themes/digital-intent/img/but-next.png);}

                      
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

#feature-descr{
	clear:both;
	padding-top:20px}
	
#feature-links{
	float:left;
	text-align:right;
	width:550px;}
	
#feature-links p a{
	font-size:1.4em;}
	
#feature-content{
	float:left;
	width:360px;
	padding-left:20px}


/* sexy bookmark fixes */
.shr-bookmarks{padding-top:50px;}




/* common clearfix class */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}         



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border:0;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;}

img.alignright {
	display: block;
	margin: 5px 0 10px 10px;
	display: inline;}

img.alignleft {
	margin: 5px 10px 10px 0;
	display: inline;}

.alignright {
	float: right;}

.alignleft {
	float: left;}

/* End Images */

#post-item{
vertical-align:middle;}

#post-item img{ display:none; }

#post-item-thumbnail{
float:left; padding:0px 15px 15px 0px;
padding-bottom:40px;}

#post-item-thumbnail a IMG{	
padding:0px; margin:0px;
max-width:250px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
/*opacity:0.8;filter:alpha(opacity=80);*/
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,3);-khtml-box-shadow: 0px 0px 20px rgba(0,0,0,3);-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,3);}

#post-item-thumbnail a:hover IMG, .single-post a:hover IMG{
/*opacity:1;filter:alpha(opacity=100);*/}

#post-item-thumbnail SPAN a{
 #5a9cff;
}

a IMG.download, a:hover IMG.download{ /* for the download button */
-moz-border-radius: 0px;
-webkit-border-radius: 0px; 
-o-border-radius: 0px; 
border-radius: 0px;        
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
-khtml-box-shadow: 0px 0px 0px rgba(0,0,0,0);
-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);}

.single-post h1,h2,h3{clear:both;}

/*.single-post img{
max-width:350px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;        
-o-border-radius: 5px; 
border-radius: 5px; 
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,1);
-khtml-box-shadow: 0px 0px 7px rgba(0,0,0,1);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,1);	}*/

.postmetadata{
   padding-top:50px;}


/* IE fix */
#content, #contentEntry, #categories, #scroll{left:0px;}

h3#comments{
border-top:1px solid #333;
color:white;
padding-top:20px;}

#aboutPageContainer{
height: 1130px;
margin-top: 50px;
z-index:1;
width:100%;}

#contactContainer{
margin-top: 200px;
z-index:1;
width:100%;
height: 350px;}

#errorContainer{
margin-top: 200px;
z-index:1;
width:100%;	
height: 120px;}

#portfolioContainer{
left: 337px;}

#blogContainer{
left: 674px;
width:328}

#footer-header{
position:relative;
clear:both;
text-align:center;
width:100%;
margin-top: 20px;}

#footerContainer{
clear:both;
width:1002px;
height:240px;
margin:0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;}

#footer{
width:1002px;
padding-top:20px;
clear:both; 
margin:0px;
position:relative;
width:100%;}

#footer li{ padding-left:10px; background: url('/wp-content/themes/digital-intent/img/arrow_tiny.png') left no-repeat;}

#modules{ clear:both; z-index:1; position:relative; margin-top: 50px; height:260px; z-index:9;}

#exhibitionContainer, #portfolioContainer, #blogContainer{
margin-top: 20px; z-index:1; height: 160px; width:327px;}

#exhibitionModule, #portfolioModule, #blogModule{
position:relative; z-index:9; float:left; width:287px; margin-right:10px; padding:15px 20px 0 20px;}

#blogModule{
margin-right:0px; }

#footer th{
	font-size: 1.4em;}

#footer li{
	list-style:none;
	display:block;}

#footer TD{vertical-align:top;}

#descr{
padding-top:20px;
position:relative;
height:180px;}

#contact, #about-us, #error{
z-index:9;
position:relative;}

#about-us{margin:70px 0 100px 0; height:1125px;}
#about-us p, #error p{margin:15px;}
#about-us h2, #error h2{margin-left:15px;}

.activeField{
        background-image: none;
        background-color: #ffffff;
        border: solid 1px #33677F;}

.idle{
    border: solid 1px #85b1de;
    background-image: url('/wp-content/themes/digital-intent/img/blue_bg.png');
    background-repeat: repeat-x;
    background-position: top;}

#toTop {width:48px;height:48px;
        padding:0px; margin:0px;
	background-image: url('/wp-content/themes/digital-intent/img/back_to_top.png');
        position:fixed; /* this is the magic */
        top:10px;left:10px;
        cursor:pointer;
        display:none;}

.flashalbum{
	padding:10px 0 10px 0;
}