/*
Theme Name: Todd Krieger
Theme URI: http://seso.net
Description: A custom theme for T.E.Krieger
Version: 1 (WP2.8)
Author: Seso Media Group
Author URI: http://seso.net
Tags: June 2009
*/

@import "style/css/reset.css";
@import "style/css/sifr.css";

/* General Styles
-------------------------------------  */

html { overflow-y: scroll; }

body
{
	font: 12px/20px Helvetica, Verdana, Arial, sans-serif;
	color: #2a1704;
	background: #f0ede9 url(images/bg-body.gif) repeat-x 0 0;
}

#wrapper
{
	margin: 0 auto 0 auto;
	width: 960px;
	background-color: #f0ede9;
}

#flood
{
	float: left;
	width: 100%;
	margin: 9px 0 0 0;
	border-top: 1px solid #cdc9c6;
}

a
{
	color: #000;
	text-decoration: underline;
}

a:hover
{
	color: #000;
	text-decoration: none;
}

/* Header
------------------------------------- */

#hdr
{
	position: relative;
	float: left;
	height: 131px;
	width: 958px;
	border-right: 1px solid #2a1603;
	border-left: 1px solid #2a1603;
	border-bottom: 1px solid #2a1603;
	background: #c9564a url(images/hdr-hiTek.jpg) no-repeat top center;
}
#hdr h1 {
	display:none;
}
h1
{
	font: bold 14px/16px Helvetica, Verdana, Arial, sans-serif;
	position: relative;
	margin: 195px 0 0 26px;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 600px;
}

h2
{
	font: bold 32px/32px Helvetica, Verdana, Arial, sans-serif;
	padding: 9px 0 12px 0;
	color: #2a1704;
	letter-spacing: -1px;
}

h2 a
{
	font: bold 32px/32px Helvetica, Verdana, Arial, sans-serif;
	padding: 9px 0 12px 0;
	color: #2a1704;
	letter-spacing: -1px;
	text-decoration: none;
}

h3
{
	font: bold 18px/32px Helvetica, Verdana, Arial, sans-serif;
	padding: 9px 0 12px 0;
	color: #2a1704;
	letter-spacing: -1px;
	text-decoration: none;
}

#hdr ul
{
	font: 22px/22px Helvetica, Verdana, Arial, sans-serif;
	height: 44px;
	position: absolute;
	z-index: 9999;
	top: 88px;
	left: 680px;
}

#hdr ul li
{
	display: block;
	float: left;
	padding: 9px 12px 8px 12px;
	margin: 4px 2px 2px 2px;
	border-bottom: 1px solid #2a1603;
	background-color: #f0ede9;
}

#hdr ul li.current_page_item
{
	float: left;
	padding: 13px 12px 8px 12px;
	margin: 0 2px 2px 2px;
	border-bottom: 1px solid #f0ede9;
	color: #bb413a;
}

#hdr ul li a
{
	display: block;
	text-decoration: none;
	float: left;
	color: #665b4c;
	cursor: pointer;
}

#hdr ul li.current_page_item a { color: #bb413a; }

#hdr ul li a:hover
{
	text-decoration: none;
	float: left;
	color: #bb413a;
}

/* Footer
------------------------------------- */

#ftr
{
	margin: 9px auto 36px auto;
	width: 960px;
	font: bold 12px/16px Helvetica, Verdana, Arial, sans-serif;
}

#ftr p
{
	display: inline;
	margin: 0 0 0 26px;
	color: #c21b19;
}

#ftr p span { color: #ce8685; }
#ftr span { display: inline; }

/* Content/About
------------------------------------- */

#about
{
	position: relative;
	float: left;
	margin: 0 0 0 26px;
	width: 920px;
	color: #665b4c;
	font: 14px/20px Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: 200;
}

#about h2
{
	font: bold 24px/14px Helvetica, Verdana, Arial, sans-serif;
	position: relative;
	margin: 18px 0 9px 0;
	color: #c21b19;
}

#about h2 span
{
	font: 24px/14px Helvetica, Verdana, Arial, sans-serif;
	position: relative;
	margin: 0;
	padding: 0;
	color: #ce8685;
}

#about hr
{
	border: 0;
	color: #cdc9c6;
	background-color: #cdc9c6;
	height: 1px;
	clear: both;
}

#about br.clear
{
	margin: 18px 0 0 0;
	clear: both;
}

#about #blurb
{
	float: left;
	width: 500px;
}

#about #blurb h3
{
	font: bold 24px/18px Helvetica, Verdana, Arial, sans-serif;
	position: relative;
	color: #690206;
	margin: 9px 0 0 0;
	letter-spacing: -1px;
}

#about #blurb p
{
	color: #665b4c;
	font: 14px/20px Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: 200;
	padding: 18px 18px 9px 0;
}

#about #blurb p span
{
	color: #690206;
	font: bold 24px/20px Helvetica, Verdana, Arial, sans-serif;
}

#about #side
{
	float: left;
	font: 14px/20px Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	width: 420px;
}

