/*  
Theme Name: Lairdesign V2.1
Theme URI: http://lairdesign.com
Description: Lairdesign V2.1
Version: 0.2
Author: Niall Laird, Michael McCrea + Chris Colhoun 
Author URI: http://lairdesign.com

We've used some really nice Social Media Icons on our blog which you can pick up here (http://prlloyd.com/e/226) courtesy of Mr. Paul Robert Lloyd

*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p { }


.hide { display:none; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.clear{ clear:both; }
.clear_right{clear:right;}
a img{ border:none; }

#footer .left {

}

#footer .right {

}

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body {
	background: #fff;
	color: #222;
	font : 13px/1.7 Arial, 'Helvetica Neue', Helvetica sans-serif;
}

/* This class sets the width and position for all rows */
.inside {
	width: 1000px;
	margin:0 auto;
	padding:0 15px;	
}

a {
	color: #DC241F;
	text-decoration:none;
}

a:hover { 
	color:#DC241F;
}

h1, h2, h3, h4{
	color:#DC241F;
	font-weight: bold;
	margin-bottom: 5px;
	letter-spacing: -0.02em;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4{

}

p{
	margin: 0 0 15px;
}

ul {
	border-top: 1px solid #E8E8E8;
}

ul li{
	list-style-type: none;
	margin: 6px 0 6px 0;
	color: #555;
	border-bottom: 1px solid #E8E8E8;
	padding: 0 0 6px 0;
}

ul li a {

}

blockquote{
	font-size: 18px;
	margin: 25px 0;
	padding: 0px 15px 0px;
	border-left:4px solid #CCC;
	color:#222;
	font-style: italic;
}



/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{

}

#header .inside{
}

#header a#brand{ 
	font-size:2.25em;
	margin:20px 0 20px 0;
	padding:0;
	float:left;
}

#header a#brand{ 
	text-decoration:none; 
	display:block;
	margin-top: 25px;
	width:186px;
	height:40px;
	border:0;
	text-indent:-10000px;
	background: transparent url(img/lairdesign_logo_02.gif) no-repeat left top;
}

#header h3{ 
	margin:40px 0 0 0;
	padding:0;
	color:#DC241F;	
}

/*-----------------------------------------------------------------------------------------------
  Menu Styles
-----------------------------------------------------------------------------------------------*/

#nav {
	height:30px;
	float:right;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin:30px 30px 30px 0;
	padding:0;
	letter-spacing: -0.02em;
}

ul#navigation{
	border:0;
	padding:0;
	margin:0 ;
	float:left;
	clear:both;
}

ul#navigation li{
	float: left;
	display: inline;	
	margin: 0 0 0 50px;
	padding: 0;
	list-style-type: none;
	text-align: right;
	border:0;
	letter-spacing: -0.02em;
}

ul#navigation li a{
	float: left;
	display: block;
	height: 20px;
	margin:2px 0 0 0;
	padding: 0;
	text-decoration: none;
	text-transform: capitalize;
	color: #747474;
}

* html ul#navigation li a{
	margin:35px 0 0 0;
}

ul#navigation li a:hover {
	color: rgb(158,158,158);
}

ul#navigation li a.selected{
	color: #DC241F;
}

ul#navigation li.current_page_item a, .blog ul#navigation .page-item-57 a {
  color:#DC241F;
}

ul#navigation li.current_page_parent a {
  color:#DC241F;
}

ul#navigation li a.no_sep {
  background-image:none;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary{
	text-align: left;
}

#primary .inside{
}

/* Single Post Styles */

#primary .primary {
width: 574px;
}

#primary .project{
	width:178px;
	height:89px;
	float:left;
	padding:0;
	margin: 0 20px 20px 0;
}

#primary .primary a {

	text-decoration:none;
}
#primary .primary a:hover {

}

#fixed_container {
  float:left;
  display:block;
}

.project_image {
  width:600px;
  float:left;
}

.no_r {
  margin-right:0;
}

.project_thumb {
	width:178px;
	height:89px;
	overflow:hidden;
	position:relative;
	z-index:2;  
}

.project_thumb a img {
	-moz-box-shadow:1px 1px 2px #A9AC94;
	-webkit-box-shadow:1px 1px 2px #A9AC94;
	box-shadow:1px 1px 2px #A9AC94;
}

.project h3 {
	font-size: 14px;
	letter-spacing: 0;
	margin: 10px 0 8px 8px;
}

.project h3 a {
	color: #222;
}

.project h3 a:hover {
	color: #777;
}

/*
.primary
*/

.primary {
	width: 65%;
	float: left;
}

span.overlay {
  position:absolute;
  bottom:0;
  top:0;
	z-index:-1;
}

