/*
Theme Name: StewartandWeill
Theme URI: http://www.stewartandweill.com/
Description: A Wordpress portfolio theme based on the Blueprint CSS Framework.
Version: 1.2
Author: Chantal Weill
Author URI: http://www.stewartandweill.com/
Credits: http://code.google.com/p/blueprintcss/
*/

.connect {
    height: 92px; width: 354px;
    background: transparent url(images/connect-sprite.png) no-repeat;
    margin: 0px; padding: 0;
    position: relative;
	}
	
.connect li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  
.connect li, .connect a {
    height: 92px; display: block;}
	
	 
#con1 {left: 0; width: 120px;}
#con2 {left: 120px; width: 110px;}
#con3 {left: 230px; width: 130px;}


#con1 a:hover {
    background: transparent url(images/connect-sprite.png) 0px -92px no-repeat;}
#con2 a:hover {
    background: transparent url(images/connect-sprite.png) -120px -92px no-repeat;}
#con3 a:hover {
    background: transparent url(images/connect-sprite.png) -230px -92px no-repeat;}
	
	
	

.freelancer {
    height: 92px; width: 270px;
    background: transparent url(images/psd-sprite.png) no-repeat;
    margin: 0px; padding: 0;
    position: relative;
	}
	
.freelancer li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  
.freelancer li, .freelancer a {
    height: 92px; display: block;}
	
	 
#free1 {left:150px; width: 120px;}



#free1 a:hover {
    background: transparent url(images/psd-sprite.png) -150px -92px no-repeat;}

	
	
	
	
	
	
	
	
	
	

.modal {margin: 0 0;}
.modal-hori {width: 900px; height: 2px; background-image: url(images/perf-rule.jpg); background-repeat: repeat-x;  }
.toppad {margin-top: 35px;}

h2.psd {}

#photos {margin-top:75px;}


body {background-image: url(images/bg-paper.jpg); background-repeat: repeat; margin: 0 0;}

* { outline: none; }

.column-flickr {
  float: left;
  margin-right: 5px;
}

.column-flickr img {border: none;}

.tagline {
	font: 38px/31px "Lucida Bright", Georgia, serif; /* ie only */
	color: #bab9b9;  
	letter-spacing: -2.5px;/* ie only */
	padding-top: 36px;/* ie only */
	
}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .tagline { padding-top: 0px;}
html>body .tagline {font: 35px/31px "Lucida Bright", Georgia, serif; }
html>body .tagline {letter-spacing: -2.75px;}


h2.tagline2 {font: 35px/29px "Lucida Bright", Georgia, serif; 
	color: #605F5F; 
	letter-spacing: -3px; /* ie only */
	margin: 45px 0 25px 0; 
	}
/* HACK reset margins back to what they should be for compliant browsers */
html>body h2.tagline2 {letter-spacing: -.08em;}

.tagline2 {font: 35px/29px "Lucida Bright", Georgia, serif; 
	color: #605F5F; 
	letter-spacing: -3px; /* ie only */
	margin-top: 13px; margin-left: 13px; 
	}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .tagline2 {letter-spacing: -.08em;}

.col2-evener {margin-left: 0px;}

.pencil {background: transparent url(images/pencil.gif) no-repeat top right; height: 88px;}

.tehrulez {margin-top: 0px;}

.container { margin: 0 auto;}

.header { width: 1100px; height: 104px; }




.feature {font: 44px "Lucida Bright", Georgia, serif; color: #FFFFFF; letter-spacing: -3px; /* ie only */
	margin: 0 0;
	padding: 71px 0 0 0; /* ie only */
	}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .feature {letter-spacing: -.07em; padding: 65px 0 0 0;}

.feature-dek {
	font: 20px/25px "Bookman Old Style", Georgia, serif;letter-spacing: -2px; /* ie only */
	color: #FFFFFF;
	letter-spacing: -0.04em;
	margin: 0 0;
	padding: 1px 0 0 0;
}

.feature-dek2 {
	font: 17px/22px "Bookman Old Style", Georgia, serif;letter-spacing: -2px; /* ie only */
	color: #FFFFFF;
	letter-spacing: -0.04em;
	margin: 0 0;
	padding: 11px 0 0 0;
}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .feature-dek {letter-spacing: -.07em;}

.feature-sub {
	font: 25px "Bookman Old Style", Georgia, serif;letter-spacing: -2px; /* ie only */
	color: #434343;
	margin: 0 0;
	padding: 0 0;
	}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .feature-sub {letter-spacing: -.07em;}

.header-emph {
	font: 25px/28px  "Bookman Old Style", Georgia, serif;letter-spacing: -.07em;
	color: #434343;
	margin: 0 0;
	padding: 12px 0 0 0;
}


