/*
Theme Name: Mat MacQuarrie
Theme URI: http://matmacquarrie.ca
Description: theme created for my design blog and portfolio
Version: 2.8
Author: Mat MacQuarrie.ca
Author URI: http://matmacquarrie.ca
Tags: Mat MacQuarrie, design, blog, portfolio
*/



/* TYPOGRAPHY */


body{
	font-family: Georgia,Palatino,"Palatino Linotype",serif;
	font-size: 13px;
	line-height: 16px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
}

h1{
	font-size: 13px;
	font-family: "Franklin Gothic Demi", Verdana, Arial, sans-serif; 
	text-transform: uppercase;
	line-height: 1px;
	word-spacing: 0.0em;
	margin-top:18px;
	margin-left:0px;
	font-weight: normal;
	letter-spacing:0.03em;
}


h2{
	font-size: 13px;
	font-family: "Franklin Gothic Demi", Verdana, Arial, sans-serif; 
	text-transform: uppercase;
	line-height: 1px;
	word-spacing: 0.0em;
	margin-top:18px;
	margin-left:0px;
	font-weight: normal;
	letter-spacing:0.03em;
}

h3{
	font-size: 13px;
	font-family: "Franklin Gothic Demi", Verdana, Arial, sans-serif; 
	text-transform: none;
	line-height: 1px;
	word-spacing: 0.0em;
	margin-top:36px;
	margin-bottom:5px;
	margin-left:0px;
	font-weight: normal;
	letter-spacing:0.03em;
}

h4{
	font-size: 12px;
	font-family:arial;
	text-transform: uppercase;
	line-height: 1px;
}

p{
	font-family: Georgia,Palatino,"Palatino Linotype",serif;
	font-size: 13px;
	line-height: 23px;
	margin: 15px 23px 10px 23px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
}

.p2{
	font-family: helvetica;
	font-size: 11px;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	color: #585858;
}

.maincontent{
	font-family: Georgia,Palatino,"Palatino Linotype",serif;
	font-size: 13px;
	line-height: 15px;
	margin: 0px 0px 00px 23px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
}

.contactaddress{
	font-family: Georgia,Palatino,"Palatino Linotype",serif;
	font-size: 13px;
	line-height: 17px;
	margin: 0px 0px 00px 23px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
}

.matmacquarrie{
	font-family: Georgia,Palatino,"Palatino Linotype",serif;
	font-size: 14px;
	line-height: 15px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
}

.matmacquarrie2{
	font-family: arial;
	font-size: 13px;
	line-height: 15px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
}

.phonenumber{
	font-family: Georgia,Palatino,"Palatino Linotype",serif;
	font-size: 13px;
	line-height: 15px;
	color: #585858;
	text-transform: none;
	letter-spacing:0.06em;
}

.projectdescription{
	font-family: Georgia,Palatino,"Palatino Linotype",serif;
	font-size: 11px;
	line-height: 15px;
	margin: 0px 0px 0px 23px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
}

.posttitle{
	font-family: arial;
	font-size: 11px;
	line-height: 21px;
	margin: 15px 23px 10px 23px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
	font-weight: bold;	
}

.formtitles{
	font-family: arial;
	font-size: 10px;
	line-height: 14px;
	padding-bottom: 10px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
}

.{
	font-family: arial;
	font-size: 11px;
	line-height: 18px;
	margin: 15px 23px 10px 23px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
	margin-left: 23px;
	margin-bottom: 30px;
}

.footertxt{
	font-family: helvetica;
	font-size: 10px;
	line-height: 0px;
	margin: 0px;
	color: #585858;
}

.date{
	font-family: Arial;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.13em;
	color: #888888;
}

.portfolio{
	font-family: Arial;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.13em;
	color: #888888;
}

.nolink a:link{
	color:#ffffff;
}

.nolink a:visited{
	color:#ffffff;
}

.nolink a:active{
	color:#ffffff;
}

.nolink a:hover{
	color:#ffffff;
	text-decoration: none;
}


.contactforminfo{
	font-family: arial;
	font-size: 11px;
	line-height: 14px;
	margin: 0px 0px 10px 0px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
}

