/*
Theme Name: Battery Park City
Theme URI: http://batteryparkcity.com/
Description: Battery Park City's Theme.
Version: 3.0
Author: Andy Fraley
Tags: buddypress
*/

/* RESET
---------------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,em,font,img,strong,object,iframe,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,input,table,tbody,tr,th,td { border:0; margin:0; outline:0; padding:0; text-align:left; }
ol, ul { list-style: none; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
.clearfix { .display: inline-block; }
* html .clearfix { height: 1%; }

body { background:#fff; font-family:verdana, sans-serif; font-size:13px; line-height:18px; text-align:center; }
h1, h2, h3, h4, h5, h6 { font-family:museo-slab; font-weight:500; }
h1 { border-bottom:4px #dedede double; font-size:30px; line-height:36px; margin:40px 0 30px 0; padding-bottom:15px; }
h4 { color:#685b3d; font-size:16px; font-family:museo-slab; font-weight:500; line-height:30px; text-transform:uppercase; }
	h4 a { color:#036; }
	.sidebar h4 { border-top:4px #dce9ee double; margin-left:-16px; padding:10px 0 0 16px; }
	.sidebar.interior h4 { margin-left:0; padding-left:0; }
	.mid .sidebar h4:first-child { border-top:none; margin-left:0; padding:0; }
a { color:#069; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }

/* STRUCTURE
---------------------------------------------------------*/
.page { text-align:center; }
	.top { background:url(/media/bg_top.png) 0 0 repeat-x; }
	.mid { background:#edf4f6; border-top:4px #dce9ee double; }
	.bot { background:#dce9ee; border-top:4px #b9d3dd double; }
	.foot { background:#333; border-top:4px #666 double; }
.section { text-align:left; overflow:hidden; margin:0 auto; width:940px; }
	.mid .section { background:url(/media/bg_mid.png) 630px 0 repeat-y; }
.content { float:left; margin:0 20px 40px 0; width:620px; }
	.top .content { margin-bottom:20px; }
	.mid .content { margin:30px 10px 40px 0; padding-right:10px; width:610px; }
.sidebar { float:left; margin:0 0 40px 0; position:relative; width:300px; }
	.top .sidebar { margin-bottom:20px; }
	.mid .sidebar { margin-bottom:0; padding:30px 0 40px 20px; width:290px; }
.third { border-right:4px #b9d3dd double; float:left; padding:30px 0; width:313px; }
	.third.last { border:none; margin-right:0; width:300px; }


/* HEADER
---------------------------------------------------------*/
#header { height:140px; position:relative; width:940px; z-index:5000; }
	#logo { background:url(/media/bpc.png) 0 0 no-repeat; bottom:-20px; display:block; height:150px; left:0; position:absolute; text-indent:-9000px; width:150px; z-index:5000; }
	#searchform { background:url(/media/bg_search.png) 0 0 no-repeat; position:absolute; height:30px; right:0; top:20px; width:300px; }
		#searchform input[type=text] { background:none; color:#666; height:30px; padding:0 0 0 10px; width:260px; }
		#searchform input[type=submit] { background:url(/media/spyglass.png) 0 0 no-repeat; height:30px; position:absolute; text-indent:-9000px; width:30px; }
	#nav { bottom:19px; font-family:museo-slab; font-size:15px; font-weight:500; overflow:hidden; padding-left:140px; position:absolute; }
	#nav li { display:block; float:left; }
	#nav a { border-top:6px #ceebf6 solid; display:block; height:45px; line-height:45px; padding:0 15px; }
		#nav_main a { padding-left:20px; }
		#nav .selected a { background:#069; border-top:6px #069 solid; color:#fff; font-weight:700; text-decoration:none; }
		/* #nav a:hover, #nav a:active { background:#b9d3dd; } */


/* FOOTER
---------------------------------------------------------*/
#footer { clear:both; padding:0 0 30px 0; text-align:center; }
	#footer p { color:#ccc; font-size:11px; line-height:20px; margin:0 auto; text-align:center; width:810px; }
	#footer span { display:block; text-align:center; }
		#footer a { color:#fff; font-weight:bold; }
	.typekit-badge { display:none !important; }


/* ARTICLE/PAGES
---------------------------------------------------------*/
.article { overflow:hidden; padding:350px 0 20px 0; position:relative; }
	.article_noimg { padding-top:0; }
	.article.pages { padding-top:40px; }
	.article.hero { padding-top:0; }
.article h1 { margin:0 20px 0 0; }
.article p { font-size:14px; line-height:20px; margin:0 20px 20px 0; }
	.article .article_tags { font-size:12px; line-height:15px; margin:0 0 20px 0; }
	.article_byline { color:#666; font-size:13px; font-style:italic; line-height:40px; }
	.article_comments_link { font-style:normal; font-weight:500; margin-left:10px; }
.article ul { font-size:14px; line-height:20px; list-style-type:disc; margin:0 40px 15px 0; padding-left:30px; }
	.article li { margin-bottom:10px; }
blockquote { border-left:1px #dce9ee solid; color:#666; font-size:14px; line-height:20px; margin:0 20px 20px 10px; padding-left:20px; }


/* HERO IMAGES
---------------------------------------------------------*/
.hero, .wp-caption { clear:both; height:320px; overflow:hidden; padding:0; position:relative; width:620px !important; }
	.wp-caption { margin-bottom:30px; position:absolute; top:0; }
.hero .article_summary { background:#000; bottom:0; color:#ccc; left:0; line-height:24px; opacity:0.8; padding:15px; position:absolute; width:590px; }
	.article .article_summary p { line-height:16px; margin:0; }
.wp-caption .wp-caption-text { background:#000; bottom:0; color:#ccc; font-size:11px !important; left:0; line-height:15px; margin:0 !important; opacity:0.8; padding:10px; position:absolute; width:600px; }
	.hero h1 { border:none; font-size:20px; line-height:24px; margin:0; padding:0; }
	.hero a { color:#e9cb03; display:block; }


/* ARTICLE LISTS
---------------------------------------------------------*/
.article_list { list-style-type:none !important; margin:0 20px 0 0 !important; overflow:hidden; padding:0 !important; }
	.article_list li { border-bottom:1px #dce9ee solid; border-top:1px #fff solid; margin-bottom:0 !important; overflow:hidden; padding:20px 0; }
	.article_list li:first-child { border-top:none; padding-top:0; }
	.article_list li:last-child { border-bottom:none; }
	.article_list .thumb { float:left; margin-right:20px; }
	.article_list .thumb + .article_summary { float:left; width:390px; }
	.article_list h2 { display:block; font-size:18px; line-height:20px; }
	.article_list .thumb + .article_summary h2 { margin-top:5px; }
	.article_list p { color:#333; font-size:12px; line-height:18px; }
	.article_list span { color:#999; font-size:11px; line-height:18px; }
.sidebar .article_list { margin:0 0 25px 0 !important; }
	.sidebar .article_list li { padding:15px 0; }
	.sidebar .article_list li:first-child { padding-top:5px; }
	.sidebar .article_list h3 { font-size:14px; line-height:18px; }
.third .article_list { margin:0 20px !important; }
	.third .article_list li { border-bottom:1px #b9d3dd solid; border-top:1px #edf4f6 solid; height:30px; padding:10px 0; }
	.third .article_list li:first-child { border-top:none; }
	.third .article_list li:last-child { border-bottom:none; }
	.third .article_list h3 { font-size:12px; line-height:15px; }


/* TWEET LIST
---------------------------------------------------------*/
.tweet_list { overflow:hidden; padding-bottom:30px; }
	.tweet_list li { background:url(/media/icon_tweet.png) 0 10px no-repeat; color:#666; font-size:12px; padding:10px 0 10px 40px; }
	.tweet_list em { font-style:normal; }
	.tweet_list span { display:block; font-size:10px; line-height:15px; }
	.tweet_list span a { color:#999; }


/* BOTTOM SECTION
---------------------------------------------------------*/
.third h4 { font-size:14px; line-height:15px; margin:0 20px; }
	.third ul + h4 { border-top:1px #b9d3dd solid; padding-top:35px; }


/* COMMENTS & REPLIES
---------------------------------------------------------*/
.comment_stream { border-bottom:1px #fff solid; margin-bottom:10px; }
.comment { border-bottom:1px #dce9ee solid; border-top:1px #fff solid; overflow:hidden; padding:20px 0; }
	.comment:first-child { border-top:none; padding-top:10px; }
	.children { border-top:1px #fff solid; margin:20px 0 -20px 40px; }
		.children .comment:first-child { border-top:1px #dce9ee solid; padding-top:20px; }
		.children .comment:last-child { border-bottom:none; }
	.comment-author { color:#666; line-height:18px; overflow:hidden; }
		.comment-author a { color:#036; }
		.comment-author .avatar, 
		#fb-user .fb_profile_pic_rendered { background:#fff; display:block; float:left; margin-right:8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
		.comment-author cite { color:#000; font-family:museo-slab; font-size:14px; font-style:normal; font-weight:500; }
	#fb-user { border:none !important; margin-bottom:10px; padding:0 !important; }
		#fb-user .fb_profile_pic_rendered img { height:32px; width:32px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	#fb-msg { font-size:11px; line-height:15px; }
		#fb-msg strong { font-size:12px; }
	.comment-meta { color:#999; font-size:11px; line-height:15px; margin:-13px 0 10px 40px; }
	.comment-body p { font-size:12px; margin:0 0 10px 40px; }
	.comment-reply-link { background:#ceebf6; border:1px #39c solid; display:inline-block; font-family:museo-slab; font-size:11px; font-weight:700; line-height:20px; margin-left:40px; padding:0 5px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
		.comment-reply-link:hover, .comment-reply-link:active { background:#39c; color:#fff; text-decoration:none; }
.sidebar .comment_stream { border-bottom:none; margin-bottom:40px; }
.sidebar .comment-body { border:none; margin-top:0; padding-top:10px; }
	.sidebar .comment-body p { color:#666; }
	.sidebar .comment-author { line-height:18px; }
	.sidebar .comment-meta { line-height:15px; margin:-10px 0 0 40px; }


/* COMMENT FORM
---------------------------------------------------------*/
#respond { font-size:12px; }
	#reply-title { color:#685b3d; font-size:16px; font-family:museo-slab; font-weight:500; line-height:30px; text-transform:uppercase; }
	#respond p { overflow:hidden; margin:0 0 10px 0; }
	#respond label { color:#666; font-family:museo-slab; font-size:12px; }
	#respond input[type=text], #respond textarea { border:1px #ddd solid; border-left:1px #ccc solid; border-top:1px #ccc solid; border-right:1px #ddd solid; color:#333; display:block; height:28px; padding:0 9px; width:270px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
		#respond textarea { height:300px; }
	#respond .form-allowed-tags { display:none; }
	#sfc_comm_send input { margin-right:5px; }
	.form-submit { text-align:right; }
.comment #respond { border-top:1px #dce9ee solid; margin:20px 0 0 40px; }
	.comment #reply-title { border-top:1px #fff solid; padding-top:15px; }
	.comment #respond input[type=text], .comment #respond textarea { width:530px; }
		.comment #respond textarea { height:200px; }
	.children #respond input[type=text], .children #respond textarea { width:490px; }
	.children .children #respond input[type=text], .children .children #respond textarea { width:450px; }
	.comment .form-submit { margin-right:20px !important; }


/* CONTACT FORM
---------------------------------------------------------*/
.wpcf7 { padding-top:20px !important; }
	.wpcf7 p { overflow:hidden; margin:0 0 10px 0; }
	.wpcf7 label { color:#666; font-family:museo-slab; font-size:12px; }
	.wpcf7 input[type=text], .wpcf7 textarea { border:1px #ddd solid; border-left:1px #ccc solid; border-top:1px #ccc solid; border-right:1px #ddd solid; color:#333; display:block; height:28px; padding:0 9px; width:530px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
		.wpcf7 textarea { height:300px; }


/* MAILCHIMP FORM
---------------------------------------------------------*/
.mc_custom_border_hdr { border-top:4px #dce9ee double; color:#685b3d; font-size:16px; font-family:museo-slab; font-weight:500; line-height:30px; margin-left:-16px; padding:10px 0 0 16px; text-transform:uppercase; }
 .sidebar.interior .mc_custom_border_hdr { margin-left:0; padding-left:0; }

.mc_form_inside div { color:#666; font-size:12px; overflow:hidden; margin:0 0 10px 0; }
.mc_form_inside label { color:#666; font-family:museo-slab; font-size:12px; }
.mc_form_inside input[type=text] { border:1px #ddd solid; border-left:1px #ccc solid; border-top:1px #ccc solid; border-right:1px #ddd solid; color:#333; display:block; height:28px; padding:0 9px; width:280px; border-radius:3px; -moz-border-radius:3px; }
#mc-indicates-required { color:#999; font-size:10px; line-height:10px; }
.mc_signup_submit { margin-top:-20px !important; text-align:right !important; }
.button { background:#ceebf6; border:1px #39c solid; cursor:pointer; display:inline-block; font-family:museo-slab; font-size:11px; font-weight:700; line-height:20px; margin-left:40px; padding:0 5px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
	.button:hover, .button:active { background:#39c; color:#fff; text-decoration:none; }


/* BUTTONS
---------------------------------------------------------*/
.form-submit #submit, .wpcf7 #contact, .pagination a, .button-large { background:#ceebf6; border:1px #39c solid; color:#036; cursor:pointer; display:inline-block; font-family:museo-slab; font-size:14px; font-weight:700; line-height:30px; padding:0 20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
	.form-submit #submit:hover, .wpcf7 #contact:hover, .pagination a:hover, .button-large:hover, 
	.form-submit #submit:active, .wpcf7 #contact:active, .pagination a:active, .button-large:active { background:#39c; color:#fff; text-decoration:none; }
	.pagination { padding-bottom:0; text-align:center; }
	.pagination a { margin:0 10px; }


/* ADVERTISEMENTS
---------------------------------------------------------*/
.ad300x250 { display:block !important; visibility:visible !important; height:250px; width:300px; }
.ad728x90 { display:block !important; height:90px; margin:20px 0; visibility:visible !important; text-align:center; }
	#comments .ad728x90 { background:none; border-top:none; padding:0; }
#advertise { background:#f5f5f5; border:4px #dedede double; display:block; font-family:museo-slab; font-size:14px; font-style:italic; font-weight:500; line-height:42px; margin-top:20px; padding:0 16px; text-align:center; }
	#advertise:hover, #advertise:active { background:#dce9ee; border:4px #b9d3dd double; text-decoration:none; }
	.sidebar.interior #advertise { margin-bottom:30px; }