/*
Theme Name: deFusion
Theme URI: http://webdemar.com/demo/?wptheme=deFusion
Description: Clean and easy customizable WordPress theme by <a href="http://webdemar.com">webdemar</a>
Version: 0.8.6
Author: webdemar
Author URI: http://webdemar.com
Tags: simple, clean, widgets, widget ready, two columns, right sidebar, fixed width, valid CSS, valid XHTML
*/

/*
	- GENERAL
	- BASIC LAYOUT
	- HEADINGS
	- HEADER
	- CONTENT
		+ CONTENT LEFT
		+ CONTENT RIGHT
	- COMMENTS
	- SEARCHFORM
	- FOOTER
	- USEFUL

/*	##################################
   	GENERAL
	################################## */
	
body { margin: 0 auto; padding: 0 0 0 22px; color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; line-height: 20px; background: #b2b089 url(img/bg-body.png) no-repeat center top; letter-spacing: 1px; width: 940px; }

a { color: white; text-decoration: none; outline: none medium; }
a:hover { color: #cec68c; text-decoration: none; }
p {
	margin: 0 0 20px 0;
}

ul, ol {
	margin-bottom: 20px;
}

blockquote {
	border-left: 5px solid #f7f7f7;
}

/*	##################################
   	BASIC LAYOUT
	################################## */
	
#page { width: 940px; margin: 0 auto; }
	
#header { position: relative; height: 200px; }

#content { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 20px 0 10px; }

#content-left {
	float: left;
	width: 600px;
}

#content-right {
	float: right;
	width: 320px;
}

#footer {  }

/*	##################################
   	HEADINGS
	################################## */
	
h1 { color: #50aafe; position: absolute; bottom: 80px; left: 0; margin: 0; padding: 0; line-height: 1; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; letter-spacing: 13px; }

h1 a { color: #ea8a00; font-weight: normal; text-decoration: none; }
h2 { color: white; font-size: 12px; font-weight: normal; border-bottom: 1px solid #cec68c; }
h2#blog-description { color: black; position: absolute; bottom: 60px; left: 0; margin: 0; padding: 0; font-size: 11px; font-weight: bold; letter-spacing: 3px; }

h3 { color: black; margin: 10px 0 20px; font-size: 16px; font-weight: bold; padding-bottom: 5px; }

h3 a {
	text-decoration: none;
}

h3 a:hover { text-decoration: none; }

h4 { color: white; margin: 43px 0 30px; font-size: 12px; font-weight: normal; padding: 2px 5px 5px; border-bottom: 1px solid #cec68c; }
h4 a:hover { color: #cec68c; text-decoration: none; }
/*	##################################
   	HEADER
	################################## */
	
#top-nav {
	position: absolute;
	top: 10px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#top-nav li {
	float: left;
	margin: 0 0 0 10px;
}

#top-nav li#rss {
	padding: 0 0 0 15px;
	background: url(img/rss-icon.gif) no-repeat left center;
}

/*	##################################
   	CONTENT
	################################## */
	
/** box left */

.box-left { margin-top: 0; margin-right: 0; margin-bottom: 40px; padding-bottom: 30px; }
	
.meta {
	clear: both;
	padding: 10px;
	background: #fff url(img/bg-meta.gif) repeat-x left top;
	color: #5e5e5e;
}

.meta-date {
	padding: 0 10px 0 15px;
	background: url(img/bg-meta-date.gif) no-repeat 0px 2px;
}

.meta-categories {
	padding: 0 10px 0 15px;
	background: url(img/bg-meta-categories.gif) no-repeat 0px 2px;
}

.meta-comments {
	padding: 0 10px 0 15px;
	background: url(img/bg-meta-comments.gif) no-repeat 0px 2px;
}

p.tags {
	clear: both;
}

/** box right */

.box-right { margin: 0 20px 10px 0; padding: 10px 20px 15px; width: 250px; }

.box-right ul {
	margin: 0 0 5px 0;
	padding: 0px;
	list-style: none;
}

.box-right li {
	margin: 0 0 30px;
	padding: 2px 5px 5px;
	border-bottom: 1px solid #cec68c;
}

.box-right li a {
	text-decoration: none;
}
.box-right li a:hover { color: #cec68c; text-decoration: none; }
/*	##################################
   	COMMENTS
	################################## */
	
#commentform label {
	display: block;
	margin: 0 0 5px 0;
}

#commentform input.text, #commentform textarea {
	width: 500px;
	margin: 0 0 10px 0;
}

#commentform .text {
	height: 22px;
	padding: 6px 6px 0 6px;
	background: #fff url(img/bg-form-text.gif) repeat-x left top;
	border: 1px solid #dadada;
	color: #5e5e5e;
}

#commentform textarea {
	height: 150px;
	padding: 6px 6px 0 6px;
	background: #fff url(img/bg-form-text.gif) repeat-x left top;
	border: 1px solid #dadada;
	color: #5e5e5e;
}