#about #side p
{
	color: #690206;
	font: bold 24px/28px Helvetica, Verdana, Arial, sans-serif;
	padding: 18px 0 9px 18px;
	letter-spacing: -1px;
}

#about #side #book img
{
	margin: 18px 0 18px 16px;
	float: left;
}

#about #side #book h6, #about #side #book h4, #about #side #book h5
{
	padding: 0 0 0 18px;
	float: left;
	letter-spacing: -1px;
}

#about #side #book h6
{
	margin: 23px 30px 9px 0px;
	color: #665b4c;
	font: 13px/13px Helvetica, Verdana, Arial, sans-serif;
	width: 200px;
}

#about #side #book h4
{
	color: #690206;
	font: bold 24px/24px Helvetica, Verdana, Arial, sans-serif;
}

#about #side #book h5
{
	margin: 3px 0 0 0;
	color: #000;
	font: 18px/24px Georgia, serif;
	width: 310px;
}

#work
{
	position: relative;
	float: left;
}

#work img.workClips
{
	border: 0;
	width: 160px;
	height: 188px;
}

#work ul
{
	margin: 9px 0 0 10px;
	padding: 0;
	float: left;
}

#work ul li
{
	margin: 9px 15px 18px 15px;
	float: left;
	width: 160px;
	padding: 0;
}

#work ul li h3
{
	margin: 9px 0 9px 0;
	clear: both;
	color: #665b4c;
	font: bold 14px/16px Helvetica, Verdana, Arial, sans-serif;
}

#work ul li a
{
	clear: both;
	color: #000;
	font: 13px/16px Helvetica, Verdana, Arial, sans-serif;
}

#work ul li a:hover
{
	clear: both;
	color: #690206;
	text-decoration: underline;
}

#work ul li p
{
	clear: both;
	color: #665b4c;
	font: 11px/16px Helvetica, Verdana, Arial, sans-serif;
}

#work ul li h4
{
	font: 13px/16px Helvetica, Verdana, Arial, sans-serif;
	color: #000;
}

/* Content/Services
------------------------------------- */

#services
{
	position: relative;
	float: left;
	margin: 0 0 0 26px;
	width: 900px;
	color: #665b4c;
	font: 14px/20px Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: 200;
}

#services h2
{
	font: bold 24px/14px Helvetica, Verdana, Arial, sans-serif;
	position: relative;
	margin: 18px 0 9px 0;
	color: #c21b19;
}

#services hr
{
	border: 0;
	color: #cdc9c6;
	background-color: #cdc9c6;
	height: 1px;
}

#services h3
{
	font: bold 24px/18px Helvetica, Verdana, Arial, sans-serif;
	position: relative;
	color: #690206;
	margin: 9px 0 0 0;
	letter-spacing: -1px;
	width: 660px;
}

#services ul, #services ol, #services p
{
	color: #665b4c;
	font: 14px/20px Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: 200;
	padding: 9px 0 9px 0;
	width: 660px;
}

/* Content/Blog
------------------------------------- */

#contentTop
{
	position: relative;
	float: left;
	width: 960px;
	height: 14px;
	margin: 9px 0 0 0;
	background: #f0ede9 url(images/bg-contentside_top.gif) repeat-y 0 0;
}

#contentMid
{
	position: relative;
	float: left;
	width: 960px;
	background: #f0ede9 url(images/bg-side_mid.gif) repeat-y 551px 0;
}

#contentMid #main
{
	float: left;
	width: 550px;
	padding: 10px 0 10px 0;
	background: #fff url(images/bg-content_mid.gif) repeat-y left 0;
}

#contentMid #main p, #contentMid #main ul, #contentMid #main ol, #contentMid #main h1, #contentMid #main h2, #contentMid #main h3, #contentMid #main h4
{
	padding: 3px 0 12px 36px;
	width: 474px;
}

#contentMid #main img.size-medium
{
	margin: 3px 12px 12px 36px;
	width: 237px;
}

#contentMid #main img.size-large
{
	margin: 3px 12px 12px 36px;
	width: 474px;
}

#contentMid #main img.size-full
{
	margin: 3px 12px 12px 36px;
	max-width: 474px;
}

/* zero image in P */
#contentMid #main p img.size-medium
{
	margin: 3px 0 12px 0;
	width: 237px;
}

#contentMid #main p img.size-large
{
	margin: 3px 0 12px 0;
	width: 474px;
}

#contentMid #main p img.size-full
{
	margin: 3px 0 12px 0;
	max-width: 474px;
}

#contentMid #main h2 a
{
	font: bold 32px/32px Helvetica, Verdana, Arial, sans-serif;
	padding: 9px 0 12px 0;
	color: #2a1704;
	letter-spacing: -1px;
	text-decoration: none;
}

#contentMid #main h2 a:hover { text-decoration: underline; }

#contentMid #main div.postDateOuter
{
	float: left;
	width: 540px;
	margin: 0 0 0 10px;
	background: #fff url(images/bg-content_date.gif) repeat-x left 9px;
}

