@charset "utf-8";

/*
Theme Name: Green Portfolio
Theme URI: http://nicolegagliardi.org/
Description: Green portfolio layout. Design from a tutorial. Programming by Nicole Gagliardi.
Version: .1
Author: Nicole Gagliardi
Author URI: http://www.nicolegagliardi.com
Tags: green, fixed width, portfolio
*/

@import url("reset.css");

body {
	height: 100%;
	margin: 30px 0 60px;
	background:url(imgs/bg.gif) repeat-x fixed #6c821c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #868745;
}

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

a:hover { text-decoration:underline; }/*border-bottom: 1px solid #C78D4D;*/

h2, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active 
{ 
	margin: 0 0 18px 0; 
	font-size: 28px; 
	font-weight: bold; 
	color:#a86c2c; 
	text-decoration:none; 
}

h2 a:hover { text-decoration: underline; }

h3 { color:#a86c2c; }

p, pre { margin-bottom:18px; }

small {
	color:#b69e0e;
	float:left;
	font-size:10px;
	font-weight:bold;
	padding:0 10px 0 0;
	text-transform:uppercase;
}

a img {border-bottom:0}

#container
{
	margin: auto;
	width: 960px;
	/*overflow: auto;*/
}


/* HEADER */
#header
{
	background:url(imgs/ng-web-developer.png) no-repeat;
	width: 208px;
	height: 50px;
	margin-bottom: 30px;
}

/*Fark image replacement */
#header h1, #header .description
{
	position:relative;
	left: -5000px;
}

#header h1
{
	font: "Avenir LT Std 85 Heavy", Arial, Helvetica, sans-serif #e0e0ac 28px;
}

#header .description
{
	font: "Avenir LT Std 35 Light", Arial, Helvetica, sans-serif #e0e0ac 20px;
}


/* Navigation */
#nav, #nav ul
{
	margin:0; 
	padding:0; 
	background:url(imgs/nav-bg.png) no-repeat;
	width:960px;
	height:60px;
	list-style:none;
}

#nav li 
{ 
	float:left; 
	position:relative; 
	margin:0;
	/*padding:5px 40px 5px 10px;
	font-size:14px;*/
}

#nav li a{ padding:0; margin:0; border: none; display:block; outline:none; height:60px;}
#nav li a span{ display:block; overflow:hidden; width:0; height:0; }

a.home {background: url(imgs/home.png) no-repeat right 0; width:89px;}
a.home:hover  {background: url(imgs/home.png) no-repeat right -65px; }

a.about {background: url(imgs/about.png) no-repeat right 0; width:99px;}
a.about:hover  {background: url(imgs/about.png) no-repeat right -65px;}

a.blog {background: url(imgs/blog.png) no-repeat right 0; width:77px;}
a.blog:hover  {background: url(imgs/blog.png) no-repeat right -65px;}

a.portfolio {background: url(imgs/portfolio.png) no-repeat right 0; width:122px;}
a.portfolio:hover  {background: url(imgs/portfolio.png) no-repeat right -65px;}

a.contact {background: url(imgs/contact.png) no-repeat right 0; width:116px;}
a.contact:hover  {background: url(imgs/contact.png) no-repeat right -65px;}


/*a.home:hover, a.about:hover, a.blog:hover, a.portfolio:hover, a.contact:hover {background:no-repeat -65px center};*/

/* CONTENT */
#content-wrapper
{
	background: url(imgs/bg-body.gif);
	width: 960px;
	display:table;
}
#content 
{
	float:left;
	width: 650px;
	background-color: #e0e0ac;
	height:100%;
	padding: 0 20px;
}

#content .post {
	padding-top: 30px;
}

.date {font-size: 28px;font-weight: bold;}

/* PORTFOLIO PAGE */
#post-104 img {/*padding: 0px 10px 10px 0 */}

div.client {}

.moreInfo {display:none;}


/* PREV NEXT NAV */

.alignleft {float:left;}

.alignright {float:right;}

.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}

.navigation, .comment-navigation {display: block;clear:both;}

.navigation { margin-top: 10px; padding-bottom: 30px; }

.alt small { text-transform:none; display:block }


/* HOMEPAGE */
#content #post-148 { float:left; clear:right; width:275px;padding-left:25px; padding-top:10px; }

#post-148 h2, #post-148 h3, #homepageBottom h2 { color:#a6a43f; }

#post-148 h2 {margin: 10px 0 5px 0; }

#homepageBottom h2 {margin: 10px 0 20px 0; }

#post-148 h3 {font-weight:lighter; }

#buttons {clear:both; /*float:right;*/ text-align:right; padding: 0 10px 50px 0;}

#buttons a{ padding:0; margin:0; border: none; display:block; outline:none; float:right; height:35px}
#buttons a span{ display:block; overflow:hidden; width:0; height:0; }

#buttons a.info {background: url(imgs/more-info.png) no-repeat right 0; width:120px;}
#buttons a.info:hover  {background: url(imgs/more-info.png) no-repeat right -45px;}

#buttons a.view {background: url(imgs/view-the-website.png) no-repeat right 0; width:171px;}
#buttons a.view:hover  {background: url(imgs/view-the-website.png) no-repeat right -45px;}

#banner {
	clear:both;
	margin-left:-20px;
	width:1020px;
	height:219px;
	background: url(imgs/banner2.png) no-repeat;
}

#banner img {
	width:210px;
	height:110px;
	padding: 20px 0 0 20px;
}

#banner a{ padding:0; margin:20px 0 0 20px; border: none; display:block; outline:none; width:220px; height:110px; float:left;}
#banner a span{ display:block; overflow:hidden; width:0; height:0; }

