/* 0.0 Wordpress ---------------------------------------------------------------------------------------

THEME NAME: Timo Redrawn
THEME URI: http://www.timo-aim.com/
DESCRIPTION: A Timo theme for Wordpress. 
			 Uses PHP generated CSS with an Apache server hack 
			 (.htaccess "AddHandler application/x-httpd-php .css"). 
			 Will not run properly on a non apache server.
VERSION: 0.0.3
PHP: Generated for OTHER(OTHER) 

----------------------------------------------------------------------------------------------------- */

/* 1.0 Index -------------------------------------------------------------------------------------------

	2.0 CSS Reset
	3.0 Globals
		3.1 Wrapper
	4.0 Header
		4.1 Timo Logo
		4.2 RSS Button
		4.3 Flash Map
	5.0 Access
		5.1 Search Form
		5.2 Menu
		5.3 Login Info
	6.0 Sidebar
	7.0 Container
		7.1 Content
		7.2 Title
		7.3 Entry Meta 
		7.4 Entry Content 
		7.5 Navigation
	8.0 Footer
	
----------------------------------------------------------------------------------------------------- */

/* 2.0 CSS Reset, 
	   Based on the work of Eric Mayer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
----------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, Bitstream Vera Sans,sans-serif;
	vertical-align: baseline;
	}

/* 3.0 Globals
----------------------------------------------------------------------------------------------------- */
body{
	background: url('images/body-bg.gif') repeat ;/*#5f6871;*/
	}
	
/*	3.1 Wrapper   */
div#wrapper {
	margin: 0 auto;
	display:block;
	position: relative;
	width:788px;
	background: url('images/main-bg.gif') top center repeat-y;
	}

/*	4.0 Header
	    Contains Logo, RSS Links, Flash Map, Tag Line, and Tag Cloud (not yet implemented).
----------------------------------------------------------------------------------------------------- */
div#header {
	display:block;
	padding-top: 70px;
	margin: 0 4px;
	height: 300px;	
	}
div#header h1 {
	height:300px;
	background: url('images/header.png') #dddddd;
	}
/*	4.1 Timo Logo	*/
div#header h1#blog-title span {
	position:absolute;	
	left: 19px;
	margin-top: -40px;
	background: url('images/logo.png') no-repeat top left;
	}
div#header h1#blog-title span a {
	display: block;
	text-indent: -9999px;
	height: 77px;
	width: 150px;
	}
div#header #blog-description {
	display: block;
	position:absolute;
	top: 353px;
	margin: -40px -24px;
	width: 319px;
	height:69px;
	background: url('images/blog-dsc.png') top left no-repeat;
}
div#header #blog-description a {
	display:block;
	width:319px;
	height:69px;
	text-indent: -999px;
	}
	
/*	4.2 RSS Button   */
div#secondary li#rss-links  {
	display:inline;
	}
div#secondary li#rss-links h3 {
	display:none;
	}
div#secondary li#rss-links ul {
	position: absolute;
	left: 158px;
	top: 95px;
	float: left;
	display: block;
	}
div#secondary li#rss-links ul li { 
	background:url('images/rss.png') left top no-repeat;
	display:block;
	}
div#secondary li#rss-links ul li a { 
	display:block;
	text-indent: -9999px;
	height: 22px;
	width: 21px;
	}
/*	4.3 Flash Map   */
div#blog-flashmap {
	position:absolute;
	top: 70px;
	}
div#blog-flashmap li {
	display:block;
	font-size: 12px;
	position: absolute;
	margin-left: 350px;
	width: 420px;
	padding-right:10px;
	}
div#blog-flashmap p {
	margin-top:10px;
	}	
div#blog-flashmap p#flashmap-get {
	padding-left:30px;
	font-weight:bold;
	background: url('images/get-flash.png') top left no-repeat;
	}
div#blog-flashmap li a {
	color: #f35201;
	text-decoration:none;
	}	
