/*
Theme Name: Quoin Design - The Block Theme
Theme URI: http://quoindesign.com/
Description: Quoin Design Custom Theme
Version: 0.0
Author: Josh Rich
Author URI: http://quoindesign.com/
Tags: grey, orange, block, header on bottom



*/



/* Orange: #F8991C */
/* OLD dktextgray: #75777A */
/* dktextgray: #45474A */
/* body background-color: #5D5955; */

body {
	background:url(images/Mar09/q_bkg.jpg) repeat-y top center;
	background-attachment:fixed;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
	margin-top: 0;
	background-color: #3c3731; /*#5D5955;*/
	color: #45474A;
	line-height:1.5em;
	}
	

	
#header {
	background: url(images/Mar09/q_foreg.png) no-repeat center bottom;
	bottom: 0px;
	display: block;
	height:97px;
	position: fixed;
	z-index: 99;
	
}

div#header img#logo {
	position: absolute;
	left: 758px; 
}
#container div.hdrbkg-wrapper {
	background:url(images/Mar09/q_floor.jpg) repeat-x bottom left;
	display:block;
	bottom: 0px;
	height:120px; 
	margin-left:-1359px;
	padding-left:2302px;
	position: fixed;
	width: 3000px;
	z-index: 98;
}

#container {
	position:relative;
}

#content {
	margin-bottom:0px; 
	overflow:hidden;
}

.box {
	background: #fff;
	padding: 36px 70px 36px 80px;
	padding: 36px 30px 36px 40px;
	_padding: 36px 40px 36px 40px;
	margin-left:-10px;
	margin-right: -10px;
	margin-bottom:0;	
}

div#content div.last {
}

.spacer { clear: both; }



/*------------Typography-----------*/
	
h1, h2, h3, h4, h5, h6 { 
	color:#F8991C;
	letter-spacing:-.5px;
}

h1, h2 { 
	display: none; 	
	line-height:1.25em;
}

h3 { 
	font-size: 26px;
	line-height:1.5em;

}

h4 {	
	color:#F8991C;	
	font-size: 21px;
} 
h5 {	
	color:#F8991C;	
	font-size: 16px;
	text-transform: uppercase;
	font-weight:lighter;
}

h6 {
	color:#45474A;
	display:block;
	font-size:13px;
	
}

p { 
	font-size: 12.5px;
	letter-spacing: normal;
	line-height:1.5em;
	margin-top:-.5em;
}
p strong { 
	font-size:115%;
}
ul li {
}

a { 	
}
a:hover {
	color:#F8991C;
}

h3 a {
	color:#F8991C;

}
h6 a {
	color:#F8991C;
	font-weight:lighter;
}
h6 a:hover {
	background: #fff;
	color:#45474A;
}



/* ------------ Color ----------- */

.orange { 
	background:#F8991C;
	color: #fff; 
}
.orangebkg {
	background:#F8991C;

}
.whitebkg {
	background:white;
}
.orange h3,
.orange h4,
.orange h5,
.orange h6 {
	color:#fff;
}

.textdkgray { background:#45474A; }
.grey { background:#C2C2BD; }
.grey h3 { 
	color: #fff;
}
.ltwood { 
	background:url(images/Mar09/q_ltwoodbkg.jpg) repeat-y top left;
}

div#content div#contactus { 
	background: url(images/Mar09/Blocks2Hands.jpg) no-repeat top left;
	height: 342px;
}

/*------------Home page------------*/

#content #def dl dt {
	color: white;
	display: inline;
	font-size: 14px;
}
#content #def dl dd {
	color: white;
	display: inline;
	text-align:justify;
}

img#homeimg {
	margin: 0 auto;	
}
div#content #homeintro {
	background:url(images/Mar09/q_ltwoodbkg.jpg) repeat-y top left;
 	overflow: hidden;
	margin-left: -10px;
	padding-right: 10px;
	height: 1150px;

	
}
div#content #homeintro img {
	position: fixed;
	margin-left:-55px;
	bottom: -50px;
}

div#content div#call.box {
	background:url(images/Mar09/callbutton.jpg) repeat-x bottom left;
	padding-top: 18px;

}
div#content div#call.box a {
	color:#fff;
	text-weight:bold;
}
div#content div#companycall h6 {
	background: url(images/Mar09/block-with-edited-shadow_sm.jpg) top left;
	display: block;
	height: 138px;
	padding: 0 0 24px 24px;
	width: 150px;
}


