/*  

Theme Name: lucid

Theme URI: http://www.lucidanomaly.com

Description: Black Depths

Version: 1.1

Author: Antbag and Lucid

Author URI: http://www.antbag.com/



*/

@charset "utf-8";
/* CSS Document */

html
{
	height:100%;
}

body
{
	height:100%;
	margin: -4px auto;
	min-width:780px;
	max-width:960px;
	background: gray;
}
div.footer
{
	margin: 0px;
	position: relative;
	margin-top: -1.1em;
	padding-left:4em;
	padding-right:0.5em;
	color:white;
	background-color:black;
	padding: 0;
	font-size: 12pt;
	clear: both;
	float: left;
	width: 100%;
}
.header
{
	margin:0px;
	background-color: #000000;
	position:relative;
	color:white;
	background-color:#000000;
	padding:0px;
	height:120px;
	display: block;
}
.title
{

}

#MenuBar1
{
	position:absolute;
	bottom:0px
}
div.content
{
	padding-bottom: 1.1em;
	margin: 0px;
	padding-right: 0em;
}

div.container
{
	border:1px solid black;
	position: relative;
	min-height: 100%;
	background: white;
}

* html div.container
{
}

p {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
}
.title {	
	font-family: "Times New Roman", Times, serif;
	margin-top:30px;
	display: inline;
	float: left;
	padding: 0 0px 0 0;
}

p.MsoNormal {
	margin:0in;
	margin-bottom:0.0001pt;
	line-height:115%;
	font-size:12pt;
	font-family:"Myriad Pro","sans-serif";
}
table.MsoNormalTable {
font-size:10.0pt;
font-family:"Gill Sans MT","serif";
}
p.MsoListParagraph {
margin-top:0in;
margin-right:0in;
margin-bottom:.0001pt;
margin-left:.5in;
line-height:115%;
font-size:9.0pt;
font-family:"Myriad Pro","sans-serif";
}
p.DecimalAligned {
margin:0in;
margin-bottom:.0001pt;
line-height:115%;
tab-stops:decimal .25in;
font-size:9.0pt;
font-family:"Myriad Pro","sans-serif";
}
p.MsoListParagraphCxSpFirst {
margin-top:0in;
margin-right:0in;
margin-bottom:.0001pt;
margin-left:.5in;
line-height:115%;
font-size:9.0pt;
font-family:"Myriad Pro","sans-serif";
}
p.MsoListParagraphCxSpLast {
margin-top:0in;
margin-right:0in;
margin-bottom:.0001pt;
margin-left:.5in;
line-height:115%;
font-size:9.0pt;
font-family:"Myriad Pro","sans-serif";
}
span.MsoSubtleEmphasis {
font-family:"HGGothicE","serif";
color:gray;
font-style:italic;
}

 
/* Tips for sidebar1:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width. 
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybLtHdr #sidebar1 p" rule.
*/
.twoColHybLtHdr #sidebar1 {
	float: left;
	height:100%;
	width: 8em; /* since this element is floated, a width must be given */
	background: black; /* the background color will be displayed for the length of the content in the column, but no further */
	color:#000000;
	padding: 0px;
}

a #sidebar1 {
color: white;
}

.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div #sidebar1 {
width: 10em;
}
.content div {
width = 60%;
}
.content p {
	zoom: 1;
    font-size:0.875em;
}


body, h1, h2, h3, h4, h5, h6, blockquote, p, form{

	margin: 0;

	padding: 0;
	

}



body{

	margin: 0;

	font-family: Verdana, Helvetica, Georgia, Sans-serif;

	font-size: 13px;

	vertical-align: top;

	color: #000;

}



.colmask {

	clear: both;

	overflow: hidden;
	margin: 0px auto 0px auto;

	width: 900px;

	text-align: left;

	border-top: 2px solid #333;

}



h1{

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 30px;

	padding: 25px 0 10px 15px;

}



h3{

	padding: 15px 0 15px 0;

}



h4{

	padding: 0 0 0 15px;

	color: #555;

}



a:link{

	text-decoration: none;

	color:#000000;

}



a:hover{

	text-decoration: underline;

	color:#CC0000;

}



a:visited{

	text-decoration: none;

	color: #006600;

}	



blockquote { font-style: italic; 

	font-family: Verdana, Helvetica, Georgia, Sans-serif;

	font-size: 90%;

	color: #000000; 

	margin: 1.5em 30px 1.5em 30px; 

	padding: 4px 4px 4px 10px;

	background: #CCCCCC;

	border-right: 1px dotted #555;

	border-bottom: 1px dotted #555; 

}



.entry p { 

	margin: 0 0 15px 0; 

}



.entry ul, .entry ol { 

	margin: 0 0 15px 40px; 

}

	

.entry ul { 

	list-style-type: disc; 

}

	

.entry li { 

	margin: 0 0 5px 0; 

}

		

.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { 

	margin: 5px 0 5px 30px; 

}



.entry img.left { 

	padding: 6px; 

	margin: 0.5em 15px 0.5em 0; 

	border: none;

	float: left; 	

	clear: left; 

}

		

.entry img.right { 

	padding: 6px; 

	margin: 0.5em 0 0.5em 15px; 

	border: none;

	float: right; 

	clear: right; 

}

		

.entry img.center { 

	display: block; 

	padding: 8px; 

	margin: 0 auto 1.5em auto; 

	border: none;

	float: none; 

	clear: both; 

}

	

.entry img.frame { 

	padding: 6px; 

	margin: 0.5em 0 0.5em 15px; 

	border: 1px solid #666;

	background: #444;

	float: right; 

	clear: right; 

}

		

.entry img.stack { 

	clear: none !important; 

}



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





/*----POST----*/



