/* ================================================
 
Theme Name: The Quarry Craigleith
Description:  Theme for The Quarry Craigleith
Author: Loop Design
Author URI: 
Date: January 2010

==================================================*/


/*------------------------------------------------

		1. Global Resets
		
		2. Typography

		3. Link

		4. Main Navigation 

		5. Structure
		
		6. Inner Elements
			
		7. Lists 
		
		8. Form Elements 
		
		9. Various Tags & Classes 
						
		10. Headers
		
 		11. Buttons


/*==================================================================================================

	1. GLOBAL RESETS
 
 ====================================================================================================*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
	
body { 
	line-height:1.5;
	}
	
html, body {
	height: 100%;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
	}	

table { 
	border-collapse:separate; border-spacing:0; 
	}

caption, th, td { 
	text-align:left;font-weight:normal; 
	}

table, td, th { 
	vertical-align:middle; 
	}

blockquote:before, blockquote:after, q:before, q:after { 
	content:""; 
	}

blockquote, q { 
	quotes:"" ""; 
	}

a img { 
	border:none; 
	}


/* Reset all margins/padding */

* { 
	margin:0;
	padding:0;
	}

/* Gets rid of outlined links in Firefox */

a {
	outline: none;
	}


/* No boders on images and displays them as block level elements in IE6 */

img {
	border:0;
	padding: 0;
	margin: 0;
	display: block;
	}
	
br {
	clear:both;
	line-height:10px;
	}


/* IE PNG Fix http://www.twinhelix.com/css/iepngfix/ */
		
div#content_homepage {
	behavior: url(/wp-content/themes/quarry/furniture/js/iepngfix.htc)
}
/* Alternatively, you can specify that this will apply to all tags like so:
		   
		   * { behavior: url(/furniture/js/iepngfix.htc) }
*/


/*==================================================================================================

	2. TYPOGRAPHY
 
 ====================================================================================================*/
 
body {
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #272422;
	margin:0;
	padding:0;
	height: 100%;
	}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	}
	
/*---------- BODY COPY STYLE -------------*/
	

div#content p {
	padding: 0 0 15px 0;
	}
	
/*----------FONT RESET -------------*/
	
	/* {
	margin: 0;
	padding: 0;
	line-height: 12px;
	font-size: 12px;	
	}*/
	
/* --------------------------------*/
	
div#header p {
	width: 270px;
	height: 50px;
	overflow: hidden;
	position: absolute;
	top: 28px;
	right: 36px;
	z-index: 110;
	font-size:13px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	}
	
	div#header p strong {
	color: #cf032e;
	font-weight: normal;
	}		
	
	div#footer p {
	font-size: 10px;
	line-height: 14px;
	padding: 0;
	margin: 0;
	color: #807f7e;
	}

	p.align_right {
	text-align: right;
	}
	
	div#content_homepage div.entry p {
	position: absolute;
	right: 22px;
	top: 30px;
	z-index: 40;
	width: 220px;
	height: 60px;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	padding: 0;
	margin: 0;
	}
	
	div#sidebar p {
	padding: 0 10px 12px 30px;
	margin: 0;
	}
	
	div#content div.accordian_content {
	padding: 0 0 10px 0;
	margin: 0;
	}	
	
	div#content ul.latest_news li p {
	padding: 0;
	margin: 0;	
	}
	
	body.page-id-16 div#content div.column_one p, body.page-id-16 div#content div.column_two p {
	padding: 0 0 11px 0;
	line-height: 14px;
	}
	
	
/*---------- TEXT ELEMENT STYLE -------------*/
	
	
strong {
	font-weight:bold;
	}
	
	div#content_homepage div.entry p strong {
	font-weight:bold;
	color: #CF032E;
	}
	
	div#content_homepage div.entry h1 strong, div#content_homepage div.entry h2 strong {
	font-weight: normal;
	color: #CF032E;	
	}
	
em {
	font-style:italic;
	display:inline;
	}

hr {
	border: 0;
	background-color: #999999;
	margin: 0;
	padding: 0;
	height: 1px;
	}

blockquote {
	width: 90%;
	margin: 0 0 15px 0;
	padding: 20px;
	background: #CCCCCC;
	border: 1px solid #999999;
	}

blockquote cite {
	margin: 5px 0 0 0;
	display: block;
	}

