/*
Theme Name: Stone Scape
Theme URI: http://www.wasyl.com
Description: Custom Theme for Stone Scape Industries
Version: 2.0
Author: Mark Wasyl
Author URI: http://www.wasyl.com
Tags: Custom Theme, Business, Earthy, Gallery, Slider
*/


/*
--------------------------------------------------
Created:			May 23, 2010
Updated:			July 19, 2010
Updated by:			Mark Wasyl
--------------------------------------------------
--------------------------------------------------
COLORS
Body BG:			#FFFBEB (light taupe)
Wrapper BG:			#FFFBEB
Main Text:			#3A3F39 (Dark Gray)
Sub Text:			#NA
Links:				#764 (Matte Brown)
Links (visited):	#764
Links (hover):		#764
Links (active):		#764
--------------------------------------------------
*/


@import url("style/css/reset.css");
@import url("style/css/base.css");
@import url("style/css/structure.css");


/*
--------------------------------------------------
basic html
--------------------------------------------------
*/
	html {
		background: url(style/images/bg.jpg) #FFFBEB repeat-x;
		}
	body {
		/*background: url(style/images/bg-page.png) repeat-y center;*/
		color: #3A3F39;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size: 12px;
		height: 100%;
		}
/* headings */
	h1,h2,h3,h4,h5,h6 {
		color: #AA8;
		font-family: 'Yanone Kaffeesatz', arial, serif;
		font-weight: normal;
		line-height: 1em;
		margin-bottom: 10px;
		text-transform: uppercase;
		}
	h1 {font-size: 36px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
	h4 {font-size: 16px;}
	h5 {font-size: 14px;}
	h6 {font-size: 12px;}
/* links */
	a:link,
	a:visited {
		color: #764;
		outline: none; /* fixes Firefox dotted outline */
		text-decoration: none;
		}
	a:focus,
	a:hover,
	a:active {
		color: #764;
		outline: none; /* fixes Firefox dotted outline */
		text-decoration: underline;
		}
/* paragraph */
	p {
		line-height: 1.5em;
		margin-bottom: 20px;
		}
	blockquote {
		background: url(style/images/quote.png) left 5px no-repeat;
		color: #AA8;
		font-size: 16px;
		font-style: italic;
		margin-bottom: 20px;
		padding-left: 40px;
		}
/* horizontal rule */
	hr {
		border: 0;
		border-bottom: 1px solid #ABC;
		border-top: 2px dotted #ABC;
		clear: both;
		margin: 0 20px;
		padding: 2px;
		}
/* margins */
	p,dl,hr,ol,ul,pre,table,address,fieldset { margin-bottom: 20px }
	h1,h2,h3,h4,h5,h6 { margin-bottom: 6px }


/*
--------------------------------------------------
wrapper
--------------------------------------------------
*/
	#wrapper {
		margin: 0 auto;
		text-align: left;
		}
	#wrapper.defined {
		background: #FFFBEB;
		border: 10px solid #3A3F39;
		border-top: 0;
		width: 1000px;
		}


/*
--------------------------------------------------
header
--------------------------------------------------
*/
	#header {
		background: #764;
		height: 80px;
		}
/* used for text title */
	#header h1,
	#header h1 a,
	#header h1 a:link,
	#header h1 a:visited {
		color: #FFFBEB;
		font-size: 50px;
		font-weight: bold;
		line-height: 80px;
		margin: 0;
		text-decoration: none;
		}
	#header h1 a:hover,
	#header h1 a:active {
		color: #FEF0AF;
		}
/* used for graphic title */
	h1#logo {
		}
	h1#logo a,
	h1#logo a:link,
	h1#logo a:visited,
	h1#logo a:hover,
	h1#logo a:active {
		background: url(style/images/header-logo.png) left 20px no-repeat;
		border: none;
		display: inline-block;
		float: left;
		height: 80px;
		text-indent: -9999px;
		width: 260px;
		}


/*
--------------------------------------------------
menu
--------------------------------------------------
*/
	#menu {
		background: #AA8;
		display: block;
		font-family: 'Yanone Kaffeesatz', arial, serif;
		font-size: 20px;
		height: 30px;
		letter-spacing: 1pt;
		z-index: 999;
		}
	#menu ul {
		display: inline;
		height: 30px;
		}
	#menu li {
		display: inline;
		float: left;
		}
