/*

Author: Dave Quintana / Defiant Interactive
http://www.defiantinteractive.org/
Version 1.0

Based on the deFusion theme at http://webdemar.com

*/

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

/*	##################################
   	GENERAL
	################################## */


body {
	margin: 0px;
	padding: 0px;
	background: #000 url(img/bg.jpg) no-repeat top center;
	color: #fff;
	font: 16px/20px 
	font-family: "Georgia";
}

a {
	color: #5e5e5e;
	outline: none;
}

h3 a {color:#fff;}

p {
	margin: 0px 20px 0px 0;
}

ul, ol {

	margin-bottom: 20px;
}


blockquote {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #f7f7f7;
}

/*	##################################
   	BASIC LAYOUT
	################################## */

#page {
	width: 960px;
	margin: 0 auto;
        z-index: 0;

}	

	
#header {
	background: url('img/header.png');
       	background-repeat:no-repeat; 
        position: relative;
	height: 110px;
}

#content {
	background:#eee url('img/bodybg.jpg') no-repeat;
        padding: 0px 20px 0 0;
        color: #273427;
	
}


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

#slider { width:960px; height:500px; background:#fff; background:transparent;}

#banner ul li, #banner ul {list-style-type:none;}

#featuredct {
        position: relative;
        width: 600px;
        padding: 0px 5px;
        bottom: 2px;
        z-index: 0
}

#top {
        background: #000000;
        width: 596px;
        height: 20px;
        position: relative;
        left: 5px;
        bottom: 2px;

}


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

#footerWrap {
        width: 100%;
        background: #000 url(img/foter.jpg) no-repeat top center;

}
 
#footer {

        width: 960px;
        margin: 0 auto;
        position: relative;
        height:  350px;

   
}

#footer #footerLogoBeDefiant a {
	display: block;
	position: absolute;
	background: url(img/paper_logo.png);
	width: 185px;
	height: 168px;
	margin-left: 825px;
	margin-top: -25px;

        z-index: 20
}

#AboutMe {
float:left;
font-size:85%;
padding:15px 20px;
        width:325px;
height:185px;
color:#273427;
line-height:150%;
z-index:20;
background:#ddd url(img/card.jpg) no-repeat;
position:absolute;
margin:50px 0 0 20px;
}

#AboutMe img {float:left;margin:5px 10px 5px 0;}


/*	##################################
   	HEADINGS
	################################## */


h1 {
	position: absolute;
	bottom: 25px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	font-size: 24px;

}


h1 a {
	color: #fff;
	text-decoration: none;
}


h2 {
	margin: 0 0 15px 0px;
}


h2#blog-description {
	position: absolute;
	bottom: 3px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	color: #fff;
        font-size: 12px;

}


h3 {
        position: relative;
        background:#273427 url(img/ttle.png);
        width: 610px;
	font-size: 1.8em;
        color: #ffffff;
        padding: 10px 0 5px 20px;
        height: 43px;
        margin:0px 20px 20px 0px;
}


h3 a {
	text-decoration: none;
}


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


h4 {
	margin: 0 0 10px 0;
	font-size: 20px;
        color: #fffff;
}


/*	##################################
   	HEADER
	################################## */


#top-nav {
	position: absolute;
	top: 5px;
	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 0px 40px 0px;
        position: relative;
        padding: 0px 20px;
}

.box-left2 {
        margin:0 0 40px 0;
        position:relative;
        padding: 0 20px;
}

	

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


.meta-date {
	padding: 0 0px 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: 0px 10px 15px 0px;
	padding: 10px;
	background: #fff;
}


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


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


.box-right li a {
	text-decoration: none;
        color: #fffff;
}


/*	##################################
   	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 {
	margin: 0 auto;
	padding: 0px 0;
}


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

#social {
        position: absolute;
        float: left;
        width: 250px;
        margin: 50px 100px 0 400px;
        left: 0px;
}

#friends {
       position: absolute;
       float: left
       width: 300px;
       padding:70px 0 0 120px;
       left:  250px;
}


#legal {
        position: absolute;
        float: left;
        padding: 9px 20px;

}







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


.clear {
	clear:both;
}

/** WORDPRESS CSS */


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


.aligncenter {
	margin-bottom: 0px!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;

}