.submitbutton{
	font-family: arial;
	font-size: 11px;
	line-height: 14px;
	margin: 40px 0px 10px 0px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
}

.sidebartitle{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.08em;
	color: #595959;
}

.archives{
	padding-left:0px;
	margin-left:0px;
}

.linking a:link{
	color:#54c096;
	text-decoration: none;
}

.linking a:visited{
	color:#54c096;
	text-decoration: none;
}

.linking a:hover{
	color:#54c096;
	text-decoration: underline;
}

.linking a:active{
	color:#54c096;
	text-decoration: none;
} 

a:link{
	color:#54c096;
	text-decoration: none;
}

a:visited{
	color:#54c096;
	text-decoration: none;
}

a:hover{
	color:#54c096;
	text-decoration: underline;
}

a:active{
	color:#54c096;
	text-decoration: none;
}

.link1 a:link{
	color:#54c096;
	text-decoration: none;
}

.link1 a:visited{
	color:#54c096;
	text-decoration: none;
}

.link1 a:active{
	color:#54c096;
	text-decoration: none;
}

.link1 a:hover{
	color:#54c096;
	text-decoration: underline;
}

.link2 a:link{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.08em;
	color: #595959;
	border:none;	
}

.link2 a:visited{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.08em;
	color: #595959;
	border:none;	
}

.link2 a:active{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.08em;
	color: #595959;	
	border:none;
}

.link2 a:hover{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.08em;
	color: #595959;
	text-decoration:underline;
	border:none; 
}

.commenttitle{
	font-family: georgia;
	font-size: 17px;
	padding-top: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
	font-weight: normal;
	color: #333333;
}

.author{
	padding-top:10px;
	padding-bottom: 20px;
}

.commentdate{
	font-family: Arial;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.13em;
	color: #888888;
	padding-top: 6px;
}

.comments3{
	font-weight:bold;
	text-transform: none;
	font-family: georgia;

}

.commentlist{
	padding-left:23px;
}

.respond{
	font-family: georgia;
	font-size: 15px;
	padding: 0;
	margin-top: 10px;
	font-weight: normal;

}

.images{
	border: 0px;
	border-color: transparent;
}

.postimage{
	border: 0px;
	border-color: transparent;
	margin-bottom:2px;
}

.postimage a:active{
	color: #ffffff;
}

.descriptiontitle{
	font-family: arial;
	font-size: 10px;
	line-height: 18px;
	color: #585858;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.07em;
}

.description{
	font-family: arial;
	font-size: 11px;
	line-height: 14px;
	color: #585858;
	text-transform: none;
	letter-spacing:0;
}

td a:link{
	color:#ffffff;
}

td a:visited{
	color:#ffffff;
}

td a:active{
	color:#ffffff;
}

td a:hover{
	color:#ffffff;
}

ul{
	font-family: Georgia;
	font-size: 12px;
	letter-spacing: 1px;
	color: #5b5b5b;
	padding-left: 0px;
	margin-left:0px;
}

li{
	list-style: none;
}


/* DIVS */


#wrapper {
	width: 835px;
	margin: 0 auto;
}

#bannerhr {
	height: 15px;
	width: 835px;
}

#cap {
	height: 32px;
	width: 835px;
}

#logo {
	height: 37px;
	width: 835px;
}
#button {
	margin-right: 30px;
}

#navbar a:link{
	color:#ffffff;
}

#navbar a:visited{
	color:#ffffff;
}

#navbar a:active{
	color:#ffffff;
}

#navbar a:hover{
	color:#ffffff;
}

#freelance{
	float:right;
}

#content{
	width: 835px;
}

#content_container{
	width: 835px;
}

#main_content {
	float: left;
	width: 578px;
}

#bar{
	height: 28px;
	width: 578px;
	background-color:#edebe6;
	border-bottom: #edebe6 solid 10px;
}

#bar2{
	height: 28px;
	width: 835px;
	background-color:#edebe6;
	border-bottom: #edebe6 solid 10px;
}

#title{
	height: 20px;
	float: left;
	padding-left:22px;
}

