/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */

@font-face {
	font-family: 'FunctionProBookRegular';
	src: url('FunctionPro-Book-webfont.eot');
	src: local('?'), url('FunctionPro-Book-webfont.woff') format('woff'), url('FunctionPro-Book-webfont.ttf') format('truetype'), url('FunctionPro-Book-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
Baseline - a designer framework
Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
Creative Commons Attribution-Share Alike 3.0 License
*/

/******************** Reset ********************/
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, 
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, i, ins, kbd, pre, q, 
samp, tt, var, small, strong, sub, sup, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video						{ font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
textarea													{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }
article, aside, footer, header, nav, section,
dialog, figure, hgroup, menu								{ display: block; }

h1, h2, h3, h4, h5, h6										{ font-size: 100%; font-weight: normal; }
del, ins													{ text-decoration: none; }
ol, ul														{ list-style: none; }
nav ul														{ list-style-type: none; }
table														{ border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
:focus														{ outline: 0; }
blockquote:before, blockquote:after, q:before, q:after		{ content: ""; }
blockquote, q												{ quotes: "" ""; }
input														{ margin: 0; }


/******************** Grid ********************/


/* Base column markup */
.column				{ margin-left: 18px; display: block; float: left; } 
.colgroup			{ display: block; float: left; }
.first				{ margin-left: 0; clear: left; }
.gutter				{ margin-left: 18px; } 
.no-gutter			{ margin-left: 0; }
.align-left			{ float: left; }
.align-right		{ float: right; text-align: right; }
.clear				{ float: left; }
header,
section				{ padding-bottom: 18px; }

.leading			{ margin-bottom: 18px; }
.noleading			{ margin-bottom: 0 !important; }		

/* Base column width */
.width1				{ width: 230px; }
.width2				{ width: 486px; }
.width3				{ width: 738px; } 

.width4				{ width: 990px; margin-left: 0 !important; } 
.full				{ display: block; float: left; width: 100%; margin-left: 0 !important; }

.width6             { width: 359px; }


/* html 5 */
article, aside, header, hgroup,
nav, section, footer				{ float: left; display: block; }
figure								{ display: block; }


#page { margin: 0 auto 36px auto; }



/*----------------------------------------------------------------------------- 
GLOBAL
-----------------------------------------------------------------------------*/

html, body { 
	margin:0; 
 	padding:0;
 	text-align:center; 
 	background-image: url(../images/bg2.png);
 	background-repeat: repeat-x;
 	background-color: #dedede;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7d7d7d;
}

#wrapper {
	width: 1120px; 
	position: relative; 
	background-image: url(../images/guy.png);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0 auto 0 auto;
}

#page { 
	width: 990px; 
	position: relative; 
	background-color: #fff; 
	padding: 0 30px 20px 30px;
	-moz-box-shadow: 0px 0px 10px #999; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 10px #999; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 10px #999; /* Opera 10.5, IE 9.0 */ 
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#CCFFFFFF',EndColorStr='#CCFFFFFF'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CCFFFFFF',EndColorStr='#CCFFFFFF')"; /* IE8 */
	-moz-border-radius: 0 0 16px 16px; 
	-webkit-border-radius: 0 0 16px 16px; 
	border-radius: 0 0 16px 16px; 

  
} 

#page:after	{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

header {
	height: 100px;
	padding: 45px 0 10px 0;
}

#home {
	display: inline-block;
	width: 465px;
	height: 61px;
	background-image: url("../images/landonmiller2.png");
	background-position: top left;
	background-repeat: no-repeat;
   }

#home:hover {
	background-position: left bottom;

}

#home span {
	display: none;

}


#content {
	padding: 20px 0 0 0;
	line-height: 20px;

}

.post {
	margin: 0 25px 35px 0;
	padding: 0 30px 20px 0;
	border-bottom: 1px dotted #ccc;
}

.inside-post {
	margin: 0 25px 35px 0;
	padding: 0 30px 20px 0;
}

