/*  
Theme Name: AWPNY Blog
Theme URI: http://awpny.com
Description: coolness
Version: 1
Author: Tyler Finck
Author URI: http://sursly.com/


 */	
 
 /* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/* 
  BLUEPRINT CSS
   * Filename:        compressed.css
   * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
   
   Generated by:
    * Blueprint CSS Grid Generator (2008-06-05) [http://kematzy.com/blueprint-generator/]
    
  == STRUCTURE: ========================
   * Page width:            994 px
   * Number of columns:     12
   * Column width:          70 px
   * Margin width:          14 px
  ======================================
   
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#999;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#999;}
h1 {font-size:4em;line-height:1;margin-bottom:0.5em; color:#6d6f72; }
h2 {font-size:3em;margin-bottom:0.15em;}
h3 {font-size:2em;line-height:1.35; margin-bottom:1em;}
h4 {font-size:1.5em;line-height:1.25; text-transform: uppercase;}
h5 {font-size:1.15em; margin-top:1em; font-weight:bold; text-transform: uppercase; color:#bbbbbb;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre {margin-left:260px; width:425px; overflow-x:auto;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:994px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 14px;}

div.last {margin-right:0;}
.span-1  { width: 70px;}
.span-2  { width: 154px;}
.span-3  { width: 238px;}
.span-4  { width: 322px;}
.span-5  { width: 406px;}
.span-6  { width: 490px;}
.span-7  { width: 574px;}
.span-8  { width: 658px;}
.span-9  { width: 742px;}
.span-10 { width: 826px;}
.span-11 { width: 910px;}
.span-12, div.span-12 { width: 994px; margin: 0; }

.append-1  { padding-right: 84px;}
.append-2  { padding-right: 168px;}
.append-3  { padding-right: 252px;}
.append-4  { padding-right: 336px;}
.append-5  { padding-right: 420px;}
.append-6  { padding-right: 504px;}
.append-7  { padding-right: 588px;}
.append-8  { padding-right: 672px;}
.append-9  { padding-right: 756px;}
.append-10 { padding-right: 840px;}
.append-11 { padding-right: 924px;}

.prepend-1  { padding-left: 84px;}
.prepend-2  { padding-left: 168px;}
.prepend-3  { padding-left: 252px;}
.prepend-4  { padding-left: 336px;}
.prepend-5  { padding-left: 420px;}
.prepend-6  { padding-left: 504px;}
.prepend-7  { padding-left: 588px;}
.prepend-8  { padding-left: 672px;}
.prepend-9  { padding-left: 756px;}
.prepend-10 { padding-left: 840px;}
.prepend-11 { padding-left: 924px;}

div.border{padding-right:6px;margin-right:7px;border-right:1px solid #eee;}
div.colborder { padding-right:64px;margin-right:63px;border-right:1px solid #eee;}
.pull-1 { margin-left: -84px;}
.pull-2 { margin-left: -168px;}
.pull-3 { margin-left: -252px;}
.pull-4 { margin-left: -336px;}
.pull-5 { margin-left: -420px;}
.pull-6 { margin-left: -504px;}
.pull-7 { margin-left: -588px;}
.pull-8 { margin-left: -672px;}
.pull-9 { margin-left: -756px;}
.pull-10 { margin-left: -840px;}
.pull-11 { margin-left: -924px;}
.pull-12 { margin-left: -1008px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {float:left;position:relative;}

.push-1 { margin: 0 -84px 1.5em 84px;}
.push-2 { margin: 0 -168px 1.5em 168px;}
.push-3 { margin: 0 -252px 1.5em 252px;}
.push-4 { margin: 0 -336px 1.5em 336px;}
.push-5 { margin: 0 -420px 1.5em 420px;}
.push-6 { margin: 0 -504px 1.5em 504px;}
.push-7 { margin: 0 -588px 1.5em 588px;}
.push-8 { margin: 0 -672px 1.5em 672px;}
.push-9 { margin: 0 -756px 1.5em 756px;}
.push-10 { margin: 0 -840px 1.5em 840px;}
.push-11 { margin: 0 -924px 1.5em 924px;}
.push-12 { margin: 0 -1008px 1.5em 1008px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {float:right;position:relative;}

.box {padding:1.5em;margin-bottom:1.5em;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input, select {margin-top:.3em;}
input, input.text, input.title, textarea, select {font-weight: bold; font-size: 1.15em; padding: 3px; font-family: "helvetica neue", helvetica, arial, verdana, sans-serif; color: #AAA; border:1px solid #EEE; background: #EEE;}
input:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {color: #555; border:1px solid #FFEE4B; background: #FFEE4B;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}







/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
  
hr {
border: none;
background: #FFF url(http://www.awpny.com/img/stripe.gif) repeat-x top left;
height: 10px;
margin: .5em 0 .5em 0;
}

h1, h2, h3, h4, h5 {
letter-spacing: -1px;
font-weight: bold;
}

h1, h2, h3 {
letter-spacing: -2px;
}

h2.title {
font-size:400%;
line-height: 1em;
}

#homeOptions h2 {
/*letter-spacing: -.066em;*/
letter-spacing: -0.045em;
line-height:1em;
margin-bottom: .15em;
}

