/*   
Theme Name:jQ
Theme URI:http://devolux.nh2.me/jq
Description:WordPress theme with two columns, four widget areas, threaded comments and loads of jQuery functions (dropdown navigation, font resizing and more). The theme options include: content slider, movable sidebar, custom colours, excerpts on index pages, category or page navigation, different font and colour schemes. 
Author:Devolux
Author URI:http://devolux.nh2.me/
Version:3.1
Tags:two-columns, fixed-width, theme-options, threaded-comments, custom-colors, blue, dark
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/*       ###############################
         BASIC TAGS
         ############################### */

* {
margin:0;
padding:0;
size:landscape
}

body {
background:transparent url(http://www.kgfurnishednyc.com/wp-content/uploads/2010/05/main-background.jpg) center center no-repeat;
color:#666;
font:normal 10pt Arial, Helvetica, sans-serif;
line-height:1.5em
}

h1,h2,h3,h4,h5,h6 {
margin:10px 0 0
}

p {
margin:0 0 1em
}

a {
color:maroon;
outline:none;
text-decoration:none
}

a:hover,strong,h4 {
color:maroon
}

a img {
border:none
}

/*       ###############################
         BASIC LAYOUT
         ############################### */

div#outline {width:100%; margin:0 auto;}


div#content {background:#fff; clear:both; z-index:1; width:980px; 
	padding:0 0 0 1em; 
	margin:auto;
	margin-top:1em;
	border:2px solid black;
	height:550px;
	max-height:550px;
	position:relative
}

div#left {width:620px; line-height:2.0; float:left; padding:0 20px 10px 0;}

div#right {
	width:320px; 
	float:right; 
	padding:0; 
	font-size:10pt;
	background-color: black
}

p#toggle-all {float:right; width:100px; margin: 2px 0 0 0;}
p#sidebar_hide {float:right; width:100px; font:14px bold Verdana, sans-serif; margin: 4px 0 0 0;}
p#sidebar_show {float:right; font:14px bold Verdana, sans-serif; margin: 4px 0 0 0;}