/*---------- HEADING STYLE -------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	color: #da012f;
	}

div#content h1 {
	padding: 0 0 10px 0;
	}
	
	div#content_homepage div.entry h1 {
	position: absolute;
	left: 37px;
	top: 23px;
	z-index: 50;
	width: 500px;
	height: 30px;
	font-size: 24px;
	font-weight: lighter;
	line-height: 30px;
	text-align: left;
	color: #171412;		
	}
	
div#content h2 {
	font-size: 14px;
	padding: 0 0 10px 0;
	float:left;
	width:100%;
	}
	
	div#sidebar h2 {
	font-size: 14px;
	padding: 0 0 10px 36px;
	}
	
	div#content_homepage div.entry h2 {
	position: absolute;
	left: 37px;
	top: 50px;
	z-index: 60;
	width: 500px;
	height: 50px;
	font-size: 42px;
	font-weight: lighter;
	line-height: 47px;
	text-align: left;
	color: #171412;		
	}
	
	body.page-id-14 div#content h2 {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 7px 0;
	float:left;
	width:100%;
	}
	
div#content h3 {
	padding: 0 0 5px 0;
	}
	
	div#sidebar h3 {
	padding: 0 0 5px 36px;
	}

	div#sidebar h4 {
	padding: 0 0 5px 36px!important;
	}

	div#sidebar p {
	padding: 0 0 5px 36px!important;
	}
	
	div#content div.accordian_container h3 {
	cursor: pointer;
	height: 20px;
	padding: 0 0 5px 0;
	margin: 0;
	border-bottom: 1px solid #999999;
	}
	
div#content h4 {
	padding: 0 0 10px 0;
	}
	
	div#sidebar h4 {
	padding: 0 0 2px 30px;
	line-height: 15px;
	}
	
	body.page-id-16 div#content h4 {
	padding: 0 0 2px 0;
	line-height: 14px;
	}
	
div#content h5 {
	padding: 0 0 10px 0;
	}

div#content h6 {
	padding: 0;
	line-height: 15px;
	}

	
/*==================================================================================================
 
     3. LINK STYLES

================================================================================================== */

div#footer a {
	color: #807f7e;
	text-decoration: none;
	}

	div#footer a:hover {
	color: #C20B32;
	}
	
div#content a {
	color: #da012f;
	text-decoration: none;
	}

	div#content a:hover {
	color: #000;
	}

body.page-id-16 div#content div.column_one p a, body.page-id-16 div#content div.column_two p a {
	color: #000;
	text-decoration: none;
	}
	
	body.page-id-16 div#content div.column_one p a:hover, body.page-id-16 div#content div.column_two p a:hover {
	color: #da012f;
	text-decoration: none;
	}
	
div#sidebar ul#sidebar_nav li a, div#sidebar p a {
	color: #333333;
	text-decoration: none;
	}

	div#sidebar ul#sidebar_nav li a:hover, div#sidebar p a:hover {
	color: #da012f;
	}
	
	div#sidebar ul#sidebar_nav li.current_page_item a {
	color: #da012f;
	text-decoration: none;
	}

div#sidebar ul.download_links li a {
	color: #272422;
	text-decoration: none;
	}

	div#sidebar ul.download_links li a:hover {
	color: #C20B32;
	}

/* End Typography & Colors */

		
/*==================================================================================================

	4. MAIN NAVIGATION
	
==================================================================================================*/

		
ul#navigation {
	float: left;
	width: 800px;
	height: 33px;
	margin: 0;
	padding:0;
	background: url(/wp-content/themes/quarry/furniture/images/backgrounds/bg_nav_repeater.gif) repeat-x bottom left #b3b1af;
	list-style: none;
	position: relative;
	z-index: 60;
	}	

	ul#navigation li {
	float: left;
	position: relative; 
	float: left;
	z-index: 150;
	padding: 5px 36px 0 37px;
	margin:0;
	}
	
/*----------------GENERIC STYLES FOR ALL MAIN NAV LINKS -----------------------*/	
	
	ul#navigation li a {
	margin: 0;
	padding: 0;
	float: left;
	cursor: pointer;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px; 
	line-height: 16px;
	}
	
	ul#navigation li a:hover, 
	body.page-id-2 ul#navigation li a.home_current,
	body.page-id-12 ul#navigation li a.stores_current,
	body.page-id-14 ul#navigation li a.news_current,
	body.parent-pageid-14 ul#navigation li a.news_current,
	body.page-id-16 ul#navigation li a.corporate_current,
	body.parent-pageid-16 ul#navigation li a.corporate_current,
	body.page-id-18 ul#navigation li a.directions_current,
	body.page-id-20 ul#navigation li a.contact_current {
	color: #c20b32;
	text-decoration: none;
	}
	
				
/* End Main Navigation */


/*==================================================================================================


	5. MAIN STRUCTURE
 
==================================================================================================*/

body {
	margin:0;
	padding:0;
	height: auto;
	background: #ede1c5;
	}

div#page_centre {
	margin: 0 auto;
	width: 800px;
	height: auto;
	/*background: #99FF00;*/
	}
	
