/*  
Theme Name: Drunkey Love
Theme URI: http://www.el73.be/drunkey-love/themes/
Description: Drunkey Love theme for Wordpress
Version: 1.6
Author: Kevin Wetzels
Author URI: http://www.el73.be/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/**-----------------------------------------------------------------------------
** HTML ELEMENTS
**/ 
html, body {
	padding: 0;
	margin: 0;
	font: 100%/150% Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 0.9em;
	background: #F7F1E7;
	color: #333}

a {
	color: #069;
	text-decoration: none}

/**a:visited {
	color: #666;
}
**/
a:hover {color: #036}

html * {margin: 0}
p,
ul,
ol {margin-top: 15px}

ul,
ol {padding-left: 30px; margin-left: 30px}

h1,
h2 {
	margin-top: 15px
	font: 1.7em Georgia, "Times New Roman", Garamond, serif;
	line-height: 1.7em;
	margin-bottom: 0}

h2 a,
h1 a {text-decoration: none; color: #333}
h1 a:hover,
h2 a:hover {color: #036}

h1 {font-size: 1.9em}
h3 {margin-top: 2em}
h4 {margin-zop: 1em}
h5 {font-size: 1em;
	font-weight: bold;
	text-decoration: underline;
	line-height: 2em}
h6 {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0;
	color: #666}

abbr, acronym {cursor: help; border-bottom: 1px dashed #999}

hr {display: none}

blockquote {
	border-left: 5px solid #ccc;
	padding-left: 10px}

pre {overflow: auto}

/**-----------------------------------------------------------------------------
** HEADER
**/ 

#vptlogo {float: top; margin-top: 30px}

#header {
	height: 150px;
	background: #333;
	color: #fff}

#header a {color: #fff}
#header a:hover, #header .current_page_item {
	background: #069;
	color: #fff}

#blog-title {
	vertical-align: text-bottom;
	float: left;
	width: 270px;
	height: 150px;
	text-transform: lowercase;
	font: 1.7em Georgia, Garamond, serif;
	text-align: right;
	background: #333 url(images/bg-title.jpg) repeat-x;
	color: #fff}
#blog-title a {
	display: block;
	width: 250px;
	height: 50px;
	line-height: 50px;
	padding: 100px 20px 0 0}

#pages {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	text-transform: lowercase}

#pages li {float: left; width: 8em}
#pages a {
	display: block;
	height: 50px;
	width: 8em;	
	line-height: 50px;
	padding: 100px 0 0 0;
	text-align: center}

#header a {text-decoration: none}
#header a:hover {text-decoration: none}

/*
 FOOTER
*/ 
#footer {
	clear: both;
	font-size: 0.8em;
	padding: 50px 0;
	text-align: center}
#footer .main {
	border-top: 1px solid #ccc;
	color: #666}

/*
 CONTENT
*/ 
.main,
#content {
	width: 740px;
	margin: 0 auto}
* html #content {width: 745px}

/*
 PRIMARY CONTENT (ENTRIES, COMMENTS, ...)
*/ 
#primary {
	width: 450px;
	padding-right: 20px;
	float: left;
	background: #F7F1E7 /**url(images/bar-vertical.jpg) no-repeat right top;**/ }

.entry {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc}

#primary ul.archive-nav {list-style-image: none}

.meta {
	font-size: 0.85em;
	clear: both;
	color: #666}
.meta a {
	text-decoration: none;
	color: #666}
.meta a:hover {color: #036}
.meta span {
	padding-left: 14px;
	background: #fff url(images/doc.png) no-repeat left center}
.meta span.tags {background-image: url(images/folder.png)}
.meta span.comments {background-image: url(images/comment.png)}
.meta span.author {background-image: url(images/author.png)}
.meta span.trackback {background-image: url(images/trackback.png)}
.meta span.delicious {background-image: url(images/delicious.png)}

#primary .totop img {
	width: 11px;
	height: 11px;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom}
#primary .totop {
	margin-left: 439px;
	clear: both}

.gravatar {
	float: right;
	margin: 30px 0 15px 10px}

#comments h2 {margin-top: 30px}
#comments ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	font-size: 0.9em}
#comments li {clear: both}
#comments ol div.poster {
	clear: both;
	padding: 0 20px;
	font-size: 0.95em;
	color: #666}
#comments .poster a {color: #666}
#comments .poster a:hover {color: #036}
#comments ol.no-gravatars div.poster {padding: 0 20px 0 40px}
#comments ol div.body {
	margin: 0 0 0 0;	
	width: 340px;	
	padding: 20px;
	background: #fff url(images/comment-field.png) no-repeat left top}
#comments ol.no-gravatars div.body {
	width: 340px;	
	padding: 20px;
	margin-left: 20px}
#comments fieldset {
	margin: 5px 0 0 0;
	padding: 0 80px 0 20px;
	width: 330px;
	border: 1px solid #fff}
#comments legend {display: none}
#comments form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none}
#comments form li {margin: 5px 0}
#comments .textfield {width: 50%}
#comments textarea {width: 98%}
#comments .number {
	font: 1.5em "Apple Garamond", "Times New Roman", "Garamond", serif;
	font-style: italic;
	color: #ccc;
	text-align: right;
	padding: 0;
	margin: 0;
	width: 3em;
	float: right}
#comments .number a {color: #ccc; text-decoration: none}
#comments .number a:hover {color: #036}

.archive-nav {
	font-size: 0.9em;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	list-style-image: none}
.archive-nav li {width: 180px}
.archive-nav li a {display: block; width: 164px}

.back {float: left}
.back a {
	padding-left: 16px;	
	background: #fff url(images/back.png) no-repeat left center}

.next {float: right; text-align: right}
.next a {
	padding-right: 16px;
	background: #fff url(images/next.png) no-repeat right center}

#primary h1 img, #primary h2 img, #primary h3 img {
	padding: 0;
	border: none}

/* 
SECONDARY CONTENT (SIDEBAR STUFF)
*/ 
#secondary {
	padding-left: 15px;
	width: 250px;
	float: right;
	font-size: 0.9em}
#secondary h2 {margin-bottom: 10px}
#secondary a:hover {
	background: #069;
	text-indent: 1em}

#searchform fieldset {
	padding: 0;
	margin: 0;
	border: 0px solid #fff}
#searchform legend, #searchform label {display: none}

#blog-description {
	font: 1.6em "Apple Garamond", "Garamond", serif;
	padding: 15px;
	background: #fff url(images/bg-description.jpg) no-repeat}

.fold {display: none}
.foldButton,
.unfoldButton {
	display: block;
	position: relative;
	left: 220px;
	margin-top: -1.3em;
	height: 25px;
	width: 25px;
	cursor: pointer;
	background: #fff url(images/fold.png) no-repeat}
.unfoldButton {background: #fff url(images/unfold.png) no-repeat}

.summary {margin-bottom: 50px}

ul.linklist,
ul.linklist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	border-top: 1px solid #ccc}
ul.linklist ul {border: none}
ul.linklist a,
ul.linklist ul a {
	padding: 0.2em 0;
	width: 100%;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	color: #333}
ul.linklist ul a {width: 95%; padding-left: 5%}
ul.linklist a:hover {background: #069; color: #fff}

ul.descriptionlist  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none}
ul.descriptionlist  li {margin-bottom: 0.5em}

#sidenotes h3 {font-size: 1em}
#sidenotes p {margin-top: 0}

ul.cloud {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none}
.cloud li {display: inline; margin-right: 5px}

/*
 UTILITIES
*/ 
.clear {
	clear: both;
	margin: 0;
	padding: 0}

.hide {display: none}

.center {text-align: center}

.alignright, .lzimg-right {float: right}

.alignleft, .lzimg-left {float: left}

#primary .totop img {border: 0}

#primary img, #photos img {
	padding: 4px;
	max-width: 100%;
	border: 1px solid #ccc;
}
#imgrightnoborder {
	padding: 4px;
	max-width: 100%;
	display: inline;
	float: right;
	border: 0}
	
img.noborder {border: none}
img.simple, 
#primary img.wp-smiley {
	padding: 0;
	margin: 0;
	border: 0}

.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin:.4em 1em .4em 0}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin:.4em 0 .4em 1em}
.aligncenter,
img.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto}

.wp-smiley {max-height:1em;margin:0!important}

.gallery dl {margin:0}
.gallery dt {width: 150px}
.gallery-caption {margin:-1.5em 0 0}

.aligncenter,
div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto}

.wp-caption {
	color:#2f2e2e;
	border:1px solid #DED5CA;
	text-align:center;
	background-color:#DED5CA;
	padding-top:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px}
.wp-caption:hover {background-color:#67625E;border-color: #67625E;color:#e9e9e9}
#primary .wp-caption img {margin:0;padding:0;border:0 none}
.wp-caption p.wp-caption-text {
	font:.9em Arial;
	line-height:1.1em;
	padding:8px 6px;
	margin:0}

.divider { 
	clear:both; 
	display:block; 
	margin-bottom:20px;
	width:100%}

.flickr {color: #06c}
.flickr span {color: #c00}

#primary a.extlink {
	padding-right: 12px;
	background: #fff url(images/external-link.png) no-repeat right center}