/*
Theme Name: Roasted Stone
Theme URI: http://www.roastedstone.com
Description: Theme for Roasted Stone
Version: 1
Author: Alive Media

Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t
*/

@import "reset.css";

/* Global Settings */

.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; }
.alignright { margin-bottom:10px; }
.alignright a { color:#DA7A13; font-size:12px; padding-left:20px;}
.alignleft a { color:#DA7A13; font-size:12px; }
.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0; }
div { position:relative }
h1, h2, h3, h5, h5, h6 { font-weight:bold; }
.orange { color:#da7a13; }

/* Structure */

body { 
	background:url(images/background.jpg) top center repeat-y;
	background-color:#111214;
	font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color:white;
	letter-spacing:.3px; }

#content-wrap {
	width:900px;
	margin:0 auto 0;
	}

#page-wrap {
	width:900px;
	margin:0 auto 0;
	background:url(images/pagesidebar-back.png) top right no-repeat;
	}

/* Header */

#header {
	width:900px;
	margin:0 auto 0;
}

#header h1 {
	width:450px;
	height:98px;
	margin:0 0 0 30px;
	background:url(images/logo.png) top left no-repeat;
	text-indent:-9999px;
	float:left;
}

#header h1:hover {
	cursor:pointer;
}
#header .orderbn {
	float:left;
	margin-top:14px;
	margin-left:10px;
	border:none;
}
	
#header-contact {
	width:200px;
	padding:15px 55px 0 0;
	float:right;
}

#header-contact a:link, #header-contact a:visited, #header-contact a:hover, #header-contact a:active {
	color:#da7a13;
	text-decoration:none;
}

#header-contact p.phone {
	font-size:14px;
	line-height:25px;
	background:url(images/phone.png) top left no-repeat;
	padding:0 0 0 35px;
}

#header-contact p.order {
	font-size:14px;
	line-height:25px;
	background:url(images/icon-order.png) 1px 5px no-repeat;
	padding:0 0 0 35px;
}

#header-contact p.e-mail {
	font-size:14px;
	line-height:25px;
	background:url(images/mail.png) top left no-repeat;
	padding:0 0 0 35px;
}

/* Header Menu */

#header #menu {
	margin:0 auto 0;
	width:840px;
}

#header #menu .separator {
	width:2px;
	height:45px;
	background:url(images/separator.png) top left no-repeat;
	float:left;
	margin:0px;
	padding:0px;
}

#header #menu #home {
	width:110px;
	height:45px;
	background:url(images/home.png) top left no-repeat;
	float:left;
	margin:0px;
	padding:0px;
}

#header #menu #home:hover {
	cursor:pointer;
	background:url(images/home.png) bottom left no-repeat;
}

#header #menu #home p {
	text-indent:-9999px;
}

#header #menu #about {
	width:122px;
	height:45px;
	background:url(images/about_us.png) top left no-repeat;
	float:left;
	margin:0px;
	padding:0px;
}

#header #menu #about:hover {
	cursor:pointer;
	background:url(images/about_us.png) bottom left no-repeat;
}

#header #menu #about p {
	text-indent:-9999px;
}

#header #menu #services {
	width:151px;
	height:45px;
	background:url(images/our_services.png) top left no-repeat;
	float:left;
	margin:0px;
	padding:0px;
}

#header #menu #services:hover {
	cursor:pointer;
	background:url(images/our_services.png) bottom left no-repeat;
}

#header #menu #services p {
	text-indent:-9999px;
}

#header #menu #portfolio {
	width:117px;
	height:45px;
	background:url(images/portfolio.png) top left no-repeat;
	float:left;
	margin:0px;
	padding:0px;
}

#header #menu #portfolio:hover {
	cursor:pointer;
	background:url(images/portfolio.png) bottom left no-repeat;
}

#header #menu #portfolio p {
	text-indent:-9999px;
}

#header #menu #blog {
	width:86px;
	height:45px;
	background:url(images/blog.png) top left no-repeat;
	float:left;
	margin:0px;
	padding:0px;
}

#header #menu #blog:hover {
	cursor:pointer;
	background:url(images/blog.png) bottom left no-repeat;
}

#header #menu #blog p {
	text-indent:-9999px;
}


#header #menu #forum{
	width:86px;
	height:45px;
	background:url(images/forum.png) top left no-repeat;
	float:left;
	margin:0px;
	padding:0px;
}

#header #menu #forum:hover {
	cursor:pointer;
	background:url(images/forum.png) bottom left no-repeat;
}

#header #menu #fourm p {
	text-indent:-9999px;
}