div#blog-flashmap li a:hover {
	color: #f35201;
	text-decoration:underline;
	}	
div#blog-flashmap li ul a {
	padding-right:5px;
	}
div#blog-flashmap ul {
	height:200px;
	}
div#blog-flashmap ul a {
	display:block;
	float: left;
	}
	
/*	5.0 Access 
	    Contains Search Bar, Page Links, Login Information.
----------------------------------------------------------------------------------------------------- */
div#access .skip-link {
	display:none;
	}
/*	5.1 Search Form   */
div#secondary li#search h3 {
	display:none;
	}
div#secondary li#search {
	position: absolute;
	margin: 0px;
	border: 0px;
	left: 430px;
	top: 40px;
	float: left;
	display:block;
	}
div#secondary li#search form#searchform div {
	background:url('images/search-box.png') left top no-repeat;
	height:24px;
	}
div#secondary li#search form#searchform div:hover {	
	background:url('images/search-box-h.png') left top no-repeat;
	}
div#secondary li#search input#s{
    display:block;
	background: transparent;
	padding: 3px 4px 2px 4px;
	height: 18px;
	border: 0;
	outline: 0;
	margin-left:1px;
	width: 170px;
	float:left;
	}
div#secondary li#search input#searchsubmit {
    display:block;
	background: url('images/search-btn.png') left top transparent no-repeat;
	margin-left: 6px ;
	padding: 0;
	border: 0;
	outline: 0;
	height: 23px;
	width: 24px;
	text-indent:-9999px;
	font-size: 15px;
	float:left;
		}
div#secondary li#search input#searchsubmit:hover {
	background: url('images/search-btn-h.png') left top transparent no-repeat;
	}
/*  5.2 Menu   */
div#menu ul {
	position: absolute;
	left: 638px;
	top: 40px;
	width: 130px;
	float:left;
	}
div#menu ul li {
	background: url('images/main-li.png') no-repeat top left;
	margin-left: 5px;
	height: 23px;
	float:right;
	display:block;
	} 
div#menu ul li:hover {
	background: url('images/main-li-h.png') no-repeat top left;	
	}
div#menu ul li a {
	background: url('images/main-a.png') no-repeat top right;
	font-weight: bold;
	height: 23px;
	padding-top: 2px; 
	padding-left: 5px; 
	padding-right: 6px;
	text-decoration: none;
	color: #ffffff;
	display:block;
	}
div#menu ul li a:hover {
	background: url('images/main-a-h.png')  no-repeat top right;
	}
/*	5.3 Login Info   */
div#secondary li#login {
	position: absolute;
	left: 140px;
	top: 48px;
	padding-bottom: 2px;
	padding-top: 2px;
	height: 24px;
	width: 288px;
	text-align: right;
	display:block;
	font-size: 8pt;
	font-style: italic;
	}
div#secondary li#login h3 {
	display: none;
	}
div#secondary li#login ul li{
	height: 23px;
	width: 24px;
	text-align: right;
	float:right;
	margin-left: 5px;
	display:block;
	}
div#secondary li#login ul li a {
	text-indent:-9999px;
	text-align: left;
	height: 23px;
	width: 24px;
	overflow: hidden;
	display:block;
	} 
div#secondary li#login ul li#user{
	padding-top: 3px;
	text-transform: capitalize;
	font-size: 16px;
	text-align: right;
	width: 184px;
	float:left;
	display:block;
	}
div#secondary li#login ul li#user a{
	height:auto;
	width:auto;
	text-decoration:none;
	text-indent:0;
	display:inline;
	color:#000000;
	}
div#secondary li#login ul li#user a:hover {
	text-decoration:underline;
	}

div#secondary li#login ul li#home {	
	background: url('images/home-btn.png') no-repeat top left;
	}
div#secondary li#login ul li#home:hover {
	background: url('images/home-btn-h.png') no-repeat top left;
	}