#banner a.one {background: url(imgs/enginehouse-25.jpg) no-repeat right 0; margin-left:27px}
#banner a.one:hover  {background: url(imgs/enginehouse-25.jpg) no-repeat right -120px;}

#banner a.two {background: url(imgs/ahs-bluemel-meadow.jpg) no-repeat right 0; }
#banner a.two:hover  {background: url(imgs/ahs-bluemel-meadow.jpg) no-repeat right -120px;}

#banner a.three {background: url(imgs/larson-photography-site.jpg) no-repeat right 0; }
#banner a.three:hover  {background: url(imgs/larson-photography-site.jpg) no-repeat right -120px;}

#banner a.four {background: url(imgs/ahs-auction.jpg) no-repeat right 0; }
#banner a.four:hover  {background: url(imgs/ahs-auction.jpg) no-repeat right -120px;}

/* SEARCH FORM */

#searchform {margin-bottom:30px;padding:0;}

#searchform #s {border:1px solid #dedeab; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;padding:5px; background: #eaeab8; width: 175px; color:#868745}

#searchbtn {vertical-align:bottom;border:0;}

.hidden {display: none;}



/* CAPTIONS */

.wp-caption {border: 1px solid #c3c275;	text-align: center;	background-color: #eaeab8;	padding-top: 5px;	margin: 5px 20px 20px 0px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}

.wp-caption img {margin: 0;	padding: 0;	border: 0 none;}

.wp-caption p.wp-caption-text {font-size: 12px;	line-height: 17px;	padding: 4px 4px 5px 0;	margin: 0;	font-style: italic;	}



/* Begin Comments*/

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }

ol.commentlist li { border:1px solid #868745; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:10px; position:relative; }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor {}

ol.commentlist li.byuser {}

ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment { }

ol.commentlist li div.comment-author { padding:0 170px 0 0; }

ol.commentlist li div.vcard {  }

ol.commentlist li div.vcard cite.fn { font-style:normal; font-style: italic }

ol.commentlist li div.vcard cite.fn a.url { color:#333; text-decoration:none; }

ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }

ol.commentlist li div.vcard img.avatar { border:4px solid #d5d5d5; float:left; margin-right:10px;}

ol.commentlist li div.vcard img.avatar-32 {}

ol.commentlist li div.vcard img.photo {}

ol.commentlist li div.vcard span.says {}

ol.commentlist li div.commentmetadata {}

ol.commentlist li div.comment-meta { font: 12px Arial, Verdana; color#aaa}

ol.commentlist li div.comment-meta a { color:#777; text-decoration:none; }

ol.commentlist li div.comment-meta a:hover { color:#000; }

ol.commentlist li div.commentbody {margin-top: 1em; font-size: 14px}

ol.commentlist li p {  margin:0 0 1em; }

ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }

ol.commentlist li div.reply { margin-bottom: 7px }

ol.commentlist li div.reply a:hover { background:#c30; border:1px solid #c00; }

ol.commentlist li div.reply a { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 arial,sans-serif; padding:5px 6px 4px;  text-align:center; width:36px;color:#fff; text-decoration:none; text-transform:uppercase;}

ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }

ol.commentlist li ul.children li { }

ol.commentlist li ul.children li.alt {}

ol.commentlist li ul.children li.bypostauthor {}

ol.commentlist li ul.children li.byuser {}

ol.commentlist li ul.children li.comment {}

ol.commentlist li ul.children li.comment-author-admin {}

ol.commentlist li ul.children li.depth-2 { margin:0 0 .18em; }

ol.commentlist li ul.children li.depth-3 { margin:0 0 .18em; }

ol.commentlist li ul.children li.depth-4 { margin:0 0 .18em; }

ol.commentlist li ul.children li.depth-5 { margin:0 0 .18em; }

ol.commentlist li ul.children li.odd {}

ol.commentlist li.even { background:#fff; }

ol.commentlist li.odd { background:#f6f6f6; }

ol.commentlist li.parent { }

ol.commentlist li.pingback { }

ol.commentlist li.pingback.parent { }

ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even {}

ol.commentlist li.thread-odd {}


/* COMMENTS FORM*/
h3 {clear:both;}

.entry .alt small { display:block; padding-bottom:20px; }

#commentform {	margin: 5px 10px 0 0; padding-bottom:30px; }

#commentform input { width: 200px; padding: 4px; border:1px solid #c3c275; font-size:14px; background-color:#eaeab8; float:left}

#commentform p label { width: 400px; display:block; padding-left: 20px;}

/*#commentform p {border-top:1px solid #eee; padding: 10px 0; margin:0;font-size: 14px}*/

#commentform textarea {	width: 80%;	padding: 2px; border:1px solid #c3c275;	padding: 4px; background-color:#eaeab8;}

.cancel-comment-reply {display: none;}

#commentform #submit { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border:1px solid #c3c275; font-weight: bold; color:#b69e0e; width: 150px;}





/* SIDEBAR */
#sidebar 
{
	float:left;
	width: 267px;
}

#sidebar ul { margin: 30px 20px 0 20px; }

#sidebar ul li ul { margin: 0; }

#sidebar h2, #sidebar h2 a{ margin: 15px 0 5px 0; font-size: 20px; }

/* TWITTER TOOLS */
#twitter-tools ul li {padding-bottom: 5px;} 




/* FOOTER */
#footer { clear:both; background-color: #e0e0ac;} /* background: url(imgs/bg-footer.gif) repeat-y */
#footer p { padding: 30px 20px 0 20px; }
#shadow { clear:both; margin-top:-20px; background: url(imgs/footer.png) no-repeat bottom right ; width: 960px; height: 60px; };