#header #menu #contact {
	width:146px;
	height:45px;
	background:url(images/contact_us.png) top left no-repeat;
	float:left;
	margin:0px;
	padding:0px;
}

#header #menu #contact p {
	text-indent:-9999px;
}

#header #menu #contact:hover {
	cursor:pointer;
	background:url(images/contact_us.png) bottom left no-repeat;
}

/* Banner */

#banner {
	background:url(images/black45.png) repeat;
	padding:10px 0 10px 0;
	margin:20px 0px 20px 0px;
	text-align:center;
}

/* Main Content */

#main-content {
	width:367px;
	padding:0 0 0 30px;
	float:left;
}

#main-content h2 {
	width:367px;
	height:60px;
	text-indent:-9999px;
	background:url(images/introhead.png) top left no-repeat;
}

#main-content .white {
	font-size:12px;
	line-height:15px;
	padding:10px 0 20px 0;
	margin:0 30px 0 0;
	background:url(images/dots.png) left bottom repeat-x;
}

#main-content .orange {
	font-size:12px;
	line-height:15px;
	padding:20px 30px 20px 0;
	color:#da7a13;
}

#main-content a:link, #main-content a:visited, #main-content a:hover, #main-content a:active {
	color:#da7a13;
	text-decoration:none;
}

img.arrow {
	padding:20px 0 20px 0;
}

/* Page Content */

#page-content {
	margin:0 20px 0 30px;
	padding:0 0 20px 0;
	width:605px;
	float:left;
	background:url(images/dots.png) left bottom repeat-x;
}

#page-content p {
	font-size:12px;
	line-height:15px;
	padding:10px 0 0 0;
}

#page-content a:link, #page-content a:visited, #page-content a:hover, #page-content a:active {
	color:#da7a13;
	text-decoration:none;
}

#page-content h2.about-us {
	width:600px;
	height:60px;
	background:url(images/about-head.png) top left no-repeat;
	text-indent:-9999px;
}

#page-content h2.our-services {
	width:600px;
	height:60px;
	background:url(images/services-head.png) top left no-repeat;
	text-indent:-9999px;
}

#page-content h2.portfolio-page1 {
	width:600px;
	height:40px;
	background:url(images/portfolio_page1.png) top left no-repeat;
	text-indent:-9999px;
}
#page-content h2.portfolio-page2 {
	width:600px;
	height:40px;
	background:url(images/portfolio_page2.png) top left no-repeat;
	text-indent:-9999px;
}
#page-content h2.portfolio-page3 {
	width:600px;
	height:40px;
	background:url(images/portfolio_page3.png) top left no-repeat;
	text-indent:-9999px;
}
#page-content h2.contact-us {
	width:600px;
	height:40px;
	background:url(images/contact.png) top left no-repeat;
	text-indent:-9999px;
}
#page-content h2.page-title {
	font-size:26px;
	font-style:italic;
	padding:10px 0 10px 0;
}
#inner_content h2.blog {
	width:600px;
	height:50px;
	background:url(images/blog_heading.png) top left no-repeat;
	text-indent:-9999px;
}
/* SIDEBARS */

#page-sidebar {
	width:165px;
	float:right;
	margin:0 30px 0 0;
	padding:25px;
}

#front-sidebar {
	float:right;
	width:463px;
	background:url(images/frontsidebar-back.png) top left no-repeat;
	padding:20px;
}

#front-sidebar #headstone {
	background:url(images/computer_model.png) top left no-repeat;
	padding:5px 0 5px 181px;
	min-height:70px;
}

#front-sidebar #headstone h3 {
	width:280px;
	height:20px;
	background:url(images/monument.png) top left no-repeat;
	text-indent:-9999px;
}

#front-sidebar #photo {
	background:url(images/design.png) top left no-repeat;
	padding:5px 0 5px 181px;
	margin:20px 0 0 0;
	min-height:70px;
}

#front-sidebar #photo h3 {
	width:280px;
	height:20px;
	background:url(images/graphic.png) top left no-repeat;
	text-indent:-9999px;
}

#front-sidebar #glass {
	background:url(images/laser-engraved-graphics.png) top left no-repeat;
	padding:5px 0 5px 181px;
	margin:20px 0 0 0;
	min-height:70px;
}

#front-sidebar #glass h3 {
	width:280px;
	height:20px;
	background:url(images/laser.png) top left no-repeat;
	text-indent:-9999px;
}

#front-sidebar #wood {
	background:url(images/installation.png) top left no-repeat;
	padding:5px 0 5px 181px;
	margin:20px 0 0 0;
	min-height:70px;
}

