/*

Theme Name: Craft and Design Theme
Theme URI: http://www.art4orm.com/
Description: The default theme for craftanddesigncabinetry.com
Version: 1.0
Author: Art4orm Inc.
Author URI: http://www.art4orm.com/

*/

/* -------------------------------------------------- Defaults ----------------------------------------------------- */

body { 
	
	margin: 0;
	background: #A0B784 url('/files/themes/craft/images/bkg_body.png') repeat-x;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #CCC;
}

p { margin:0 0 25px 0; line-height: 1.6em; }

p.quote { 
	
	font-style: italic; 
	line-height: 1.8em; 
	margin-bottom: 5px;
	font-family: Times;
}

p.quote-source { margin-bottom: 0; }

h1, h2, h3, h4 { font-weight: normal; font-family: Arial, sans-serif; line-height: 1.4em; }

h1 { margin:0 0 20px 0; font-size: 24px; text-transform: uppercase; }
h2 { margin:0 0 15px 0; font-size: 22px; }
h3 { margin:0 0 10px 0; font-size: 19px; }
h4 { margin:0 0 5px 0; font-size: 16px; }

h1, h1 a { color: white; }

h2, h3, h4 { color: #94A550; }

h1 em, h2 em, h3 em, h4 em { font-weight: normal; font-size: 90%; }

table tr th em { font-weight: normal; font-style: normal; }

ul, ol, li, dl, dt, dd { padding: 0; margin: 0 }
li { list-style-type: none }

ul, ol { padding: 0 0 18px 2.3em }
dl { padding: 0 0 18px 1.0em }

li, dd { padding-bottom: 7px }
dd { padding-left: 15px }

ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }

ul li ul { margin-top: 10px; padding-bottom: 0;}

ul.inline { margin: 0 0 15px 0; padding: 0; }

ul.inline li { 
	
	margin: 0;
	padding: 0 7px 0 8px;
	border-left: 1px solid #999;
	list-style-type: none;
	display: inline;
}

ul.inline li:first-child,
ul.inline li.first { border-left: 0; padding-left: 0; }

a { color: white; font-weight: normal !important; }

a img { border: 0px }
b, strong { color: #287DA5 }

.text-lg, .text-large { font-size: 125%;}
.text-md, .text-medium { font-size: 115%;}
.text-sm, .text-small { font-size: 90%;}
.text-xsm, .text-extrasmall { font-size: 80%;}

.rt, .alignright { float: right; margin: 0 0 1.0em 1.2em }
.lt, .alignleft { float: left; margin: 0 1.2em 1.0em 0 }
.ctr, .aligncenter { text-align: center; }
span.aligncenter {display:block; text-align: center;}
.cb, .clear-both { clear: both }

.p, .paragraph { display: block; margin:0 0 15px 0 }

.on { color: #94A550 !important; }
/*.on a { color: #CCCC33 !important; }*/

.txt-bottom { vertical-align: text-bottom }
.txt-top { vertical-align: text-top }
.txt-rt { text-align: right; }

.highlight { background-color: #FF6 }
span.highlight-white { background-color: white; }
.txt-yellow { color: #FF6 }

.padded { padding: 5px }
.center { margin: 0 auto; }

.notice { border: 1px solid #999; background-color:#FF6; padding: 5px } /* Yellow*/

.print {}

.abs-top-right { position: absolute; top: 0; right: 0; }
.abs-top-left { position: absolute; top: 0; left: 0; }

.hoz-rule { 
	
	height: 0;
	display: block;
	margin-bottom: 25px !important;
	overflow: hidden;
	border-bottom: 1px dotted #94A550;
	
}

form label em { font-size: 11px; }

.google-map {
	
	display: block;
	margin-bottom: 20px;
	padding: 10px;
	background-color: white;
	
}

h4 .google-map, h3 .google-map {
	
	float: left;
	width: 300px;
	margin: 0 50px 20px 0;
	padding: 5px;
	background-color: white;
	
}

.vimeo { text-align: center; }


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


#page {
	
	width: 980px;
	margin: 0 auto;
	padding: 0;
	background: transparent url('/files/themes/craft/images/bkg_page.png') no-repeat;
	
}


/* ------------------------------------------------ page > content --------------------------------------------------*/


#content { width: 880px; margin: 0 auto; position: relative; }

#content:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }


/* -------------------------------------------- page > content > masthead -------------------------------------------*/


#masthead { width: 100%; clear: both; height: 110px; }

#masthead .logo { position: absolute; right: 5px; top: 30px; z-index: 99; }

#masthead a { color: #191919; }

#masthead #nav {
	
	position: absolute;
	width: 100%;
	height: 60px;
	top: 51px;
	left: 0;
	clear: both;
	z-index: 98;
}

#masthead #nav ul { 
	
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border-left: 1px solid #999;
}

#masthead #nav ul li { 
	
	float: left;
	display: inline; 
	position: relative;
	margin: 0 0 0 -1px; 
	padding: 0; 
	border: 1px solid #999;
	list-style-type: none; 
	background-color: black;
}

#masthead #nav ul li.first { margin-left: 0; border-left: 0;}
#masthead #nav ul li.hover { border-bottom: 1px solid #191919 !important; }

#masthead #nav ul li.on { background-color: black; border-bottom: 1px solid black; }

#masthead #nav ul li a { 
	
	font-size: 12px; 
	color: white;
	float: left;
	padding: 11px 15px;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
}