#sidebar img {
	border:1px solid #ccc;
	padding: 4px;
	margin: 5px 5px 5px 0px;
	
}

#sidebar img:hover {
	border:1px solid #aecd70;
	
}

#about {
	padding-bottom: 15px;
}

#recent-work {
	padding-bottom: 30px;
}

#social-box {
	
}

footer {
	height: 30px;
}

/* 
----------------------------------------------------------------------------- 
NAVIGATION
-----------------------------------------------------------------------------*/

nav {
	height: 40px;
	z-index: 1;
}

#links {
	position:absolute;
	width:378px;
	height: 49px;
	z-index:1;
	left: 641px;
	background-image: url(../images/bg-nav.png);
	background-repeat: no-repeat;
	top: 0px;
	display: none;
}

#links ul {
	vertical-align: bottom;
	margin:0;
	padding: 8px 15px 0 0;
	list-style-type: none;
	width: auto;
	position:relative;
	height: 30px;
	font-size: 20px;
	color: #ffffff;
	float: right;
	font-family: "Century Gothic";
}

#links ul li {
	float: left;
	margin:0 25px 0 25px;
	padding:0;
}

#links a:link { color: #fff; text-decoration: none;  }
#links a:visited { color: #fff; text-decoration: none;  }
#links a:hover { color: #7da03d; text-decoration: none;  }
#links a:active { color: #fff; text-decoration: none; margin-top: 1px;  }


/* 
----------------------------------------------------------------------------- 
HEADINGS
-----------------------------------------------------------------------------*/

h1 {
	margin: 0 0 4px 0;
	padding: 0;	
	font-size: 26px;
	color: #7da03d;
	font-family: 'FunctionProBookRegular',Arial,sans-serif;
	text-transform: lowercase;
}

h2 {
	margin: 0 0 0.4em 0;
	padding: 0;	
	line-height: 1.8em;	
	font-size: 20px;
	color: #7da03d;
	font-family: 'FunctionProBookRegular',Arial,sans-serif;
	text-transform: lowercase;
}

h3 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 1.8em;	
	font-size: 20px;
	color: #999;
	font-family: 'FunctionProBookRegular',Arial,sans-serif;
	text-transform: lowercase;
}

h4 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 1.5em;	
	font-size: 12px;
	color: #000000;
	font-family: 'FunctionProBookRegular',Arial,sans-serif;
}


/* 
----------------------------------------------------------------------------- 
TYPOGRAPHY
-----------------------------------------------------------------------------*/
.post-date {
	color: #b8bbbc; 
	text-transform: lowercase;
}

.red {
	 color: red;
}

