/*
Theme Name: Manhattman Theme
Author: Brave Whale
Author URI: http://bravewhale.com
version: 1.0
Date: October 13, 2011
*/

@font-face {
    font-family: 'ClassicRoundMedium';
    src: url('fonts/classicround-medium-webfont.eot?') format('eot'),
         url('fonts/classicround-medium-webfont.woff') format('woff'),
         url('fonts/classicround-medium-webfont.ttf') format('truetype'),
         url('fonts/classicround-medium-webfont.svg#webfont4iLdMOal') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Default Styles */
body { background: url(images/body-wave-bg.gif); font: normal 14px Arial,Tahoma,sans-serif; color: #555; line-height: 20px; }
h1, h2 { font: 24px ClassicRoundMedium, georgia, serif; color: #141414; margin: 0 0 10px 0; line-height: 30px; }
h3,h4,h5,h6 { font: 18px ClassicRoundMedium, georgia, serif; color: #333; margin: 0 0 10px 0; }
a { color: #087FB2; text-decoration: none; }
a:hover { text-decoration: underline; }
img { display: block; } /*fixes HTML5 doctype issue, which adds line-height to img elements*/
a img { border: none; }
p { margin: 10px 0; }

/* Clear containing elements with floated elements inside **** Look for more thorough way to clear floats */
.clear:after { content: "."; visibility: hidden; height: 0px; display: block; clear: both; }
.clearboth { clear: both; }

/* Header Elements */
#masthead { background: url(images/header-bg.gif) repeat-x; height: 213px; text-align: center; margin-bottom: 43px; padding: 0 15px;}
img.norman-bust { width: 285px; margin: 0 auto; }
img.logo { display: block; width: 579px; margin: 0 auto; padding: 17px 0 7px 0; }
#masthead h2 { font: 16px ClassicRoundMedium, Georgia, Serif; letter-spacing: 1px; color: #141414; text-shadow: 0 1px 0 #cce7f2; }

/* Main Menu */
#primary-menu { font: 18px ClassicRoundMedium, georgia, serif; text-transform: uppercase; padding: 0 10px; margin-top: 33px; }
#primary-menu li { list-style-type: none; padding-left: 56px; }
#primary-menu li a { display: block; padding: 10px 0 20px 0; text-decoration: none; color: #141414; }
#primary-menu li a:hover { color: #777; }
#primary-menu li.current-menu-item a,
#primary-menu li.current-menu-parent a { color: #58accf; }
#primary-menu li.current-menu-item a:after,
#primary-menu li.current-menu-parent a:after { content: ' \2192'; }
#primary-menu li:hover > ul { display: block; }
#primary-menu li li:hover > ul { display: block; }
li.manhattman { background: url(images/menu-icons.png) no-repeat 0 7px; }
li.martinis { background: url(images/menu-icons.png) no-repeat 0 -45px; }
li.sound-vision { background: url(images/menu-icons.png) no-repeat 0 -95px; }
li.tripping { background: url(images/menu-icons.png) no-repeat 0 -150px; }
li.photographers { background: url(images/menu-icons.png) no-repeat 0 -202px; }
li.air-out { background: url(images/menu-icons.png) no-repeat 0 -253px; }

/* Main sub menu (2nd level) */
#primary-menu ul { display: none; background: #ddd; position: absolute; z-index: 100; margin: 0 0 0 -10px; }
#primary-menu ul li { clear: both; padding-left: 0; }
#primary-menu ul li a { display: block; width: 180px; padding: 10px 0; margin: 0 10px; color: #666; text-decoration: none; border-top: 1px dotted #ccc; }
#primary-menu ul li:first-child a {border: none;}
#primary-menu ul li a:hover,
#primary-menu ul li.current_page_item a,
#primary-menu ul li.current-menu-ancestor a { background: none; text-decoration: underline; }

/* Main sub menu (3nd level) */
#primary-menu ul ul { display: none; background: #d8d8d8; position: absolute; z-index: 100; padding: 0 10px 0 0; margin: -40px 0 0 200px; width: 180px; }
#primary-menu ul ul li a { clear: both; display: block; width: 180px; padding-left: 0; }

/* Post Elements */
.post-holder { background: #fff; border: 1px solid #e7e7e7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.post h1 { font-size: 30px; padding: 20px 20px 10px; line-height: 32px; }
.post h2 { font-size: 16px; padding: 19px 10px 0; line-height: 20px; }
.post h2 a { color: #333; text-decoration: none; }
.post h2 a:hover { color: #777; text-decoration: none; }
.post.sticky h2 { font-size: 24px; line-height: 24px; padding: 15px 10px 0px; }
.post.single { line-height: 24px; }
.content-holder { padding: 0 20px 10px 20px; }
.content-holder img { margin: 20px 0; }
.post .img-holder { padding: 10px; }
.post ul { margin-left: 30px; color: #666; }
.post li { margin: 10px 0; }
.post-excerpt { padding: 0 10px 10px 10px; color: #777; }
a.read-more { background: #dadada; color: #777; font-size: 10px; text-transform: uppercase; padding: 0 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a.read-more span { font-size: 14px; }
a:hover.read-more { text-decoration: none; background: #83C9E2; color: #fff; }

.date-com { border-bottom: 1px dotted #e0e0e0; padding: 5px 10px; }
.date-com > span { float: left; }
.date-com > span + span { float: right; }
.date-com > span + span a { background: url(images/comment-bubble.gif) no-repeat left; padding-left: 20px; color: #999; }
.date-com > span + span a:hover { text-decoration: none; color: #777; }

.post-date > span + span { margin-left: 40px; color: #999; }

.date-circle { 
	background: #ccc;
	display: block; 
	position: absolute; 
	top: -8px; 
	left: -10px; 
	font: bold 12px/14px arial,sans-serif;
	border-radius: 100em;
	-moz-border-radius: 100em;
	-webkit-border-radius: 100em;
	text-align: center; 
	width: 48px; 
	height: 28px;
	padding: 10px 0; 
	color: #fff; 
	text-transform: uppercase;
}
.post.category-manhattman .date-circle { background: #58accf; }
.post.category-manhattman .the-cat li { color: #58accf; }

.post.category-martinis-and-bites .date-circle { background: #da9a4f; }
.post.category-martinis-and-bites .the-cat li { color: #da9a4f; }

.post.category-sound-and-vision .date-circle { background: #d5af2b; }
.post.category-sound-and-vision .the-cat li { color: #d5af2b; }

.post.category-tripping .date-circle { background: #c0493c; }
.post.category-tripping .the-cat li { color: #c0493c; }

.post.category-the-photographers .date-circle { background: #67893a; }
.post.category-the-photographers .the-cat li { color: #67893a; }

.post.category-air-it-out .date-circle { background: #5ac9c2; }
.post.category-air-it-out .the-cat li { color: #5ac9c2; }

.post .the-cat { float: left; margin: 0; padding: 0 0 0 15px; }
.post .the-cat li { padding: 0; margin: 0; }
.post .the-cat li a { color: #999; }

.cat-more { border-top: 1px dotted #e0e0e0; border-bottom: 1px solid #e7e7e7; padding: 5px 10px; }
.read-more { float: right; }

.postmetadata { padding: 5px 0; border-bottom: 1px dotted #ccc; margin: 20px 0 30px 0; }

.post-thumb {background: #eee; float: left; padding: 4px; border: 1px solid #ccc; margin: 0 20px 10px 0; }

.navigation { font-size: 12px; width: 100%; float: left; margin: 0; padding: 0; }
.navi { float: right; margin: 0 16px 30px; clear: both; }
.navi a,
.navi strong { background: #dadada; color: #777; display: block; float: left; font-size: 12px; padding: 5px 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 10px 10px 0; }
.navi a > strong { background: transparent; padding: 0; margin: 0;}
.navi strong.on { background: #83C9E2; color: #fff; }
.navi a:hover,
.navi strong:hover { text-decoration: none; background: #83C9E2; color: #fff; }

/* Sidebar Elements */

#left-sidebar { margin-bottom: 40px; }
#left-sidebar > ul { margin: 0 0 20px 0; }
#left-sidebar ul li { list-style-type: none; }
#left-sidebar ul ul { margin: 10px 0; }
#left-sidebar ul ul li { list-style-type: none; }
#left-sidebar ul ul ul li { padding: 0 0 0 15px; list-style-type: none; color: #898989; }

#mobile-sidebar { clear: both; margin-bottom: 40px; }

.widget { border-top: 4px double #ccc; padding: 30px 0 0 10px; }
.widget h3 { margin-bottom: 20px; }
.widget select { width: 100%; border: 1px solid #ccc; padding: 5px 10px; background: #f4f4f4; }
.widget select option { margin: 8px 10px; }
.widget_archive { padding-right: 10px; }
.textwidget { font-size: 12px; color: #777; line-height: 22px; text-align: justify; padding: 0 0 20px 0; }
.textwidget > a { display: block; margin: 10px 0 20px 0; font-style: italic; text-decoration: underline; }
.textwidget > a:hover { text-decoration: none; } 
.sh_sb_widget_class { padding: 20px 0 30px; }
.sh_sb_widget_class a { display: block; float: left; padding: 0; margin-right: 15px; }
.sh_sb_widget_class a:last-child { margin: 0; }
.blogroll, .blogroll li { list-style: none; }
.blogroll { padding: 0 0 10px 25px; }
.blogroll li { padding: 5px 0; }
.blogroll li a { color: #888; }

/* Comments Form */
#respond { padding: 0 20px; margin-bottom: 20px; }
#commentform p { color: #000; }
#commentform a { color: #000; text-decoration: none; line-height: 18px; }
#commentform h3 { font-family: georgia, times, verdana; font-size: 12px; font-weight: 300; color: #000; margin: 0; padding: 0; }
#comment { width: 98%; }
#author, #email, #url, #comment, #submit { background: #fff; font-family: arial, verdana, times; font-size: 12px; margin: 5px 5px 0 0; padding: 3px 5px; border: 1px solid #ccc; }
#submit { margin: 5px 5px 0 0; padding: 6px 10px; cursor: pointer; }
#comments { margin: 0; padding: 0 }
ol.commentlist { list-style-type: none; margin: 0; padding: 0 20px; }
ol.commentlist > li { background: #fff; margin: 0px 0; padding: 10px 0; list-style-type: none; border-top: 1px dotted #dadada; }
ol.commentlist li:first-child  { border: none; }
ol.commentlist li.alt {  }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 20px; }
ol.commentlist a { color: #000; }
ol.commentlist cite { font-family: arial, verdana, tahoma; font-size: 12px; font-weight: bold; font-style: normal; }
ol.commentlist cite a { color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; }
h3#comments,
p.nocomments { padding: 0 20px; }
.avatar { float:left; margin:0 12px 0 0; }

/* Search Field */
#searchform { margin-bottom: 20px; background: #eee; padding: 10px; }
#searchform input.field { padding: 3px 5px; width: 170px; margin-right: 5px; color: #666; }
#searchform input.btn { padding: 1px 0; width: 80px; }

/* Wordpress generated classes and tags */
.centered { display: block; margin: 0 auto; }
.alignright { float: right; padding: 4px; margin: 0 0 20px 20px; }
.alignleft { float: left; padding: 4px; margin: 0 20px 20px 0; }
.wp-caption { border: 1px solid #ccc; text-align: center; background-color: #f8f8f8; padding: 10px 5px; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 18px; padding: 5px 5px 0px; margin: 0; text-align: center; color: #666; }
.tagcloud { margin: 0 0 20px 0; }
blockquote { border-left: 1px solid #A5ABAB; margin: 15px; padding: 0 12px; }
.addthis_toolbox { margin: 40px 0 20px 0; } 
.addthis_toolbox iframe { margin: 0; }

/* 404 page */
.error-404 { text-align: center; }
.error-404 h1 { font-size: 272px; text-align: center; margin: 160px 0; }
.error-404 p { text-align: center; }

/* Footer Elements */
#footer { border-top: 4px double #ccc; clear: both; font-size: 12px; }
#footer p { padding: 10px 0; margin: 0; color: #999; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover { color: #5D5D5D; text-decoration: underline; }

/* Misc */
#gallery-1 img { border: none !important; }
#social { padding: 0 20px; }
#social .social-input-row .social-label { font-size: 11px !important; }
#social .social-input-row, #social .form-submit { padding-left: 60px !important; }
#social #respond textarea.social-input { width: 97.5%; }
.mejs-container { margin: 20px auto; }

#menu-drop select { width: 100%; border: 1px solid #1a1a1a; background: #333; color: #fff; padding: 5px 10px; margin-bottom: 40px; }

#feed-subscribe { padding-bottom: 15px; }
#feed-subscribe p { margin-top: 0; line-height: 18px; }
#feed-subscribe input { float: left; }
#feed-subscribe input.submit { width: 80px; margin-left: 10px; }

.subscribe2 form input[type="submit"] { float: left; width: 80px; }
.subscribe2 p { display: inline-block; }
.subscribe2 p:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
#s2email { float: left; width: 140px; margin-right: 10px; }

/* Mailchimp subscribe */
#mc_embed_signup .email { width: 234px; margin-bottom: 15px; }
#mc_embed_signup .button { float: right; margin-right: 10px; }

form input, form textarea { 
    border: 1px solid #ccc; 
    padding: 5px 10px; 
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
    color: #777;
    width: 95%;
}
form textarea { font: 13px arial,sans-serif; width: 95%; }
form input:focus, form textarea:focus { border: 1px solid #087ad6; }
form input[type=submit] { box-shadow: 2px 2px 2px rgba(0,0,0,0.07); cursor: pointer; width: 130px; }
form p { color: #777; font-size: 12px; }
form .wpcf7-submit { width: 70px; }

[title="SumoMe"] { background: transparent !important; }