/* menu tabs */
	#menu ul li {
		}
	#menu ul li.last {
		}
	#menu ul li a,
	#menu ul li a:link,
	#menu ul li a:visited {
		color: #3A3F39;
		display: block;
		line-height: 30px;
		margin: 0px;
		padding: 0 15px;
		}
	#menu ul li a:hover,
	#menu ul li a:active {
		background: #3A3F39;
		color: #FFFBEB;
	    margin: 0px;
		text-decoration: none;
		}
	#menu ul li.current_page_item a { background: #3A3F39; color: #FFFBEB; } /* changes current WordPress menu item link state */

/* menu tabs dropdown */
	#menu .drop-down {
	    width:100%;
	    }
	#menu .drop-down,
	#menu .drop-down ul {
		background: #AAAA88;
	    list-style:none;
	    padding:0;
	    margin:0;
	    width:100%;
	    }
	#menu .drop-down a {
	    display:block;
	    text-decoration:none;
	    padding: 0px 10px;
	    }
	#menu .drop-down li {
	    float:left;
	    padding:0;
	    }
	#menu .drop-down ul {
	    border:0;
	    height:auto;
	    left:-999em;
	    line-height:1;
	    margin:0;
	    padding:0;
	    position:absolute;
	    width:100%;
	text-align:center;
		z-index: 1; /* fixes problem of content border sitting on top of dropdown */
	    }
	#menu .drop-down ul li {
		background: none;
		display: block;
		height: 24px;
		line-height: 24px;
		margin: 0;
		padding: 0;
		width: 14em;
		}
	#menu .drop-down li li {
	    width: 120px;
	    }
	#menu .drop-down li ul {
		}
	#menu .drop-down li li a {
	    font-size: 16px;
	    padding: 0px 10px;
	    width: 100px;
	    }
	#menu .drop-down li ul li {
		border-bottom: 1px dotted #F00;
	    }
	#menu .drop-down li ul ul {
	    margin:-21px 0 0 100px;
	    }
	#menu .drop-down li li:hover {
		background: #AA8;
	    }
	#menu .drop-down li ul li:hover a,
	#menu .drop-down li ul li li:hover a,
	#menu .drop-down li ul li li li:hover a,
	#menu .drop-down li ul li li li:hover a {
		color: #FFFBEB;
	    }
	#menu .drop-down li:hover a,
	#menu .drop-down li.sfhover a {
	    }
	#menu .drop-down li:hover li a,
	#menu .drop-down li li:hover li a,
	#menu .drop-down li li li:hover li a,
	#menu .drop-down li li li li:hover li a {
		background: #AA8; /* drop down bg */
		color: #3A3F39;
	    }
	#menu .drop-down li:hover ul ul,
	#menu .drop-down li:hover ul ul ul,
	#menu .drop-down li:hover ul ul ul ul,
	#menu .drop-down li.sfhover ul ul,
	#menu .drop-down li.sfhover ul ul ul,
	#menu .drop-down li.sfhover ul ul ul ul {
	    left:-999em;
	    }
	#menu .drop-down li:hover ul,
	#menu .drop-down li li:hover ul,
	#menu .drop-down li li li:hover ul,
	#menu .drop-down li li li li:hover ul,
	#menu .drop-down li.sfhover ul,
	#menu .drop-down li li.sfhover ul,
	#menu .drop-down li li li.sfhover ul,
	#menu .drop-down li li li li.sfhover ul {
	    left:auto;
	    }
	#menu .drop-down li:hover,
	#menu .drop-down li.sfhover {
	    }

/* menu icons */
	#menu ul#icons {
		display: inline;
		float: right;
		margin: 6px 0 0 0;
		}
	#menu ul#icons li {
		border: 1px solid #FFF;
		display: inline;
		float: left;
		margin: 0 0 0 4px;
		padding: 0;
		}
	#menu ul#icons li a {
		display: block;
		height: 16px;
		width: 16px;
		}
	#menu ul#icons li.deviantart	{ background: url(style/images/menu_deviantart.png) top left no-repeat; }
	#menu ul#icons li.facebook		{ background: url(style/images/menu_facebook.png) top left no-repeat; }
	#menu ul#icons li.linkedin		{ background: url(style/images/menu_linkedin.png) top left no-repeat; }
	#menu ul#icons li.myspace		{ background: url(style/images/menu_myspace.png) top left no-repeat; }
	#menu ul#icons li.twitter 		{ background: url(style/images/menu_twitter.png) top left no-repeat; }
	#menu ul#icons li.rss			{ background: url(style/images/menu_rss.png) top left no-repeat; }