#contentMid #main p.postDateInner
{
	font: bold 12px/16px Helvetica, Verdana, Arial, sans-serif;
	
	width: 130px;
	padding: 3px 0 3px 6px;
	margin: 0 0 0 20px;
	color: #625344;
	background-color: #fff;
}

#contentMid #main div.commentsWrapper
{
	padding: 3px 0 3px 6px;
	margin: 0 0 0 20px;
	color: #625344;
	background-color: #fff;
	border: 1px solid #625344:;
}

/* SIDE */
#contentMid #side
{
	font: 11px/16px Helvetica, Verdana, Arial, sans-serif;
	float: left;
	width: 410px;
	background-color: transparent;
}

#contentMid #side p, #contentMid #side ul, #contentMid #side ol { padding: 3px 0 3px 18px; }

#contentMid #side ul li ul
{
	padding: 0;
	margin: 0;
}

#contentMid #side p, #contentMid #side ul, #contentMid #side ol
{
	width: 374px;
	color: #000;
	clear: both;
}

#contentMid #side h3 { padding: 3px 0 9px 18px; }

#contentMid #side form
{
	float: right;
	color: #fff;
	background: transparent;
	padding: 0 0 9px 0;
}

#contentMid #side #s
{
	float: left;
	font: 20px/16px Helvetica, Verdana, Arial, sans-serif;
	margin: 4px 0 0 0;
	padding: 2px 2px 0 2px;
	color: #000;
	width: 150px;
}

#contentMid form #s
{
	float: left;
	font: 20px/16px Helvetica, Verdana, Arial, sans-serif;
	margin: 4px 0 0 0;
	padding: 2px 2px 0 2px;
	color: #000;
	width: 150px;
}

#contentMid form .submitBtn
{
	float: left;
	color: inherit;
	background: transparent url(images/btn-search.gif) no-repeat 0 -36px;
	margin: 0 8px 0 4px;
	width: 36px;
	height: 36px;
	border: 0;
}

#contentMid #side div
{
	float: left;
	width: 410px;
	padding: 18px 0 18px 0;
	background: transparent url(images/bg-side_break.gif) no-repeat 1px 0;
}

#contentMid #side ul.widgetWrapper
{
	width: 410px;
	float: left;
	margin: 0;
	padding: 0;
}

#contentMid #side ul.widgetWrapper li.widget
{
	float: left;
	margin: 0;
	padding: 18px 0 18px 18px;
	background: transparent url(images/bg-side_break.gif) no-repeat 1px 0;
}

#contentMid #side #twitter_div
{
	float: left;
	padding: 0;
	background: transparent url(../images/x.gif) no-repeat 1px 0;
}

#contentMid #side h3, #contentMid #side h2.widgettitle
{
	float: left;
	font: bold 24px/16px Helvetica, Verdana, Arial, sans-serif;
	color: #665b4c;
}

#contentMid #side a
{
	font: bold 12px/16px Helvetica, Verdana, Arial, sans-serif;
	color: #000;
}

#contentMid #side ul li { padding: 0 0 9px 0; }

#contentMid #side ul li.widget_categories ul li.cat-item
{
	padding: 0;
	margin: 0;
}

#contentMid #side ul li.widget_categories ul li.cat-item a
{
	padding: 0;
	margin: 0;
}

#contentMid #side a#rss
{
	float: left;
	display: block;
	padding: 0 3px 0 36px;
	margin: 0 0 9px 18px;
	width: 100px;
	background: transparent url(images/btn-rss.gif) no-repeat left center;
}

#contentMid #side div#tweet a#tweetBtn
{
	float: left;
	display: block;
	height: 20px;
	margin: 1px 0 0 9px;
	padding: 4px 3px 0 25px;
	background: transparent url(images/btn-twitter.gif) no-repeat left top;
}

#contentMid #side a#googleReaderBtn
{
	float: left;
	display: block;
	height: 20px;
	margin: 1px 0 0 9px;
	padding: 4px 3px 0 25px;
	background: transparent url(images/btn-googleReader.gif) no-repeat left top;
}

#contentBtm
{
	position: relative;
	float: left;
	width: 960px;
	height: 14px;
	background: #f0ede9 url(images/bg-contentside_btm.gif) repeat-y 0 0;
	text-align: left;
}

#contentMid form textarea
{
	padding: 0;
	margin: 9px 0 0 36px;
	width: 300px;
}

#contentMid form input
{
	float: left;
	padding: 0;
	margin: 9px 0 0 36px;
	width: 300px;
}

#contentMid form label
{
	float: left;
	padding: 0;
	margin: 9px 0 0 36px;
	width: 300px;
}

#contentMid form p
{
	float: left;
	padding: 0;
	margin: 9px 0 0 36px;
	width: 300px;
}

#contentMid .entries { clear: both; }
.hidden { display: none; }
.micro { font: 11px/13px Helvetica, Verdana, Arial, sans-serif; }
.light { color: #665b4c; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.shortme { width: 150px; }


.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}