div.headline {margin:5px 0 0 20px;}
div.xexcerpt {padding:0 0 10px 0; border-bottom:dotted 1px #ccc; margin:0 0 0 20px;}
div.post-single {margin:0 0 20px 0;}

div.preview {float:right; background:url(img/preview.png) no-repeat; margin:15px 0 0 0;}
div.preview a {display:block; width:20px; height:20px; color:#ccc !important; font:normal 14px Verdana, serif;}

div.date {position:absolute; width:60px; height:60px; padding:10px 0; margin:0 0 0 -80px; background:#fff; -moz-border-radius:5px;-webkit-border-radius: 5px;}

div.single_content {clear:both; margin:0 0 50px 0px;
font-size:100%;
	width:100%}

div#appendix {clear:both; background:#fff; width:930px; padding:30px 30px 30px 0px; margin:0 0 50px 0;}
div.app_widget {float:left; width:280px; padding:0px 0px 0px 30px;}
div#appendix div.widget {padding:20px 0 0 0;}
/*       ###############################
         WIDGETS
         ############################### */

.widget {border:1px solid #ccc; padding:25px 15px !important; margin:10px 0; -moz-border-radius:5px;-webkit-border-radius: 5px; background:url(img/bg-form-text.gif) repeat-x left top;}
div.widget h4 {border-bottom:1px dotted #ccc; font:bold 120% Helvetica, sans-serif;}

div#appendix {font-size:120%;}
div#right ul, div#appendix ul {list-style:none; padding:0;}

div.widget h4 {font-size:130%; margin:0; padding:0 0 3px 0;}
div.widget h4 .hide_widget {color:#666;font: bold 110% Helvetica, sans-serif;}
div.widget a {display:block; padding:5px 0px; font:normal 110% Helvetica, sans-serif; color:#215c97;}
div.widget a:hover {color:#666; text-decoration:underline;}
div.widget li {padding:0 0 0 5px; margin:0; border-bottom:1px dotted #ccc;}
div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}

div#tag_cloud a {display:inline;}
div#tag_cloud {min-height:130px;}
div#archives {min-height:130px;}

.textwidget, .textwidget a {font: italic 120% Georgia, serif !important;}
.textwidget p {margin: 0; padding: 0;}

/*calendar*/
table#wp-calendar {margin:0 0 10px 0; border-collapse:collapse; text-align:center; font-size:14px;}
table#wp-calendar a {font:normal 14px Verdana;}
table#wp-calendar caption {padding:0 0 5px 0;}
table#wp-calendar th {font:bold 14px Verdana;}
table#wp-calendar th, td {width:30px; height:30px;}

/*       ###############################
         TEXT
         ############################### */
div#left { font-size:10pt }
div#left a {color: gray;
font-weight:700
}
div#left a:hover {color: gray; text-decoration:underline;}
div#left h1 { 	
	background:transparent url(img/logo-kg-furnished-nyc.png) top left no-repeat;
	width:212px;
	height:88px;
	text-indent:-999em;
	margin-right:0.5em;
	margin-top:-0.5em;
	float:left
 }
div#left h1.page_headline {margin:10px 0; font:bold 26px Helvetica, sans-serif; color:#215c97;}
div#left h1 a {color:#666; display:block;}
div#left h1 a:hover {color:#215c97; text-decoration:none;}
div#left h2 { 	
	color:maroon;
	margin-bottom:0;
	font-size:12pt
}
div#left h2.archive-title {margin:10px 0 0 20px; font:bold 26px Helvetica, sans-serif; color:#215c97;}
xdiv#left h3 {font:italic 120% Georgia, serif; margin:0 0 5px 0;}
div#left ul.half {
	float:left;
	width:47%;
	line-height:1.5em;
	margin-right:1em
}

div#left ul.half li {
	list-style:none
}

div#main #left #col4 h2 {
	color:maroon;
	font-size:12pt;
	margin:0 0 5px 0; 
	clear:both; 
	width:100%
}


div#left #col4 h3 {
	color:maroon;
	margin-top:0;
	font-size:11pt
}

div#main #left #col4 .half p {
	line-height:1.5em;
}

div#main #left #col4 .half p a {
	margin-top:0;
}

div#left #col4 ul li h4 {
	text-transform:uppercase;
	margin-bottom:0.5em
}

div#left #col4 ul li a {
	color: maroon;
	font-weight:normal;
	margin-top:0.5em
}
	
a.more-listings, a.more-listings:hover, div#left a.more-listings, div#left a.more-listings:hover {
	margin-top:2em;
	color:maroon;
	text-transform:uppercase;
	display:inline-block;
	font-style:italic;
	font-weight:700
} 
/*	main	*/

div#main {
	width:100%;
	padding:0;
	font:10pt Arial, Helvetica, sans-serif;
	line-height:1.5em;
	overflow:hidden;
	height:550px;
	max-height:550px;
}

div#main .single_content {
	margin:0;
	padding:0;
	position:relative;
}

div #check-availability {
	position:absolute;
	top:450px;
	left:230px;
	width:191px;
	height:34px
}

div#main h1 {
	background:transparent url(img/logo-kg-furnished-nyc.png) top left no-repeat;
	width:212px;
	height:88px;
	text-indent:-999em;
	margin-right:0.5em;
	margin-top:-0.25em;
	float:left
}

div#main #left h1 {
	margin-top:0em;
}

div#main h1 a {
	display:block;
	width:212px;
	height:88px;
}

h1 img {
	display:block
}

div#main #blurb, div#left #blurb {
	color: #9f6000;
	font-size:14pt;
	line-height:1.35em;
	font-weight:700;
	width:30em;
	margin-top:0.5em;
	padding-top:0.25em;
	letter-spacing:0px
}