#commentform .button {
	width: auto;
	height: 30px;
	margin: 0px;
	padding: 0 20px;
	background: #4a4f54;
	border: none;
	color: #fff;
}

.commentlist {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.commentlist .quote {
	padding: 20px;
	background: url(img/bg-comment-quote.gif) no-repeat right top;
}

.commentlist li {
	margin: 20px 0 0 0;
	padding: 0px;
	background: #4a4f54 url(img/bg-comment-bubble.gif) no-repeat left bottom;
	color: #fff;
}

.commentlist cite {
	display: block;
	font-style: normal;
}

.avatar {
	float: left;
	margin: 0 20px 10px 0;
}

/*	##################################
   	SEARCHFORM
	################################## */
	
#searchform #search {
	float: left;
	width: 146px;
	height: 22px;
	padding: 6px 6px 0 6px;
	background: #fff url(img/bg-form-text.gif) repeat-x left top;
	border: 1px solid #dadada;
	color: #5e5e5e;
}

#searchform .button {
	width: auto;
	height: 30px;
	margin: 0px;
	padding: 0 10px;
	background: #4a4f54;
	border: none;
	color: #fff;
}

/*	##################################
   	FOOTER
	################################## */

#footer { width: 900px; padding: 5px 0 10px; }

#footer p {
	margin: 0 0 10px 0;
}

#legal { color: #cec68c; float: left; width: 400px; }
#legal a:hover { color: #cec68c; text-decoration: none; }
#webdemar {
	float: right;
	width: 400px;
	text-align: right;
}

/*	##################################
   	USEFUL
	################################## */

.clear {
	clear:both;
}

/** WORDPRESS CSS */

.aligncenter,
div.aligncenter {
   	display: block;
   	margin: 0 auto;
}

.aligncenter {
	margin-bottom: 20px!important;
}

.alignleft {
   	float: left;
   	margin: 0 20px 20px 0;
}

.alignright {
   	float: right;
   	margin: 0 0 20px 20px;
}

.wp-caption {
	margin-bottom: 20px;
	padding-top: 4px;
   	border: 1px solid #ccc;
   	text-align: center;
   	background-color: #f7f7f7;
}

.wp-caption img {
   	float: none;
   	margin: 0px;
   	padding: 0px;
   	border: none;
}

.wp-caption p.wp-caption-text {
   	padding: 0px;
  	margin: 0px;
}

/** WIDGETS CSS */

#calendar_wrap table {
	width: 100%;
}

#calendar_wrap td {
	text-align: center;
}

#wp-calendar caption {
	margin: 0 0 10px 0;
	background: #dedede;
}

/*	##################################
   	EIGENE
	################################## */
.firmen { font-size: 11px; line-height: 20px; word-spacing: 7px; letter-spacing: 2px; }
.countdown { display: block; color: #4a9ce7; font-style: italic; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; text-align: center; padding: 10px 25px; border-bottom: 1px solid #dedede; }
.produkt { color: white; font-weight: normal; background: #000 url(img/prod.gif) no-repeat; text-decoration: none; margin: 0; padding: 3px 10px 6px; list-style-type: square; }
.strayquotes { display: block; color: #4a9ce7; font-style: italic; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; text-align: center; padding: 0 25px 10px; border-bottom: 1px solid #dedede; }
.quotehead { display: block; color: #c86500; font-weight: bold; font-style: normal; background-image: url(http://codeofdestiny.com/wp-content/images/dots.gif); background-repeat: no-repeat; background-position: 0 19px; text-decoration: none; text-transform: uppercase; width: 445px; margin-top: 10px; padding-top: 15px; padding-left: 58px; }
.quotecollection { display: block; color: #c86500; font-style: italic; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; width: 570px; padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #dedede; }
#bild { float: left; margin-right: 10px; }
.dots { font-weight: bold; background-image: url(img/dots.gif); background-repeat: no-repeat; background-position: 0 4px; padding-left: 58px; }
.narrowcolumn { width: 550px; margin: 20px; }
.img { background-image: url(http://brands4.us/wp-content/images/mk.png); background-repeat: no-repeat; width: 85px; height: 109px; float: left; margin-top: 5px; margin-right: 10px; }
.marken { font-size: 11px; line-height: 40px; text-align: justify; width: 365px; }
.download { font-size: 11px; line-height: 14px; width: 70%; }