/*
Theme Name: Fragale
Theme URI: http://www.shauntarves.com/
Description: Global stylesheet for www.fragalebuildingcorp.com
Version: 1.0
Author: Shaun Tarves
Author URI: http://www.shauntarves.com/
*/

/*------------------------------------------------------------------
# [Color codes]
#
# Dark grey (text, headings): #333333
# Mid grey (nav): #464646
# Light grey (nav): #7d7d7d
# Very light grey (small text): #acacac
# Very, very light grey (dividers): #d9d9d9
#
# Fragale (headings, links): #b50026
# */

/*------------------------------------------------------------------
# [Font sizes]
#
# Base 	: 12px
# h1 	: 30px (2.50em)
# h2 	: 18px (1.50em)
# h3 	: 18px (1.50em)
# h4 	: 14.4px (1.20em)
# h5 	: 12px (1.00em)
# h6 	: 12px (1.00em)
# */ 

/*------------------------------------------------------------------
# [Table of Contents]
#
#  1. Blueprint CSS overrides
#  2. Header
#  3. Site navigation
#  4. Footer
#  5. Content blocks (feature, side-menu, sidebar, etc)
#  6. Form fields
#
#
#
#
# */

/*------------------------------------------------------------------
# [Blueprint overrides]
#
# */
@import url("override.css");
body {
	background-color: #d7d7d7;
	color: #444;
	font: 12px "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS","Helvetica Neue",Helvetica,sans-serif; color: #4f4f4f;
}
h1 { font-size: 2.5em; font-weight: bold; }
h2 { font-size: 1.5em; }
a { color: #800000; text-decoration: none; }
a:hover { color: #800000; text-decoration: underline; }
a.button {
	padding: 3px 12px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	cursor: pointer;
}
a.button {
	border: 1px solid #4c0000;
	font-size: 0.85em; color: #fff; text-shadow: 1px 1px 0 #4c0000; text-transform: uppercase; letter-spacing: 0.06em;
	background-color: #800000;
}
blockquote {
	margin: 0 0 18px;
	font-family: Georgia, "Times New Roman", serif; font-size: 14px; line-height: 18px; color: #555;
}
.small { margin-bottom: 0; line-height: 1.5; }
.quiet { color: #7d7d7d; }
.divided { border-bottom: 1px dotted #cdcdcd; }

.error, .notice, .success { border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.error { color: #b50026; border-color: #b50026; background-color: #fbe3e4; }
input, input[type="text"], input[type="password"], input.text, input.title, textarea, select {
	color: #444;
	font: 12px/1.5 Calibri,"Frutiger LT Std","Lucida Sans","Lucida Grande";
}
input.button {
	border: 1px solid maroon;
	padding: 0.5em 1em;.
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #fff;
	background-color: #b50026;
	cursor: pointer;
}
input.honeypot { display: none; }
.hide { display: none; }

img.alignleft, img.alignright, img.aligncenter {
	border: 1px solid #cdcdcd;
	padding: 3px;
	background-color: #fff;
}
img.aligncenter { margin: 1em auto; display: block; }
img.alignleft { margin: 0 1em 1em 0; float: left; }
img.alignright { margin: 0 0 1em 1em; float: right; }

/*------------------------------------------------------------------
# [Header]
#
# */
#header-wrap { border-bottom: 1px solid #fff; }
#header-wrap-inner {
	background: #d7d7d7 url(images/bg-header-wrap-inner.png) repeat scroll 0 0;
}
#header-top-wrap {
	height: 100px;
	background: #f1f1f1 url(images/bg-header-top-wrap.png) repeat-x scroll 0 0;
}
#header-top {
	margin: 0 auto;
	width: 950px;
	position: relative;
}
a#logo {
	position: absolute; left: 5px; top: 20px;
	display: block; height: 60px; width: 290px;
}

/*------------------------------------------------------------------
# [Site Navigation]
#
# */
#nav {
	margin: 0;
	position: absolute; right: 0; top: 0;
   	width: 500px;
   	list-style: none outside none;
}
#nav li {
	padding-top: 40px;
	width: 100px;
	float: left;
	text-align: right;
}
#nav a {
	border: 1px solid #1c1c1c;
	padding: 4px 8px;
	font: 1.1em "Trebuchet MS","Helvetica Neue",Helvetica,sans-serif; color: #f0f0f0;
	letter-spacing: 1px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
#nav a:hover { border-color: #3b3b3b; text-decoration: none; }
#nav li.current a {
	background-color: #f0f0f0;
	font-weight: bold; color: #1c1c1c;
}

