@charset "UTF-8";

body{
	margin: 0px;
	padding: 0px;
	background-color:#ffeecf;
	font-family:Helvetica, Arial, Geneva, Verdana, sans-serif;
}
img{
	margin:0px;
	padding:0px;
	border:none;
}
h1{
	text-transform:uppercase;
	letter-spacing:4px;
	text-decoration:none;
	font-size:14px;
	line-height:22px;
}
p{
	text-transform:none;
	letter-spacing:normal;
	text-decoration:none;
	font-size:14px;
	line-height:22px;
}
#container {
	padding: 0px;
	width: 910px;
	height: 100%;
	margin: 0px auto 0px auto;
}
#header {
position: relative;
	width: 910px;
	height: 199px;
	background: url(http://marchobelman.net/tumblr/images/masthead_.gif) top center no-repeat;
	margin-left:1px;
}
	#header ul {
		width:442px;
		height:38px;
		position: relative;
		top: 111px;
		left: 42px;
		padding: 0px;
		margin: 0px;
	}
	#header ul li {
		height:38px;
		display:inline;
		padding: 0px;
		margin: 0px;
	}
	#header ul li a {
		text-indent:-9000px;
		overflow:hidden;
		position:absolute;
		top:0px;
		height:38px;
		padding: 0px;
		margin: 0px;
	}
	#designs a {
		width:121px;
		left:0px;
		background:url(http://marchobelman.net/tumblr/images/nav_off.png) 0px 0px no-repeat;
	}
	#designs a:hover {
		background:url(http://marchobelman.net/tumblr/images/nav_hover.png) 0px 0px no-repeat;
	}
	#extras a {
		width:111px;
		left:121px;
		background:url(http://marchobelman.net/tumblr/images/nav_off.png) -121px 0px no-repeat;
	}
	#extras a:hover {
		background:url(http://marchobelman.net/tumblr/images/nav_hover.png) -121px 0px no-repeat;
	}
	#contact a {
		left:232px;
		width:134px;
		background:url(http://marchobelman.net/tumblr/images/nav_off.png) -232px 0px no-repeat;
	}
	#contact a:hover {
		background:url(http://marchobelman.net/tumblr/images/nav_hover.png) -232px 0px no-repeat;
	}
	#blog a {
		left:121px;
		width:77px;
		background:url(http://marchobelman.net/tumblr/images/nav_off.png) -366px 0px no-repeat;
	}
	#blog a:hover {
		background:url(http://marchobelman.net/tumblr/images/nav_hover.png) -366px 0px no-repeat;
	}
	.designs #designs a {
		width:121px;
		left:0px;
		background:url(http://marchobelman.net/tumblr/images/nav_off_designs.png) 0px 0px no-repeat;
	}
	.designs #designs a:hover {
		background:url(http://marchobelman.net/tumblr/images/nav_hover_designs.png) 0px 0px no-repeat;
	}
	.extras #extras a {
		width:111px;
		left:121px;
		background:url(http://marchobelman.net/tumblr/images/nav_off_extras.png) -121px 0px no-repeat;
	}
	.extras #extras a:hover {
		background:url(http://marchobelman.net/tumblr/images/nav_hover_extras.png) -121px 0px no-repeat;
	}
	.contact #contact a {
		left:232px;
		width:134px;
		background:url(http://marchobelman.net/tumblr/images/nav_off_contact.png) -232px 0px no-repeat;
	}
	.contact #contact a:hover {
		background:url(http://marchobelman.net/tumblr/images/nav_hover_contact.png) -232px 0px no-repeat;
	}
	#fieldHolder {
		position:relative;
		top:77px;
		left:586px;
		width: 300px;
		height: 28px;
	}
	#textInput {
		width: 140px;
		background:#ffeecf;
		color:#493F2D;
		border: none;
		padding:5px;
		overflow:hidden;
		float:left;
		line-height:normal;
		font-size:14px;
		font-size-adjust:none;
		vertical-align:baseline;
	}
	#search {
		float:left;
		margin-left:10px;
		height:31px;
		width:95px; 
	}
