/*==========================================
 globals
 ==========================================*/
 
body { font-size:13px; }

h1 { font-size:33px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h5 { font-size:15px; }

/*==========================================
  layout
 ==========================================*/

#header, #content, #upper-footer, #lower-footer
{ 
	margin: 0 auto;
	padding: 0;
	width: 716px;
}

/* 2 column layout */
#tf-left-column
{
	width: 500px;
	height: auto;
	margin-right: 36px;
}

#tf-right-column
{
	width: 180px;
	height: auto;
}

/*==========================================
  header
==========================================*/
 
#header-shell { border-top-width:11px; }

#header { margin-top:32px; margin-bottom:27px; }

#header a#logo { width:160px; }

/*==========================================
 navigations
==========================================*/
 
#main-nav { width:540px; margin-left:16px; }
 
/*==========================================
  content
==========================================*/
 
#content { padding-bottom:30px; }

/*==========================================
 page title
==========================================*/

#tf-page-title { padding:20px 0 10px 0; }

#tf-page-title h1 { font-size:33px; }

/*==========================================
 featured project
==========================================*/
 
.featured-info .featured-desc { max-width:64%; }
.featured-info .featured-title-credits { max-width:34%; }
.featured-info .featured-title-credits h1 { font-size:23px; }

/*==========================================
 portfolio projects (shortcode)
==========================================*/

#tf-portfolio-project { padding-top: 38px; }

#tf-portfolio-project #tf-headings
{
	min-height: 34px;
	font-size: 14px;
}

#tf-portfolio-project #tf-headings #tf-headings-right-col h2
{
	font-size: 21px;
	width: 420px;
}

#tf-portfolio-project #tf-headings #tf-headings-left-col,
#tf-portfolio-project #tf-project-left-col
{
	width: 172px;
	margin-right: 22px;
}

#tf-portfolio-project #tf-headings #tf-headings-right-col,
#tf-portfolio-project #tf-project-right-col
{
	width: 522px;
}

/*==========================================
 posts
==========================================*/
 
ol#comment-list li.comment-list-item div.comment div.comment-body { width:400px; }
 
ol#comment-list li.comment-list-item ul.children li div.comment div.comment-body { width:360px; }

/*==========================================
  footers
==========================================*/
 
 #upper-footer { overflow:hidden; margin-top:50px; }

/*==========================================
  widgets (footer)
==========================================*/
 
#upper-footer ul#footer-widgets
{ 
	width: 738px;
	margin-left: -22px;
	margin-bottom: -34px;
}

#upper-footer ul#footer-widgets li.footer-widget-item
{
	width: 224px;
	margin-left: 22px;
	margin-bottom: 34px;
}