/*------------------------------------------------------------------
# [Footer]
#
# */
#footer-wrap {
	border-top: 1px solid #d8d8d8;
	padding: 1.0em 0;
	background-color: #1f1f1f;
}
#footer { font-size: 0.9em; color: #acacac; }
#footer a { color: #b9ab27; }
#footer .sitemap {
	margin: 0;
	list-style: none outside none;
}
#footer .sitemap li {
	display: inline;
	color: #b9ab27;
}
#footer .sitemap li a {	padding-right: 1.0em; }
#footer .sitemap li a span { padding-left: 1.0em; }
#footer-identity { margin-top: 2.0em; }
#footer-identity h3 {
	margin: 0;
	font-size: 1.0em; line-height: 30px; font-style: italic; color: #cdcdcd;
}
#footer .copyright { text-align: right; }

/*------------------------------------------------------------------
# [Content blocks]
#
# */
#display {
	margin: 0 auto;
	height: 350px; width: 950px;
	position: relative;
	color: #f0f0f0;
}
#display #display-text {
	border-right: 1px solid #a29414;
	padding: 0 24px 0 18px;
	height: 350px; width: 347px;
	position: absolute; top: 0; left: 0;
	background-color: #afa11f;
}
#display #display-images {
	height: 350px; width: 560px;
	position: absolute; top: 0; right: 0;
}
#display #display-text h1 {
	line-height: 1.2;
	color: #f1f1f1;
	text-shadow: 0 1px 1px #796d00;
	letter-spacing: 1px;
}
#display #display-text blockquote {
	margin: 0;
	font-size: 1.2em; color: #f1f1f1;
	text-shadow: 0 1px 1px #796d00;
	letter-spacing: 0.03em;
}
#display #slider {}
#display .slide img { height: 350px; width: 560px; }

#bar-wrap {
	border-bottom: 1px solid #d8d8d8;
	padding-top: 1.5em;
	background: #f8f8f8;
	display: none;
}
#bar a {
	margin-bottom: 1.5em;
	padding-left: 50px;
	display: block; height: 40px;
	background: transparent none no-repeat scroll 0 0;
	color: #6f6f6f;
	letter-spacing: 0.03em;
	line-height: 1.7em;
}
#bar a:hover { text-decoration: none; }
#bar a h3 {
	margin-bottom: 0;
	color: #4f4f4f;
}
#bar a span { color: #cdcdcd; }
#bar a:hover span { color: #4f4f4f }
#bar a#link-commercial { background-image: url(/images/design/commercial.png); }
#bar a#link-residential { background-image: url(/images/design/residential.png); }
#bar a#link-homeowner { background-image: url(/images/design/homeowner.png); }

.boxed { }
.boxed a { display: block; }
.boxed a img {
	border: 1px solid #cdcdcd;
	padding: 4px;
	background-color: #fff;
}
.boxed a:hover img { border-color: #7d7d7d; }

#body-wrap { background-color: #f0f0f0; }
.container .content {
	padding: 3em 0;
}
.container .content h2 {
	font-weight: bold; letter-spacing: 0.03em;
	text-shadow: 1px 1px 0 #fff;
}
.entry ul, .entry ol {
	margin: 0 0 1.5em 2em;
	list-style-type: disc;
}
.entry dl { margin-bottom: 1.5em; }
.entry dl dd { margin-bottom: 0.5em; }

/*------------------------------------------------------------------
# [Home]
#
# */
.service-pane.append-bottom { margin-bottom: 2em; }
.service-pane .boxed { width: 260px; }
.service-pane .boxed img { height: 125px; width: 250px; }
.project-list .post h3 {
	margin: 0.5em 0 0.25em;
	font-size: 1.1em;
}
.featured.post { text-align: right; }
.project-list .featured.post h3 { font-size: 1.5em; }
span.location {
	font-style: italic;
}

.post .entry a { text-decoration: underline; }

/*------------------------------------------------------------------
# [Services]
#
# */
.service-cat-list { margin-bottom: 2em; }

/*------------------------------------------------------------------
# [Projects]
#
# */
.project-cat-list.project-list .post h3, .project-cat-list.project-list span.location {
	text-align: left;
}
#project-sidebar ul.project-archive li {
	margin-left: 2em;
	padding: 0.5em 0;
}
#project-sidebar ul.project-archive li h4 {
	margin-bottom: 0.25em;
}
#project-sidebar ul.project-archive li span.location {
}
.other-projects li {
	padding-bottom: 0.5em;
}
/* Gallery styles */

.gallerific { padding-top: 1em; }
.gallerific #thumbs {}
.gallerific #thumbs ul {
	margin: 0;
	list-style: none outside none;
}
.gallerific #thumbs ul li {
	margin: 0 2.5em 1em 0;
	height: 160px; width: 160px;
	float: left;
}

/*------------------------------------------------------------------
# [Clients]
#
# */
.client-cat-list { margin-bottom: 2em; }
#client-sidebar h5 { margin-bottom: 0; }

/*------------------------------------------------------------------
# [About]
#
# */