/*  
Theme Name: Snaily 
Theme URI: http://www.gosnailgo.com 
Description: sleepy snaily 
Version: 1.0
Author: Mark Jen 
Author URI: 
*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	color: #000;
	text-align: center;
	}

p {
	font-size: 1.2 em;
	}

img {
	border: none;
	padding: 3px;
	}

.alignright {
        float: right;
        }

.alignleft {
        float: left
        }

#page {
	background-color: white;
	text-align: left;
	width: 780px;
	margin-top: 0px;
	padding-top: 0px;
	}

#header {
	}

#content {
	width: 700px;
	text-align: left;
	}

#footer {
	text-align: center;
	}

#headerlogo {
	background: url('images/header.gif') no-repeat bottom;
	width: 405px;
	height: 28px;
	padding-top: 30px;
	margin-left: 40px;
	margin-bottom: 10px;
	}

#headersnail {
	background: url('images/header-snail.gif');
	float: right;
	height: 92px;
	width: 158px;
	margin-left: -150px;
	padding-left: -150px;
	position: relative;
	}

#nav {
	width: 700px;
	height: 30px;
	}

#nav-blog {
	background: url('images/nav-blog.gif');
	height: 27px;
	width: 97px;
	float: left;
	margin-top: 4px;
}

#nav-blog:hover {
	background: url('images/nav-blog-over.gif');
}

#nav-about {
	background: url('images/nav-about.gif');
	height: 29px;
	width: 166px;
	float: left;
	margin-left: -9px;
}

#nav-about:hover {
	background: url('images/nav-about-over.gif');
}

#nav-wedding {
	background: url('images/nav-wedding.gif');
	height: 26px;
	width: 139px;
	float: left;
	margin-left: -27px;
}

#nav-wedding:hover {
	background: url('images/nav-wedding-over.gif');
}
#nav-resume {
	background: url('images/nav-resume.gif');
	height: 26px;
	width: 139px;
	float: left;
	margin-left: -27px;
}

#nav-resume:hover {
	background: url('images/nav-resume-over.gif');
}

#nav-pics {
	background: url('images/nav-pics.gif');
	height: 23px;
	width: 153px;
	float: left;
	margin-left: -3px;
	margin-top: 3px;
}

#nav-pics:hover {
	background: url('images/nav-pics-over.gif');
}

#nav-contact {
	background: url('images/nav-contact.gif');
	height: 26px;
	width: 156px;
	float: left;
	margin-left: -5px;
	margin-top: 5px;
}

#nav-contact:hover {
	background: url('images/nav-contact-over.gif');
}

h1, h1 a, h1 a:visited {
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

h1 a:hover {
	text-decoration: underline;
	}

.markjen-post h1 {
	color: #2C6D2E;
	}

.markjen-post h1 a, .markjen-post h1 a:visited {
	color: #2C6D2E;
	background: url('images/post-snail-h1.gif') no-repeat left top;
	padding-left: 30px; /* padding is based on the width of your custom image*/
	}

.markjen-post .entry {
	font-size: 1.3em;
	background: url('images/post-snail-topright.gif') no-repeat right top;	
	padding-top: 1px;
	padding-right: 10px;
	padding-left: 10px;
	}

.markjen-post .postmetadata {
	font-size: 1.2em;
	background: url('images/post-snail-bottomleft.gif') no-repeat left top;
	padding-left: 20px;
	color: #8df200;
	height: 16px;
	padding-bottom: 20px;
	}

.markjen-post a {
	color: #2C6D2E;
	}

.rosekwok-post h1 {
	color: #501020;
	}

.rosekwok-post h1 a, .rosekwok-post h1 a:visited {
	color: #501020;
	background: url('images/post-rose-h1.gif') no-repeat left top;
	padding-left: 30px; /* padding is based on the width of your custom image*/
	}

.rosekwok-post .entry {
	font-size: 1.3em;
	background: url('images/post-rose-topright.gif') no-repeat right top;	
	padding-top: 1px;
	padding-right: 10px;
	padding-left: 10px;
	}

.rosekwok-post .postmetadata {
	font-size: 1.2em;
	background: url('images/post-rose-bottomleft.gif') no-repeat left top;
	padding-left: 20px;
	color: #dc92a5;
	height: 16px;
	padding-bottom: 20px;
	}

.rosekwok-post a {
	color: #501020;
	}

.pageentry {
	font-size: 1.2em;
	text-align: left;
	}

#footer a, #footer a:visited {
	color: #999;
}

.commentlist {
	font-size: 1.2em;
	}