/*
Theme Name: Typemachine
Theme URI: http://typemachine.com
Description: The Typemachine Theme.
Version: 2.0
Author: Tim Drabandt
Author URI: http://typemachine.com
Tags: typemachine, awesomeness x 2
*/

body {
	/* background-image: url(images/bkgd.gif); */
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif ; 
	line-height: 1.4em;
	background-color: #FFF;
	color: #000;
	text-align: left;
	margin: 0;
	padding: 0;
	}

a { text-decoration: none; color: #000; }
p { margin: 0; padding: 0; }
p a { text-decoration: underline; }
h1 { font-weight: normal; margin: 0; padding: 0; line-height: 1.125em; }
h2 { font-size: 1em; font-weight: bold; margin: 0 0 12px; padding: 0; }
h2 a, h2 a:visited {color: #000;}
h2 a:hover { color: #f26522; }
ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; list-style: none; }
img { margin: 0; padding: 0; border: 0; }
img a { border: 0; }

#page { margin: 0; padding: 0; display: block; }

/* Constant Units */
#onebox { width: 118px; margin: 0 0 10px 8px; float: left; display: block; }
#onebox p { margin: 12px 0; }
#onebox a:hover { color: #f26522; }

#twobox { width: 244px; margin: 0 0 10px 8px; float: left; display: block; }

#threebox { width: 370px; height: 109px; margin-left: 8px; }


/* Header & Navigation */
#header { width: 968px; height: 70px; margin: 83px 0 0 39px; display: block; clear: both; /*border-top: 14px solid #000; */ }
#header #logo { width: 107px; margin: 16px 0 54px; float: left; display: block; }
#header #nav { width: 600px; height: 14px; margin: 14px 0 0 90px; display: block; float: left; color: #000; }

#header #nav #nav_home { width: 16px; height: 16px; display: block; background: url(images/nav_home.gif) no-repeat 0 0; float: left; }
#header #nav #nav_home:hover { background-position: -16px 0; }
#header #nav #nav_home span { display: none; }

#header #nav #nav_viewAll { width: 16px; height: 16px; display: block; margin-left: 4px; background: url(images/nav_viewall.gif) no-repeat 0 0; float: left; }
#header #nav #nav_viewAll:hover { background-position: -16px 0; }
#header #nav #nav_viewAll span { display: none; }

#header #nav #nav_about { width: 16px; height: 16px; display: block; margin-left: 4px; background: url(images/nav_about.gif) no-repeat 0 0; float: left; }
#header #nav #nav_about:hover { background-position: -16px 0; }
#header #nav #nav_about span { display: none; }

#header #onebox { width: 80px; margin: 14px 0 0 8px; float: right; text-align: right; }
#header #onebox #twitter { width: 18px; height: 18px; display: block; background: url(images/twitter.gif) no-repeat 0 0; float: right; }
#header #onebox #twitter:hover { background-position: -18px 0; }
#header #onebox #twitter span { display: none; }
#header #onebox #flickr { width: 18px; height: 18px; margin-left: 2px; display: block; background: url(images/flickr.gif) no-repeat 0 0; float: right; }
#header #onebox #flickr:hover { background-position: -18px 0; }
#header #onebox #flickr span { display: none; }

/* Single Post Navigation */
#single_nav { width: 60px; height: 14px; margin-left: 4px; clear: both; }
#single_nav #container #next { width: 12px; height: 14px; margin-right: 4px; float: left; background: url(images/single_next.gif) no-repeat 0 0;  }
#single_nav #container #next:hover { background-position: -12px 0; }
#single_nav #container #next span { display: none; }
#single_nav #container #back { width: 12px; height: 14px; margin-right: 4px; float: left; background: url(images/single_back.gif) no-repeat 0 0; }
#single_nav #container #back:hover { background-position: -12px 0; }
#single_nav #container #back span { display: none; }
#single_nav #container #end { width: 12px; height: 14px; background: url(images/single_end.gif) no-repeat 0 0; }

/* Homepage */
#content { width: 1008px; height: 516px; padding: 0; margin-left: 28px; clear: both; /* background-color: #FF0; */ }
#content #item { width: 236px; float: left; margin-left: 14px; display: block; /* padding-top: 13px; border-top: 1px solid #000; background-color: #0FF; */ }
#content #item:hover { /* border-top: 1px solid #f26522; */ }
#content #item h2 { margin: 17px 0 0; padding: 0; }
#content #item #thm { width: 236px; height: 378px; display: block; }
#content #item #excerpt h2 { margin: 12px 0 0; text-transform: uppercase; }
#content #item #excerpt p { color: #000; }
#content #item #noJS a:hover { background-color: #EEE; }

/* Page Definitions */
#content #work { width: 244px; margin-left: 6px; padding: 0; float: left; display: block; /* background-color: #0FF; */ }
#content #work a:hover { color: #F26522; }
#content #work #twobox { height: 140px; }
#content #work #twobox #posted { margin-top: 2px; }
#content #work #twobox p { margin-bottom: 14px; }
#content #work #twobox h1 { margin: 49px 0 42px; }
#content #gallery { width: 748px; margin: 12px 0 0 8px;}

/* Articles */
#content #article { width: 1000px; margin-left: 8px; }
#content #article #body { width: 496px; margin: 0; display: inline; float: left; }
#content #article #body h1 { font-size: 2.5em; margin-top: 72px; }
#content #article #body a:hover{ color: #F26522; }
#content #article #body p { margin: 0 0 14px 8px; padding-right: 8px; }
#content #article #body #threebox { margin-top: 2px; }
#content #article #body #threebox #posted { margin: 2px 0 28px; padding: 0; }
#content #article #image { width: 496px; display: block; float: right; } 

/* View All */
#content ul.lcp_catlist { width: 844px; background-color: #FF0; margin-bottom: 12px; padding: 0; }
#content ul li { display: block; width: 236px; height: 249px; float: left; margin: 0 0 12px 16px; border-top: 4px solid #000; }
#content ul li a { height: 252px; }
#content ul li a:hover { color: #F26522; }
#content ul li p { color: #000; }
#content ul li img { margin: 6px 0; }
#content ul li h2 { margin: 6px 0 0; }


/* About */
#content #about { width: 1000px; margin-left: 8px; display: block; }
#content #about a { color: #000; text-decoration: underline; }
#content #about a:hover { color: #f26522; }
#content #about #onebox { margin: 12px 0 12px 8px; }
#content #about #onebox h2 { margin: 0; }
#content #about #onebox #mad { margin-top: 24px; }
#content #about #onebox #mad h2 { margin: 0; }
#content #about #image { width: 118px; margin: 0 0 12px 8px; float: left; display: block; }
#content #about #image img { margin: 12px 0 6px; }
#content #about #twobox { margin-left: 8px; padding: 0; }
#content #about #twobox p { margin-bottom: 12px; padding-right: 16px; }


/* Footer */
#footer { margin: 28px 0 14px 63px; padding-top: 4px; clear: both; }
#footer #threebox { height: 18px; margin: 0; padding: 0; }

img#wpstats { display:none }

/* 
Home Link
#header ul.nav li#current a { padding: 4px 6px; color: #FFF; background-color: #000; } 
#header ul.nav li#current a:hover { color: #FFF; background-color: #000; }

Category Links
#header ul.nav li { display: inline; margin-left: 15px; }
#header ul.nav li a { padding: 4px 6px; color: #000; }
#header ul.nav li a:hover { padding: 4px 6px; }

#header ul.nav li a.active_category { color: #FFF; }
a.active_category, a:visited.active_category, a:link.active_category, a:hover.active_category { padding: 4px 6px; background-color: #000; }
#header ul.nav li.current_page_item a:link, #header ul.nav li.current_page_item a:visited { color: #FFF; }
.current_page_item a:link, .current_page_item a:visited { padding: 4px 6px; background-color: #000; } 
*/