/*
 * reset.css
 */
html{color:#222;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 80 pixels each, with 20 pixel gutter */
/* ================ */
/*

.grid_1 { width:80px; }
.grid_2 { width:180px; }
.grid_3 { width:240px; }
.grid_4 { width:380px; }
.grid_5 { width:480px; }
.grid_6 { width:540px; }
.grid_7 { width:680px; }
.grid_8 { width:780px; }
.grid_9 { width:880px; }
.grid_10 { width:980px; }
.grid_11 { width:1080px; }
.grid_12 { width:1180px; }

*/


/*
	We're not cheating or anything -- its just a fluid grid
*/

.grid_1 { width:6.67%; }
.grid_2 { width:15%; }
.grid_3 { width:20%; }
.grid_4 { width:31.67%; }
.grid_5 { width:40%; }
.grid_6 { width:45%; }
.grid_7 { width:56.67%; }
.grid_8 { width:65%; }
.grid_9 { width:73.33%; }
.grid_10 { width:81.67%; }
.grid_11 { width:90.00%; }
.grid_12 { width:98.33%; }

.column {
	margin: 0 2.5%;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	min-width: 850px;
	max-width: 1100px;
	
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

/*
we don't use this
*/
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/* ====================== */
/* = The American Dream = */     
/* ====================== */


p,
ul {
	font:12px/18px "Helvetica Neue" Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 0px #FFFFFF;
	color: #333333;
	text-align: left;
	margin: 0 0 20px 0;
}

h1{font:bold 76px/200px "Helvetica Neue";letter-spacing: -.06em;}
h2{font:bold 25px/25px "Helvetica Neue";letter-spacing: -.06em;}
h3{font:bold 18px/25px Helvetica;letter-spacing: -.05em;padding-bottom: 15px;color: #333333}

.the-dream{display:block;margin-top: 200px;padding-top:120px;background-image: url('images/logo.png');background-repeat: no-repeat;background-position: 0 0; }
.the-dream span{display:none;}
.lover{padding-bottom:60px}
.lover p{font: 20px/27px Helvetica;color: #333333;letter-spacing: -.1px;}

.shut-it-down p{font: 20px Helvetica;color: #333333;letter-spacing: -.1px;display: block; }
.shut-it-down a{color: #333333;font:20px Helvetica;text-decoration: none;color: #111111;letter-spacing: -0.02em;text-align: right;line-height: 27px;-webkit-transition:color .1s linear;}
.shut-it-down a:hover{border-bottom: 1px dotted #30dfdb;color: #30dfdb}

.services .column {margin-top: 80px;padding-bottom: 90px;border-bottom: 1px solid #b4b4b4;display: block;height: 100px;-webkit-transition: border-color .1s linear;}
.services .column:hover {border-bottom: 1px solid #888;}

.footer .mr-yeah{font: 12px "Helvetica Neue";text-align: left;padding-top: 100px;padding-right: 30px;padding-bottom: 40px;color: #888888;}
.color {background-color: #ffffff;width:100%}
.bottom-line {border-bottom: 1px solid #EEEEEE}

a span.arrow{-webkit-transition: margin-left .1s linear;}
a:hover span.arrow {margin-left:5px;}

body {

	border-top: 0px solid #222;
	padding: 0px 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

/*
	to hide the tumblr auto pager weird info
	and eli's SEO hack.
*/
.tumblrAutoPager_page_separator,
.tumblrAutoPager_page_info,
#topcontrol,
#description {
	display: none;
}

.post img {
	max-width: 800px;
}

.container {
	width: 1100px;
	margin: 0 auto;
}

h1.header-logo {
	padding-top: 100px;
	margin-bottom: 68px;
}

h1.header-logo a {
	display: block;
	background-image: url('http://www.girlfriendnyc.com/tumblr/girlfriend-logo.png');
	background-repeat: no-repeat;
	background-position: 0px 6px;
	width: 398px;
	height: 74px;
}

h1.header-logo span{
	display:none;
}

body {
	background-position: 0 0;
	background: #fff;
	color:#222;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	background-image: url('http://www.girlfriendnyc.com/tumblr/bg_springborder_top.jpg');
	background-repeat: repeat-x;

}

.post {
	border-bottom: solid 1px #eee;
	margin-bottom: 34px;
	/* padding-bottom: 34px; */
}

.post .image {
	background: #f7f7f7;
	text-align: center;
}

.post.photo p {
	margin-top: 24px;
	width:600px;
}

p {
	font-size: 12px;
	line-height: 1.35 em;
	margin-bottom: 24px;
	width: 400px;
}

#footer {
	padding-bottom: 200px;
	width: 800px;
	
	background: url('arrows.gif') top left no-repeat;
	text-align: right;
}

#footer a,
p a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
	
	-webkit-transition:color .1s linear;
}

#footer a span.girlfriend,
p a:hover {
	color: #999;
}

#footer a:hover span.girlfriend,
p a:hover {
	border-bottom: dotted #999999 1px;
	color: #999999;
}

#footer .previous,
#footer .next {
	display: none;
}

#footer a:hover {
	border-bottom: none
}

.post h3 a {
	text-decoration: none;
	color: inherit;
}

blockquote {
	padding-left: 25px;
	margin-left: 25px;
	border-left: solid 1px #eee;
	line-height: 1.68em;
	margin-bottom: 10px;
}

/*
	autopagerize_page_element
*/
.autopagerize_page_element {
	width: 800px;
	float: left;
}

.right-sidebar {
	width: 240px;
	float: left;
	text-align: right;
	padding: 25px;
	padding-top: 0px;


}

.right-sidebar p {
	font-size: 12px;
	line-height: 19px;
}

.clear {
	clear: both;
}

ul li {
	text-align: left;
	margin-top: 10px;
}

ul li a img {
	vertical-align: middle;
	margin-right: 2px;
}

.right-sidebar {
	text-align: left;
}

.right-sidebar p {
	width: 240px;
}

.right-sidebar h2 {
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	text-transform: Normal;
}

.right-sidebar a img {
	padding-right: 16px;
	padding-bottom: 16px;
}

ul li a {
	text-decoration: none;
	color: black;
}

.right-sidebar ul li a {
	color: #111;
	font-size: 11px;
	display: block;
	padding: 8px 14px;
	background: #f1f1f1;
	border-radius: 5px;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: none;

-webkit-box-shadow: 0px -1px 2px rgba(0,0,0, .3);
-webkit-transition: .1s;

}

.right-sidebar ul li a:hover {
	border: none;
	background: #1a1a1a;
	color: #fff;

	-webkit-transition: 0.1s;
	

}

.right-sidebar h2 {
	border-top: solid 1px #eee;
	padding-top: 10px;
}

.right-sidebar p {
	margin-bottom: 10px;
}

.right-sidebar hr {
	border: none;
	background: none;
	border-bottom: solid 1px #eee;
	margin-bottom: 11px;
	width: 240px;
	margin-left: 0px;
	margin-top: 0px;
}

.right-sidebar .friends a {
	display: block;
	float: left;
}

.right-sidebar .friends a img{
	display: block;
	border-radius:2px;
	width: 48px;
	height: 48px;
}



.right-sidebar .friends a:nth-child(4n) img {
	padding-right: 0px;
}


.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

.post {
	position: relative;
	padding-bottom: 64px;
}
.post-footer {
	text-align: right;
	position: absolute;

	right: 0px;
	bottom: 27px;
}

.post-caption {
	padding-bottom: 0px;
}

/*
 * post footer
 */

.post-footer a span {
	display: none;
}

.post-footer a {
	width: 16px;
	height: 16px;
	
	display: block;
	float: left;
	line-height: 16px;
	margin-left: 10px;
}

.post-footer a.loves {
	background: url('tumblr-icons/heart.png');
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	line-height: 15px;
}

.post-footer a.reblog {
	background: url('tumblr-icons/reblog.png');
}

.post-footer a.permalink {
	background: url('tumblr-icons/permalink.png');
}

.post-footer a {
	-webkit-transition: opacity 0.2s ease-out;
	opacity: 0.2;
}

.post-footer a:hover {
	opacity: 1;
}

/*
 * notes
 */

.notes .note {
	padding: 15px 0px;
}

.notes .note a {
	color: #222;
	font-weight: bold;
	text-decoration: none;
}

.notes .note a:hover {
	color: #999;
}

.notes .note a img {
	vertical-align: top;
}