/* 
----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/

a:link { color: #7da03d; text-decoration: none;  }
a:visited { color: #7da03d; text-decoration: none;  }
a:hover { color: #acc770; text-decoration: none;  }
a:active { color: #7da03d; text-decoration: none; margin-top: 1px;  }


.more-link {
	display: inline-block;
	width: auto;
	background-color: #aecd70;
	margin:10px 0px 0 0;
	padding: 3px 10px 4px 10px;
	font-weight: bold;
	color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-transform: lowercase; 
}

.more-link:hover {
	display:inline-block;
	width: auto;
	background-color: #7da03d;
	margin: 10px 0px 0 0;
	padding: 3px 10px 4px 10px;
	font-weight: bold;
	color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-transform: lowercase; 
}

.more-link:link { color: #fff; text-decoration: none; }
.more-link:visited { color: #fff; text-decoration: none; }
.more-link:hover { color: #fff; text-decoration: none; }
.more-link:active { color: #fff; text-decoration: none; margin-top: 11px; }

.rounded {
	display: inline-block;
	width: auto;
	background-color: #aecd70;
	margin: 0px 0px 0 0;
	padding: 3px 10px 4px 10px;
	font-weight: bold;
	color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-transform: lowercase; 
}

.rounded:hover {
	display:inline-block;
	width: auto;
	background-color: #7da03d;
	margin: 0px 0px 0 0;
	padding: 3px 10px 4px 10px;
	font-weight: bold;
	color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-transform: lowercase; 
}

.rounded:link { color: #fff; text-decoration: none; }
.rounded:visited { color: #fff; text-decoration: none; }
.rounded:hover { color: #fff; text-decoration: none; }
.rounded:active { color: #fff; text-decoration: none; margin-top: 1px; }




.yellow:link { font-family:"Monaco","Courier",monospace; font-size:11px; color:#000; text-decoration: none; font-weight: normal; background:#e6efd6; border-right:solid 1px #99b660; border-bottom:solid 1px #a5c465; font-style:normal; padding:0 2px; color:#333;}
.yellow:visited { font-family:"Monaco","Courier",monospace; font-size:11px; color:#000; text-decoration: none; font-weight: normal;background:#e6efd6; border-right:solid 1px #99b660; border-bottom:solid 1px #a5c465; font-style:normal; padding:0 2px; color:#333;}
.yellow:hover { font-family:"Monaco","Courier",monospace; font-size:11px; color:#000; text-decoration: none; font-weight: normal;background:#e6efd6; border-right:solid 1px #99b660; border-bottom:solid 1px #a5c465; font-style:normal; padding:0 2px; color:#333;}
.yellow:active { font-family:"Monaco","Courier",monospace; font-size:11px; color:#000; text-decoration: none; font-weight: normal;background:#e6efd6; border-right:solid 1px #99b660; border-bottom:solid 1px #a5c465; font-style:normal; padding:0 2px; color:#333;}

.comment-reply-link:link {  display: inline-block; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; font-weight: bold; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #aecd70; }
.comment-reply-link:visited {  display: inline-block; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; font-weight: bold; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #aecd70; }
.comment-reply-link:hover { display: inline-block; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; font-weight: bold; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #7da03d; }
.comment-reply-link:active { display: inline-block; color: #fff; text-decoration: none; margin: 1px 0 0 0; padding: 3px 10px 3px 10px; font-weight: bold; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #aecd70; }


.twitter * {
  display: none;
}

.twitter {
	position:relative;
	display:inline-block;
	height: 32px;
	width: 32px;
	margin: 4px;
	background:url(../images/icons/twitter.png) 0 0 no-repeat;
}

.twitter span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 32px;
	width: 32px;
	background:url(../images/icons/twitter.png) 0 -32px no-repeat;
}

.fb * {
  display: none;
}

.fb {
	position:relative;
	display:inline-block;
	height: 32px;
	width: 32px;
	margin: 4px;
	background:url(../images/icons/fb.png) 0 0 no-repeat;
}

.fb span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 32px;
	width: 32px;
	background:url(../images/icons/fb.png) 0 -32px no-repeat;
}

.flickr * {
  display: none;
}

.flickr {
	position:relative;
	display:inline-block;
	height: 32px;
	width: 32px;
	margin: 4px;
	background:url(../images/icons/flickr.png) 0 0 no-repeat;
}

.flickr span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 32px;
	width: 32px;
	background:url(../images/icons/flickr.png) 0 -32px no-repeat;
}


.linked * {
  display: none;
}

.linked {
	position:relative;
	display:inline-block;
	height: 32px;
	width: 32px;
	margin: 4px;
	background:url(../images/icons/linked.png) 0 0 no-repeat;
}

.linked span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 32px;
	width: 32px;
	background:url(../images/icons/linked.png) 0 -32px no-repeat;
}

#top-work-box {
	height: 170px;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}

#work-box {
	height: 170px;
	margin: 35px 0 0 0;
	padding: 30px 0 0 0;
}

.b img {
	border:1px solid #ccc;
	padding: 4px;
	margin: 5px 5px 5px 0px;
	
}


.b img:hover {
	border:1px solid #aecd70;
	padding:4px;
	
}



/* 
----------------------------------------------------------------------------- 
LISTS
-----------------------------------------------------------------------------*/

ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:1.4em;
}

ul li {
	margin: 0 0 0.25em 15px;
	padding: 0;
}

