/*



Theme Name: deFusion



Theme URI: http://webdemar.com/demo/?wptheme=deFusion



Description: Clean and easy customizable theme deFusion by <a href="http://webdemar.com">webdemar</a>. Now with dropdown menu, sticky posts and threaded comments.



Version: 0.9



Author: webdemar



Author URI: http://webdemar.com



Tags: black, dark, white, two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post



*/







/*



	- GENERAL



	- BASIC LAYOUT



	- HEADINGS



	- HEADER



	- CONTENT



		+ CONTENT LEFT



		+ CONTENT RIGHT



	- COMMENTS



	- SEARCHFORM



	- FOOTER



	- WORDPRESS CSS



	- USEFUL







/*	##################################



   	GENERAL#1e1f21



	################################## */



	



body {



	margin: 0px;



	padding: 0px;



	background: #4a3919  no-repeat left top;

        

	color: #6e7073;



	font: 11px/18px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;



}







a {



	color: #6e7073;



	outline: none;



}







p {



	margin: 0 0 20px 0;



}







ul, ol {



	margin-bottom: 20px;



}







/*	##################################



   	BASIC LAYOUT



	################################## */



	



#page {



	width: 940px;



	margin: 0 auto;



}



	



#header {



	position: relative;



	height: 400px;



        background: url(img/banner2.png) top left no-repeat;



        height: 290px;



}







#content {



	padding: 20px 0 0 0;



	background: #fff;



}







#content-left {



	float: left;



	width: 600px;



}







#content-right {



	float: right;



	width: 320px;



}







#footer {







}







/*	##################################



   	HEADINGS



	################################## */



	



h1, h1 {



	margin: 0 0 20px 0;



}







h3, h4, h5, h6 {



	margin: 0 0 10px 0;



}



	



h1#blog-title {



	position: absolute;



	bottom: 80px;



	left: 0px;



	margin: 0px;



	padding: 0px;



	line-height: 1;



	font-size: 24px;



	font-weight: normal;



}







h1#blog-title a {



	color: #fff;



	text-decoration: none;



}







h2#blog-description {



	position: absolute;



	bottom: 60px;



	left: 0px;



	margin: 0px;



	padding: 0px;



	font-size: 11px;



	font-weight: normal;



}







h2.category-title {



	margin: 0 20px 20px 20px;



	padding: 0 0 10px 0;



	border-bottom: 1px solid #dedede;



	font-size: 14px;



}







h3.post-title {



	margin: 0 0 20px 0;



	font-size: 1.8em;



	font-weight: normal;



}







h3.post-title a {



	text-decoration: none;



}







h3.post-title a:hover {



	text-decoration: underline;



}







h4.sidebar-title {



	font-size: 12px;



}







/*	##################################



   	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



	################################## */



	



/** CONTENTN LEFT */







.box-left, .post, .page {



	margin: 0 0 40px 20px;



}







.sticky {



	padding: 20px;



	border: 1px dotted #ccc;



}







.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;



}







/** CONTENT RIGHT */







.box-right {



	margin: 0 20px 20px 0;



	padding: 20px;



	background: #f7f7f7 url(img/bg-box-right.gif) no-repeat left top;



}







.box-right ul {



	margin: 0 0 5px 0;



	padding: 0px;



	list-style: none;



}







.box-right li {



	margin: 0px;



	padding: 5px;



	border-bottom: 1px solid #dedede;



}







.box-right li a {



	text-decoration: none;



}







.box-right li ul {



	margin: 0 0 0 20px;



	list-style: square;



}







.box-right li li {



	border: none;



}







/*	##################################



   	COMMENTS



	################################## */



	



#commentform label {



	display: block;



	margin: 0 0 5px 0;



}







#commentform input.text, #commentform textarea {



	width: 90%;



	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: #6e7073;



	border: none;



	color: #fff;



}