.fff-emph { font: 28px "Bookman Old Style", Georgia, serif; color: #fff;letter-spacing: -.07em;}

.perfhorifull {height: 2px; background-image: url(images/perf-rule.jpg); background-repeat: repeat-x; padding:  0;}

.chunk {
	background: url(images/bg-grafpaper.jpg) repeat-y top left;
	padding-top: 20px;
	font: 11px/15px "Lucida Grande", "Lucida Sans", Helvetica, Arial ;
	color: #666666;
	width: 1104px;

}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .chunk {}

.chunk-psd {
	padding-top: 20px; 
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial ;
	width: 940px;

}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .chunk-psd {}


.footer-text {font: 11px/15px "Lucida Grande", "Lucida Sans", Helvetica, Arial; color: #4277a8;}
.gray-footer {color: #999999;}

.colophon {color: #999999; 
	text-transform: uppercase; 
	letter-spacing: 0px; /* ie only */
	
	 }
/* HACK reset margins back to what they should be for compliant browsers */
html>body .colophon {letter-spacing: .05em;}

.caption {color: #999999; text-transform: uppercase; letter-spacing: .04em; font-size: 10px; line-height: 0px; padding-bottom: 18px; padding-left: 7px;}

.mini-heading {
	 color: #666666;
	 text-transform: uppercase; 
	 letter-spacing: 0px; /* ie only */
	 font-size: 11px; /* ie only */
	 }
/* HACK reset margins back to what they should be for compliant browsers */
html>body .mini-heading  {letter-spacing: .05em; font-size: 11px;}

.fontswitcher {font: italic 13px/18px Georgia, serif; color: #666666;}


.fontswitcher p {padding-right: 50px; display: block;}

.vertrule {	background-image: url(images/perf-rule-vert.jpg); margin-top: -60px;
	background-repeat: repeat-y; background-position: left;
	height: 2970px;
	width: 27px;
	}

.portfoliolinks { line-height: 1px; padding-bottom: 20px;}

.portfoliolinks a:link {color: #4277a8; text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF; }
.portfoliolinks a:visited {color: #4277a8; text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;}
.portfoliolinks a:hover {color: #4277a8; text-decoration: none; border-bottom-style: dashed; border-bottom-color: #019999; padding-top: 1px; border-top: 1px dashed #019999;  padding-bottom: 1px;  border-bottom-width: thin;
	text-shadow: 0 1px 0 #FFFFFF;}

.portfoliolinkspopup  a:link {color: #666666; text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF; }
.portfoliolinkspopup  a:visited {color: #666666; text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;}
.portfoliolinkspopup  a:hover {color: #666666; text-decoration: none;  border-bottom-color: #019999; border-top:  1px dashed #019999; padding-bottom: 1px; border-bottom-style: dashed; border-bottom-width: thin;
	text-shadow: 0 1px 0 #FFFFFF;}

.subhead a:visited {
	text-transform: uppercase;
	font: 19px "Lucida Grande", "Lucida Sans", Helvetica, Arial;
	color: #999999;
	padding-top: 20px;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
}

.subhead a:link{
	text-transform: uppercase;
	font: 19px "Lucida Grande", "Lucida Sans", Helvetica, Arial;
	color: #999999;
	padding-top: 20px;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
}

.subhead a:hover {
	text-transform: uppercase;
	font: 19px "Lucida Grande", "Lucida Sans",Helvetica,  Arial;
	color: #999999;
	padding-top: 20px;
	text-decoration: none; border-bottom: dashed; border-bottom-color: #999; padding-bottom: 1px; border-bottom-style: dashed; border-bottom-width: thin;
	text-shadow: 0 1px 0 #FFFFFF;
}

.justify {
	text-align: justify;
	line-height: 18px;
	padding: 0px 10px 0 10px;
}

.flickr-gallery {padding: 0px 10px 0 10px;}


#twitter_update_list { list-style: none; font: italic 13px/18px Georgia, "Times New Roman", Times, serif; padding:0; margin:0 0 0 6px;}
#twitter_update_list li { padding: 6px; border-top: 1px solid #CCCCCC;}

#twitter_update_list li a {color: #4277a8; text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;}
#twitter_update_list li a:hover {  color: #4277a8; text-decoration: underline;
	text-shadow: 0 1px 0 #FFFFFF;}





.background {padding-top: 30px;}


.addressphone{
	font:  21px "Bookman Old Style", Georgia,  serif;
	color: #4277a8;
	padding-top: 0px; padding-bottom: 0px;
	margin-top: 0px; margin-bottom: 0px;
	}
	
.dropcap { float:left;color: #999999;  padding-right: 2px; font: bold 42px/35px Georgia, "Times New Roman", Times, serif, Georgia,  serif ; text-shadow: 0 1px 0 #FFFFFF;}
.padbottom { padding-bottom: 20px;}
.padtop { padding-top: 20px;}
.padtop-7 { padding-top: 7px;}
.padtop-30 { margin-top: 30px;}

.padleftsmall { padding-left: 5px;}

.padleft10 { padding-left: 10px;}
.padleft { padding-left: 20px;}
.padright50 {padding-right: 50px;}
.padleft40 {padding-left: 40px;}
.padleft30 { padding-left: 30px;}

.featurelink {font-size: .8em; letter-spacing: 0em; }


.featurebox a:link { 
  padding: .2em 1.6em;
  margin-bottom: .5em;  margin-top: 10em; margin-left: 2px;
  border: 1px solid #999;
  text-decoration: none;
  background:  url(images/butbg.jpg);
  color: #605F5F;  line-height: 52px;
font-style: italic;

}



.featurebox a:visited { 
  padding: .2em 1.6em;
  margin-bottom: .5em;  margin-top: 10em; margin-left: 2px;
  border: 1px solid #999;
  text-decoration: none;
  background:  url(images/butbg.jpg);
  color: #605F5F;  line-height: 52px;
font-style: italic;

}

.featurebox a:hover { 
  padding: .2em 1.6em;
  margin-bottom: .5em;  margin-top: 10em; margin-left: 2px;
  border: 1px solid #999;
  text-decoration: none;
  background: url(images/butbg-over.jpg);
  color: #605F5F;  line-height: 52px;
font-style: italic;
}





#addy { margin-left: 13px;
color:#4277A8;
text-decoration:none;
text-shadow:0 1px 0 #FFFFFF;
font: italic 13px/18px Georgia, "Times New Roman", Times, serif;}



#addy .telnum {
color: #666666;
text-decoration:none;
text-shadow:0 1px 0 #FFFFFF;
font: normal 17px/23px Georgia, "Times New Roman", Times, serif; letter-spacing: 1px;}


.oldskoolclear {clear: both; height: 1%; line-height: .01em;}


.up-adjust {margin-top: -40px;}