/*
--------------------------------------------------
footer
--------------------------------------------------
*/
	#footer {
		background: #000;
		border-top: 2px dashed #FFFBEB;
		height: 100px;
		padding: 20px 0;
		}
	#footer p {
		color: #AA8;
		font-size: 10px;
		}
	#footer a {
		font-weight: bold;
		}
	#footer-copyright {
		display: inline;
		float: left;
		}
	#footer ul.menu {
		display: inline;
		float: right;
		text-align: center;
		}
	#footer ul.menu li {
		display: inline;
		float: left;
		font-size: 10px;
		padding: 0 6px;
		}
	#footer ul.menu li.current_page_item a { /* changes current WordPress menu item link state */
		color: #FFF;
		}
/* footer-widgets */
	#footer-widgets {
		background: #123;
		border-bottom: 1px solid #FFF;
		padding: 20px 0;
		margin: 0;
		}
	#footer-widgets p {
		font-size: 10px;
		}
	#footer-widgets h4 {
		color: #DEF;
		}
	#footer-widgets li {
		border-bottom: 1px dotted #456;
		font-size: 11px;
		line-height: 1.75em;
		margin-right: 4px;
			}
	#footer-widgets ul {
		list-style: none;
		margin: 0;
		margin-bottom: 10px;
		padding: 0;
		}
	#footer-widgets li a {
		display: block;
		padding: 0;
		}
	#footer-widgets li a:hover {
		background: #234;
		}
	#footer-widgets li.facebook {
		background: url(style/images/menu_facebook.png) 2px 1px no-repeat;
		padding-left: 20px;
		}
	#footer-widgets li.linkedin {
		background: url(style/images/menu_linkedin.png) 2px 1px no-repeat;
		padding-left: 20px;
		}
	#footer-widgets li.twitter {
		background: url(style/images/menu_twitter.png) 2px 1px no-repeat;
		padding-left: 20px;
		}
	#footer-widgets li.rss {
		background: url(style/images/menu_rss.png) 2px 1px no-repeat;
		padding-left: 20px;
		}
	#footer-widgets #tweet li,
	#footer-widgets #tweet p {
		font-size: 9px;
		line-height: 1.25em;
		margin-bottom: 5px;
		padding-bottom: 5px;
		}
	#footer-widgets #tweet li a {
		display: inline-block;
		}


/*
--------------------------------------------------
featured
--------------------------------------------------
*/
	#featured {
		}
	#featured.home {
		}
	#featured.home-slider {
		background: #000;
		height: 300px;
		z-index: 100;
		}
	#featured.page {
		height: 300px;
		margin-bottom: 20px;
		}
	#featured.intro p {
		}
	#featured.intro h2 {
		}


/*
--------------------------------------------------
home
--------------------------------------------------
*/
	#home-message {
		background: #AA8;
		display: block;
		height: 60px;
		margin-bottom: 40px;
		overflow: hidden;
		}
	#home-message h3 {
		color: #3A3F39;
		font-size: 40px;
		letter-spacing: 2pt;
		line-height: 60px;
		text-align: center;
		text-transform: none;
		}

/*
--------------------------------------------------
main content area
--------------------------------------------------
*/
	#content {
		margin-bottom: 40px;
		margin-top: 40px;
		}
	#main-image {
		margin-bottom: 20px;
		width: 100%;
		}
	#main h2 {
		font-size: 36px;
		}
	#main ul {
		}

/*
--------------------------------------------------
sidebar
--------------------------------------------------
*/
	#sidebar {
		}
	#sidebar ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#sidebar ul li {
		margin-bottom: 10px;
		}
	#sidebar li ul li {
		border-bottom: 1px dotted #3A3F39;
		font-size: 12px;
		margin-bottom: 0px;
		}
	#sidebar li ul li li {
		border-bottom: none;
		font-size: 10px;
		list-style: disc;
		list-style-position: inside;
		margin-bottom: 0px;
		padding-left: 4px;
		}
	#sidebar ul li {
		margin-bottom: 30px;
		}
	#sidebar a {
		display: inline-block;
		padding: 2px 4px;
		}
	#sidebar a:hover {
		color: #3A3F39;
		text-decoration: none;
		}
/* calendar */
	table#wp-calendar {
		font-size: 10px;
		width: 100%;
		}
	table#wp-calendar td,
	table#wp-calendar th {
		padding: 2px;
		text-align: left;
		}
	table#wp-calendar th {
		color: #000;
		font-weight: bold;
		}