span.overlay a {
	width:148px;
	height:59px;
	font-weight:bold;
	display:block;
	color:#fff;
	padding:10px; 
	font-size: 14px;
	letter-spacing: -0.02em;
	line-height: 1.3em; 
}

/*-----------------------------------------------------------------------------------------------
	Project Nav
-----------------------------------------------------------------------------------------------*/

#primary .project_nav {
	float:left;
	width:150px;
	padding:0 25px 0 0;
	margin:0;
	display:inline;
	font-size: 12px;
}

.project_nav ul {
	list-style-type:none;
	margin:0 0 2em 0;
}

.project_nav ul li {
	list-style-type:none;
	margin:0;
	padding:12px 0 8px;
}

.project_nav a{
  display:block;
	color:#222;
	text-decoration:none;
}

.project_nav a:hover{

}

.project_nav li.current_page_item a {
  color:#DC241F;
}


/*-----------------------------------------------------------------------------------------------
	Secondary Items
-----------------------------------------------------------------------------------------------*/

.secondary{
	margin-left: 40px;
	width: 356px;
	float: right;
}

.secondary h1 {
	font-size: 18px;
}

.secondary h2 {
  font-weight:bold;
}

.secondary a{
	text-decoration:none;
	color: #747474;
}

.secondary a:hover {
	color: rgb(158,158,158);
}

.secondary a:hover{
}

.secondary ul {
	margin: 0 0 15px;
}

#contact {
	text-align: right;
}

#contact h4 {
	margin: 0 0 0.5em;
	padding: 0;
}

#contact p {
	margin-bottom: 1.5em;
}


/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
	background-color:#DC241F;
	clear:both;
	color: #FFF;
	font-weight: normal;
	margin-top: 15px;
	font-size: 11px;
	border-top: 1px solid #d0221d;
}

/*
#footer .inside {
	background-color: rgb(180,31,35);
	display: block;
	margin: 0 auto 2% auto;
	overflow: hidden;
	padding: 12px 15px 10px;
	min-width: 1200px;
	width: 94%;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-topright: 8px;
}
*/

a.back-to-top {
	background: url(img/01_back_to_top.png) right no-repeat;
	padding-right: 21px;
}

#footer .inside {
	padding:30px 0 30px;
	min-height: 80px;
}

#footer p {
	margin:0;
}

#footer .address {
	margin-bottom: 10px;
}

#footer p.attributes{ 
	float:right;
	padding:0 0 0 1em;
}

a.rss {
  padding:0 0 5px 16px;
  background: url(img/feed-icon-12x12.gif) no-repeat 0 1px;
}

#footer a {
	color: #FFF;
}

#footer a:hover {
	border-bottom: 1px solid #E8E8E8;
}

#footer span {
	color: #b01d19;
	font-weight: normal;
	padding: 0 3px;
}

#twitter-16px {
	background: url(img/icons/twitter_16.png) no-repeat left;
	padding:3px 0 2px 21px;
}

#flickr-16px {
	background: url(img/icons/flickr_16.png) no-repeat left;
	padding:3px 0 2px 21px;
}

#footer a#twitter-16px:hover,
#footer a#flickr-16px:hover {
	border: none;
}

/*-----------------------------------------------------------------------------------------------
  Tables
-----------------------------------------------------------------------------------------------*/

#mytable {
	padding: 0;
	margin: 0;
	font-size: 85%;
	width:95%;
}

#mytable a {
	font-weight:bold;
}

th {
	color: #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
  text-transform: uppercase;
  text-align: left;
  padding: 6px 6px 6px 12px;
  background-color: #bc9b6a;
}

td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.spec {
	border-left: 1px solid #eee;
	border-top: 0;
	font-weight:bold;
  background-color: #f5f5f5;	
}

/*
Post Styles
*/

h1 + p {
	font-size: 20px;
}

.secondary h1 + p {
	font-size: 12px;
	color: #222;
}

.post h1 {
	text-transform: capitalize;
}

.post ul {
	max-width: 50%;
}

/*
Project Page Styles
*/

.blog_image {
	margin-bottom: 10px;
}

/*
Site Admin
*/

#site-admin {
	position: absolute;
	top: 0;
	display: block;
	left: 0;
	background-color: rgb(180,31,35);
	width: 100%;
}

#site-admin p {
	margin: 5px 10px;
}

#site-admin a {
	color: #FFF;
}

#site-admin a:hover {
	border-bottom: 1px solid #FFF;
}

/*
Dates
*/

ul.dates {
	margin-bottom: 25px;
}

.dates li {
list-style-type: none;
}


/* 
Blog Entry
*/

.blog-entry {
 margin-bottom: 25px;
}