.work-box ul {
	margin: 0 0 1.5em 0;
	padding: 0 20px 0 0;
	line-height:1.4em;
}

.work-box ul li {
	margin: 0 0 0.25em 0px;
	padding: 2px 0 4px 0;
	border-bottom: 1px dotted #ccc;
}


ol {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.4em;
}

ol li {
	margin: 0 0 0.25em 30px;
	padding: 0;
}

label.error { 
	display: block;
	color: red;                              
	font-size: 12px; 
}


label { display: block; margin: 15px 0 3px 0; line-height: normal; }

input, textarea { 
font-size: 13px; 
font-family: Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;
margin: 0 0 0 0; 
padding: 5px;
border:1px solid #ccc;
color:#58534D;
}

input:focus, textarea:focus{
border: 1px solid #aecd70;
}

select {
border:1px solid #ccc;
color:#58534D;
margin: 0 0 0 0;
padding: 5px;
}



select:focus {
border: 1px solid #aecd70;
}

.alignleft { color: #fff; }

.alignright { color: #fff; }

#respond { color: #999; }

.sm-gry {
	font-size: 11px;
	font-style: italic;
	color: #666;
}

.postmeta {
border-right:1px solid #E6E6E6;
float:left;
padding: 0 10px 0 10px;
margin: 0 0 0 0;
list-style-type: none;
}

.commentlist h2 {
	font-size: 15px;
	text-transform: lowercase;
}

.commentlist { list-style:none; margin:20px 0 30px 10px; padding:0; text-indent:0; color: #999; font-size: 12px; }
.commentlist li { margin: 10px 0 0 0;  width: 500px;}
.commentlist li.alt { }
.commentlist li.byuser {}
.commentlist li.comment-author-admin {border-left: 3px solid #aecd70;}
.commentlist li.comment { border: 0px solid #666; padding:1em; }
.commentlist li div.comment-author {}
.commentlist li div.vcard { font:normal 16px georgia,times,serif; }
.commentlist li div.vcard cite.fn { font-style:normal; }
.commentlist li div.vcard cite.fn a.url {}
.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
.commentlist li div.vcard img.avatar-32 {}
.commentlist li div.vcard img.photo {}
.commentlist li div.vcard span.says {}
.commentlist li div.commentmetadata {}
.commentlist li div.comment-meta { font-size: 11px; color:#ccc; text-transform: uppercase; }
.commentlist li div.comment-meta a {  }
.commentlist li p { font-size:12px; margin:0 0 1em; }
.commentlist li ul { font-size:12px; list-style:square; margin:0 0 1em 2em; }
.commentlist li div.reply { font-size:12px; }
.commentlist li div.reply a { font-weight: bold; }
.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.comment-author-admin {}
.commentlist li ul.children li.depth-2 { border-top:0px solid #666; margin:2em 0 .25em .25em; }
.commentlist li ul.children li.depth-3 { border-top:0px solid #666; margin:2em 0 .25em .25em; }
.commentlist li ul.children li.depth-4 { border-top:0px solid #666; margin:2em 0 .25em .25em; }
.commentlist li ul.children li.depth-5 {}
.commentlist li ul.children li.odd {}
.commentlist li.even { border-left: 3px solid #ccc; border-bottom: 0px solid #666; }
.commentlist li.odd { border-left: 3px solid #ccc; border-bottom: 0px solid #666; }
.commentlist li.parent { border-left:3px solid #ccc; border-bottom: 0px solid #666; }
.commentlist li.pingback { border-bottom: 0px dotted #666; padding:1em; }
.commentlist li.bypostauthor { border-left: 3px solid #aecd70; }
.commentlist li.thread-alt { }
.commentlist li.thread-even {}
.commentlist li.thread-odd {}


.work-box {
float: left;
width: 215px;
min-height: 300px;
padding: 0 0px 0px 0;
margin-right: 30px;
}

.work-box img {
	border:1px solid #ccc;
	padding: 4px;
	margin: 5px 5px 5px 0px;
	
}

.work-box img:hover {
	border:1px solid #aecd70;
	
}