/*------------ blockcall -------------*/


div#content h5#blockcall {
	display:block;
	margin-left: 50px;

}

div#content h5#blockcall a {
	background: url(images/Mar09/block-with-edited-shadow.jpg) no-repeat top center;
	color: #fff;
	display:block;
	height: 161px;
	line-height: 1.5em;
	padding: 18px 72px;
	text-decoration:none;
	width: 120px;
}
div#content #blockcall a:hover {
	background: url(images/Mar09/block-with-edited-shadow.jpg) no-repeat bottom center;
}

/*------------ #newblockcall -------------*/


div#content h5#newblockcall {
}

div#content h5#newblockcall a {
	background: #777 no-repeat top center;
	color: #F8991C;
	line-height: 1.5em;
	text-decoration:none;
}
div#content #newblockcall a:hover {
	background: url(images/Mar09/block-with-edited-shadow.jpg) no-repeat bottom center;
}

/*------------ .blockmenu -------------*/

ul.blockmenu {
	list-style: none;
	margin:0;
}
ul.blockmenu li {
	float:left;
	display:inline-block;
	_display: block;
	width: 160px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/*------------ CONTENT -------------*/

div#content p strong {
	text-transform: uppercase;
}

div#content h2 {
	display:block;
}

/* -------- .post ------*/

div.post {
	padding-bottom: 90px;
}
div.post p {
	text-align:left;
}
div.post a {
	color:#F8991C;
}div.post a:hover {
	color:#FCCB50;
}
div.post .postmetadata {
	padding-top: 1.5em;
	font-size: 9px;
	clear: both;
}
small { 
	display: block;
	line-height: 1.5em;
	padding-bottom: .5em;
}



/* --------- inpost gallery ------------ */

div.entry div.attachment { 
	float:left;
	padding-top:36px;
	overflow: hidden;
	margin-right: 0;
	padding-right: 130px;
}
div.yapb-image-wrapper{
	width: 100%;
}
div.yapb-image-wrapper a.yapb-image-link {
	height: 650px;
	float:left;
	display:block;
}


div.entry div.yapb-image-wrapper img.yapb-image {
	margin: 0 auto 0 -120px;
}
div#posts div.entry div.yapb-image-wrapper img.yapb-image {

}
div.entry div#galsidebar div.yapb-image-wrapper img.yapb-image {
	background: url(images/loading.gif) white no-repeat 50% 25%;
	border-style: none;
	position:absolute;
	top:0px;
	left: 0px;
	clear:both;
	padding-top: 36px;
	padding-bottom: 240px;
	padding-left: 2px;
	padding-left:0px;
	margin: 0;
}

div.post div#gallerybkg {
	height: 750px;
	padding-right:0;
	border-right: 10px solid white;
	margin-right: -10px;
}

div.entry div.attachment p.enlgtext { 
	display: none;
	margin-left:80px;
}

div.entry div.attachment img.attachment-full { 
	display:block;
	float:none;
	margin: 0 auto;
}
div.entry div#galsidebar {
	margin-top: -72px;
	padding-top: 106px;
	padding-bottom: 100px;
	height: 1000px;
} 
div.entry div#galsidebar h4 {
	color:#45474A;
	text-transform:uppercase;
} 
div.entry div#galsidebar h4 a {
	text-decoration: none;

}
div.entry div#galsidebar h5 a {
	background:#F8991C;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: .5em;
	margin-left: -.5em;
}

div.entry div#galsidebar h5 a:hover {
	background-color:#FCCB50;

}
div.entry div#galsidebar p {
	padding-bottom: .5em;
	text-align: left;
	font-size: 10.5px;
}

div.entry p img {
	margin-top: 0;
}
div.entry p img.size-full {
	margin-left: 0px;

}

p img.alignleft {
	float:left;
	margin-right: 24px;
}
p img.alignright {
	float:right;
	margin-left: 24px;
}
p img.alignnone {
	float:none;
}




div#galsidebar img {
	position: absolute;
	top:0;
	left:0;
}

div.entry div#galsidebar a {
	color:#45474A;
} 
div.entry div#galsidebar a:hover {
	color:#FFF;
}
div.navigation { 
	border-bottom:1px solid white;
	border-top:1px solid white;
	clear:both; 
	vertical-align:middle;
	padding: 18px 0;
}
div.navigation img {
	height: 72px;
	vertical-align:middle;
	width: 72px;
}


/*-------------#posts---------------*/