.blog-entry h1 {
	margin-bottom: 0;
}

.blog-entry h1 a,
.blog-entry h2 a {
	color: #222;
}


.post-info {
	color: #777;
	letter-spacing: -0.02em;
	margin-bottom: 1.5em;
	font-weight: Light;
}

.post-info a {
	color: #777;
	border-bottom: 1px solid #E8E8E8;
	padding-bottom: 2px;
}

.post-info a:hover {
	border-bottom-width: 2px;
}

.blog-entry img {

/*
	border: 5px solid #F7F7F7;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-moz-box-shadow:1px 1px 2px #A9AC94;
	-webkit-box-shadow:1px 1px 2px #A9AC94;
	box-shadow:1px 1px 2px #A9AC94;*/
}

/* Sidebar Blog Styles */

li.categories,
li.categories li,
li.categories ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
	font-size: 1em;
}

li.categories {
	padding-bottom: 6px;
	border-bottom: none;
}

li.categories ul li {
	margin: 6px 0 0;
	padding-bottom: 6px;
	list-style-type: none;
	border-bottom: 1px solid #E8E8E8;
}


#list-categories {
	border-top: none;
}

#banner {
	width: 970px;
	height: 310px;
	position: relative;
	margin-bottom: 20px;
}

#banner h1 {
	text-indent: -100000px;
	display: block;
	position: absolute;
}

#cup {
	position: absolute;
	right: -30px;
	top: -30px;
}

#ld_mono {
	background-image: url(img/01_lairdesign_logo_col_rev.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	width: 98px;
	height: 24px;
	text-indent: 100000px;
	border: none;
	overflow: hidden;
}

a#ld_mono:hover {
	border: none;
}

#single-project {
	width: 200px;
	margin-left: 25px;
	float: left;
}

address {
	font-style: normal;
	line-height: 1.4em;
	margin-bottom: 15px;
}

/* 
Extra Blog Styles
*/

#ld-flickr,
#ld-twitter {
border: none;
}

#social-media {
	border: none;
}

#ld-flickr a {
	background-image: url(img/flickr.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 10px 35px;
}

#ld-twitter a {
	background-image: url(img/twitter.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 10px 35px;
}

/*
Contact Form
*/

#wpcf7-f1-p58-o1 {
font-family: Helvetica, Arial, sans-serif;
	background-color: #F7F7F7;
	padding: 20px 20px 10px 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

form.wpcf7-form {
}

#wpcf7-f1-p58-o1 p {
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.01em;
}

form.wpcf7-form input[type=text] {
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	width: 70%;
	margin-top: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #E8E8E8;
}

form.wpcf7-form input[type=text]:focus,
form.wpcf7-form textarea:focus {
	border-color: #777;
}

form.wpcf7-form textarea {
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;	
	width: 90%;
	margin-top: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #E8E8E8;
}

form.wpcf7-form input[type=submit] {
	background-image: url(img/btnsubmit.jpg);
	background-repeat: no-repeat;
	border: none;
	background-position: top left;
	height: 35px;
	width: 100px;
	text-indent: -10000px;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

form.wpcf7-form input[type=submit]:hover {
	cursor: pointer;
}

form.wpcf7-form input[type=submit]:focus {
	border: none;
	-moz-box-shadow: 0px 0px 6px #888;
	outline: none;
} 

#google-maps {
	background-image: url(img/map.png);
	background-position: right;
	padding: 2px 21px 0 0;
	background-repeat: no-repeat;
}

#stain {
	background-image: url(img/stain.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom: 138px;
}

#stain h1 span {
	background-color: #F8F8F8;
	padding: 2px;	
}

ul.sitemap {
	max-width: 50%;
}

.blog-thumb {
	float: right;
	position: relative;
	margin: 0 0 10px 15px;
	width: 80px;
	height: 80px;
}

.archives {
	font-size: 16px;
	letter-spacing: -0.02em;
	margin-top: 20px;
}

.archives a {
	color: #747474;
}

.archives a:hover {
	color: rgb(158,158,158);
}

.wpcf7-validation-errors {
	background-color: #FFF8DC;
	color: #000;
	border: 1px solid #EEDC82;
}

div.wpcf7-validation-errors {
	border: 1px solid #EEDC82;
}


#flickr_badge_uber_wrapper {clear:both;overflow:hidden;}
#flickr_badge_uber_wrapper img {border:none;float:left;margin:0 10px 10px 0;}
#flickr_badge_wrapper {}
.flickr_badge_image {}
.flickr_badge_image img {}
#flickr_badge_source {}
#flickr_badge_icon {}
#flickr_www {}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {}
#flickr_badge_wrapper {}
#flickr_badge_source {}