/*********************************************************************
Theme Name: Blotch
Description: Based on JoergStoeffel's original site design.
Version: 1.0
Author: Kevin Lam 
Author URI: http://kevinlam.name/

	Blotch v1.0

	This theme was designed and built by Kevin Lam,
	whose blog you will find at http://kevinlam.name/

********************************************************************/


body {background:#666; color:#FFF; font-family:Arial,tahoma,verdana; font-size:12px}

#container {width:820px; height:auto; margin:0 auto; border:collapse;}
#header {width:100%; height:72px; margin:0 auto; background:url("images/header.png") no-repeat;}
#hmenu {width:100%; height:40px; text-align:center; margin:0 auto; background:#000;}
#center {width:711px; margin:0 auto;}
#content {width:495px; padding:10px; vertical-align:top; background-color:#993333; background-repeat:no-repeat; background-position: right top;}


.about {background:url("images/about.gif");}
.blog {background:url("images/blog.gif");}
.archive {background:url("images/archives.gif");}
.archives {background:url("images/archives.gif");}
.contact {background:url("images/contact.gif");}
.guestbook {background:url("images/guestbook.gif");}
.news {background:url("images/guestbook.gif");}
.links {background:url("images/links.gif");}
.press {background:url("images/press.gif");}
.tour {background:url("images/tour.gif");}
.video {background:url("images/video.gif");}



#sidebar {width:200px; padding:0; vertical-align:top; background:#333 url("images/sidebar.png") repeat; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#sidebar-content {clear:both; float:left; position:relative; width:200px; padding:10px; vertical-align:top; color:#FFF;}
#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #FFF;}
#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;}
#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}

#footer {background:#000; padding:5px; text-align:center; font-size:10px; }
#bottom {width:auto; height:32px; background:url("images/footer.png") no-repeat;}
#borders {background:url("images/centerbg.png"); width:820px; background-repeat:repeat-y;}

img {margin:0; padding:0; border:0;}
a:link {color:#E8AC09; font-weight:bold;}
a:visited {color:#999; font-weight:bold;}
a:hover {color:#FFF; font-weight:bold;}
a:active {color:#FFF; font-weight:bold;}

a:link.menu {color:#E8AC09; font-weight:bold; text-decoration:none; padding-right:15px;}
a:visited.menu {color:#999; font-weight:bold; text-decoration:none; padding-right:15px;}
a:hover.menu {color:#FFF; font-weight:bold; text-decoration:none; padding-right:15px;}
a:active.menu {color:#FFF; font-weight:bold; text-decoration:none; padding-right:15px;}

h3 {font-size: 1.3em;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none; color:#FFF;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}