#masthead #nav ul li a:hover,
#masthead #nav ul li a.hover { background-color: #191919; }


/* ================== */
/* = Dropdown Menus = */
/* ================== */


#masthead .nav-menu { 
	
	position: absolute;
	top: 111px;
	color: #E6E6E6;
	padding: 15px 20px 25px 20px;
	background-color: #191919;
}

#masthead .nav-menu a { color: white; }

#masthead .nav-menu ul { padding: 0; margin: 0; }
#masthead .nav-menu ul li {
	
	border-bottom: 1px dotted #999;
	margin: 0;
	padding: 0; 
	list-style-type: none;
}

#masthead .nav-menu ul li a {
	
	clear: both;
	display: block;
	padding: 7px 10px 7px 5px;
	text-decoration: none;
}

#masthead .nav-menu ul li a:hover { background-color: #333; }

#masthead .nav-menu p { width: 200px; margin-bottom: 10px; }

#masthead #menu_about { z-index: 85; }

#masthead #menu_portfolio { z-index: 86; }

#masthead #menu_partners {z-index: 87; margin-left: 270px;}


/* -------------------------------------------- page > content > text ---------------------------------------------- */


#text { 
	
	width: 880px;
	position: relative;
	float: left; 
	clear: both;
	border-top: 1px solid #999;
	background: black url('/files/themes/craft/images/bkg_text.png') no-repeat;
}

#text p#crumbs { 
	
	padding: 10px 0 0 20px;
	font-size: 11px;
	color: #B3B3B3;
	margin-bottom: 0;
	font-family: Arial, sans-serif;
}

#text #crumbs a { color: #7F7F7F; }

#text .main { 
	
	margin: 17px 25px 25px 25px;
	background: transparent no-repeat top right;
	
	/* Min-height Hack for IE6 */
	min-height: 402px;
	height: auto !important;
	height: 402px;
}

#text .post-content {}
#text .post-content p {}

#text h1.post-title {
	
	background: transparent url('/files/themes/craft/images/bkg_h1.jpg') repeat-x;
	padding: 15px 0 15px 15px;
	margin-bottom: 15px;
}

#text h1.post-title,
#text h2.post-title {}

#text h1.archive-title,
#text h2.archive-title {}

#page.archive #text h3.post-title {}

#text h1.post-title em, 
#text h2.post-title em, 
#page.archive #text h3.post-title em { padding: 0 0 3px 3px; font-size: 11px;}

