/* --------------------------------------------------
	X Forward Screen CSS	02/04/2009
	Derek Balmer / Hold Fast Creative / Denver, CO
	
-------------------------------------------------- */
@import url(reset.css);

/* @group Common */
* {margin:0;padding:0;}

h1 {font-size:36px;}
h2 {font-size:34px;line-height:32px;margin-bottom:24px;}
h3 {font-size:24px;line-height:24px;margin-bottom:10px;}
h4 {font-size:16px;line-height:24px;margin-bottom:6px;}
h5 {font-size:12px;line-height:18px;margin-bottom:4px;padding:2px 2px 2px 4px;font-weight:normal;text-transform:uppercase;letter-spacing:1px;background:#333;}
h6 {font-size:10px;line-height:14px;margin-bottom:4px;}
p {font-size:13px;line-height:20px;margin-bottom:8px;}

h1,h2,h3,h4,h6 {font-weight:bold;}

h3 a:link, h3 a:visited {color:#fff;}
h3 a:hover {color:#000;background:#fff;}

ol {list-style:decimal-leading-zero outside;margin:0 0 10px 20px;}
ol li {margin:0px 0px 4px 20px;padding:4px 0 4px 10px;font-size:14px;line-height:18px;background:#181818;border-bottom:1px solid #333;}

p a {background:#000;color:#390; -webkit-transition: background-color .5s linear;}
p a:hover{color:#fff;background:#390;}

fieldset {margin-bottom:20px;padding:10px;border:1px solid #181818;}
legend {padding:4px 8px;background:#181818;font-size:16px;text-transform:uppercase;color:#fff;letter-spacing:1px;text-shadow:1px 2px 2px #000;}
fieldset p {line-height:16px;}
fieldset ul {margin-bottom:10px;font-size:12px;font-family:arial, sans-serif;}
fieldset li {padding:4px;margin-bottom:4px;background:#000;border-bottom:1px solid #333;}
fieldset li label {float:left;display:inline;width:60px;margin-right:20px;line-height:20px;}

form input[type="text"] {float:left;display:inline;width:240px;height:20px;border:none;background:#181818;color:#999;}
form input[type="text"]:focus {background:#fff;color:#390;}
form input[type="checkbox"] {width:12px;height:12px;margin-right:20px;}
form select {float:left;display:inline;width:240px;height:20px;background:#181818;color:#fff;border:1px solid #080808;}
form textarea {float:left;display:inline;width:240px;height:80px;border:none;background:#181818;color:#999;font:14px/16px arial, sans-serif;}
form textarea:focus {background:#fff;color:#390;}

.section-summary {margin-bottom:40px;}

.blog-entry {margin:20px 0;padding-bottom:5px;border-bottom:2px solid #333;}
.blog-summary {margin:20px 0;padding:10px;border-bottom:1px solid #181818;}
.posted {font:11px/18px arial, sans-serif;text-transform:uppercase;letter-spacing:1px;}

.pagination {margin:20px 0;padding-top:5px;font:11px/18px arial, sans-serif;text-transform:uppercase;letter-spacing:1px;border-top:1px solid #333;}
.pagination a {margin:0 2px;padding:2px;text-align:center;}
.pagination a:hover {color:#000;background:#fff;}

.pagination a.prevLink {float:left;display:inline;width:160px;margin:0;padding:0;}
.pagination a.nextLink {float:right;display:inline;width:160px;margin:0;padding:0;}

.entry-comment {margin:0 0 20px 0;padding-bottom:5px;border-bottom:1px solid #333;}
.comment-author {float:left;display:inline;width:140px;margin:0 20px 10px 0;overflow:hidden;}
.comment-body {float:left;display:inline;width:340px;margin:0 0 10px 0;overflow:hidden;font-style:italic;}

ul.work-list {margin:20px 0;}
ul.work-list li {position:relative;padding:0 0 5px 140px;margin:0 0 10px 0;overflow:hidden;border-bottom:1px solid #333;height:100px;}
ul.work-list li img {position:absolute;top:0;left:0;width:120px;height:90px;display:block;overflow:hidden;}

/* @end */

/* @group Layout */
#wrapper {width:1020px;display:block;margin:0 auto;padding:10px 0 20px 0;text-align:center;background:url(/themes/site_themes/XForward/wrapperBG.png) 0 0 no-repeat;}
#shell, #footerWrap {width:940px;margin:0 40px;padding-bottom:10px;text-align:left;overflow:hidden;}
ul#nav {float:left;display:inline;margin:90px 0 0 0;width:160px;overflow:hidden;text-align:left;}
#content {float:left;display:inline;margin:40px 0 0 0;width:780px;overflow:hidden;text-align:left;}
#footerWrap {margin:30px auto;text-align:center;color:#666;}
#footer {float:right;display:inline;margin:0;padding:10px 0;width:780px;overflow:hidden;text-align:left;border-top:2px solid #333;}
/* @end */

/* @group Masthead */
h1#branding {float:right;display:inline;width:220px;height:40px;margin:0;padding:10px 0 0 0;font-size:12px;text-indent:-9999px;margin-right:30px;}
h1#branding a {display:block;width:220px;height:40px;overflow:hidden;background:transparent url(/themes/site_themes/XForward/X-Forward.png) 0 0 no-repeat;}
h1#branding a:hover {background-position:0 -40px;}
h1#branding a:active {outline:none;}

ul#nav li {display:inline;}
ul#nav li a {
	display:block;width:150px;height:30px;margin:0 0 2px 10px;background:#000;text-indent:20px;font-size:14px;line-height:30px;text-transform:uppercase;font-weight:bolder;
}

/* @end */

/* @group Footer */
#footer p {float:left;display:inline;width:540px;margin:0 20px 0 0;font-size:14px;text-transform:uppercase;}
#footer ul {float:left;display:inline;width:220px;margin:0;}
#footer li {float:left;display:inline;width:110px;height:20px;font-size:14px;line-height:20px;text-align:center;}
#footer li a {display:block;width:140px;height:20px;margin:0;overflow:hidden;}
/* @end */

/* @group Home */
#home #primary {float:left;display:inline;width:380px;margin:0 20px 20px 0;overflow:hidden;text-align:center;}
#home #primary h3 {text-align:left;margin-left:10px;margin-bottom:40px;}
#home #primary .recent-work {margin:5px 5px 10px 5px;padding:5px;background:#181818;}
#home #primary .recent-work img {width:360px;height:202px;display:block;border:none;}

#home #secondary {float:left;display:inline;width:380px;margin:0 0 20px 0;overflow:hidden;}
/* @end */

/* @group Bio */
#bio #primary {float:left;display:inline;width:440px;margin:0 20px 20px 0;overflow:hidden;text-align:center;background:url(/themes/site_themes/XForward/brett_bio.png) 0 -10px no-repeat;}
#bio #primary p {font-size:14px;line-height:22px;margin:0 0 22px 160px;text-align:justify;}

#bio #secondary {float:left;display:inline;width:300px;margin:0 20px 20px 0;overflow:hidden;}
#bio #secondary p {font-size:11px;line-height:16px;padding-bottom:5px;border-bottom:1px solid #333;}


/* @end */

/* @group Work */
#work #secondary {margin:40px 0 20px 0;}

/* @end */

/* @group Project Detail */
#project-detail #primary {float:left;display:inline;width:380px;margin:0 20px 20px 0;overflow:hidden;text-align:center;}
#project-detail #primary h3 {text-align:left;margin-left:10px;}
#project-detail #primary .recent-work {margin:5px 5px 10px 5px;padding:5px;background:#181818;}
#project-detail #primary .recent-work img {width:360px;height:202px;display:block;border:none;}

#project-detail #secondary {float:left;display:inline;width:380px;margin:0 0 20px 0;overflow:hidden;}

/* @end */

/* @group Blog */
#blog #primary {float:left;display:inline;width:500px;margin:0 20px 20px 0;overflow:hidden;}
#comments {margin:20px 0;}

#blog #secondary {float:left;display:inline;width:260px;margin:0 0 20px 0;overflow:hidden;}
#blog #secondary .linkage {margin:0 0 20px 0;}
#blog #secondary select {margin:5px 0;padding:0;width:250px;height:20px;}
#blog #secondary select option {padding:2px;}
/* @end */

/* @group Contact */
#contact #primary {float:left;display:inline;width:380px;margin:0 20px 20px 0;overflow:hidden;}
#contact #secondary {float:left;display:inline;width:380px;margin:0 0 20px 0;overflow:hidden;}

#contact #primary ul.contact-info {float:left;display:inline;width:220px;margin:0 20px 20px 0;}
#contact #primary ul.social-info {float:left;display:inline;width:140px;margin:0 0 20px 0;}

ul.contact-info li, ul.social-info li {margin:0px 0px 4px 0;padding:4px 0 4px 10px;font-size:14px;line-height:18px;background:#181818;border-bottom:1px solid #333;}

#btn_submitComment {display:block;clear:both;margin-top:20px;}
/* @end */