/*   
Theme Name: The System Is WordPress Theme
Theme URI: 
Description: Description will go here.
Author: Allan Cole
Author URI: http://fthrwght.com/
Template: thematic
Version: 0.1
.
© Allan Cole http://allancole.com/wordpress/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout
@import url('../thematic/library/layouts/2c-r-fixed.css'); */

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors
@import url('../thematic/library/styles/default.css'); */

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {min-width:920px;height:18px;}
#header {width:870px; margin:36px auto;}
#branding {}
#access {position:relative; overflow:hidden;}
#wrapper {position:relative;z-index:120}
#main {width:880px; margin:0 auto; padding:0;overflow:visible; position:relative;z-index:1}
#container {width:700px; float:right;padding:0;margin:0;}
#content {margin:0; width:700px; min-height:300px; overflow:visible}
.main-aside {width:392px; float:left; position:relative;}
#secondary {clear:right}
#footer {clear:both; width:880px; margin:0 auto}
#subsidiary {width:880px; margin:0 auto; overflow:hidden}
#subsidiary .aside {width:300px; float:left; margin:0 20px 0 0}
#subsidiary #third {margin:0}
#siteinfo {clear:both; }

/*	Global
-------------------------------------------------------------- */
html {margin:0;padding:0;height:100.1%;overflow-y:scroll;}
body {color:#999999;background-color:#FFFFFF;font-size:12px;line-height:18px;font-family: helvetica, arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: "Courier New", Courier, monospace, sans-serif;text-transform:uppercase;}
a {text-decoration:none;}
a:link, a:visited {color:#00CCFF;}
a:hover {color:silver;text-decoration:underline;}
span.hide {visibility:hidden;}
hr {display:block;width:100%;clear:both;height:1px;border:0px solid #000;margin-bottom:18px;}

/*	Header
-------------------------------------------------------------- */
#header {vertical-align:middle;position:relative;padding:9px 5px;height:18px;background:#FFF url('img/logo.png') 9px 11px no-repeat;}
#branding {width:700px;height:18px;margin:0;float:left;clear:none;display:inline;vertical-align:middle;}
#blog-title {padding:0;font-size:12px;line-height:18px;width:160px;margin-right:20px;float:left;display:block;clear:none;}
#blog-title a {font-weight:400;display:block;height:18px;text-decoration:none;letter-spacing:0.025em;}
#blog-description {font-size:9px;text-transform:uppercase;letter-spacing:0.25em;font-weight:200;line-height:18px;width:520px;height:18px;margin-right:0px;float:left;display:block;clear:none;font-family: "Courier New", Courier, monospace, sans-serif;}

/* =Menu
-------------------------------------------------------------- */
.skip-link{ display:none}
#access{height:18px;float:left;overflow:visible; z-index:100}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:80px; top:0em; /* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:10em; /* match ul width */top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:10em; /* match ul width */top:0}

#access {padding:0;margin:0 -5px;top:72px;left:5px;position:absolute;float:left;clear:left;width:160px;display:block;vertical-align:middle;line-height:18px; z-index:100; text-transform:lowercase;}
#access .skip-link {display:none;}
.menu ul {margin:0;padding:0;}
.menu ul li {display:block;float:none;width:160px;float:left;margin:0 20px 0 0;}
.menu ul li a {padding:0 5px;font-size:12px;line-height:18px;letter-spacing:0.025em;font-weight:400;display:block;}
.menu ul li ul li a {padding:0 5px;display:block;}
.menu ul li:hover, 
.menu ul li:hover ul {background:#FFF;}
.menu ul li.current_page_item a,
.menu ul li.current_page_parent a { }
.menu ul li.current_page_item {}
	
/*	Navigation FIX THE WIDTH OF THE THE NAV ABOVE ARROWS
-------------------------------------------------------------- */
.navigation .meta-nav {}
.nav-previous {padding:0 5px; float:left; width:40%;}
.nav-next {padding:0 5px; float:right; width:40%; text-align:right}

#nav-above {}
.blog #nav-above {display:none;}
#nav-above a {line-height:18px;height:18px;}
#nav-above .nav-previous {padding:0 5px; float:left; width:25px;height:18px}
#nav-above .meta-nav,
#nav-above .meta-nav a,
#nav-above .nav-previous {height:18px;line-height:18px;display:inline;}
#nav-above .nav-next {padding:0 5px; float:right; width:25px; text-align:right;height:18px}

#nav-below {width:700px;margin:18px 0 0px;clear:both;float:none;display:table;}
#nav-below h3 {font-size:32px;line-height:36px;padding:0 5px;}

.archive #nav-above,
.single #nav-above {display:block;position:absolute;width:80px;right:0;top:-64px;z-index:30;font-size:18px}
.single #nav-below {width:700px;}
.single #nav-below .nav-previous {padding:0 5px; margin-top:18px; float:left; width:272px;}
.single #nav-below .nav-next {padding:0 5px; margin-top:18px; float:right; width:272px; text-align:left}
.single #nav-below .nav-excerpt {margin-top:0;}
.single #nav-below .nav-excerpt p {margin: 0;padding:0;font-size:11px;letter-spacing:0.025em;line-height:18px;}
.single #nav-below a {font-weight:600;}
 
/*	Content
-------------------------------------------------------------- */
#content {clear:both;float:none;padding-top:0;}
#content .hentry {padding:0; float:none;margin:0; position:relative; z-index:2}
#content .page-title {display:none;}
#content .entry-title {padding:0;margin:0;font-size:12px;margin-bottom:36px;letter-spacing:0.025em;text-transform:uppercase;line-height:18px;font-weight:200;}
#content .entry-title a {font-weight:200}
#content .entry-content {padding:0;margin:0;clear:none;width:520px;float:left;display:block;overflow:visible;}
#content .entry-content object {}
#content .entry-content h1,
#content .entry-content h2,
#content .entry-content h3,
#content .entry-content h4,
#content .entry-content h5,
#content .entry-content h6 {padding:0;margin:0;font-weight:400;text-transform:uppercase;font-size:12px;letter-spacing:0.025em;}
#content .entry-content p {padding:0;margin:0 0 22px;}  /* zach - was 36 */
#content .entry-content blockquote {margin:0 0 0 20px;font-style:italic;}
#content .entry-content .gallery {margin:0 0 36px -2px;}
#content .entry-content .gallery .gallery-row {margin:0 0 5px;}
#content .entry-content .gallery .gallery-item {margin:0}
#content .entry-content .gallery .gallery-item .gallery-icon {padding:0;margin:0;float:left}
#content .entry-content .gallery a.fancybox {margin:0;padding:0;display:block;}
#content .entry-content .gallery .gallery-item img,
#content .entry-content .gallery .gallery-item img.thumbnail {padding:0;margin:0;max-width:90px;background:#FFF;border:5px solid #FFF;}
#content .entry-content .gallery .gallery-item img:hover,
#content .entry-content .gallery .gallery-item img.thumbnail:hover {border-color:#000;}
#content .entry-content a {line-height:18px;height:inherit;width:inherit;}
#content .entry-meta {padding:0;margin:0;width:340px;font-size:11px;letter-spacing:0.025em;line-height:18px;}
#content .entry-meta .subtitle-links a {color:#999999;font-size:10px;letter-spacing:0.075em;}
#content .entry-meta .subtitle-links a:hover {text-decoration:none;cursor:default;}
#content .entry-meta abbr {text-decoration:none;border:none;}
#content .entry-meta span {display:inline-block;}
#content .entry-meta .meta-sep {}
#content .project-details {width:155px;margin:0;padding:9px 20px 0 5px;display:block;position:absolute;left:-180px;top:233px;border-top:1px solid #FFF;}
#content .project-details h4 {margin-bottom:9px;}
#content .meta-utility {display:block;font-size:11px;margin-bottom:9px;}
#content .entry-utility {padding:0 5px;width:160px;clear:none;}
#content .edit-link {padding:0;font-size:11px;letter-spacing:0.025em;line-height:18px;}
#content .edit-link a {color:red;display:inline-block;padding:0}
#content .photo-credit {position:absolute;padding:16px;display:block;width:768px;height:100%;z-index:1;text-align:left;}
#content .hentry:hover .photo-credit {display:block;}
#content .page-link {font-weight:bold; line-height:18px; padding:0 0 18px 0; margin-right:16px; word-spacing:16px;}
#content .page-link a {font-weight:normal; padding:0; text-decoration:none}
#content .open-type {font-style:italic;text-transform:lowercase;}

.single #projectlist {margin:0 20px 0 0;width:160px;top:198px;position:absolute;float:left;text-transform:uppercase;font-size:10px;letter-spacing:0.025em;line-height:18px;}
.single #projectlist ul {margin:0;list-style:none;}
.single #projectlist ul li.current a {text-decoration:underline;}
.single #content .post {width:520px;}
.single #content .entry-title {}
.single #content .entry-meta {display:none;}
.single #content .category-projects .entry-meta {display:block;margin:-36px 0 36px;}
.single #content .entry-utility,
.single #content .project-details {margin-bottom:0;margin:0;display:table;clear:both;}
.single #content .entry-content {width:520px;margin-bottom:0;}

/* Blog and Home Styles */
.blog #content .hentry {width:340px;height:341px;overflow:hidden;float:left;margin:0 20px 0 0;padding:0;clear:none;position:relative;}
.blog #content .hentry.p2,
.blog #content .hentry.p4,
.blog #content .hentry.p6,
.blog #content .hentry.p8,
.blog #content .hentry.p10,
.blog #content .hentry.p12,
.blog #content .hentry.p14,
.blog #content .hentry.p16,
.blog #content .hentry.p18,
.blog #content .hentry.p20,
.blog #content .hentry.p22 {margin:0;}
.blog #content .hentry .entry-content {width:320px;top:290px;position:absolute;display:none;}
.blog #content .entry-title {display:block;}
.blog #content .entry-meta {position:absolute;top:18px;left:0;margin:0;padding:0;z-index:99;}
.blog #content .entry-utility {position:absolute;bottom:36px;left:0;margin:0;padding:0;width:25px;z-index:99}
.blog #content .attach-post-image {position:absolute;top:54px;left:0;margin:0;padding:0;}

/* Archive Styles */
.archive #content .hentry {width:340px;height:341px;overflow:hidden;float:left;margin:0 20px 0 0;padding:0;clear:none;position:relative;}
.archive #content .hentry.p2,
.archive #content .hentry.p4,
.archive #content .hentry.p6,
.archive #content .hentry.p8,
.archive #content .hentry.p10,
.archive #content .hentry.p12,
.archive #content .hentry.p14,
.archive #content .hentry.p16,
.archive #content .hentry.p18,
.archive #content .hentry.p20,
.archive #content .hentry.p22 {margin:0;}
.archive #content .hentry .entry-content {width:320px;top:290px;position:absolute;display:none;}
.archive #content .category-blog .entry-content {display:block;top:72px;}
.archive #content .entry-title {display:block;}
.archive #content .entry-utility {position:absolute;bottom:36px;left:0;margin:0;padding:0;width:25px;z-index:99}
.archive #content .attach-post-image {position:absolute;top:54px;left:0;margin:0;padding:0;}

/* Blog Styles */
.category-blog #main {} 
.category-blog #content,
.s-category-blog #content {width:520px;float:right;}
.archive.category-blog #content .hentry,
.category-blog #content .hentry {width:520px;height:inherit;display:table;overflow:hidden;float:none;margin:0 0 72px;padding:0;clear:both;position:relative;}
.category-blog #content .hentry .entry-content {display:block;position:relative;top:0;width:520px}
.category-blog #content .entry-title,
.s-category-blog #content .entry-title,
.archive #content .category-blog .entry-title {display:block;margin-bottom:0;}
.category-blog #content .entry-meta,
.s-category-blog #content .entry-meta {display:block;margin-bottom:18px;}
.archive #content .category-blog .entry-meta {display:block;top:54px;}
.category-blog #content .entry-utility,
.s-category-blog #content .entry-utility {display:none;}
#blog-aside {width:160px;margin:0;padding:0;display:block;position:absolute;left:180px;top:0;border-top:0 solid #FFF;}
#blog-aside h3 {font-size:12px;margin-bottom:9px;}
#blog-aside h4 {margin-bottom:9px;font-size:11px;font-family: helvetica, arial, sans-serif;text-transform:capitalize;}

	
/* News Template Styles */
.page-template-news-template-php #content .hentry {width:869px;display:table;float:none;clear:both;position:relative;border-bottom:1px solid #000;padding:13px 0 36px;}
.page-template-news-template-php #content .hentry.p1 {padding-top:0px;}
.page-template-news-template-php #content .hentry.p5 {border-bottom:none;}
.page-template-news-template-php #content .entry-title {margin:0 0 18px -529px;clear:right;padding:0 177px 13px 0;font-size:14px;text-transform:none;width:160px;float:right;line-height:18px;position:relative;z-index:20;display:inline-block;border-bottom:1px solid #000;}
.page-template-news-template-php #content .entry-meta {width:50px;text-align:right;padding:0;text-transform:uppercase;font-family: "Times New Roman", "Times", "Georgia", Georgia, serif, sans-serif;}
.page-template-news-template-php #content .entry-content {width:341px;float:right;clear:right;margin:0 0 0 -529px;padding:0;font-family: helvetica, arial, sans-serif;}
.page-template-news-template-php #content .attach-post-image {float:left;display:inline;clear:left;padding:0;margin-right:377px;}
.page-template-news-template-php #content .post-video-container {float:left;display:inline;width:490px;clear:left;padding:0;margin:0 377px 100px 0;}
.page-template-news-template-php #content .post-video-container p {position:relative;clear:left;display:table;float:left;}
.page-template-news-template-php #content .post-video-container object {position:absolute;display:table;padding:0;}
.page-template-news-template-php #content .entry-utility .edit-link {width:341px;margin:0 0 0 521px;padding:0;}


/*	Comments
-------------------------------------------------------------- */
#comments {padding:0;margin-left:180px;clear:both;float:none;}
#comments, 
#comments input, 
#comments textarea {line-height:18px}
#comments code {font-size:12px; line-height:18px}
#comments h3 {font-size:12px;line-height:36px;padding:0 5px;}
#comments-list {padding:0 0 18px 0}
#comments-list ol, 
#comments-list ul {list-style:none;margin:0;padding:0;}
#comments-list ol {border-top:1px dotted #000; border-bottom:none; margin:0 0 18px 0}
#comments-list li {background:transparent; border-bottom:1px dotted #000; padding:21px 5px 0; position:relative}
#comments-list li.alt {background:transparent}
#comments-list li.bypostauthor {}
#comments-list ul li {border:1px dotted #000; border-width: 1px 0 0; margin:0 -5px 18px 96px;}
#comments-list li .avatar {position:absolute; top:0; right:0; width:50px; height:50px}
#comments-list .comment-author {font-size:18px;font-weight:400; font-style:italic; padding:0; font-family: "Hoefler Text", "Georgia", Georgia, serif, sans-serif;}
#comments-list .comment-meta {font-size:11px; padding:0;}
#comments-list .comment-meta a {text-decoration:none}
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover {}
#comments-list .comment-content {margin:18px 0;}
#comments-list .comment-content p {margin:0 0 18px; padding:0;}
#comments-list .comment-content blockquote {margin:0 0 0 102px;}
.edit-link a {}
.comment-reply-link {font-size:11px; text-align:right;}
.comment-reply-link a {font-style:italic; text-decoration:none; margin:0 0 18px 0; display:inline-block;}
.comment-reply-link a:active, 
.comment-reply-link a:hover {}
.comment-navigation {font-weight:bold; line-height:18px; padding:0 0 18px 0; margin-right:16px; word-spacing:16px;}
.comment-navigation a {font-weight:normal; text-decoration:none}
.comment-navigation a:active, 
.comment-navigation a:hover { }
.comment-navigation a, 
.comment-navigation span {margin-right:0.5em;word-spacing:normal;}
#trackbacks-list .comment-content {position:absolute; left:-9000px}
#trackbacks-list h3 {border-bottom:1px dotted #000;line-height:43px;}
#trackbacks-list ol {padding:18px 0;margin-bottom:0;list-style-position:outside;}
#trackbacks-list ol li {display:inline;}
#trackbacks-list ol li .comment-author {display:block;}
#respond {margin-bottom:18px; overflow:hidden; padding:18px 0 0 0; position:relative}
#respond p {padding:0 5px;margin-bottom:18px;}
#respond .form-label {padding:0 5px;line-height:18px;}
#comments-list #respond {border-top:1px solid #000; margin:0 0 18px 0; padding:18px 16px}
#comments-list ul #respond {border-top:1px solid #000; margin:0}
#cancel-comment-reply {font-size:11px; position:absolute; top:18px; right:16px}
#cancel-comment-reply a { }
#respond .required {font-weight:bold}
.form-section label {font-size:11px}
.form-section input {margin:0 0 18px 0; width:100%}
.form-section textarea {width:99%;height:128px;}
#form-allowed-tags p {font-size:11px; line-height:18px; margin:0; display:inline-block;}
#form-allowed-tags span {font-style:italic;line-height:18px;}
#form-allowed-tags code {font-size:11px; line-height:normal; line-height:18px; display:inline-block;}
.form-submit {padding:18px 0 0 0; text-align:right}
.subscribe-to-comments {float:left; font-size:11px; margin:0; padding:18px 0 0 0}
.solo-subscribe-to-comments {font-size:11px; padding:18px 0 0 0}
.comment_license {clear:both; font-size:11px; margin:0; padding:18px 0 0 0}

/*	Sidebars
-------------------------------------------------------------- */
.aside {margin:44px 0;float:left; position:relative;}
.aside h3 {padding:0 5px;font-size:12px;}
.aside ul {padding:0;margin:0;list-style:none;}
.aside ul li.widgetcontainer {margin-bottom:18px;font-size:11px;}
.aside ul li.widget_thematic_search {margin-bottom:44px;}
.aside ul li.widget_thematic_search input#s {width:181px;}
.aside ul li.widgetcontainer li {padding:0 5px;}
.aside ul li.widget_tag_cloud div {padding:0 5px;}

#primary {margin-right:0;width:612px;}
#primary .widgetcontainer {margin-right:16px;float:left;width:188px;}

#secondary {clear:right;float:right;width:188px;}
#secondary ul li.widgetcontainer {width:186px;margin-right:16px;float:left;font-size:9px;letter-spacing:0.025em;line-height:18px;}
#secondary ul li.widgetcontainer h3 {padding:0 5px;line-height:18px;}
#secondary ul li.widgetcontainer ul {}
#secondary ul li.widgetcontainer div {padding:0 5px;}

/*	Footer
-------------------------------------------------------------- */
#footer {clear:both;padding:18px 0px 36px;display:table;border-top:1px solid #000;}
#siteinfo {width:520px;margin:0;float:left;clear:none;display:table-cell;vertical-align:middle;font-size:11px;font-weight:200;line-height:18px;}

.gridsystem {background-image: url('img/grid.png'); background-position: top center; background-repeat: repeat-y;margin:0;padding:0}

/* Default styles for Images
-------------------------------------------------------------- */

.entry-content img{margin:0 0 18px 0;}
.alignleft,
img.alignleft,
img.align-left{float:left;margin:0 20px 18px 0;display:block;}
.alignright,
img.alignright,
img.align-right{display:block;float:right;margin:0 0 18px 20px}
.aligncenter,
div.aligncenter,
img.aligncenter{margin:0 auto 18px auto; display:block; float:none; clear:both}
.wp-caption{border:1px solid #C7C7C7; background-color:#E9E9E9; padding-top:5px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:11px; line-height:18px; padding:5px; margin:0}
.wp-smiley{/* Prevent the smileys from breaking line-height */max-height:13px; margin:0 !important}


/*	Browser Stuff
-------------------------------------------------------------- */
.ie6 #header {height:18px;}
.ie7.category-blog #content .hentry {width:520px;height:inherit;display:table;overflow:visible;float:none;margin:0 0 72px;padding:0;clear:both;position:relative;}