/*
Theme Name: New York Habitat Blog Theme
Version: 2.0
*/
body {line-height:18px;}
h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif; color:#555555;}
h1 {font-size:18px; line-height:21px;}
h2 {font-size:17px; line-height:19px;}
h3 {font-size:15px; line-height:18px;}
h4 {font-size:13px; line-height:18px;}
h5 {font-size:12px; line-height:16px;}
h1.page-title, h2.page-title, h3.page-title {color:#000;}
h1.category {background: url(img/hr.gif) 0 100% repeat-x; font-size:21px; line-height:28px; padding-bottom:31px !important; margin-top:0px !important;}
h2, h3, h4 {margin:40px 0 18px 0;}
h5, h6 {margin:36px 0 18px 0;}
/*Basic styles*/
a img {border: none;}
.center {text-align: center;}
.hide {display: none;}
aside {display: block;}
p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered { display: block; }
img.alignright { display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right;  }
.alignleft { float: left;  }
.postmetadata a, 
.breadcrumb a, 
.post .entry a, 
.post .entrytext a, 
.navigation a { color : #0000FF; text-decoration: underline; }
.postmetadata a:visited,
.breadcrumb a:visited,
.post .entry a:visited,
.post .entrytext a:visited,
.navigation a:visited { color : #551A8B; text-decoration: underline; }
.postmetadata a:hover, 
.breadcrumb a:hover, 
.post .entry a:hover, 
.post .entrytext a:hover,
.navigation a:hover { color : #0000FF; text-decoration: underline; }
.postmetadata { padding: 0; margin: 0; text-align: right; }
p.graybox { text-align: center; }
.graybox { background-color: #f8f8f8; text-align: left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.whitebox { text-align: left; }
small { margin-top: 0; font-size: 110% }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }
acronym, abbr, span.caps { letter-spacing: .07em; }
h3 a:hover { color: #966; text-decoration: none; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { text-align: left; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/****** Begin Structure */
	
#primary { float: left; width: 635px; height:100%; background:#fff; }
#blog-content { padding: 0 15px 0 0px; margin: 31px 0 25px 25px; width:595px; }
#page-one-col { position: relative; margin: 20px auto 0 auto; padding: 0; text-align: left; width: 900px; background: #fff none; }
#page-archives { position: relative; margin: 20px auto 0 auto; padding: 0; text-align: left; width: 900px; background: #fff none; }
#page-one-col #blog-main-body { width: 890px; margin-bottom: 100px; }
#page-archives #blog-main-body { width: 890px; margin-bottom: 100px; }
#page-archives #blog-content { margin: 25px 20px; padding: 0; }
#page-one-col #blog-content { margin: 25px 70px; padding: 0; }
#page-one-col div.post { clear: both; }
/* Footer */ 
	
#footer { position: relative; clear: both; margin: 0; padding: 0; text-align: center; line-height: 1.15em; font-size: 12px; color: #555; background: #fff url(img/bgb.gif) no-repeat bottom left; }
#footer p { margin: 0; padding: 10px 30px 36px 30px; }
#footer a, #footer-address a { color : #0000FF; text-decoration: underline; }
#footer a:visited, #footer-address a:visited { color : #551A8B; text-decoration: underline; }
#footer a:hover, #footer-address a:hover { color : #0000FF; text-decoration: underline; }
/****** End Structure */
#primary .entry-content img {margin: 0 9px 5px 0; padding:4px; border:1px solid #ccc;}
#primary p {line-height:18px; margin:18px 0;}
/* Post css */
#primary #blog-content div.post {padding:0 0 18px 0; background: url(img/hr.gif) 0 100% repeat-x; border: none; }
#primary #blog-content div.post .entry { padding-top: 2px; }
#primary #blog-content div.post {color: #555;}
#primary #blog-content div.post small { font-size: 12px; color: #333; }
#primary #blog-content .post .entry-header h1,
#primary #blog-content .post .entry-header h2 {margin:16px 0 0; padding:0 0 3px;}
#primary #blog-content .post .entry-header h1 a,
#primary #blog-content .post .entry-header h2 a, h3 a:visited { color: #AE0000; text-decoration:none; }
#primary #blog-content .post .entry-header h1 a:hover,
#primary #blog-content .post .entry-header h2 a:hover { color:#966; }
#primary #blog-content .post .title-mark { background:transparent url(img/bull0.gif) no-repeat scroll 0pt 5px; }
#primary #blog-content .post .title-mark-h1 {background:transparent url(img/bull0.gif) no-repeat scroll 0pt 7px;}
#primary #blog-content .post p.main { margin:0; padding:11px 0 11px; text-indent: 0px; }
#primary #blog-content .post .footer {text-align:right;}
h3#comments, h3#respond{color: #A13737;}
/*Colorbox and colors setup*/
.colorbox-red, 
.colorbox-yellow,
.colorbox-grey,
.colorbox-black,
.colorbox-blue, 
.colorbox-white,
.colorbox-green {text-align:left; border-width:1px; border-style:solid; padding:6px; margin:18px 0px;}
.colorbox-red {border-color:#E5BFBF; background-color:#FFD2D2;}
.colorbox-yellow {background-color:#FFFFA7; border-color:#E2E29A;}
.colorbox-blue {background-color:#D1E9FF; border-color:#ACCBE7;}
.colorbox-grey {background-color:#F7F7F7; border-color:#CCC;}
.colorbox-black {background:#333; color:#fff; border-color:#000;}
.colorbox-white {background-color:#FFF; border-color:#D6D6D6;}
.colorbox-green {background-color:#CBFBCB; border-color:#91C891;}
/* searchform */
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }
select { width: 130px; }
#commentform { width: 100%; padding: 0; margin: 0; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0; float: right; }
/* Begin Comments*/
.graybox { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist li .avatar { float:left; background: #fff; border: 1px solid #bbb; padding:5px; margin: 0px 15px 0px 5px; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */
/* --- SIDEBAR ---*/
#sidebar { width: 235px !important; float: right !important; margin: 0 0 25px 0 !important; padding: 0 15px; !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; line-height: 1.5em; }
#sidebar p.h,
#sidebar h3  { /*font-family : Georgia, Arial, Helvetica, sans-serif;*/ font-size : 13px; font-weight : bold; color:#000; margin:0; padding:30px 0 11px; background: url(img/hr.gif) 0 15px repeat-x; }
#sidebar h3#quick { margin-top: 24px; }
#sidebar h3.sub { background: #538620 url(img/sub-h-bg.gif) repeat-x top left; }
#sidebar h4 { font-size: 92%; font-weight: normal; margin: 0; }
#sidebar img { vertical-align: middle; }
#sidebar a {text-decoration:none; color:#353535;}
#sidebar a:hover {text-decoration:underline; color:#000;}
#sidebar a.active {background:#ffec8d !important; font-weight:700; padding:2px;}
#sidebar a.active:hover {background:#ffec8d; font-weight:700 !important;}
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin:0; padding:4px 0px 0px 0px;  list-style: none; line-height:120%; text-indent: 10px; background: url(img/bull1.gif) 1px 8px no-repeat; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 0 0 0 10px; padding:0; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; padding:0; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 0px 0 0; padding:4px 0px 0px 0px; font-weight:400; background-position:1px 8px;}
/*Search form*/
#sidebar #searchbox {padding-top:17px; background: url(img/hr.gif) 0px 0px repeat-x; margin:0px;} 
#sidebar #searchbox * {vertical-align:middle; border-radius:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
#sidebar #searchbox input#s { background-color: #cdcdcd;  }
#sidebar #searchbox input#searchsubmit { cursor: pointer;/*cursor: hand;*/ }
/*Widgets*/
/*category*/
#sidebar .widget_categories ul li {padding:15px 0px 0px 0px; background: url(img/bull1.gif) 1px 19px no-repeat; font-weight:700;}
#sidebar .widget_categories ul>li:first-child {padding:0px; background-position:1px 4px;}
#sidebar .widget_categories ul ul li:first-child,
#sidebar .widget_categories ul ol li:first-child, 
#sidebar .widget_categories ul ul li, 
#sidebar .widget_categories ul ol li { margin: 0px 0 0; padding:4px 0px 0px 0px; font-weight:400; background-position:1px 8px;}
#sidebar .widget_categories .combo-category {margin-bottom: -4px; padding-top: 2px; }
#sidebar .widget_mycategoryorder ul li {padding:15px 0px 0px 0px; background: url(img/bull1.gif) 1px 19px no-repeat; font-weight:700;}
#sidebar .widget_mycategoryorder ul>li:first-child {padding:0px; background-position:1px 4px;}
#sidebar .widget_mycategoryorder ul ul li:first-child,
#sidebar .widget_mycategoryorder ul ol li:first-child, 
#sidebar .widget_mycategoryorder ul ul li, 
#sidebar .widget_mycategoryorder ul ol li { margin: 0px 0 0; padding:4px 0px 0px 0px; font-weight:400; background-position:1px 8px;}
#sidebar .widget_mycategoryorder .combo-category {margin-bottom: -4px; padding-top: 2px; }
/*subcribe*/
#sidebar .sem_subscribe_me_display_widget li{background-position:1px 50%; line-height:17px; vertical-align:middle;}
/*Dropselect box*/
#sidebar .combo-category ul {margin:0px !important;}
#sidebar .combo-category ul li {padding:0px !important; float:none;}
/*sprite 4 social media logos*/
/* note: for English blog only : url(../../../../images-layout/homepage_sprite.png) */
#sidebar .sprite {background-image: url(/images-layout/homepage_sprite.png);background-repeat: no-repeat;display: block;}
#sidebar .social-hld {padding-left: 10px;}
#sidebar .social-hld ul{list-style-type:none;height:38px;padding:0;margin:0;}
#sidebar .social-hld ul li{list-style-type:none;float:left;display:block;padding:0 0 0 15px; background: none;}
#sidebar .social-hld ul li:first-child{padding-left:0;}
#sidebar .social-hld ul li a{display:block;height:38px;width:38px;}
#sidebar .social-hld ul li a.facebook_icon{background-position:-1px -279px;}
#sidebar .social-hld ul li a.youtube_icon{background-position:-40px -279px;}
#sidebar .social-hld ul li a.twitter_icon{background-position:-79px -279px;}
#sidebar .social-hld ul li a.foursquare_icon{background-position:-118px -279px;}
/*--------------------------------------------*/
/* END SIDEBAR */
/*Comments form*/
.comment-form input[type="text"] {width:159px; padding:1px;}
#secureimgdiv .td1 input {padding:1px;}
#secureimgdiv .td3,
#secureimgdiv .td4 {padding-top:12px;}
#secureimgdiv .td1, #secureimgdiv .td3 {width:168px;}
#secureimgdiv .td4 {width:300px;}
#secureimgdiv #cas_link img {border-color:#B7B7B7 !important;}
/*Single post*/
.single-post {margin-top: 8px !important;}
/*.single-post .post h2 {margin-top: 10px !important;}*/
/* weather */
#sidebar #currentlyin { padding:15px 0 0; line-height:100%; }
#sidebar .weather h2 { padding:12px 0 0; margin: 0; line-height:110%; }
#sidebar #weather-icon { list-style: none; margin: 0; padding: 0; background-image: none; text-indent: 0; }
/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 18px 20px; background:url(img/quote-open.gif) left top no-repeat;}
blockquote>div { padding:0 35px; background:url(img/quote-close.gif) right bottom no-repeat;}
blockquote p {}
.center { text-align: center; }
.navigation { width: 100%; text-align: left; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/
#tl1 { left: 0px; width: 125px; }
#tl1 a { background:transparent url(img/menu.jpg) 0px 0 no-repeat; }
#tl1 a:hover { background:transparent url(img/menu.jpg) 0px -34px no-repeat; }
#tl2 { left:125px; width: 127px; }
#tl2 a { background:transparent url(img/menu.jpg) -125px 0 no-repeat; }
#tl2 a:hover { background:transparent url(img/menu.jpg) -125px -34px no-repeat; }
#tl3 { left:252px; width: 175px; }
#tl3 a { background:transparent url(img/menu.jpg) -252px 0 no-repeat; }
#tl3 a:hover { background:transparent url(img/menu.jpg) -252px -34px no-repeat; }
table#latest { width: 98%; }
table#latest th { text-align: left; }
table#latest th.topic { width: 60%; text-align: center; }
div.caption div { background-color:#FFFDE5; border-bottom:1px solid #E6E4CF; border-top:1px solid #F2F0D9; font-size:0.9em; line-height:1.6em; margin:0px 0px 5px; padding:3px; text-align:center; }
/*Big nubmer list*/
.big-numbs {margin:18px 0px; padding:0px; list-style:none;}
.big-numbs li {list-style:none; padding-left:40px;}
.big-numbs .num1, .big-numbs .num2, .big-numbs .num3, .big-numbs .num4, .big-numbs .num5, .big-numbs .num6, .big-numbs .num7, .big-numbs .num8, .big-numbs .num9, .big-numbs .num10 { padding-top:3px; padding-bottom:3px; background:9px 3px no-repeat;} 
.big-numbs .num1 {background-image:url(img/num1.png);}
.big-numbs .num2 {background-image:url(img/num2.png);}
.big-numbs .num3 {background-image:url(img/num3.png);}
.big-numbs .num4 {background-image:url(img/num4.png);}
.big-numbs .num5 {background-image:url(img/num5.png);}
.big-numbs .num6 {background-image:url(img/num6.png);}
.big-numbs .num7 {background-image:url(img/num7.png);}
.big-numbs .num8 {background-image:url(img/num8.png);}
.big-numbs .num9 {background-image:url(img/num9.png);}
.big-numbs .num10 {background-image:url(img/num10.png);}
/* NYFIX
-------------------------------------------------------------- */
#header-title {padding-bottom:4px !important;} /*Firefox fix*/
/*
/		============
/   Media Querty 
/		============
*/
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	#searchbox .ksearch-inp {width:140px !important;}
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	
}