/*[variables]
colors
{
	@00: #000001;
}
*/
/*
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: 0px;
	padding: 0px;
	background: #1E1F21 url(img/bg-body.gif) no-repeat left top;
	color: #6E7073;
	font: 13px/18px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}
A:hover
{
	color: #89AFFB;
}
A
{
	color: #5A7FB7;
	outline: none;
	text-decoration: none;
}
.ctc A
{
	color: #BFBFBF;
}
.ctc A:hover
{
	color: #000001;
	text-decoration: underline;
}
P
{
	margin: 0 0 20px;
}
UL, OL
{
	margin-bottom: 20px;
}
BLOCKQUOTE
{
	margin: 0 0 0 8px;
	padding: 0 0 0 12px;
	border-left: 10px double #E7E7E7;
	color: #818181;
}
/*##################################
BASIC LAYOUT
##################################*/
#page
{
	width: 940px;
	margin: 0 auto;
}
#header
{
	position: relative;
	height: 200px;
}
#content
{
	padding: 20px 0 0;
	background: #FFF;
}
H1 A:hover
{
	text-decoration: underline;
}
H1 A
{
	text-decoration: none;
}
H1
{
	margin: 0 0 20px;
	font-size: 1.8em;
	font-weight: normal;
}
#content-left
{
	float: left;
	width: 600px;
}
#content-right
{
	float: right;
	width: 320px;
	border-left: 1px dashed #BFBFBF;
}
#footer
{
}
/*##################################
HEADINGS
##################################*/
#header H1 A:hover
{
	text-decoration: none;
	color: #FFFFFF;
}
#header H1
{
	position: absolute;
	bottom: 80px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	font-size: 73px;
	font-weight: normal;
	text-decoration: none;
}
#content-left H2
{
	margin: 52px 0px 57px 86px;
	font-size: 37px;
	color: #8FB0FF;
}
H2
{
	margin: 0 0 20px 42px;
}
H2#blog-description
{
	position: absolute;
	bottom: 60px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: normal;
}
H3
{
	margin: 0 0 20px;
	font-size: 1.8em;
	font-weight: normal;
}
H3 A
{
	text-decoration: none;
}
H3 A:hover
{
	text-decoration: underline;
}
H4
{
	margin: 0 0 10px;
	font-size: 14px;
	color: #A4C8FF;
}
/*##################################
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: 0 0 40px 20px;
}
.meta
{
	clear: both;
	padding: 10px;
	background: #FFF url(img/bg-meta.gif) repeat-x left top;
	color: #5E5E5E;
	border-bottom: 2px solid #CDCDCD;
}
.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 20px 0;
	padding: 20px;
	background-color: #FFF4D1;
	/*[disabled]background:#F7F7F7 url(img/bg-box-right.gif) no-repeat left top;*/
}
.box-right UL
{
	margin: 0px 0px 5px 10px;
	padding: 0px;
	list-style: none;
}
.box-right LI
{
	margin: 0px;
	padding: 0px;
	border-bottom: 0px solid #DEDEDE;
}
.box-right LI A:hover
{
	color: #D19B7B;
}
.box-right LI A
{
	text-decoration: none;
}
/*##################################
COMMENTS
##################################*/
#commentform LABEL
{
	display: block;
	margin: 0 0 5px;
}
#commentform INPUT.text, #commentform TEXTAREA
{
	width: 500px;
	margin: 0 0 10px;
}
#commentform .text
{
	height: 22px;
	padding: 6px 6px 0;
	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;
	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;
	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;
	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;
	margin: 0 auto;
	padding: 20px 0;
}
#footer P
{
	margin: 0 0 10px;
}
#legal
{
	float: left;
	width: 400px;
}
#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; /*[e]20px*/
}
.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;
	background: #DEDEDE;
}