div#page {
	width: 800px;
	padding: 30px 0 40px 0;
	float: left;
	height: auto;
	/*background-color: #FFCC33;*/
	position: relative;
	z-index: 1;
	}

div#header {
	width: 800px;
	height: 100px;
	float:left;
	position: relative;
	z-index: 5;
	background: url(/wp-content/themes/quarry/furniture/images/backgrounds/bg_nav_top.gif) no-repeat 0 bottom #272422;
	}
	
div#content_container {
	float: left;
	clear: both;
	width: 800px;
	height: 460px;
	position: relative;
	z-index: 10;
	background: url(/wp-content/themes/quarry/furniture/images/backgrounds/bg_content_area_photo.gif) no-repeat 0 0 #FFFFFF;
	}
	
	body.page-id-12 div#content_container {
	float: left;
	clear: both;
	width: 800px;
	height: 460px;
	position: relative;
	z-index: 10;
	background: #FFFFFF;
	}
	
	div#content_container_home {
	float: left;
	clear: both;
	width: 800px;
	height: 460px;
	position: relative;
	z-index: 10;
	/*background: url(/wp-content/themes/quarry/furniture/images/backgrounds/bg_homepage.jpg) no-repeat 0 -66px #FFFFFF;*/
	}	
	
	div#content {
	float: right;
	width: 500px;
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
	padding: 30px 30px 30px 40px;
	/*background-color: #FF00FF;*/
	}
	
	div#content_homepage {
	float: left;
	width: 800px;
	height: 108px;
	margin: 262px 0 0 0;
	overflow: hidden;
	position: relative;
	z-index: 15;
	background: url(/wp-content/themes/quarry/furniture/images/backgrounds/homepage_transparent_white.png) no-repeat 0 0;
	/*background-color: #FF00FF;*/
	}	

	div.post {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	}
	
	div.entry {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	/*background-color: #993399;*/
	}
	
	div#content_homepage div.entry {
	position: relative;
	z-index: 18;
	width: 800px;
	height: 108px;
	padding: 0;
	margin: 0;
	float: left;
	}
	
/*=============== ALTERNATIVE POST STYLES ================*/

	div#post_articles {
	border-top:1px solid #CCCCCC;
	float:left;
	margin:0;
	padding:20px 0 5px;
	width:100%;
	}
	
	div.post_entry {
	float:left;
	margin:0;
	padding:0;
	width:585px;
	}
	
/*=============== ALTERNATIVE POST STYLES END ================*/
	
div#sidebar {
	width: 230px;
	height: 430px;
	float:left;
	padding: 30px 0 0 0;
	position: relative;
	z-index: 20;
	background: url(/wp-content/themes/quarry/furniture/images/backgrounds/sidebar_transparent_white.png) no-repeat 0 0;
	/*background: #99CC33;*/
	}
	
	body.page-id-20 div#sidebar {
	width: 230px;
	height: 430px;
	float:left;
	padding: 30px 0 0 0;
	position: relative;
	z-index: 20;
	background: #f4f4f5;
	/*background: #99CC33;*/
	}
	
div#footer {
	float: left;
	clear: both;
	width: 800px;
	background: url(/wp-content/themes/quarry/furniture/images/backgrounds/bg_footer_repeater.gif) repeat-x 0 0 #161615;
	/*background-color: #9966CC;*/
	}
	
/*======================== FOOTER COLUMNS =======================*/

div#footer div.column_left {
	float: left;
	width: 625px;
	padding: 17px 0 8px 35px;
	/*background: #0033CC;*/
	}

div#footer div.column_right {
	float: right;
	width: 120px;
	padding: 20px 12px 0 0;
	/*background: #66CCCC;*/
	}	
	

/* End Structure */


/*==================================================================================================
	
	6. INNER ELEMEMTS

==================================================================================================*/


div.column_one {
	float: left;
	clear: left;
	width: 140px;
	}

div.column_two {
	float: left;
	width: 140px;
	padding: 0 0 0 40px;
	}
	
div#sidebar div.sidebar_image {
	width: 230px;
	height: 234px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	z-index: 80;
	}
	
div#sidebar div.sidebar_image_smaller {
	width: 230px;
	height: 155px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	z-index: 82;
	}	
	
	div#sidebar div.sidebar_image img, div#sidebar div.sidebar_image_smaller img {
	display: block;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	}

div.register_button {
	width: 95px;
	height: 93px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 30;
	}

div#logo_slider {
	float: left;
	clear: both;
	width: 800px;
	height: 90px;
	overflow: hidden;
	background: #FFFFFF;
	}

/*============ ACCORDIAN STYLES ===============*/


div#content div.accordian_content {
	padding: 10px 0 0 0;
	}

div#content div.accordian_container p.accordian_break {
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	}


/*==================================================================================================
	
	7. LISTS 

==================================================================================================*/