/*
--------------------------------------------------
blog
--------------------------------------------------
*/
	.post h2,
	.post h2 a,
	.post-single h2 {
		font-weight: normal;
		}
	.post h2 a:hover {
		color: #3A3F39;
		text-decoration: none;
		}
	.post {
		border-bottom: 1px dotted #3A3F39;
		margin: 0 0 30px 0;
		overflow: hidden;
		}
	.post p {
		}
	.post-meta {
		display: block;
		margin-bottom: 16px;
		}
	.post-meta p,
	.post-meta-single p {
		font-size: 9px;
		}
	.post-meta-box {
		display: inline;
		float: left;
		margin-right: 20px;
		width: 140px;
		}
	.post-meta-box .date {
		margin-bottom: 20px;
		width: 100%;
		}
	.post-meta-box .day {
		border-right: 1px solid #333;
		display: inline;
		color: #333;
		font-size: 40px;
		font-weight: bold;
		float: left;
		line-height: 34px;
		margin-right: 10px;
		padding-right: 10px;
		}
	.post-meta-box .month {
		color: #333;
		font-size: 18px;
		line-height: 1em;
		}
	.post-meta-box .year {
		color: #333;
		font-size: 14px;
		line-height: 1em;
		}
	.post-meta-box .by {
		}
	.post-image img {
		margin: 0 0 20px 0;
		width: 520px;
		}
	.post-content {
		display: inline;
		float: left;
		width: 520px;
		}
	.post-meta p {
		margin-bottom: 2px;
		}
	.post-single {
		margin: 20px 0;
		padding: 20px 0;
		}
	.post-image-wide img {
		display: inline;
		float: left;
		height: 200px;
		margin: 0 16px 16px 0;
		width: 100%;
		}
	.entry {
		}
	.entry-single {
		}
/* image styles */
	img.size-thumbnail {
		}
	img.size-medium {
		}
	img.size-large {
		}
	img.size-full {
		}
/* post thumbnail styles */
	img.attachment-thumbnail {
		}
	img.attachment-medium {
		height: 240px;
		width: 120px;
		}
	img.attachment-large {
		}
	img.attachment-full {
		}


/*
--------------------------------------------------
contact
--------------------------------------------------
*/
	#contact-sidebar {
		}
	#contact-sidebar h5 {
		margin-top: 20px;
		}

	#contact-sidebar p {
		border-bottom: 1px dotted #ABC;
		line-height: 1.25em;
		margin-bottom: 10px;
		padding-bottom: 10px;
		}
	#contact-sidebar label {
		display: inline-block;
		padding-top: 0;
		text-align: left;
		width: 50px;
		}


/*
--------------------------------------------------
comment form
--------------------------------------------------
*/
	#commentform input {
		margin: 5px 5px 1px 0;
		width: 50%;
		}
	#commentform {
		margin: 5px 10px 0 0;
		}
	#commentform textarea {
		margin-bottom: 10px;
		width: 100%;
		}
	#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		width: 120px;
		}
	#commentform label {
		width: 200px;
		}


/*
--------------------------------------------------
form styles
--------------------------------------------------
*/
/* shared styles */
	:focus {outline: 0;}
	input[type="text"],
	textarea {
		background-color: #FFF;
		border: 1px solid #AA8;
		color: #789;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 1em;
		margin: 0;
		padding: 4px;
		vertical-align: top;
		}
	input[type="text"]:focus,
	textarea:focus {
		border: 1px solid #764;
		}
	textarea {
		height: 80px;
		width: 500px;
		}
	legend {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 10px;
		margin-left: 110px;
		text-transform: uppercase;
		}
	label {
		display: inline-block;
		padding-top: 6px;
		text-align: left;
		width: 110px;
		}
/* search */
	#sidebar .widget_search,
	#search-page {
		background-color: #FFF;
		border: 1px solid #AA8;
		height: 20px;
		margin-bottom: 30px;
		padding: 3px;
		width: 200px;
		}
	input#searchsubmit { /* search button */
		background: url(style/images/icon_search.png) right no-repeat scroll;
		border: 0px solid #678;
		color: #FFF;
		display: inline;
		float: right;
		height: 20px;
		margin-right: 1px;
		padding: 0 2px;
		text-indent:-9999px;
		width: 24px;
		}
	#searchform #s { /* input field */
		background: none;
		border: 0px solid #f00;
		display: inline;
		float:left;
		margin: 0;
		padding: 2px;
		width: 80%;
		}
	#searchsubmit,
	label.screen-reader-text {
		display: none; /* hides Search For text */
		}
/* search */
	#mailing-list {
		}
	#mailing-list .field {
		background: none repeat scroll 0 0 #DEF;
		margin-bottom: 4px;
		width: 100%;
		}

/* fieldset */
	fieldset {
		border: 1px dotted #CDE;
		line-height: 1em;
		margin-bottom: 10px;
		margin: 0 0 1.5em 0;
		padding:1.4em;
		text-align: left;
		}
	fieldset p {
		margin-bottom: 10px;
		}
	fieldset ul {margin-bottom: 60px;}
	fieldset li {margin-bottom: 10px;}