/*
Theme Name: The Stuy Theme
Author URI: http://thestuyvesants.com
Description: The Stuy Theme is a simple, grid based blog Wordpress theme, designed in a modern and minimalist style. The theme has a heavy focus on your content and very clean feel. Theme supports all Wordpress 3.0 features and gives you extra flexibility.
Author: allancole
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Tags: grids, blog, modern, stylish, minimalistic
Copyright: (c) 2011 fthrwght.com

*/

/*** Reset ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;text-align:left;color: #9D9D9D}
a:link, a:visited {color: #000}
a:hover, a:active, a:focus {color: #9D9D9D}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
#wpstats {display: none}

/*** Main ***/
html, body {height: 100%;}
body {font: 62.5% Helvetica, Arial, Helvetica, sans-serif; color: #000; background: transparent;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.wrapper {width: 945px; margin: 0 auto; position: relative;}

::selection {background:#FFFDC6; color:#000;}

/*** Header ***/
.header {padding: 0;text-indent: -9999px;}
.header h1 {float: left; font-weight: normal; color: #000; font-family: "garamond-premier-pro-display-1","garamond-premier-pro-display-2", "Hoefler Text","Garamond",Times New Roman,Times,serif; }
.header h1 a {width:145px; height:145px; color: #000; text-decoration: none; display: block; background: transparent url(images/logo.png) center center no-repeat;}

.header-menu {float: right; display: block; text-indent: 0; line-height: 145px;}
.menu {float: right; text-align: right; display: block}
.menu ul {}
.menu li { font-size: 16px; line-height: 24px; font-weight: normal; margin: 0; padding-left: 9px; font-family: "garamond-premier-pro-display-1","garamond-premier-pro-display-2", "Hoefler Text","Garamond",Times New Roman,Times,serif;}
.menu li {display: inline-block; float: none}
.menu li:after {content: " /"; padding-left: 10px}
.menu li.menu-item-1613:after {content: ""; padding-left: 0px}
.menu li a {color: #000; text-decoration: none; display: inline-block}
.menu li a:hover, li.current_menu_parent a, li.current-menu-item a {color: #9d9d9d;}

.search {width: 225px; float: right; position: relative; top: -2px; background: #e9e9e9;}
.search input {background: none; border: none; font-size: 16px; font-weight: bold; color: #fff; padding: 4px 5px 4px 5px; width: 191px; vertical-align: middle;}
.search button {background: url("images/search.png") 50% 50% no-repeat; border: none; height: 16px; width: 16px; vertical-align: middle; cursor: pointer;}

/*** Middle ***/
.middle {padding-bottom: 185px;}
#content {width: 772px; float: left;}

.post {padding-bottom: 45px; position: relative;}

.post_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; padding-top: 15px;}
.post_meta h2 {font-size:16px; line-height: 20px; font-weight: normal; margin-bottom: 15px; color: #000; font-family: "garamond-premier-pro-display-1","garamond-premier-pro-display-2", "Hoefler Text","Garamond",Times New Roman,Times,serif;}
.post_meta h2 a {color: #000; text-decoration: none;}
.post_meta h2 a:hover {color: #9d9d9d;}
.post_data {color: #9d9d9d; font-size: 11px;}
.post_data a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.post_data a:hover {border-color: #000;}
.post_data a.addthis_button {border-bottom: none;}
.post_author {margin-bottom: 2px;}
.post_date {background: url("images/dash.png") 0 100% no-repeat; padding-bottom: 10px; margin-bottom: 10px;}
.post_categories {margin-bottom: 10px;}

.post_share {margin-bottom: 10px;}
.sharethis {padding-top: 10px; background: url("images/dash.png") 0 0 no-repeat; display: inline-block;}
.sharelist {display: none; margin-top: 10px;}
.sharelist li {padding-left: 12px; margin-bottom: 3px;}
.share_fb {background: url("images/facebook.png") 0 2px no-repeat;}
.share_twitter {background: url("images/twitter.png") 0 2px no-repeat;}
.share_digg {background: url("images/digg.png") 0 2px no-repeat;}
.share_su {background: url("images/stumbleupon.png") 0 2px no-repeat;}
.share_deli {background: url("images/delicious.png") 0 2px no-repeat;}

.post_edit {padding-top: 10px; background: url("images/dash.png") 0 0 no-repeat;}

.post_content {width: 600px; float: right; overflow: visible; border-top: 1px solid #e9e9e9; padding-top: 15px; }
.post_content h1, 
.post_content h2, 
.post_content h3, 
.post_content h4, 
.post_content h5 {font-style: italic; line-height: 55px; font-weight: normal; color: #000; font-family: "garamond-premier-pro-display-1","garamond-premier-pro-display-2", "Hoefler Text","Garamond",Times New Roman,Times,serif;}
.post_content h2 {font-size: 24px;}
.post_content h3 {font-size: 22px;}
.post_content h4 {font-size: 18px;}
.post_content h5 {font-size: 16px;}
.post_content p, .post_content li {color: #9D9D9D; font-size: 12px; line-height: 1.5;}
.post_content p, .post_content ul, .post_content ol {margin-bottom: 22px;}
.post_content ul {margin-left: 0;}
.post_content ol {margin-left: 30px;}
.post_content ul li {background: url("images/dash.png") 0 9px no-repeat; padding-left: 14px;}
.post_content ol li {list-style: decimal;}
.post_content ol li.reset {margin-top: -234px;}
.post_content ol li.reset-tft {margin-top: -180px;}
.post_content ol li.reset-tsr {margin-top: -90px;}
.post_content ol li.column2 {margin-left: 55%;}
.post_content p a, .post_content li a {color: #000; text-decoration: underline;}
.post_content p a:hover, .post_content li a:hover {color: #9d9d9d;}
.post_content blockquote {margin-left: 65px; padding-left: 10px; border-left: 1px solid #e9e9e9; color: #9d9d9d; font-style: normal; line-height: 1.5;}
.post_content blockquote p {color: #9d9d9d; font-style: none;}
.post_content h6 {width: 145px; position: absolute; left: 0; font-size: 11px; font-weight: normal; color: #9d9d9d;}
.post_content h6 img {display: block; margin: 5px 0; max-width: 145px;}
.post_content h6 a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.post_content h6 a:hover {border-color: #000;}
.post_content hr {height:0; border: 1px solid #E9E9E9; border-width: 1px 0 0; background: transparent;}

.more,
.comments-link {display: inline-block; font-size: 11px; color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5; background: url("images/dash.png") 0 0 no-repeat; padding-top: 10px;}
.more:hover,
.comments-link:hover {border-color: #000;color: #000;}

.page .post_data h2 {font-size: 16px;}

.post_tags ul {margin: 0;}
.post_tags li {display: block; float: left; height: 19px; background: url("images/tag.png") 0 0 no-repeat !important; padding-left: 5px !important; margin: 0 10px 5px 0; font-size: 11px;}
.post_tags li a {display: block; float: left; height: 19px; line-height: 19px; background: url("images/tag.png") 100% 0 no-repeat; border-bottom: none; padding-right: 5px; margin-right: -5px;}

.archive_title {padding-bottom: 20px; font-family: "garamond-premier-pro-display-1","garamond-premier-pro-display-2", "Hoefler Text","Garamond",Times New Roman,Times,serif;}
.archive_title_meta {width: 773px; float: left; border-top: 1px solid #e9e9e9; font-size: 22px; padding-top: 20px; padding-left: 175px; font-style: italic;}
.archive_title_name {width: 600px; float: right; border-top: 1px solid #e9e9e9; font-size: 20px; padding-top: 15px; }

.error404_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; font-size: 89px; font-weight: bold; padding-top: 6px;}
.error404_text {width: 545px; float: right; border-top: 1px solid #e9e9e9; padding-top: 25px;}
.error404_text p {color: #000; font-size: 12px; line-height: 1.5; margin-bottom: 20px;}
.error404_back {font-weight: bold; color: #000; font-size: 11px; background: url("images/dash.png") 0 50% no-repeat; text-decoration: none; border-bottom: 1px solid #e5e5e5; padding-left: 12px;}
.error404_back:hover {border-color: #000;}

ul.playlist li a {background-image:url('http://thestuyvesants.com/blog/wp-content/themes/thestuy/images/sm2/play-pause-btn.png');background-repeat:no-repeat;background-position: left -37px;}
.post_content ul.playlist li {background-image: none;}
.post_content ul.playlist li a,
.post_content ul.playlist li a:hover {text-decoration: none; border-bottom: none;}
ul.playlist li.sm2_playing a {background-position: left 0px;}
ul.playlist li.sm2_pause a {background-position: left -37px;}

/*** Landing Page ***/
.page-template-landing-php .header {width: 100%; text-align: center; background-position: center center; margin-bottom: 0; position: relative; z-index:100}
.page-template-landing-php .header h1 {width: 100%; border-bottom: 1px solid #E9E9E9; height:75px;}
.page-template-landing-php .header h1 a {margin: 0 auto; padding: 0 20px; background-position: center center; background-color: #FFFFFF}
.page-template-landing-php .header .header-menu {display: none}
.page-template-landing-php #content {width: 945px; padding: 0; position: relative; z-index:50}
.page-template-landing-php #content .page {margin: 0; float: none}
.page-template-landing-php #content .post_content {width: 450px; float: left; overflow: visible; border: none; padding-top: 15px; margin-bottom: 30px; }
.page-template-landing-php #content .post_content a {text-decoration: none}
.page-template-landing-php .download {height: 60px; width: 70px; margin: 0 auto 20px; display: block; padding:30px 10px 0; text-align: center; color: #FFF; background: #000; font-size: 14px; text-decoration: none; -moz-border-radius:165px; -webkit-border-radius:165px; -khtml-border-radius:165px; border-radius:165px; font-family: "garamond-premier-pro-display-1","garamond-premier-pro-display-2", "Hoefler Text","Garamond",Times New Roman,Times,serif;}
.page-template-landing-php #content #vol1 {margin-right: 40px}
.page-template-landing-php #content #vol1 .download:hover {background: #5b234d}
.page-template-landing-php #content #vol2 .download:hover {background: #81f3fd}
.page-template-landing-php #content .addthis {margin-left: 0;}
.page-template-landing-php #content .addthis_toolbox {text-align: center; display: block}
.page-template-landing-php #content .addthis_toolbox a.addthis_button_compact {float: none}
.page-template-landing-php #content .addthis_button_compact { background: none; }
.page-template-landing-php #content .addthis_button_expanded { display: none; visibility: hidden; background: none; }
.page-template-landing-php .post_meta {display: none}
.page-template-landing-php .post_content img {height: auto;margin: 0 0 10px;max-width: 450px;width: auto;}
.page-template-landing-php .footer-menu {display: table; width: 100%; border-top: 1px solid #E9E9E9; padding-top: 20px; margin-top: 0}
.page-template-landing-php .footer-menu #menu-footer-menu {display: block; text-align: center; float: none}
.page-template-landing-php .footer-menu #menu-footer-menu li {display: inline-block; float: none}
.page-template-landing-php .footer-menu #menu-footer-menu li:after {content: " /"; padding-left: 10px}
.page-template-landing-php .footer-menu #menu-footer-menu li.menu-item-1609:after {content: ""; padding-left: 0px}
.page-template-landing-php .middle {padding-bottom: 10px;}
.page-template-landing-php .footer {text-align: center; border-top: none; margin-top: 0; height: 20px;}
.page-template-landing-php .footer .contact {display: none}
.page-template-landing-php .footer .copy {float: none}

/*** AddThis Plugin ***/
#content .addthis_separator {display: none;}
#content .at300b {display: none;}
#content .at300m {padding: 0;}
#content .at300bs {width: 0; height: 0; margin: 0;}

/*** Images ***/
.post_content img {margin: 0 0 10px; height: auto; max-width: 600px; width: auto;}
.post_content .attachment img {max-width: 785px;}
.post_content .alignleft, .post_content img.alignleft {display: inline; float: left; margin-right: 15px; margin-top: 4px;}
.post_content .alignright, .post_content img.alignright {display: inline; float: right; margin-left: 15px; margin-top: 4px;}
.post_content .aligncenter, .post_content img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
.post_content img.alignleft, .post_content img.alignright, .post_content img.aligncenter {margin-bottom: 12px;}
.post_content .wp-caption {background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center;}
.post_content .wp-caption img {margin: 5px 5px 0;}
.post_content .wp-caption p.wp-caption-text {color: #888; font-size: 12px; margin: 5px;}
.post_content .wp-smiley {margin: 0;}
.post_content .gallery {margin: 0 auto 18px;}
.post_content .gallery .gallery-item {float: left; margin-top: 0; text-align: center; width: 20%;}
.post_content .gallery .gallery-caption {color: #888; font-size: 12px; margin: 0 0 12px;}
.post_content .gallery dl {margin: 0;}
.post_content .gallery img {width: 100px; border: none;}
.post_content .gallery br+br {display: none;}
.post_content .attachment img {display: block; margin: 0 auto;}

/*** Pagination ***/
.pagination {padding: 0; font-size: 16px; line-height: 50px; width: 950px;}
.pagination a {color: #FFF; background: #000; -moz-border-radius:165px; -webkit-border-radius:165px; -khtml-border-radius:165px; border-radius:165px;}
.pagination a:hover {background: #9D9D9D;}
.pagination .previouspostslink, 
.pagination .nextpostslink {color: #FFF; clear:none; float: right; text-decoration: none; height: 50px; width: 50px; display: block; text-align: center;}
.pagination .nextpostslink {float: left;}
.previouspostslink {}
.wp-pagenavi .previouspostslink {margin-right: 0;}

/*** Sidebar ***/
.sidebar {width: 145px; float: right; overflow: hidden; margin-bottom: 40px;}
.widget {border-top: 1px solid #e9e9e9; padding: 15px 0;}
.widget h3 {font-size:16px; font-weight: normal; margin-bottom: 15px; color: #000; font-family: "garamond-premier-pro-display-1","garamond-premier-pro-display-2", "Hoefler Text","Garamond",Times New Roman,Times,serif;}
.widget_body, .widget_body p, .widget_body li {font-size: 11px; line-height: 1.5; color: #9D9D9D; text-align: center;}
.widget_body a {color: #9D9D9D; text-decoration: none; border-bottom: none;}
.widget_body a:hover {}
.widget_body img {padding-bottom: 8px;}
.widget_body li ul li {background: url("images/dash.png") 0 7px no-repeat; padding-left: 14px;}
#text-4, #text-5 {}

.url {font-weight: bold;}
.date {display: block; color: #9d9d9d;}

/*** Comments ***/

#comments {clear: both; width:770px;}

.comments_heading {padding-bottom: 30px; color: #000; font-size: 16px; font-family: "garamond-premier-pro-display-1","garamond-premier-pro-display-2", "Hoefler Text","Garamond",Times New Roman,Times,serif;}
.comment_qty {width: 145px; float: left; border-top: 1px solid #e9e9e9; padding-top: 15px;}
.add_comment {width: 600px; float: right; border-top: 1px solid #e9e9e9; padding-top: 15px; text-align: left;}
.add_comment a {color: #000; text-decoration: none;}
.add_comment a:hover {color: #9d9d9d;}

.comment_list a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.comment_list a:hover {border-color: #000;}
.comment_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; padding: 15px 0; font-size: 12px; color: #000;}
.comment_meta span {display: block; font-size: 11px; font-weight: normal; color: #9d9d9d; margin-top: 3px;}
.comment_meta span em {display: block; font-style: normal;}
.comment_meta a {font-size: 14px; font-family: "garamond-premier-pro-display-1","garamond-premier-pro-display-2", "Hoefler Text","Garamond",Times New Roman,Times,serif; font-weight: normal;}
.comment_text {width: 600px; float: right; border-top: 1px solid #e9e9e9; padding: 15px 0; color: #9D9D9D; font-size: 12px; line-height: 1.5;}
.comment_message {color: #000; font-size: 12px; margin-bottom: 15px;}
.comment_text ul {margin-left: 65px;}
.comment_text ol {margin-left: 85px;}
.comment_text ul li {background: url("images/dash.png") 0 9px no-repeat; padding-left: 14px;}
.comment_text ol li {list-style: decimal;}

#commentform a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
#commentform a:hover {border-color: #000;}
.respond_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; padding-top: 15px; color: #000; font-size: 16px; font-family: "garamond-premier-pro-display-1","garamond-premier-pro-display-2", "Hoefler Text","Garamond",Times New Roman,Times,serif; }
.comment_form {width: 600px; float: right; border-top: 1px solid #e9e9e9; padding-top: 15px;}
.user_data {width: 225px; float: left; margin: 0 15px 15px 0;}
.user_data input {width: 225px; border: none; border-bottom: 1px solid #e9e9e9; padding-bottom: 5px; font: 12px Helvetica, Arial, Helvetica, sans-serif; color: #9d9d9d;}
.user_data input:focus, .comment_field textarea:focus {color: #000; border-color: #000;}
#email, #url {margin-top: 22px;}
.comment_field {width: 545px; float: left; margin-bottom: 15px;}
.comment_field textarea {height: 140px; overflow: auto; width: 580px; padding: 10px; border: none; border-bottom: 1px solid #e9e9e9; font: 12px Helvetica, Arial, Helvetica, sans-serif; color: #000; background: #EFEFEF;}
.comment_submit {clear: both;}
#submit {width: 60px; height: 25px; border: none; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; background: #d9d9d9; color: #000; font: bold 12px Helvetica, Arial, Helvetica, sans-serif; cursor: pointer;}
#submit:hover {background: #000; color: #fff;}

/*** Footer ***/
.footer {width: 945px; height: 101px; padding-top: 23px; position: relative; margin: -125px auto 0; border-top: 1px solid #e9e9e9;}
.footer p {font-size: 11px;}
.footer a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.footer a:hover {border-color: #000;}
.copy {float: left;}
.contact {float: right;}

.msie .pagination {padding: 0; font-size: 36px; line-height: 50px; width: 950px;}
.msie .pagination a {color: #000; background: #FFF;}
.msie .pagination a:hover {color: #9D9D9D;}
.msie .pagination .previouspostslink, 
.msie .pagination .nextpostslink {color: #000; }

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-width: 480px) {
	body{-webkit-text-size-adjust:none;font-family:Helvetica, Arial, Verdana, sans-serif;padding:5px;}
	.page-template-landing-php .header h1 {height: 150px;}
	.page-template-landing-php .footer,
	.page-template-landing-php .wrapper {width: 450px; margin: 0 auto; position: relative;}
	.page-template-landing-php #content {width: 450px; padding: 0; position: relative; z-index:50}
	.page-template-landing-php #content .post_content {width: 450px; float: none; overflow: visible; border: none; padding-top: 15px; margin-bottom: 30px; }
	.page-template-landing-php #content #vol1 {padding-bottom: 15px; margin-right: 0; border-bottom: 1px solid #E9E9E9}
}

@media screen and (max-width: 320px) {
	body{-webkit-text-size-adjust:none;font-family:Helvetica, Arial, Verdana, sans-serif;padding:5px;}
	.page-template-landing-php .header h1 {height: 150px;}
	.page-template-landing-php .footer,
	.page-template-landing-php .wrapper {width: 300px; margin: 0 auto; position: relative;}
	.page-template-landing-php #content {width: 300px; padding: 0; position: relative; z-index:50}
	.page-template-landing-php .post_content img {height: auto;margin: 0 0 10px;max-width: 300px;width: auto;}
	.page-template-landing-php #content .post_content {width: 300px; float: none; overflow: visible; border: none; padding-top: 15px; margin-bottom: 30px; }
	.page-template-landing-php #content #vol1 {padding-bottom: 15px; margin-right: 0; border-bottom: 1px solid #E9E9E9}
}