div#content ul {
	margin: 0;
	padding: 5px 0 10px 20px;
	list-style-type: none;
	color: #da012f;
	}
	
	div#content ul li {
	clear: both;
	margin: 0;
	padding: 0 0 6px 10px;
	list-style: disc;
	}
	
	
div#content ul.latest_news {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #333333;
	}
	
	div#content ul.latest_news li {
	clear: both;
	margin: 0;
	padding: 0 0 9px 0;
	list-style-type: none;
	}	
	
		
div#content ol {
	margin: 0;
	padding: 5px 0 10px 25px;
	color: #da012f;
	}
	
	div#content ol li {
	clear: both;
	margin: 0;
	padding: 0 0 6px 5px;
	}	

div#sidebar ul#sidebar_nav {
	margin: 0;
	padding: 0 0 20px 36px;
	list-style-type: disc;
	color: #272422;
	font-size: 13px;
	}
	
	div#sidebar ul#sidebar_nav li {
	margin: 0;
	padding: 0 0 2px 0;
	list-style-type: disc;
	}
	
div#sidebar ul.download_links {
	clear: both;
	width: 230px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	}
	
	div#sidebar ul.download_links li {
	margin: 0 0 3px 0;
	padding: 6px 15px 8px 36px;
	list-style-type: none;
	background: url(/wp-content/themes/quarry/furniture/images/sitewide/arrows.gif) no-repeat 23px 9px #eeeeee;
	}	
	

/*========================== SITEMAP LIST ======================*/
	
	
div#content div.ddsg-wrapper ul {
	margin: 0;
	padding: 5px 0 10px 10px;
	list-style-type: none;
	}
	
	div#content div.ddsg-wrapper ul li {
	clear: both;
	margin: 0;
	padding: 0 0 10px 20px;
	list-style: none;
	background: url(/wp-content/themes/butlerross/furniture/images/sitewide/bullet_arrow_white.gif) no-repeat 0 6px;
	}


/*==================================================================================================
	
	9. Various Tags & Classes 
	
==================================================================================================*/


div.navigation {
	float: left;
	clear: both;
	padding: 15px 0 10px 0;
	width:100%;
	}
	
	div.navigation div.alignright {
	float: right;
	text-align: right;
	width: 200px;
	}
	
	div.navigation div.alignleft {
	float: left;
	text-align: left;
	width: 200px;
	}
	
.alignright {
	float:right;
	}
	
.alignleft {
	float:left;
	}

div#content img {
	border:0;
	padding: 0;
	margin:0;
	display: block;
	}
	
	div#content img.no_float {
	border:0;
	padding: 0;
	margin:0 0 15px 0;
	display: block;
	float: none;
	}
	
	div#content img.float_left {
	border:0;
	padding: 0;
	margin:0 15px 15px 0;
	display: block;
	float: none;
	}

div.mapp-div {
	border: 1px solid #333333;
	float: left;
	clear: both;
	background-color:#E5E3DF;
	height:310px;
	position:relative;
	width:500px;
	overflow: hidden;
	}
	
		
div#sidebar h2.news_title_hide, div.mapp-poweredby {
	display: none;
	}
		
/*  Gets Rid Of Credits at the end of Dagon Design Plugins*/

body.page-id-19 div#content.narrowcolumn div.entry div.ddsg-wrapper div {
	display: none;
	}

div.ddfmwrap div.credits {
	display: none;
	}

body.page-id-19 div.ddsg-wrapper h2 {
	display: none;
	}


/*==================================================================================================
	
	10. TABLES
	
==================================================================================================*/


div#content table {
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	}
	
	div#content table th {
	padding: 10px;
	margin: 0;
	font-weight: bold;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	
	div#content table td {
	padding: 10px;
	margin: 0;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	

/*==================================================================================================
	
	10. Headers
	
==================================================================================================*/


div#header h2,
div.register_button p {
	padding:0;
	margin:0;
	float:left;
	line-height: 1px;
	font-size: 1px;
	}
	
div#header h2 {
	width: 140px;
	height: 55px;
	position: absolute;
	top: 28px;
	left: 36px;
	z-index: 100;
	}
	
div.register_button p {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	}	
		
/*==================================================================================================
	
	11. BUTTONS
	
==================================================================================================*/


div#header h2 a,
div.register_button p a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	}
	
div#header h2 a {
	background: url(/wp-content/themes/quarry/furniture/images/sitewide/logo.gif) no-repeat 0 0;
	width: 140px;
	height: 55px;
	}
	
div.register_button p a {
	float: left;
	background: url(/wp-content/themes/quarry/furniture/images/buttons/home_register_panel.gif) no-repeat 0 0;
	width: 95px;
	height: 93px;
	}