#content {
	width: 855px;
	height: 100%;
	padding: 0px 20px 10px 35px;
	margin: 0px -355px 0px 0px;
	float: left;
	color:#493f2d;
}
	#content a, a:link, a:visited {
		color:#493f2d;
		text-decoration:underline;
	}
	#content a:hover {
		background-color:#05b3e6;
		color:#ffeecf;
		text-decoration:none;
	}
	#content h1 {
		color:#05b3e6;
	}
	#content h1 a, a:link, a:visited, a:hover {
		color:#05b3e6;
		text-decoration:none;
	}
	#content p {
		color:#493f2d;
	}
	#content p a, a:link, a:visited {
		color:#493f2d;
		text-decoration:underline;
	}
	#content p a:hover {
		background-color:#05b3e6;
		color:#ffeecf;
		text-decoration:none;
	}
	#page {
		clear:both;
		height:26px;
		width:500px;
		margin:10px 0px;		
	}
	.fleft {
		float:left;
	}
	.fright {
		float:right;
	}
	.post {
		width:500px;
		padding:20px 0px;
		border-bottom:#493f2d thin dashed;
	}
	.caption {
		padding:10px 0px 0px;
	}
#rrail {
	float: left;
	width: 305px;
	height: 100%;
	background: url(http://marchobelman.net/tumblr/images/rrail_bg.gif) top right repeat-y;
	padding: 0px;
	margin: 0px;
}
	#rrail #desc {
		margin: 0px 21px;
	}
	#rrail .bottom {
		clear:both;
		width: 305px;
		padding: 0px;
		margin: 20px 0px 0px 0px;
		background: url(http://marchobelman.net/tumblr/images/rrail_bottom.gif) bottom right no-repeat;
	}
	#rrail h1 {
		color:#ffffff;
		border-bottom:#ffffff thin dashed;
	}
	#rrail p {
		color:#ffffff;
		margin-bottom:25px;
	}
	#rrail a, a:link, a:visited {
		color:#ffffff;
		text-decoration:underline;
	}
	#rrail a:hover {
		background-color:#ffffff;
		color:#227c96;
		text-decoration:none;
	}
	#twitter a {
		float:left;
		height:29px;
		width:112px;
		padding:0px;
		margin:0px;
		text-indent:-9000px;
		overflow:hidden;
		background:url(http://marchobelman.net/tumblr/images/links_off.png) 0px 0px no-repeat;
	}
	#twitter a:hover {
		background:url(http://marchobelman.net/tumblr/images/links_hover.png) 0px 0px no-repeat;
	}
	#vimeo a {
		float:left;
		height:29px;
		width:112px;
		padding:0px;
		margin:0px 0px 0px 20px;
		text-indent:-9000px;
		overflow:hidden;
		background:url(http://marchobelman.net/tumblr/images/links_off.png) -139px 0px no-repeat;
	}
	#vimeo a:hover {
		background:url(http://marchobelman.net/tumblr/images/links_hover.png) -139px 0px no-repeat;
	}
	#facebook a {
		float:left;
		height:29px;
		width:112px;
		padding:0px;
		margin:0px;
		text-indent:-9000px;
		overflow:hidden;
		background:url(http://marchobelman.net/tumblr/images/links_off.png) 0px -29px no-repeat;
	}
	#facebook a:hover {
		background:url(http://marchobelman.net/tumblr/images/links_hover.png) 0px -29px no-repeat;
	}
	#startio a {
		float:left;
		height:29px;
		width:112px;
		padding:0px;
		margin:2px 0px 0px 20px;
		text-indent:-9000px;
		overflow:hidden;
		background:url(http://marchobelman.net/tumblr/images/links_off.png) -139px -31px no-repeat;
	}
	#startio a:hover {
		background:url(http://marchobelman.net/tumblr/images/links_hover.png) -139px -31px no-repeat;
	}
	#linkedin a {
		float:left;
		height:29px;
		width:112px;
		padding:0px;
		margin:2px 0px 0px;
		text-indent:-9000px;
		overflow:hidden;
		background:url(http://marchobelman.net/tumblr/images/links_off.png) 0px -60px no-repeat;
	}
	#linkedin a:hover {
		background:url(http://marchobelman.net/tumblr/images/links_hover.png) 0px -60px no-repeat;
	}
#footer {
	padding: 0px;
	width: 910px;
	height: 115px;
	margin: 30px auto 0px auto;
	background: url(http://marchobelman.net/tumblr/images/footer_bg.gif) bottom center no-repeat;
	clear: both;
}
	#footer p {
		color:#ffeecf;
		margin-left:50px;
		margin-top:22px;
		float:left;
	}
	.smaller {
		font-size:11px;
		line-height:17px;
	}
	#footer a, a:link, a:visited {
		color:#ffeecf;
		text-decoration:underline;
	}
	#footer a:hover {
		background-color:#ffeecf;
		color:#493F2D;
		text-decoration:none;
	}