div #print-page {
	display:none
}

div #print-page a {
	width:109px; 
	height:29px;
	display:block
}

div #polaroid {
	background:transparent url(http://www.kgfurnishednyc.com/wp-content/uploads/2010/04/polaroid-frame-4.png) top right no-repeat;
	position:absolute;
	left:0;
	top:6em;
	z-index:1000;
	width:226px;
	height:350px
}

div #col4 #polaroid {
	background:transparent url(http://www.kgfurnishednyc.com/wp-content/uploads/2010/04/polaroid-frame-4.png) top right no-repeat;
	position:absolute;
	left:0;
	top:6.6em;
	z-index:1000;
	width:226px;
	height:350px
}

div #next-building {
	text-align:center; 
	position:absolute; 
	top:400px; 
	left:60px; 
	z-index:1500
}

div #col4 #next-building {
	text-align:center; 
	position:absolute; 
	top:410px; 
	left:65px; 
	z-index:1500
}

div.half {
	float:left;
	width:45%;
	margin-right:1em
}

div#main #col1 {
	display:none
}

div#main #col2 {
	float:left;
	width:434px;
	margin:0;
	padding:0;
}

div#main #col2 h2 {
	margin-bottom:0.5em;
	width:100%;
	font-weight:bold;
	color:maroon;
	font-size:12pt
}

div#main #col3 {
	float:left;
	width:320px;
	margin:0;
	padding:0;
	margin-top:-90px;
}

div#main #col3 h3 {
	background-color: #600;
	display:block;
	height:1.5em;
	position:absolute;
	top:1em;
	left:1.8em;
	width:100%;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	padding-left:1em;
	padding-top:1em;
	font-size:x-large;
	letter-spacing:2px;
	color:white;
	border-left:1px solid black;
	border-top:1px solid black	
}

div#main #col3 ul.clearfix li {
	list-style:none
}

div#main #col3 ul.clearfix li img {
	border:0;
	height:280px;
	overflow:hidden
}

div#main #col3 ul.clearfix li h4.featured-title {
	background-color: #600;
	display:block;
	height:3em;
	position:absolute;
	top:7.1em;
	left:3.25em;
	width:100%;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	padding-left:2em;
	color:white;
	border:0;
	border-left:1px solid black;
	border-bottom:1px solid black;
	font-weight:normal
}

div#main #col3 ul.clearfix li h4.featured-title a {
	color:white;
	font-weight:normal
}

div#main #contact-right {
	background:url(http://www.kgfurnishednyc.com/wp-content/uploads/2010/04/shutterstock_46352905.jpg) top left no-repeat;
	float:left;
	width:387px;
	height:640px;
	margin:0;
	padding:0;
	margin-top:-90px;
	margin-left:-67px
}

div#main #about-right {
	background:url(http://www.kgfurnishednyc.com/wp-content/uploads/2010/04/hr-kevin-wbg-72.jpg) top right no-repeat;
	float:left;
	width:320px;
	height:640px;	
	margin:0;
	padding:0;
	margin-top:-90px;
}

div#main #faq-right {
	background:url(http://www.kgfurnishednyc.com/wp-content/uploads/2010/04/88-billiard.jpg) top right no-repeat;
	float:left;
	width:320px;
	height:640px;	
	margin:0;
	padding:0;
	margin-top:-90px;
}

div#main #list-your-apartment-right {
	background:url(http://www.kgfurnishednyc.com/wp-content/uploads/2010/04/88-library.jpg) top right no-repeat;
	float:left;
	width:320px;
	height:640px;	
	margin:0;
	padding:0;
	margin-top:-90px;
}

div#main #col4 {
	float:left;
	width:660px;
	margin:0;
	padding:0;
}

div#main #col4 h1 {
	margin-top:0em
}

div#main #col4 h2 {
	color:maroon;
	margin-bottom:1em;
	font-size:12pt
}