#title a:link{
	color:#292929;
	text-decoration: none;
	border: none;
}

#title a:visited{
	color:#292929;
	text-decoration: none;
	border: none;
}

#title a:hover{
	color:#65bc9a;
	text-decoration: none;
	border: none;
}

#title a:active{
	color:#292929;
	text-decoration: none;
	border: none;
}

#descriptiontitle{
	height: 20px;
	float: left;
	padding-left:28px;
}

#date{
	padding-top: 12px;
	padding-left:5px;
	float: right;
	padding-right:22px;
}

#portfolio{
	padding-top: 0px;
	padding-left:5px;
	float: left;
	padding-right:22px;
}

#portfoliosifr{
	padding-top: 15px;
	padding-left:5px;
	float: left;
	padding-right:22px;
}

#portfolio a:link{
	color: #edebe6;
	border: 0px;
}

#portfolio a:visited{
	color: #edebe6;
	border: 0px;
}

#portfolio a:hover{
	color: #edebe6;
	border: 0px;
}

#portfolio a:active{
	color: #edebe6;
	border: 0px;
}


#portfolio-image{
	margin: 15px 23px 10px 23px;
}

#hr{
	height: 15px;
	width: 578px;
}

#longhr{
	height: 15px;
	width: 835px;
	margin-bottom:20px;
}

#sidebar{
	float:right ;
	width:210px;
}

#content_menu {
	float: right;
	width: 210px;

}

#content_menu a:link{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.08em;
	color: #595959;
	text-decoration:none;
}

#content_menu a:link{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.08em;
	color: #595959;
	text-decoration:none;
}

#content_menu a:visited{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.08em;
	color: #595959;
	text-decoration:none;
}

#content_menu a:hover{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.08em;
	color: #595959;
	text-decoration:underline;
}

#content_menu a:active{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.08em;
	color: #595959;
	text-decoration:none;
}

#SEARCHBAR{
	width: 200px;
	height: 26px;
	background-color:#FFFFFF;
	margin-bottom:10px;
}

#SEARCHBARBOX{
	width: 188px;
	height: 26px;
	background-color:#FFFFFF;
	float:left;
	text-align: left;
}

#searchform input{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.08em;
	text-decoration:none;
	line-height: 15px;
	color: #a3a3a3;
	text-align: left;
}

#search{
    height: 22px;
    width: 23px;
    float: left;
}

#icontab{
	height: 25px;
	width: 222px;
}



#icons{
	height: 15px;
	margin-top: 0px;
	margin-right: 5px;
	float: left;
}

#follow{
	height: 15px;
	padding-top: 5px;
    float: left;
}

#flashPlayer{
	padding-top:23px;
	padding-left:23px;
}

#comment{
	width: 528px;
	
}

#commentform{
	margin-left: 24px;
	width: 528px;
	font-family: Georgia;
	font-size: 13px;
	line-height: 25px;
	color: #5b5b5b;
}

#comment #submit{
	height: 40px;
	margin-top: 20px;
}

#commentbox{
	margin-top: 20px;
	margin-bottom:40px;
	width: 486px;
	border: #dadada solid 1px;
	padding:15px;
	background-color: #fafafa;
}

#commenttab{
	padding-top: 0px;
	margin-top: 0px;
	padding-left:0px;
	margin-left:0px;
	padding-bottom: 10px;
}


#commenttabbottom{
	padding-left:0px;
	margin-left:0px;
	padding-bottom: 15px;
}

#leavecomment{
	margin-left: 23px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	padding-top: 1px;
}

#respond{
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 0px;
}

#footer{
	clear:both;
	height: 90px;
	padding-top: 25px;
}

#navigation{
	width:500px;
}

#blogfooter{
	clear:both;
	height: 90px;
}

#footer a:link{
	color:#54c096;
	text-decoration: none;
	letter-spacing: 0;
}

#footer a:visited{
	color:#54c096;
	text-decoration: none;
}

#footer a:hover{
	color:#54c096;
	text-decoration: underline;
}

#footer a:active{
	color:#54c096;
	text-decoration: none;
}

#wp{
	padding-top:5px;
	padding-left:23px;
}