body{
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

#wrap{
}

a img{
	border:none;
}

a
{
  outline: none;
}

#nav{
	float:left;
	width:240px;
	height:520px;
	background-image:url(images/nav-bg.JPG);
	background-position:left;
	background-repeat:no-repeat;
	text-align:center;
	padding-left:45px;
}

#navlinks{
	padding-top:25px;
}

#logo{
	background-image:url(images/logo.png);
	width:80px;
	height:77px;
}

a.homeroll{
	display: block;
	width: 81px;
	height: 42px;
	text-decoration: none;
	background: url("images/home.PNG");
	border-bottom:double #000;
}

a.homeroll:hover {
	background-position: -81px 0;
}
	
a.aboutroll{
	display: block;
	width: 81px;
	height: 36px;
	text-decoration: none;
	background: url("images/about.PNG");
}

a.aboutroll:hover {
	background-position: -81px 0;
}
	
a.blogroll{
	display: block;
	width: 81px;
	height: 51px;
	text-decoration: none;
	background: url("images/blog.PNG");
	border-bottom:solid 1px #000;
}

a.blogroll:hover {
	background-position: -81px 0;
}

a.ill{
	display: block;
	width: 81px;
	height: 20px;
	text-decoration: none;
	background: url("images/ill.PNG");
}

a.ill:hover {
	background-position: -81px 0;
}

a.photo{
	display: block;
	width: 81px;
	height: 21px;
	text-decoration: none;
	background: url("images/photo.PNG");
}

a.photo:hover {
	background-position: -81px 0;
}

a.indes{
	display: block;
	width: 81px;
	height: 24px;
	text-decoration: none;
	background: url("images/indes.PNG");
}

a.indes:hover {
	background-position: -81px 0;
}

a.other{
	display: block;
	width: 81px;
	height: 31px;
	text-decoration: none;
	background: url("images/other.PNG");
}

a.other:hover {
	background-position: -81px 0;
}

a.motion{
	display: block;
	width: 81px;
	height: 24px;
	text-decoration: none;
	background: url("images/motion.PNG");
}

a.motion:hover {
	background-position: -81px 0;
}


.displace {
	position: absolute;
	left: -5000px;
}

#portfolio-top{
	background-image:url(images/portfolio-top.png);
	background-position:2px;
	width:80px;
	height:59px;
}

#portfolio-bottom{
	background-image:url(images/portfolio-bottom.png);
	width:81px;
	height:37px;
}

#main{
	margin-left:285px;
	padding-top:1em;
}

#footer{
	margin-bottom:1em;
}

.foot a{
	border-bottom:dotted thin #000;
	text-decoration:none;
	color:#000;
	background:#f1f1f1;
}

#title_post{
	width:560px;
	height:60px;
	background-image:url(images/title_post.PNG);
	background-repeat:no-repeat;
	overflow:hidden;
}

#title_post h2{
	padding:15px 0 0 25px;
}

#post{
	width:560px;
}

#post p{
	padding-left:1em;
	padding-right:1em;
	text-indent:1em;
}

#post_date{
	background-image:url(images/post_date.PNG);
	background-repeat:no-repeat;
	width:70px;
	height:70px;
	float:left;
	position:relative;
	left:566px;
	top:-350px;
	padding-top:5px;
}

#day{
	font-size:24px;
	width:61px;
	text-align:center;
	border-bottom:thin dotted #000;
}

#month{
	font-size:18px;
	width:62px;
	text-align:center;
}

#post_meta h5{
	padding-left:1em;
	color:#CCC;
}

.roundedCorners{
	width: 220px;
	background-color:#FFF;
	border:3px solid #f1f1f1;

	/* Do rounding (native in Safari, Firefox and Chrome) */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.navigation{
	width:560px;
	clear:both;
	padding-bottom:5em;
}

#left{
	float:left;
}

#right{
	float:right;
}

#left_foot{
	width:310px;
	float:left;
}

#middle_foot{
	width:310px;
	float:left;
	border-left:thin dotted #000;
	border-right:thin dotted #000;
}

#right_foot{
	width:310px;
	float:left;
}

#foot_bottom{
	clear:both;
	width:930px;
	text-align:center;
	padding-top:2em;
}