div#secondary li#login ul li#logout {	
	background: url('images/logout-btn.png') no-repeat top left;
	}
div#secondary li#login ul li#logout:hover {
	background: url('images/logout-btn-h.png') no-repeat top left;
	}
	
div#c3a3p {
color:#555555;
font-size:16px;
left:38px;
line-height:15px;
position:relative;
text-align:left;
top:-15px;
width:200px;
}

/* 6.0 Sidebar
----------------------------------------------------------------------------------------------------- */
div#primary {
	overflow: hidden;
	float:right;
	margin: 25px 0;
	border-left: #dddddd solid 1px;
	width: 186px;
	background: url('images/sidebar-div.png') no-repeat top left;
}
div#primary .xoxo {
	background: url('images/sidebar-ul.png') no-repeat bottom left;
	padding: 0 14px 0px 8px;
	}
div#primary li {
	display:block;
	color: #f39012;
	font-size:11px;
	font-weight:bold;
	}
div#primary li .page_item li {
	display:block;
	padding-left:12px;
	}
div#primary h3 {
	display:block;
	margin-top:10px;
}
div#primary li p {
	font-weight:normal;
	color: #000000;
}
div#primary li#text-170803831 h3 {
	display:block;
	margin-top:0px;
}
div#primary li#text-170803831 a {
	color: #f39012;
}
div#primary a {
	text-decoration:none;
	font-weight:normal;
	color:#000000;
}
div#primary a:hover {
	text-decoration:underline;
}

/* 7.0 Container
----------------------------------------------------------------------------------------------------- */
div#container {
	display:block;
	margin: 0 -200px 0 0;
	width: 780px;
	float:left;
}
/*	7.1 Content   */
div#content {
	margin: 17px 14px;
	width:565px;
	}
div#content strong {
	font-weight:bold;
	color: #222222;
	}
div#content h3 {
	padding:13px 0 0 0;
	font-size:20px;
	font-weight: normal;
	height:23px;
	clear:both;
	color: #000000;
	margin-bottom: 4px;
	border-bottom: #dddddd solid 1px;
	}
div#content h4 {
	padding:14px 0 0 0;
	font-size:18px;
	height:21px;
	margin-bottom:-4px;
	color: #000000;
	}
div#content li { 
	padding-top: 10px;
	}
div#content ol, 
div#content ul { 
	padding-left: 30px;
	}
div#content p {
	padding:  5px 0 5px;	
	}
div#content .alignleft {
	float:left;
	padding: 8px 8px 8px 0px;
	}
div#content .alignright {
	float:right;
	padding: 8px 8px 0px 8px;
	}
div#content .aligntop {
	padding-top: 0px;
	}
	 
/* 7.2 Title   */
div#content .page-title {
	padding-top: 14px;
	height:27px;
	font-size: 24px;
	border-bottom: #dddddd solid 1px;
	font-weight:normal;
	}