h5 {
text-transform: none;
font-size: 1.25em;
}

p, a, h1, h2, h3, h4, h5 {
}

p, a {

}

h1 {
margin-top: 250px;
margin-bottom: 15px;
}

h3 em {
color: #46AEFF;
font-style:normal;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #fb4f14;

}
#subnav ul li a {
	color:#ffcc01;
}

a:hover, a:active {
text-decoration: none;
color: #46aeff !important;
}


a.activeLink, a.active {
color: #46AEFF !important;
}

#mission {
background: #333;
}

#mission h3 {
color: #bbbbbb;
padding-top: .5em;
letter-spacing: -0.065em;
}

.yellow, code {
color: #333;
padding: 2px;
background: #ffee4b;
}

#homeOptions {
margin-top: 2em;

}

#homeOptions h4 {
margin-top: 10px;
}



.photo {
background: transparent url(../../img/shadowBlock.gif) no-repeat 10px 10px;
padding: 0 10px 10px 0;
float: left;
margin-right: 15px;
}

.photo img {
border: 10px solid #eeeeee;
display:block;
}

.star {
background: transparent url(../../img/star.gif) no-repeat left center;

}

#homeOptions p {
font-weight: bold;
text-transform: uppercase;
color:#bbbbbb;
margin: 0;
}

#homeOptions p strong {
color: #999;
}

.quarter {
margin-top: 2.35em;
margin-bottom: 1.5em;
}

.quarter h3 {
line-height: 1em;
margin-bottom: .35em;
letter-spacing: -.05em;
height: 2.15em;
}

.quarter h3 a:link, .quarter h3 a:visited {
color: #999;
}

.quarter h3 a:hover {
color: #fb4f14 !important;
}

.quarter ul {
border-top: 10px solid #EEE;
margin: 0;
list-style-type: none;
}

.quarter ul li {
padding: .75em;
}


.quarter ul li:hover {
background: #EEE;
}

#footer {
background: #EEE url(http://www.awpny.com/img/awpfooterlogo.png) no-repeat center center;
padding: 1em 0 1em 0;
text-align: center;
font-weight: bold;
color: #BBB;
margin-top: 15px;
}

#footLeft, #footRight {
float: left;
width: 457px;
}

#footLeft {
margin-right: 40px;
}

#footRight {
margin-left: 40px;
}

#footer a {
color: #BBB;
margin-left: 2px;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

#headContact {
text-align: right;
float: right;
}

#headContact h3 {
margin-bottom: 0px;
}

#headContact h5 {
font-size: 1.25em;
text-transform: none;
margin: 0  0 .5em 0;
}

#headContact h2 {
display: inline;
margin: 0;
width: auto;
font-size: 2.5em;
padding: 0 .25em 0 .25em;
}

/* Content View Styles */

.title {
	margin-top: 155px;
}

#teaser p {
	font-size: 1.5em;
	font-weight:bold;
	letter-spacing:-1px;
	color:#cccccc;
	margin-left:0;
}

#contentPhoto {
	background: transparent url(../../img/shadowBlock.gif) no-repeat 10px 10px;
	padding: 0 10px 10px 0;
	width: 466px;
	margin-left:8px;
}

#contentPhoto img {
	border: 10px solid #eeeeee;
}

#content {
}

#content p, #content blockquote {
	margin-left:230px;
	font-size:1.08em;
	padding-right:20px;
}
.entry ol, .entry ul {
	margin-left:300px;
	font-size:1.08em;
	padding-right:20px;
}

#content h3 {
	display:inline;
	float:left;
	width:230px;
	/*margin-top:-8px;*/
}

.commentlist li {

padding: 10px;
}

.alt {

background: #FFF;
border-bottom: 2px solid #EEE;
}

h3 a:link, h3 a:visited {
color: #666;
}

#content blockquote {
	font-style:normal;
	font-weight:bold;
	border-top: 10px solid #f6f6f6;
	border-bottom: 10px solid #f6f6f6;
	color:#cccccc;
	font-size:1.5em;
	padding: 10px 0;
	margin:0 0 .4em 230px;
}


#homeSlide {
height: 450px;
background: #FFF;
}




/* Sidebar Styles */

#sidebar {
	padding-top:10px;
}

#sidebar h2 {
	border-bottom: 10px solid #f6f6f6;
	padding:5px;
	font-size:1.08em;
	text-transform:uppercase;
	color: #bbbbbb;
	letter-spacing:0px;
}

#sidebar h3 {
	font-size:2.08em;
	margin-bottom:0;
}