div#posts {
	padding-top:36px;
	padding-bottom: 160px;
	min-height:750px;
}


div.post h3 {
	clear: both;
	line-height:1.5em;
}

div.post h3#respond {
	clear: both;
}
h3#respond { clear:left;}

/********** yapb within posts ************/

div.entry img.yapb-image {
	margin-left: 0px;
	margin-right: 12px;
}

/*-------- #catgal  --- this is category gallery wrapper -------- */

div#catgal div {
	display: inline;
	float:left;
	width: 200px;
	height: 90px;
	border:1px solid black;
}
div#catgal div img{
	margin: auto;
}

/*------------#blogsidebar-------------*/

div#blogsidebar {
	padding-top:36px;
	padding-bottom: 100px;
	height: 700px;
} 
div#blogsidebar h3 {
	font-size: 26px;
	line-height:1.5em;
} 
div.entry div#blogsidebar a {
	color:#45474A;
} 
div.entry div#blogsidebar a:hover {
	color:#FFF;
}

/* -------------#sidebar------------ */

div#sidebar h2 {
	display:block;
	font-size: 12px;
	color: #fff;
}
div#sidebar ul {
	list-style:none;
	margin:0;
}
div#sidebar a {
	color:#45474A;
	text-decoration:none;
	display:block;
	padding-left:9px;
}
div#sidebar a:hover {
	background-color:#FCCB50;
}
div#sidebar ul li {
	margin-bottom: 10px;
}
div#sidebar ul li li {
	margin-bottom: 0px;
}


/* ----------- .page ------------ */


/* wp-caption */

div.wp-caption {
	position:absolute;
	left: 80px;
}

div.post div.wp-caption {
	position: relative;
	left: auto;
	width:auto;
	
}

div.post div.wp-caption p.wp-caption-text {
	margin-top: 0;
	font-size: .85em;
	font-style:italic;
	display:block;
	color: #fff;
	background: #C2C2BD;
	padding: 1em;
	width:100px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

Quoin Design stripped out every bit of non-functional styling
and start again from scratch.
=================================================================== */

.menu {position:fixed; bottom:10px; z-index:100; padding-left: 12px; }
/* hack to correct IE5.5 faulty box model */
* html .menu {}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; color:#45474A;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;z-index:50;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
}

.menu .current_page_item a {
}

.menu ul .current_page_item ul a {
}

.menu ul .current_page_item ul a:hover {
}

.menu .current_page_item a:hover {
}

/*------------ Quoin Styles --------------- */
.menu li {background:none;color:#45474A;}
.menu ul li {}
.menu ul li a {padding:3px 12px}
.menu ul li a:hover {background:#F8991C; color: #fff;}
.menu ul ul li {padding:0;}
.menu ul ul li a {padding: 3px 12px;}
.menu ul ul {bottom: 20px;width: 800px;}
.menu ul ul ul {padding:0 12px;bottom:20px;}
.menu ul ul ul li {}



/*--------- Site Map ---------- */
div#sitemap {
	padding-top: 72px;
}
div#sitemap h3 {
	color:#F8991C;
}
div.ddsg-wrapper {
	display:block;
	margin-top: 36px;
	margin-left: 80px;	
	margin-bottom: 120px;
}
div.ddsg-wrapper ul {
	list-style:none;
}
div.ddsg-wrapper a {
	color:#45474A;
}

div.entry h1 {
	display:block;
	font-size: 20px;
	margin-left: 80px;
	margin-top: 36px;
}
div.ddsg-wrapper h2 {
	font-size: 16px;
}

div.ddsg-wrapper div p {
	display: none;
}
div.ddsg-wrapper div.ddsg-pagenav p {
	display: block;
}

.linklove {display: none;}

form.cform {
	padding: 0 0 0px 0;
}
form.cform ol {
	list-style:none;
	margin:0;
}
form.cform li {
	margin: 0 0 0px 0;
}
form.cform ol li label span {
	font-size: 11.5px;
	display:inline-block;
	width: 72px;
	text-align:right;
	vertical-align:top;
}
form.cform ol li input {
	margin: 0 9px;
}
form.cform li textarea {
	width: 200px;
	margin: 0 9px
}
form.cform ol li {
	font-size: 9px;
}
form.cform fieldset.cf_hidden {
	border: none;
}

div.success {
	padding-right: 54px;
}
/*==== #commentform ==== */

#content form#commentform {
margin-bottom:100px;
}