/* ============ */
/* = Post Nav = */
/* ============ */

.post-nav {
	
	position: relative;
	height: 30px;
	margin-bottom: 20px;
}

.post-nav a { }
.post-nav .next { position: absolute; right: 0; }
.post-nav .previous { position: absolute; left: 0; }
.post-nav .home { }


/* ============= */
/* = post-meta = */
/* ============= */

#text .post-meta { 
	
	clear: both;
	border-bottom: 1px dashed #999;
	margin-bottom: 15px;
	padding: 5px 0 12px 30px;
	font-family: sans-serif, Arial;
	font-size: 10px;
}

#text .post-meta p { line-height: 1em; margin-bottom: 8px; }

#page.home #text .post-meta, 
#page.archive #text .post-meta { margin-bottom: 30px; }


/* ============ */
/* = Comments = */
/* ============ */

#text #post-comments {}

#text #post-comment { border-top: 1px dashed #999; background-color: yellow; }

#text #post-comment-form { margin-bottom: 15px; }

#text #post-comment-form textarea {
	
	height: 110px;
	margin: 0 0 15px 0;
	overflow: auto;
	width: 80%;
}


/* -------------------------------------------- Page Specific (Homepage) ------------------------------------------- */


#page.home #content #stage-wrap {

	width: 858px;
	height: 460px;
	position: relative;
	margin: 10px 0 10px 11px;
	overflow: hidden;
}

#page.home #content #stage { width: 20000px; height: 460px; position: relative; }

#page.home #content #stage ul { clear: both; margin: 0; padding: 0; }

#page.home #content #stage ul li { 

	width: 858px;
	height: 460px;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	background-color: #E6E6E6;
}

#page.home #content a#next-panel, 
#page.home #content a#previous-panel { 

	position: absolute;
	top: 40%;
	font-size: 40px; 
	text-decoration: none;
	background-color: black;
	opacity: 0.8;
}

#page.home #content a#next-panel { right: 11px; z-index: 50; }
#page.home #content a#previous-panel { left: 11px; z-index: 51; }

#page.home #content a#next-panel.disabled,
#page.home #content a#previous-panel.disabled { display: none; }


/* ---------------------------------------- Template Specific (Portfolio) ------------------------------------------ */


#gallery_left {
	
	width: 600px;
	float: left;
	background: transparent url('/files/themes/craft/images/bkg_image-gallery-image.jpg') repeat-x bottom center;
	padding-bottom: 13px;
	
}

#gallery_left #gallery-image-fullsize { display: block; padding-bottom: 15px; }
#gallery_left #gallery-image-excerpt { margin: 0 15px 15px }


#image-gallery-thumbs {
	
	width: 210px;
	float: right;
	padding-top: 70px;
	background-repeat: no-repeat;

	/* Min-height Hack for IE6 */
	min-height: 379px;
	height: auto !important;
	height: 379px;
}


#image-gallery-thumbs ul.thumbs {
	
	margin: 0 0 0 10px;
	padding: 20px 0 10px 0;
	float: left;
	clear: both;
	display: inline;
	_padding-bottom: 20px;
}

#gallery-image_wrap { position: relative; }


/* ================================ */
/* === Navigation Between Images == */
/* ================================ */


#gallery-image_wrap #gallery-next-image, 
#gallery-image_wrap #gallery-previous-image {
	
	position: absolute;
	top: 40%;
	font-size: 40px; 
	text-decoration: none;
	background-color: black;
	opacity: 0.8;
}


#gallery-image_wrap #gallery-next-image { right: 0; }
#gallery-image_wrap #gallery-previous-image { left: 0; }

#image-gallery-thumbs ul.thumbs li {
	
	margin: 0 0 10px 10px;
	padding: 0;
	list-style-type: none;
	float: left;
	display: inline;
	width: 76px;
	height: 61px;
	overflow: hidden;
	border: 2px solid white;
}