#front-sidebar #wood h3 {
	width:280px;
	height:20px;
	background:url(images/complete.png) top left no-repeat;
	text-indent:-9999px;
}

#front-sidebar p {
	font-size:11px;
	line-height:14px;
}

/* FOOTER */

#footer {
	background:url(images/footer-back.png) top left no-repeat;
	border-top:1px black solid;
	margin-top:-1px;
	min-height:63px;
}

#footer p {
	font-size:11px;
	color:#7e7e7e;
	text-align:center;
	padding:30px 0 10px 0;
}

#footer p a:link, #footer p a:visited, #footer p a:hover, #footer p a:active {
	color:#fff;
	text-decoration:none;
}

#footer .link {
	padding:0 5px 0 5px;
}


/* For Our Services Page */
.our-services-left .service {
	clear:both;
}

.our-services-left .service img {
	margin-right: 10px;
	margin-bottom:20px;
	margin-top: 3px;
	border: 3px solid #252626;
}

.our-services-left .service p {
	margin-bottom: 20px;
	
}

.our-services-left .service h3 {
	color: #DA7A13;
	font-weight: normal;
}

a.large-map-link {
	color: #DA7A13;
}

a.large-map-link:hover {
	text-decoration: underline;
}

.our-services-sidebar h3 {
	color: #DA7A13;
	font-weight: normal;
	font-size: 15px;
	font-style: italic;
}

.our-services-sidebar li {
	border-bottom:1px dotted #333333;
	display:block;
	font-size:11px;
	margin-bottom:3px;
	margin-top:5px;
	padding-bottom:3px;
}

.our-services-sidebar {
	margin:0px !important;
	width: 195px !important;
}

a.portfolio_thumb {
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #888;
}

a.portfolio_thumb img {
	display: block;
}
h2.post {

	padding:10px 5px 5px 0;
	font-style:italic;
	font-size:14px !important;	
}
ul li a {
	color:#DA7A13;
	font-size:12px;
}
div#content.narrowcolumn {
	margin:0 auto;
	width:900px;
}
h2 a {
	color:#DA7A13;
	font-style:italic;
	}
p.postmetadata a {
	color:#DA7A13;
	font-size:12px;
}
p.postmetadata {
	padding-bottom:10px;
}
div#side_content{
	float:right;
	padding-right:100px;
	background:transparent url(images/frontsidebar-back.png) no-repeat scroll left top;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:10px;
}
div.entry{
	font-size:12px;
	}
small{
	font-size:10px;
	}
ul.side_navigation{
	padding-bottom:10px;
 	float:right;
  	width:220px;
	}
h3 a{
	color:#DA7A13;
}


#templatesc,
#templatesb,
#templates {
	padding-left:40px;
	width:800px;
	display:none;
}
#templates_upc,
#other_info,
#templates_up {
	display:none;
}

div.tm {
	display:block;width:107px;float:left;margin:4px;
}
div.tmeg {
	display:block;width:150px;float:left;margin:4px;
}

.client-area {
	margin:0px;min-height:440px;width:710px;padding:12px;
}

.client-area big {
	font:bold 16px verdana;
	color:#4a4a4a;
}
.client-area .content {
	LINE-HEIGHT: 20px; PADDING-RIGHT: 20px; COLOR: #24637f; FONT-SIZE: 14px
}

.client-area .content td{
	LINE-HEIGHT: 20px; PADDING-RIGHT: 20px; COLOR: #24637f; FONT-SIZE: 14px
}
fieldset label {
	float:left;
	width:200px;
	text-align:right;
	padding:0px 10px;
	margin:4px auto;
	display:block;
	font:14px arial;
	color:#ffffff;
}
fieldset input {
	float:left;
	width:200px;
	margin:4px auto;
	color:#4a4a4a;
}
fieldset select {
	float:left;
	width:200px;
	margin:4px auto;
	color:#4a4a4a;
}

fieldset textarea {
	float:left;
	width:260px;
	height:100px;
	margin:4px auto;
	color:#4a4a4a;
	
}
fieldset input.button {
	width:75px;
	border:solid 1px #eda65a;
	background:#da7a13;
	padding:4px 4px 4px 4px;
	font:12px arial;
	font-weight:bold;
	color:#ffffff;
}
fieldset input.radio {
	width:107px;
	border:solid 0px #4194b4;
	font:12px arial;
	font-weight:bold;
	color:#ffffff;
}
fieldset span {
	float:left;
	width:400px;
	margin:4px auto;
	color:#ffffff;
}
#description {
	font:12px arial;
	
}
#description b {
	color:#da7a13;
}
#formwrapper {
	display:none;
}