/*
Theme Name: SAGE THEME
Author: Chris Larson
Version: 1.4
*/



@import "styles/reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { width:960px;
	margin:0 auto;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,fieldset {

	margin:0;

	padding:0;

}

body {	

        background:#fff url(images/bg.jpg) repeat-x;

	color:#000;

        font-family:Helvetica,Sans-serif;

        font-size:12px;

}
h1, h2, h3, h4, h5, h6 {

	

	font-family:Helvetica;

}
h1 {font-size:210%;}

h2 {font-size:120%;}

h3 {font-family:130%;font-weight:bold; line-height: 22px; }

h4 {font-family:130%;}

h5 {font-size:90%;font-weight:normal;padding-left: 20px; padding-right: 20px; margin: 15px 15px 15px 0;}

h6 {font-size:100%;}
p { font-size: 14px; line-height: 22px; margin: 0 0 15px 0; }
a { text-decoration: none; color: #0000FF; }
a:hover { color: #222; }a.img 	{border: none;}

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { float: left; width: 100%; margin: 10px 0 0 0; }
#header img { float: left; }
#header h1 { float: left; font-size: 80px; margin: 8px 0 0 0; }
#header h1 a { color: #222; }
#header img.description { float: right; margin: 50px 0 0 0; }

/* --------- */
/* -- Nav -- */
/* --------- */
#nav { float: left; border-left: 20px #fff solid; border-top: 1px #fff solid; border-bottom: 1px #fff solid; background:#FFF; width: 940px; }
.menu li {

	display:inline;

	list-style:none;

}
.menu a {background:transparent url(images/menu.gif) no-repeat; display:block; color:#382E1F; height:31px; line-height:31px; padding:0 20px; margin-left:-10px; text-decoration:none; font-size:12px; float:left; 	z-index:1;
}
.menu li a {background:transparent url(images/menu.gif) no-repeat; display:block; color:#382E1F; height:31px; line-height:31px; padding:0 20px; margin-left:-10px; text-decoration:none; font-size:12px; float:left; 	z-index:1;
}
.menu .current a, .menu li:hover > a {background-position:0 -32px;}
.menu ul { background: #eee; display: none; margin: 0; padding: 0; width: 260px; position: absolute; top: 42px; left: 0px; border: solid 1px #ddd; }
.menu ul li { float: none; margin: 0; padding: 0; }
.menu ul li:hover a, .menu li:hover li a {background-position:0 -32px;}
.menu ul a:hover {background-position:0 -32px;}
.menu li:hover > ul { display: block; }
.menu ul a { font-size: 16px; padding-left: 10px; text-transform: none; font-weight: normal; }
.menu ul ul { left: 250px; top: -3px; }
.menu li.current_page_item a {	background-position:0 -62px;}
.menu .sub-menu li.current_page_item a { color: #9e1c1c; }

/* ---------------- */
/* -- Front Page -- */
/* ---------------- */
#headline { float: left; margin: 55px 0 0 0; padding-bottom: 45px; border-bottom: 2px #eee solid; width: 100%; }
#headline img { margin-left: -4px; }
#headline h2 { font-size: 50px; line-height: 55px; margin-bottom: 10px; color: #222 !important; }
#featured-section { clear: both; float: left; margin: 65px 0 0 0; padding-bottom: 60px; width: 100%; border-bottom: 2px #eee solid; }
#featured-section-image { float: left; background: url(images/featured-img-bg.png) no-repeat; width: 460px; height: 285px; }
#featured-section-image img { margin: 1px 0 0 1px; }
#featured-section-details { float: right; width: 450px; margin: -4px 0 0 0; }
#featured-section-details h2 { font-size: 30px; color: #222; margin-bottom: 20px; }
#featured-section-details p { font-size: 16px; line-height: 26px; }
.more-details-button { float: left; background: url(images/portfolio-button.png) no-repeat; width: 175px; height: 40px; text-indent: -9999px; margin: 0 0 0 -7px; }
.more-details-button:hover { float: left; background: url(images/portfolio-button-hover.png) no-repeat; }
#recent-work { clear: both; float: left; margin: 50px 0 0 0; padding-bottom: 50px; width: 100%; }
#recent-work h2 { font-size: 22px; color: #222; }
.recent-project { float: left; margin-left: 50px; width: 280px; margin-bottom: -50px; }
.recent-project img { border: 1px #ddd solid; }
.first { margin-left: 0; }
.recent-project h3 { font-size: 14px; font-weight: bold; color: #222; margin: 15px 0 5px 0; }
.recent-project p { font-size: 12px; }

/* ------------- */
/* -- Content -- */
/* ------------- */
#main { float: left; width: 100%; background:#fff url(images/bgwrap.png) 0 0 repeat-y;}
.title { margin-top: 50px; font-size: 28px; color: #222; margin-bottom: 20px; }
#content { padding: 20px 20px 20px 20px; background:#FFF url(images/main_shadow.gif) top repeat-x; float: left; width: 620px; }

/* --------------- */
/* -- Portfolio -- */
/* --------------- */
#portfolio-content { float: left; margin: 20px 0 0 0; }
.portfolio-item { float: left; margin-left: 56px; margin-bottom: 40px; }
.portfolio-item p { margin-bottom: 2px; }
.portfolio-item img { border: none; }
.first { margin-left: 0; }
#project-content { float: left; width: 450px; }
#project-image-large { float: right; }
#project-image-large img { border: 1px #ddd solid; }

/* ----------- */
/* -- Posts -- */
/* ----------- */
h3.post-meta { margin: 0 8px 20px 0; padding: 0; color: #888;}
.post { padding: 0 0 40px 0; }
.post h1 {

	display:block;

	/*margin-top:10px;*/

	/*border-bottom:0px solid #CCC;*/

	padding:3px 0px 3px 0px;

	font-size:20px;	font-family:Verdana,"BitStream vera Sans";

	text-shadow: #c0d79f 0px 0px 0px;

	line-height: 110%



}

.post h1 a.title {

	text-decoration:none;

	color:#4C4C4C;

}

.post h1 a.title:hover {

	color:#2970A6;

}

.post h1 .act a {



	}

.post h2 {

	display:block;

	margin-top:10px;

	/*border-bottom:1px solid #CCC;*/

	padding:0 1px 3px;

	font-size:16px;	font-family:Verdana,"BitStream vera Sans";

}

.post p {

	margin-left: 5px;

}

.post h2 a.title {

	text-decoration:none;

	color:#4C4C4C;

}

.post h2 a.title:hover {

	color:#2970A6;

}

.post h2 .act a {


}


.post h3 {
display: block;
font-size: 1.17em;
font-weight: bold;
margin: .17em 0px;
}

.post .info {

	margin:5px;

}

.post .info span.first {

	margin-right:0;

}

.post .date, 

.post .author, 

.post .editpost, 

.post .comments, 

.post .addcomment, 

.post .addlink, 

.post .editlinks {

	background:url(img/icons.gif) no-repeat;

	padding-right:22px;

	height:16px;

	line-height:16px;

	display:block;

	font-size:11px;}.post .tags, 

.post .under span.tags, 

.post .under span.categories {

	margin-left:6px;

}

.post .act {

	height:16px;

	float:left;

}

.post .act span {

	float:right;

	margin-right:15px;

}

.post .tags {

	background-position:0 -400px;

}

.post .categories {

	background-position:0 -480px;

}

.post .date {

	background-position:0 -48px;

	margin-left:15px;

	float:right;

}

.post .author {

	background-position:0 0;

	float:right;

}

.post .editpost {

	background-position:0 -64px;

	margin-right:15px;

	float:left;

}

.post .comments {

	background-position:0 -96px;

	float:left;

}

.post .addcomment {

	background-position:0 -112px;

	margin-right:15px;

	float:left;

}

.post .addlink {

	background-position:0 -176px;

}

.post .editlinks {

	background-position:0 -192px;

}

.post .content {

	padding:5px 25px 5px 25px;

	line-height:145%;

	overflow:hidden;

}

.post .content p {

	margin-bottom:10px;

}.post .under {

	height:16px;

	line-height:16px;

	font-size:11px;

	margin-bottom:10px;

}

.post .under span {

	float:right;

	margin-left:15px;

}

.post .content h4 {

	color:#080;

	margin-bottom:10px;

}

.post .content img {

	max-width:600px;
	border:none;
}

.post .content ul {
	list-style-type:disc;
	padding-bottom:10px;
	
	}

.post .content ol {

	padding-bottom:10px;

}

.post .content ul li {

	list-style-position:outside;

	padding-left:3px;
	
	margin-left:30px;

}

.post .content ol li {

	list-style-position:outside;

	padding-left:3px;
	
	margin-left:30px;

}

.post .content table {

	background:#FFF;

	border:0px solid #CCC;

	border-collapse:collapse;

	margin:5px 0 10px;

}

.post .content th, 

.post .content td {

	border:1px solid #CCC;

	padding:3px 10px;

	text-align:right;

	vertical-align:top;

}

.post .content tr.even td {

	background:#F7F7F7;

}

.post .content th {

	background:#EDEFF0;

}

.post .content .boxcaption {

	background-image:url(img/postbox.gif);

}

.post .content .box {

	background-image:url(img/postbox.gif);

}

#postpath {

	background:url(img/icons.gif) 0 -320px no-repeat;

	line-height:16px;

	margin:5px 0;

	padding-right:22px;

}

#pagenavi, 

#postnavi {

	border-top:1px solid #CCC;

	margin:10px -5px 0;

	padding:10px 5px 0;

}

#pagenavi {

	font-size:11px;

}

#pagenavi .newer a, 

#postnavi .prev a {

	background:url(img/icons.gif) 0 -224px no-repeat;

	padding-left:22px;

	float:left;

	height:16px;

	line-height:16px;

}

#pagenavi .older a, 

#postnavi .next a {

	background:url(img/icons.gif) 100% -240px no-repeat;

	padding-right:22px;

	float:right;

	height:16px;

	line-height:16px;

}

/* ------------- */
/* -- Sidebar -- */
/* ------------- */
#sidebar { float: right; padding: 20px 0 5px 20px; background: transparent url(images/side-shadow.png) top repeat-x; min-height:400px; width: 280px; border-top: 1px #cccccc solid;}
.sidebar-title { margin-top: 0; }
.sidebar-contact-title { color: #222; margin-bottom: 0; }

/* -------------- */
/* -- Comments -- */
/* -------------- */
#comments { clear: both; float: left; width: 480px; border-top: 2px #eee solid; margin-top: -20px; }
#comments h3 { padding-bottom: 0; }
.commentlist { margin: 25px 0 30px 0; }
.commentlist .comment { border: 1px solid #dddddd; padding: 15px; margin: 15px 0 0 0; background: url(images/input-bg.png) repeat-x; }
.commentlist .fn { color: #555555; font-size: 18px; margin-bottom: 15px; display: block; }
.commentlist .url { color: #9e1c1c; font-size: 18px; }
.commentlist .comment-meta { color: #888888; text-transform: uppercase; font-size: 10px; margin: -4px 0 0 0; }
.commentlist img { float: right; width: 25px; height: 25px; margin: 0 0 0 7px; padding: 2px; border: 1px solid #cccccc; }
.commentlist p { margin: 10px 0 10px 0; }
.commentlist .comment-reply-link { margin: 5px 0 0 -7px; display: block; }
.commentlist em { font-style: italic; font-size: 12px; }

/* respond form */
#respond h3 { margin-bottom: 10px; }
#respond .cancel-comment-reply { padding: 0 0 10px 0; }
#commentform { width: 480px; margin: 0 0 0 0; }
#commentform input { background: url(images/input-bg.png) repeat-x; float: left; color: #555555; width: 255px; font-size: 14px; padding: 12px 12px 12px 12px; margin-bottom: 20px; font-family: arial, sans-serif; border: 1px #ddd solid; }
#commentform textarea { background: url(images/input-bg.png) repeat-x; color: #555555; width: 456px; height: 238px;  margin: 5px 0 0 0; font-size: 14px; padding: 12px 12px; font-family: arial, sans-serif; border: 1px #ddd solid; line-height: 20px; }
#commentform .submit { background: url(images/comment-button.png) no-repeat; cursor: pointer; margin: 25px 0 0 -7px; color: #fff; width: 175px; height: 40px; border: none; padding: 8px 0; text-indent: -9999px; }
#commentform .submit:hover { background: url(images/comment-button-hover.png) no-repeat; color: #fff; }
#commentform label { float: left; padding: 8px 0 0 20px; text-transform: uppercase; color: #888888; font-size: 10px; }
#commentform .logged { margin: 0; }
.commentlist .comment-reply-link { margin: 10px 0 0 0; color: #9e1c1c; font-size: 12px; }
.commentlist .comment-reply-link:hover { color: #555; }

/* ------------------ */
/* -- Contact Form -- */
/* ------------------ */
#contact-form { width: 300px; }
#contact-form input { border: 1px #ddd solid; padding: 15px; width: 250px; margin: 0 0 15px 0; font-family: arial; color: #555; font-size: 12px; background: url(images/input-bg.png) repeat-x; }
#contact-form textarea { border: 1px #ddd solid; padding: 15px; width: 375px; margin: 0 0 15px 0; font-family: arial; color: #555; font-size: 12px; background: url(images/textarea-bg.png) repeat-x; line-height: 18px; }
#contact-form .submit { background: url(images/submit-button.png) no-repeat; cursor: pointer; margin: 0 0 0 -7px; color: #fff; width: 175px; height: 40px; border: none; padding: 8px 0; text-indent: -9999px; }
#contact-form .submit:hover { background: url(images/submit-button-hover.png) no-repeat; }
#response { border: 1px #ddd solid; padding: 15px; color: #9e1c1c; background-color: #eee; }
.hide { display: none; }

/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer { background:url(images/Footer.png) 0 0 no-repeat; clear: both; float: left; padding: 10px 0 50px 0; border-top: 1px #ccc solid; margin: 0 0 0 0; width: 100%; }
#footer p { font-size: 12px; color: #888;  }
#footer .copyright { text-align: center; padding: 5px 5px 5px 5px; }
#footer .design { float: right; }