/*
Theme Name: beri&derick
Theme URI: http://berder.lyniq.com/
Version: 2006
Author: Derick Ng
*/

body {
	background: url(img/background.jpg) top center;
	font: .75em/1.6em "Lucida Grande", Verdana, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

a:link {
	color: #900;
}

a:hover {
	background-color: #ffc;
	text-decoration: none;
}

a:visited {
	color: #900;
}

blockquote {
	border: 1px solid #ccc;
	background-color: #ffc;
	margin: 1em;
	padding: 0 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", serif;
	letter-spacing: -.06em;
	color: #900;
	margin: 0;
}

h2 {
	font-size: 1.6em;
}

h2 a {
	text-decoration: none;
}

h3 {
	font-size: 1.4em;
}

div.clear {
  clear:both;
}

small {
	font-size: .9em;
	color: #666;
}

p {
	margin: 1em 0;
}

textarea#comment {
	width: 100%;
}

#column {
	text-align: left;
	width: 630px;
	margin: 10px auto;
}

#banner {
	background: url(img/banner.jpg) no-repeat;
	width: 630px;
	height: 60px;
}

#banner a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	position: relative;
	top: 32px;
	height: 28px;
}

#banner a:hover {
	background: none;
}

#logo a {
	width: 186px;	
}

#btnabout a {
	left: 44px;
	width: 100px;
}

#btnarchives a {
	left: 55px;
	width: 100px;
}

#main {
	background: url(img/content-background.jpg) no-repeat;
	padding: 15px;
}

#content {
	float: left;
	width: 400px;
}

#content .postby {
	font-size: .9em;
	margin-top: -.3em;
	color: #666;
}

#content .postbreak {
	background: url(img/post_break.gif) center center no-repeat;
	height: 4em;
}

#content .postmeta {
	text-align: center;
	font-size: .9em;
	color: #666;
}

#content .postmeta img {
	vertical-align: middle;
}

#content img {
	vertical-align: text-bottom;
}

.commenttext {
	border: 1px solid #ccc;
	padding: .5em;
	margin: 1em 0;
}

.commentlist p {
	padding: 0;
	margin: .25em .5em .5em;
}

.commentlist .gravatar {
	border: 1px solid #ccc;
	padding: 2px;
	float: right;
}

#commentform input, textarea {
	border: 1px solid #ccc;
}

#recentposts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#recentposts li {
	margin-bottom: 1em;
}

#recentposts span.date {
	color: #666;
	font-size: 0.9em;
}

#sidebar {
	float: right;
	width: 180px;
}

#sidebar p {
	margin: 0;
	font-size: .9em;
	color: #666;
}

#sidebar h3 {
	margin: .8em 0 .2em 0;
}

#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;	
	border: 0;
	font-size: .9em;
}

#sidebar ul.flickr li {
	display: inline;
}

#sidebar ul.flickr li a img {
	padding: 3px;
	border: 1px solid #ccc;
	margin-right: 3px;
	margin-bottom: 5px;
}

#sidebar ul.flickr li a:hover img {
	background-color: #ffa;
}

#sidebar ul.blogroll li {
	float: left;
	width: 50%;
}

#footer {
	background-color: #eee;
	border-top: 1px dotted #a00;
	margin-top: 1.4em;
	padding: .5em;
	font-size: .9em;
	text-align: center;
}

.navigation {
	display: block;
	height: 3em;
}

.alignleft {
	float: left;	
}

.alignright {
	float: right;	
}

.pagetitle {
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px dotted #a00;
	color: #333;
}