#image-gallery-thumbs ul.thumbs li.on {
	
	width: 72px;
	height: 57px;
	border: 4px solid #E6E6E6;
}

/* ================================ */
/* = Navigation Between Galleries = */
/* ================================ */

#image-gallery-thumbs #gallery-nav {
	
	position: relative;
	clear: both;
	height: 30px;
	margin: 0 20px 20px 20px;
	font-size: 11px;
	font-family: Arial, sans-serif;
}

#image-gallery-thumbs #gallery-nav .next { position: absolute; right: 0; }
#image-gallery-thumbs #gallery-nav .previous { position: absolute; left: 0; }



/* ---------------------------------------- Template Specific (Template B) ----------------------------------------- */


#content.template-b #text h1.post-title { margin-bottom: 25px; }

#content.template-b #subnav { width: 250px; float: left; margin-top: -6px; }

#content.template-b ul.subnav { width: 100%; padding: 0; margin: 0; }

#content.template-b ul.subnav li { 
	
	list-style-type: none; 
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #333;
}

#content.template-b ul.subnav li a {
	
	display: block;
	font-size: 12px;
	padding: 8px 7px;
	text-transform: uppercase;
	text-decoration: none;
}

#content.template-b ul.subnav li a:hover { background-color: #191919; }

#content.template-b ul.subnav li.on a,
#content.template-b ul.subnav li.current_page_item a { color: #94A550; }

#content.template-b ul.subnav li.current_page_item ul { margin-top: 12px; }
#content.template-b ul.subnav li.current_page_item ul li a { background-color: transparent !important; text-decoration: underline !important; }

#content.template-b .post-content { width: 530px; float: left; margin: 0 0 0 40px; }


/* --------------------------------------------- page > content > foot --------------------------------------------- */


#foot {
	
	width: 100%;
	clear: both;
	padding: 20px 0 10px 0;
	background: transparent url('/files/themes/craft/images/bkg_foot.png') no-repeat;
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #CCC;
}

#foot p { margin-bottom: 6px; }

#foot .main { width: 820px; margin: 0 auto 15px auto; }

#foot .logo { width: 111px; height: 112px; float: left; margin-right: 50px; }

#foot .address, 
#foot .copyright { width: 170px; float: left; margin-right: 40px; }

#foot .copyright { margin-right: 0; }

#foot .address h4.city { color: white; }

#foot #links { clear: both; text-align: center; }


/* ---------------------------------------------- Hacks and Clearfixes --------------------------------------------- */


.clearfix:after { content: ""; display: block; height:0; clear: both; visibility: hidden; }


/* fixing broken stuff happens here */
#slides-wrap {	width: 858px;
	height: 460px;
	position: relative;
	margin: 10px 0 10px 11px;
	overflow: hidden;
}
#slides {margin: 0px; padding: 0px; }
#slides ul  { clear: both; margin: 0; padding: 0; }
#slides ul li {	
	height: 460px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #E6E6E6;
	 width: 858px;
}

#callout {width: 858px; display: block; height: 30px; background-color: #000; color: #fff; z-index: 60;  text-align: center; font-size: 14px; text-transform: uppercase;  }
#callout p a {z-index: 999;text-decoration: none;}

#prevBtn {
	z-index: 50;
	position: absolute;
	top: 40%;
	font-size: 40px; 
	text-decoration: none;
	background-color: black;
	opacity: 0.8;
	background: url('/files/themes/craft/images/icons/icon-previous.png') 0 0 no-repeat; width: 30px; height: 80px;}
#prevBtn a {display: block; text-decoration: none; height: 80px;}
#nextBtn {
	position: absolute;
	top: 40%;
	right: 0px;
	font-size: 40px; 
	text-decoration: none;
	background-color: black;
	opacity: 0.8;
	background: url('/files/themes/craft/images/icons/icon-next.png') 0 0 no-repeat; width: 30px; height: 80px;}
#nextBtn a {display: block; text-decoration: none; height: 80px;}