div#main #col4 .half p {
	line-height:1.5em;
	margin:0.5em 0
}

div#main #col4 .half p a {
	margin-top:3em;
	display:inline-block
}

div#main #col4 .half ul li {
	list-style:none;
	line-height:1.5em;
	margin-bottom:1em
}

div#main #col4 .half ul li ul li {
	list-style:none;
	margin-left:-1.35em;
}

div#main #col5 {
	display: none
}

div#main #col5 h2 {
	margin-bottom:0.5em;
	width:100%;
	font-weight:bold;
	color:maroon
}

div#main #col6 {
	float:left;
	width:400px;
	margin:0;
	padding:0;
}

div#main #col6 h2 {
	font-size: medium;
	font-weight:700
}

div#main #col7 {
	float:left;
	width:980px;
	margin:0;
	padding:0;
}

div#main #col7 h1 {
	margin-top:0em
}

div#main #col7 h2 {
	color:maroon;
	margin-bottom:1em
}

div#main #col7 .third {
	width:32%;
	float:left;
	margin-right:0.5em
}

div#main .third {
	width:32%;
	float:left;
	margin-right:0.5em
}

div#main #col7 .third p {
	line-height:1.5em;
	margin:0.5em 0
}

div#main #col7 .third ul li {
	list-style:none;
	line-height:1.5em;
	margin-bottom:1em
}

div#main #col7 .third ul li ul li {
	list-style:none;
	margin-left:-1.35em;
}

div#main #right ul.clearfix li {
	display:block;
	width:50%;
	float:left;
	height:110px;
	overflow:hidden;
	position:relative
}

div#main #right ul.clearfix li img {
	height:110px;
	overflow:hidden;
	width:160px
}

div#main #right ul.clearfix li h4.featured-title {
	position:absolute;
	top:5.5em;
	display:block;
	background:#600;
	height:3.5em;
	width:90%;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	color:white;
	padding:0.25em;
	padding-right:1em;
	line-height:1em

}

div#main #right ul.clearfix li h4.featured-title a, div#main #right ul.clearfix li h4.featured-title a:hover {
	color:white;
	font-size:11px;
	margin:0.25em;
	display:block;
	font-weight:normal
}

div#main #right ul.clearfix li h4 img.featured-link  {
	position:absolute;
	top:0.75em;
	right:0.25em;
	width:11px;
	height:12px
}

div#main #right img.button {
	margin:.25em
}
/*	end main	*/



p#font-resize a {display:inline; font:18px bold Verdana, sans-serif; padding:0px 5px;}
p#toggle-all a {display:block; width:80px; height:20px; padding:0 0 0 30px !important; font:12px bold Verdana, sans-serif;}
a.show-all {background:url(img/toggle.png) no-repeat;}
a.hide-all {background:url(img/toggle.png) 0px -20px no-repeat;}