#container{

	float: left;

	/*width: 500px;*/

	padding: 0 0 0 0;

}



.post{

	padding: 20px 30px 40px 20px;

}



.post h2{

	font-family: Georgia, Sans-serif;

	font-size: 22px;

	padding: 20px 0 0 0;

}



.entry{

	line-height: 22px;

}



.postinfo{

	font-size: 11px;

	color: #aaa;

	padding: 2px 0 20px 0;

}



.postinfo a{

	color: #aaa;

}



.postdate{ color: #aaa; }



p.postmetadata{

	font-size: 12px;

	color: #BFB8A1;

	border-top: 1px dotted #CCC;

	margin: 20px 0 0 0;

	padding: 5px 0 0 0;

}



p.postmetadata strong{

	float: right;

}



/* This is the link at the bottom of a post which lets you go to the next or previous post */



.postnav{

	padding: 10px 20px 20px 10px;

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

}



h2.archive_head{ 

	font-weight: bold !important; 

	font-size: 14px !important; 

	letter-spacing: normal !important; 

	margin: 0 0 1.8em 10px !important; 

	padding: 0.4em 5px !important; 

	border-bottom: 1px dotted #CCC; 

	background: none; 

}



	



/*----SIDEBAR STYLES----*/



.col3 {

	color: white;
		
	background:black;
	
	padding-top: 10px;

	padding-bottom: 15px;

	display: inline;

	overflow: hidden;

	border-left: 1px solid gray;

}



.col3 ul{

	list-style: none;

	margin: 0;

	padding: 0 10px;

}



.col3 ul li{

	padding: 10px 0 20px 0;

}



.col3 ul li h2{

	font-family: Georgia, Sans-serif;

	font-size: 16px;

	font-weight: normal;

	text-transform: uppercase;

	color: #FFFFFF;

	padding: 3px 0;

	margin: 0 10px 0 22px;

	border-bottom: 1px solid #BBBBBB;

}



.col3 ul ul li{

	padding: 0;

	margin: 0 0 0 13px;

	line-height: 20px;

	list-style: none;

	font-size: 11px;

	border-bottom: 1px solid #BBFFBB;

}



.col3 .syndication .rss {

	width: 179px;

	height: 33px;

	position: relative;

}



.col3 .syndication .rss span{

	background: url(images/sub_rss.gif) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}



.col3 .rss .sub{

	border-bottom: none;

}



.col3 .rss .sub a:hover{

	background: none;

}



.col3 ul li a{

	display: block;

	text-decoration: none;

	color: #99FF99;

	padding: 2px 2px;

}



.col3 ul li a:hover{

	text-decoration: none;

	color: #CCC;

	background: #222;

}





table#wp-calendar{

	width: 100%;

}



/* Left Sidebar */



.col2{
	color:#FFFFFF;
	padding: 0 .5em 0 0;
	background:black;
	margin: 0px auto 0px auto;
	overflow: hidden;
	border-left: 1px solid #333;
}



.col2 ul{

	list-style: none;

	margin: 0 0 0 7px;

	padding: 0 0 0 7px;

}



.col2 ul li{

	padding: 10px 0 20px 0;

}



.col2 ul li h2{

	font-family: Georgia, Sans-serif;

	font-size: 16px;

	font-weight: normal;

	text-transform: uppercase;

	color: #FFFFFF;

	padding: 3px 0;

	margin: 0 0 0 14px;

	border-bottom: 1px solid #BBBBBB;

}



.col2 ul ul li{

	padding: 0;

	margin: 0;

	line-height: 20px;

	list-style: none;

	font-size: 11px;

	border-bottom: 1px solid #335533;

}

.col2 ul li a{

	display: block;

	text-decoration: none;

	color: #99FF99;

	padding: 2px 2px;

}



.col2 ul li a:hover{

	text-decoration: none;

	color: #CCC;

	background: #222;

}



/*----COMMENT FORM----*/



#comment-form{

	width: 425px;

	margin: 50px 0 0;

	border: 1px dotted #555;

	padding: 5px 5px 15px 15px;

	background: transparent;

}



.comments-template ol{

	margin: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	line-height: 18px;

	margin: 10px 0 10px 0;

}



.comments-template h2, .comments-template h3{

	font-family: Georgia, Sans-serif;

	font-size: 16px;

	color: #9CF;

	padding: 10px 0 30px 0;

}



.commentmetadata{

	font-size: 12px;

	color: #555;

	padding: 20px 0 20px 0;

}



.commentmetadata strong { 

	font-size: 16px; 

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template input{

	border: 1px solid #555;

}



.comments-template textarea{

	font-family: Arial, Hevletica, Georgia, Sans-seriff;

	font-size: 12px;

	color: #000;

	margin: 30px 15px 15px 0;

	background: #FFF;

	border: 1px solid #555;

}



/*----FOOTER----*/



#footer{

	clear: none;

	float: left;

	width: 885px;

	margin: 0;

	padding: 10px 5px 5px 10px;

	line-height: 18px;

	font-size: 80%;

	color: #CCC;

	background: #000;

	border-top: 1px dotted #CCC;

	border-bottom: none;

}



#footer a:link{

	text-decoration: none;

	color: #9CF;

}



#footer a:hover{

	text-decoration: underline;

	color: #FFF;

}



#footer a:visited{

	text-decoration: none;

	color: #9CF;

}

@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -3em; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 2em; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
	/* <!-- */
	/* General styles */
	body {
		margin:auto;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		max-width:980px;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	}
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		background:#000;
		width:100%;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		min-height: 100%;
		margin:auto;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;		
	}

	/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#000;	/* left column background colour */
	}
	.threecol .colright {
		background:#000;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:23%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    /* --> */