.commentlist .comment {



	height: auto;



	margin: 20px 0 0 0;



	color: #fff;



}







.commentlist .quote {



	padding: 20px 20px 0 20px;



	background: #4a4f54 url(img/bg-comment-quote.gif) no-repeat right top;



}







.avatar {



	float: right;



	margin: 0 0 10px 20px;



}







.commentlist .cite {



	display: block;



	padding: 20px 0 0 0;



	color: #6e7073;



	background: #fff url(img/bg-comment-bubble.gif) no-repeat left top;



	font-style: normal;



}







/** COMMENTS IN WP 2.7 */







.commentlist li {



	margin: 0px;



	padding: 20px 0 20px 20px;



	list-style: none;



	background: #4a4f54;



}







.commentlist li a {



	color: #999;



}







.commentlist li .avatar {



	margin: 0 20px 10px 20px;



}







.commentlist li p {



	margin: 0 20px 20px 0;



}







.commentlist .comment-meta {



	margin: 0 0 20px 0;



}







.commentlist .comment-author a {



	font-weight: bold;



}







.commentlist ul.children {



	margin: 0px;



	padding: 0px;



}







.commentlist .children li {



	border: 1px solid #6e7073;



	border-right: none;



}







#cancel-comment-reply {



	margin: 10px 0;



}







.commentlist li.depth-2, .commentlist li.depth-4 {



	background: #5a5a60;



}







/*	##################################



   	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;



	margin: 0 auto;



	padding: 20px 0;



}







#footer p {



	margin: 0 0 10px 0;



}







#legal {



	float: left;



	width: 400px;



}







#webdemar {



	float: right;



	width: 400px;



	text-align: right;



}







/*	##################################



   	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;



}







/*	##################################



   	USEFUL



	################################## */



	



.clear {



	clear: both;



}







.clearfix:after {



    content: " ";



    display: block;



    clear: both;



    visibility: hidden;



    line-height: 0;



    height: 0;



}







.clearfix {



    display: inline-block;



}







html[xmlns] .clearfix {



    display: block;



}







* html .clearfix {



    height: 1%;



}







/** CSS BASIC ELEMENTS */







hr {



	clear: both;



	height: 1px;



	margin: 20px 0;



	background: #dedede;



	border: none;



}







blockquote {



	margin: 0 0 0 10px;



	padding: 0 0 0 10px;



	border-left: 5px solid #f7f7f7;



}







fieldset {



	margin: 0 0 20px 0;



	padding: 0 20px 20px 20px;



	background: #f7f7f7;



	border: none;



}







legend {



	font-size: 14px;



	font-weight: bold;



}







input, textarea {



	width: 90%;



	height: 22px;



	margin: 0 0 20px 0;



	padding: 6px 6px 0 6px;



	background: #fff url(img/bg-form-text.gif) repeat-x left top;



	border: 1px solid #dadada;



	color: #5e5e5e;



	font-size: 11px;



}







textarea {



	width: 90%;



	height: 100px;



}







select {



	width: auto;



	margin: 0 0 20px 0;



	padding: 6px;



	background: #fff;



	border: 1px solid #dadada;



	color: #5e5e5e;



	font-size: 11px;















}







input.radio, input.checkbox {



	width: auto;



	height: auto;



	margin: 0px;



	background: #fff;



}







input.password {



	width: auto;



}







input.button {



	width: auto;



	height: 30px;



	margin: 0px;



	padding: 0 20px;



	background: #6e7073;



	border: none;



	color: #fff;



}







table {



	width: 100%;



	margin: 0 0 20px 0;



	border: 1px solid #dadada;



	border-bottom: none;



	border-right: none;



}







th, td {



	padding: 2px 5px;



	border-bottom: 1px solid #dadada;



	border-right: 1px solid #dadada;



}







th {



	background: #6e7073;



	color: #fff;



	border: none;



}







pre {



	font-family: Courier, serif;



}