div#content .entry-title {
	padding-top: 14px;
	height:24px;
	clear:both;
	font-size: 19px;
	border-bottom: #dddddd solid 1px;
	margin: 0 0 2px;
	font-weight:normal;
}
.home div#content .entry-title,
.single div#content .entry-title,
.page div#content .entry-title  {
	height:29px;
	font-size: 24px;
}
div#content div#post-link {
	opacity:0.7;
	display:block;
	margin: 0px 0px 8px -2px;
	float:right;
	clear:both;
	font-size:19px;
	height: 36px;
	clear:both;
	background: url('images/navbig-div.png') no-repeat top left;
	text-decoration:none;
}
div#content div#post-link:hover {
	opacity:1;
}
div#content div#post-link a {
	display:block;
	float:left;
	color:#000000;
	text-decoration:none;
	padding: 7px 34px 6px 12px;
	text-align:left;
	background: url('images/navbig-a.png') no-repeat top right;
}
div#content .entry-title a,
div#content a#post-link,
.single div#content .entry-title {
	color: #f39012;
	text-decoration:none;
}
div#content .entry-title a:hover
	{
	text-decoration:none; 
	border-bottom: 2px solid #f39012;
}
/* 7.3 Entry Meta   */
div#content .entry-meta,
div#content .entry-details {
	font-size: 11px;
	color: #000000;
}
.home div#content .entry-meta,
.single div#content .entry-meta,
.page div#content .entry-meta,
.archive div#content .entry-meta {
	background:url('images/post-bg.png') no-repeat top right;
	margin-top: -2px;
	padding: 4px 15px;
	height:12px;
}
.archive div#content .archive-meta {
	background:url('images/page-bg.png') no-repeat top right;
	height:12px;
}
.page div#content div .entry-content .edit-link a {
	display:block;	
	position:absolute;
	top:410px;
	margin-left:540px;
	font-size: 11px;
}
div#content .entry-meta a,
.page div#content div .entry-content .edit-link a {
	color:#0956cd;
	font-weight:bold;
}
div#content .entry-meta a:hover,
.page div#content div .entry-content .edit-link a:hover  {
	color:#50b103;
}
/* 7.4 Entry Content   */
div#content .entry-content {
	font-size: 14px;
	padding: 6px 0;
	}
.page div#content .entry-content {
	margin-top: -2px;
	background: url('images/page-bg.png') no-repeat top right;
}
/* 7.5 Navigation   */
div#content div#nav-below {
	margin-top: 12px;
	padding-top: 10px;
	height: 32px;	float:left;
	clear:both;
	width:565px;
	background: url('images/page-bg.png') no-repeat top right;
	border-top: solid #dddddd 1px;
}
div#content div#nav-above {
	display:none;
	margin-top: -4px;
	margin-bottom: -4px;
	float:left;
}
div#content div a .nav-previous {
	opacity: 0.7;
	float:left;
	margin: 0 1px;
	text-transform: uppercase;
	height: 19px;
	font-size: 11px;
	font-weight: bold;
	background: url('images/nav-div.png') no-repeat top left;
}
div#content div a .nav-previous:hover {
	opacity: 1;
}
div#content div .nav-previous {
	display:block;
	float:left;
	padding: 3px 5px;
	text-decoration:none;
	color:#000000;
	background: url('images/nav-a.png') no-repeat top right;
}
div#content div a .nav-next, 
div#content div .entry-content .more-link {
	display:block;
	opacity: 0.7;
	float:right;
	margin: 0 0 0 1px;
	text-transform: uppercase;
	text-decoration:none;
	height: 19px;
	font-size: 11px;
	font-weight: bold;
	background: url('images/nav-div.png') no-repeat top left;
}
div#content div a .nav-next:hover,
div#content div .entry-content .more-link:hover {
	opacity: 1;
}
div#content div .nav-next,
div#content div .entry-content .more-a {
	display:block;
	float:left;
	padding: 3px 5px;
	text-decoration:none;
	color:#000000;
	background: url('images/nav-a.png') no-repeat top right;
}
	
/* 8.0 Footer
----------------------------------------------------------------------------------------------------- */
div#footer {
	display:block;
	background: url('images/footer.png') #dddddd;
	width:760px;
	margin:0 4px;
	font-size:11px;
	padding: 10px;
	height:70px;
	clear: both;
	}
li#aim-link {
	display:block;
	margin-top:2px;
	float:left;
	background: url('images/aim-logo.png') no-repeat top left;
	}
li#aim-link a {
	display:block;
	text-indent:-9999px;
	float:left;
	width: 92px;
	height: 68px;
	overflow: hidden;
	}
div#footer div#footer-content {
	position:relative;
	top:55px;
	left: 2px;
	float:left;
	}
div#footer div#footer-content a {
	display:inline;
	float:none;
	margin:0;
	color: #000000;
	}

/* -------------------------------------------------------------------------------------------------- */