p.previous-posts {margin:20px 0 0 0; float:left; font:normal 130% Verdana;}
p.next-posts {margin:20px 0 0 0; float:right; font:normal 130% Verdana;}
p.posts_link { text-align: center }
.page-numbers {font:normal 120% Helvetica, sans-serif; padding:3px 1px;}
div.date {font:normal 14px Georgia; text-align:center; color:#666;}
p.date-month {margin:2px 0 15px 0; color:#999; font:normal 32px Georgia;}

p.post_info {}
p.post_info_slide {font-size:14px;}
p.tag_info {margin:0 0 10px 0; font: italic 100% Helvetica, sans-serif;}
p.offset {margin:5px 0;}

p.wp-bookmark {margin:0;}
.wp-logo {float:left;}
div#credits {margin:0 0 0 65px; padding:5px 10px; height:46px; border:1px solid #ccc; -moz-border-radius:10px;-webkit-border-radius: 10px; font:120% normal Georgia, serif; background:url(img/bg-form-text.gif) repeat-x left top;}
a#totop {float:right; font:bold 120% Verdana, sans-serif;}
 
.clear {clear:both;}

code {font:normal 120% Courier, serif;}

/*      ##################################
           COMMENTS
        ################################## */

div#comments_box {margin: 0 0 20px 0; border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
div#comments_box ul {margin:0 !important;}
div#respond {padding:10px 20px; border-bottom:1px solid #ccc;}
ul.children {margin:0 !important;}
li.comment, li.pingback {padding:20px; border-bottom:1px solid #ccc; list-style: none;}
li.depth-2, li-depth-3 {margin: 0 0 10px 0;}
ul.children li.comment {border: 1px solid #ccc;}
.comment-details {font:normal 130% Georgia, serif;}
.avatar {float:left; margin:0 20px 0 0; border:5px solid #f1f1f1;}
.comment-text {margin:50px 0 0 0;}
.comment-author-admin {background: #f9fbc1; padding: 10px !important;}
.bypostauthor {background: #dfe3f3; padding: 10px !important;}
.comment-reply {text-align:right; margin:0 5px 10px 0; font: italic 100% Georgia, serif;}

h2#comment-header {margin:40px 0 10px 0 !important; padding:0 0 5px 0;}

/*        ##################################
           FORMS
        ################################## */

label {display:block; margin:0 0 5px 0;}
.text {width:350px; margin:0 0 10px 0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc;}
xtextarea {width:450px; height:150px; margin:0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc; -moz-border-radius:5px;}
.submit {width:auto; padding:5px 20px; margin:5px 0; color:#fff; background:#333; border:1px solid #333; -moz-border-radius:5px;-webkit-border-radius: 5px;}
input {-moz-border-radius:5px;-webkit-border-radius: 5px; margin:0 5px 0 0;}

/*        ##################################
           SEARCHFORM
        ################################## */

input#search {width:150px; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top; border:1px solid #ccc;}
#search-submit {padding:5px; color:#fff; background:#333; border:none;}
div#left div#searchform {padding: 0 0 0 20px;}
p.not-found {padding: 0 0 0 20px; margin:0;}

/*        ##################################
           WORDPRESS CSS
        ################################## */

img.alignright {float:right; margin:0 0 30px 30px;}
img.alignleft {float:left; margin:0 50px 30px 0;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
a img.alignright {float:right; margin:0 0 30px 30px;}
a img.alignleft {float:left; margin:0 50px 30px 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}

.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text {font-size:110%; line-height:17px; padding:0 4px 5px; margin:0;}

/*        ##################################
           SUPERFISH
        ################################## */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;margin:0 !important;}
.sf-menu ul ul li{margin:0 !important;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:38px; /* match top ul list item height */ z-index:1000;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}

/*** CUSTOM STYLES ***/
.sf-menu li ul {background:#222;border:1px solid #000;border-top:none;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);}
.sf-menu li li ul, .sf-menu li li li ul {background:#222;border:1px solid #000;border-top:none;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}

/*        ##################################
          SLIDESHOW
          ################################## */

p.slide_header { margin: 0 0 0 1em !important; text-align:center; width:15em }
#slideshow {margin:0; width:200px; height:2em; position:relative; background:url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc; -moz-border-radius:5px;-webkit-border-radius: 5px; overflow:hidden;}
#slideshow #slidesContainer {margin:0 auto; padding:0; width:200px; height:2em; overflow:auto; /* allow scrollbar */ position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto; width:180px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:1em;}

.control {display:block;width:1em;height:2em; position:absolute;cursor:pointer;}
#leftControl {top:0;left:0; color:black}
#rightControl {top:0;right:0; color:black; text-align:right}

/*       ###############################
         CLEARFIX
         ############################### */

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

.side-listing { 
	float:left;
	width:50%
}
/*       ###############################
         NAVIGATION
         ############################### */
div#nav {
	display:none
}