#sidebar h4 {
	color:#cccccc;
	font-size:1.08em;
	text-transform:uppercase;
	letter-spacing:0px;
	margin-bottom:25px; 
}

#sidebar hr {



	margin-bottom:6px;
}

#sidebar p {
	color:#CCC;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-1px;
	line-height: 1.35em;
}

#nav ul {
	margin:0.5em 0;
}

#subnav ul {
	margin:0;
}

#nav ul li, #subnav ul li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0 0.5em 0 0;
}

#nav ul li ul {
	display:none;

}

#nav ul li a {
	font-size:1.5em;
	letter-spacing: -.033em;
}



/** Project Images **/

.newBadge {
border: 0px !important;
position: relative;
top:0px;
left:0px;
background:url(../../img/newbadge.png) no-repeat top left;
display: inline;
z-index: 800;
height: 44px;
width: 44px;
}

.projectImage {
z-index: 50;
position: relative;
top:0;
left:0;
}

#picWrapper {
	height:446px;
	width:446px;
	padding:20px;
	background:url(../../img/awp_project_image_box.gif) no-repeat 10px 10px;
}
.relatedPics {  
    height:  446px;  
    width:   446px;  
    padding: 0;  
    margin:  0;  
} 
 
.relatedPics .previewImage {  
    width:  446px; 
    height: 446px;
    top:  0; 
    left: 0;
    padding:0;
} 

#picNav {
	text-align:right;
	padding:0.25em 0;
	font-size:120%;
	letter-spacing:1em;
}

#picNav a.activeSlide {
	color: #46aeff;
}

.relatedPics .imageCaption {
	position:relative;
	width: 210px;
	background: transparent url(../../img/overlay.png);
	color:#eee;
	top:385px;
	/*left:216px;*/
	padding:10px;
}

.projects .relatedPics .imageCaption {
	position:absolute;
	top:620px;
}

.red {
 color:#fa5015;
}

a.play:link, a.play:visited {
letter-spacing: 2px;
display: block
width: auto;
height: auto;
border: 2px solid #999;
padding: 1px 1px 1px 4px;
color: #6d6f72;
font-size: 11px;
text-align: center;
}


a.play:hover {
background: #FB5116;
color: #FFF !important;
border: 2px solid #FB5116;

}


/** Page Content **/

.content {
}

h2 {
margin-bottom: 1em;

}


h2 em {
color: #46AEFF;
font-style: normal;
}
.main .content h3 {
	width:250px !important;
	font-size:2em;
	color:#999;
	float:left !imortant;
	text-align: right;
	line-height: 1em;
	letter-spacing: -.06em;
	clear:left;
}

.main .content h3:before {
   content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    width:100%;
}

.main #content p, .main #content .submit {
	margin-left:260px;

}

.entry blockquote {
	font-style:normal;
	font-weight:bold;
	border-top: 10px solid #EEE;
	border-bottom: 10px solid #EEE;
	color:#cccccc;
	font-size:1.5em;
	padding: 10px 0;
	margin:0 0 1.5em 260px;
}

.main .content hr {
}

.main .content p {
	font-size:1.2em !important;
}

h6 {
	font-size:1.5em;font-weight:bold;margin-bottom:1.5em;margin-left:260px;
}

.floatRight {
float:right;
width: auto;
padding: 2px;
}


.blue {
color: #46AEFF !important;
}

.portfolioItem {
	width:135px;
	margin:60px 35px 0 0;
	height:130px;
	float:left;
}
.portfolioItem {
	position:relative;
}
.photo em {
	font-weight: bold;
	background: url(../../img/hover.png) no-repeat #fff;
	border:5px solid #eee;
	width: 180px;
	height: 25px;
	position: absolute;
	top: -75px;
	left: -55px;
	text-align: center;
	padding: 10px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	vertical-align:center;
}

.portfolioItem .photo a {
	color:#46aeff;
	line-height:1em;
}
.content .tagList.first {
	margin-left:260px;
}

.content .tagList {
	float:left;width:220px;margin-right:15px;
}

.content .tagList h6 {
	margin-left:0;
	margin-bottom:0;
}

.content .tagList h6 a {
	color:#ffcc01;
}

.span-9 img, .span-3 img {
border: 10px solid #F5F5F5;
margin: 10px;
}

.span-9 h2 {

line-height: 1em;
}

.container #content .post blockquote {
display:block;
width:400px;
margin:1.5em 0 1.5em 260px;
font-size:1em;
}
.container #content .post blockquote p {
margin-left:0;
padding-left:0;
margin-right:0;
padding-right:0;
}

.alignleft {
float:left;
margin-bottom:10px;
}

.alignright {
float:right;
margin-bottom:10px;
}

#flickr img {
max-width: 180px;
}

.postmetadata {
text-align: right;
}

.sidebar h3 {
margin-bottom: .25em;
padding-top: 1em;
}