/*   
Theme Name: madebytim
*/

body {
	margin: 0px;
	padding: 0px;
	font:normal 12px 'Helvetica', arial;
	line-height: 18px;
	text-align: left;
	color: #000;
	height: 100%;
}

#wrapper {
	margin:0 auto 0 auto;
	width:942px;
	clear: both;
}

#postnav{
	margin:0 auto 0 auto;
	width:942px;
	height:10px;
}

#pauseplay{visibility: hidden;}
#slidecaption{visibility: hidden;}
#slidecounter{visibility: hidden;}

#navsplit{
	position:absolute;
	bottom:38px;
	margin-left:-147px;
}

#prevpostslide{
	visibility: visible;	
	position: absolute;
	height:98%;
	top:0px;
	left:25px;
	width:38px; 
	background-image: url(images/arrow_left.png);
	background-repeat: no-repeat;
	background-position: center; 
}

#prevpostslide:active{
	top:1px;
}

#prevpostslide a{
	top:50%;
	position:relative;
	cursor: pointer;
	margin-top:-18px;
	width:38px;
	height:40px;
	display:block;
	text-indent:-9999px;
	overflow: hidden;
}

#prevslide{
	visibility: hidden;
	cursor: pointer;
	position: absolute;
	height:98%;
	top:0px;
	left:25px;
	width:38px; 
	background-image: url(images/arrow_left.png);
	background-repeat: no-repeat;
	background-position: center; 
	text-indent: -9999px;
}

#prevslide:active{
	top:2px;
}


#nextpostslide{
	visibility: hidden;
	position:absolute;
	height:98%;
	top:0px;
	right:25px;
	width:38px; 
	background-image: url(images/arrow_right.png);
	background-repeat: no-repeat;
	background-position: center; 	
}

#nextpostslide:active{
	top:2px;
}

#nextpostslide a{
	top:50%;
	position:relative;
	cursor: pointer;
	margin-top:-18px;
	width:38px;
	height:40px;
	display:block;
	text-indent:-9999px;
	overflow: hidden;
}

#nextslide{
	visibility: visible;
	cursor: pointer;
	position: absolute;
	height:98%;
	top:0px;
	right:25px;
	width:38px; 
	background: url(images/arrow_right.png) no-repeat center;

	text-indent: -9999px;	
}

a:hover.contact_us_button{
  	background:url('images/contact_us_today_btn.jpg') no-repeat 0 -32px;
}

a:active.contact_us_button{
  	background:url('images/contact_us_today_btn.jpg') no-repeat 0 -31px;
}

#nextslide:active{
	top:1px;
}

#projectinfo{
	cursor: pointer;
	position:absolute;
	bottom:38px;
	margin-left:-76px;
}

#projectinfo:hover{
	text-decoration: underline;
}

#navigation{
	margin:0px;
	padding:0px;
}

.navigation{
	width:942px;
	margin:0 auto 0 auto;
	height:81px;
	padding:42px 0 0 0;
}

.navigation li{
	list-style: none;
	display: inline-table;
	margin:0 0 0 30px;
	float:right;
}
#navsection1 { position:absolute;margin-left:846px;top:42px;}
#navsection2 { position:absolute;margin-left:726px;top:42px;}
#navsection3 { position:absolute;margin-left:604px;top:42px;}

#contactsection1 {text-align:left; margin-top:-8px; width:458px;float:left; font-size:16px; line-height:27px; }
#contactsection2 {text-align:left; margin-top:-3px; width:216px; float:right;}
#contactsection3 {text-align:left; margin-top:-3px; width:216px; float:right; margin-right:26px;}
#contactsection3 a{text-decoration: underline;}

#aboutsection1 {width:450px;  float:left; text-align:left; font-size:16px; line-height:27px; margin:-8px 0 0 0;}
#aboutsection1 a{text-decoration: underline;}
#aboutsection2 {width:216px; margin:-10px 0 0 0; float:right;}
#aboutsection2 a:hover{text-decoration: underline;}
#aboutsection3 {width:216px;  margin:-2px 0 0 26px; float:right;}

#sorrysection {margin-top:-10px;font-size:16px; line-height:27px;width:942px;}
#sorrysection a{text-decoration: underline; cursor: pointer;}
.blogtextsection {width:216px;margin-top:-8px; text-align:left; float:right;}
#folio{margin-top: -2px;}
#logo {
	background-image:url('images/tim_logo_black5.png');
	width:51px;
	height:42px;
	margin-top: -4px;
	cursor:pointer;
}
.blogpost {clear:both;}
.blogpost img{margin:0 0 10px 0;}
.blogpost a:hover {text-decoration: underline;}
a {color:#000;padding: 0;margin: 0;}
a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a img {border: none;}
a:focus {outline: none;}

.nav {font-size:13px;position:absolute; margin-left:-13px; display:none;}

.foliothumbinfo{
	background-color:white;
	height:307px;
	display: none;
}

.foliothumbhdl{
	font-size:16px;
	margin-bottom:14px;
	margin-top:-6px;
	line-height: 27px;
}

.foliotype{font-size:10px;}

.trickercase {
	position:absolute;
	margin-top: 267px;	
}

.trickercase a:hover{text-decoration: underline;}

h1, h2, h3, h4, h5 ,h6, dl, dt, dd {
	margin: 0 0 -5px 0;
	padding: 0;	
}

h1 {
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 27px;
}

ul#portfolio { margin:0; padding:0; }
ul#portfolio li { float:left; margin:0 0 50px 0; width:216px; height:301px; list-style:none; overflow: hidden; cursor: pointer; }
ul#portfolio li.loading { background: url(images/progressanim.gif) no-repeat center center;  }