/*  
Theme Name: Future Abyss
Theme URI: http://blog.deelan.com/
Description: blog.deelan.com site theme.
Version: 0.1
Author: Andrea Peltrin
Author URI: http://passiomatic.com/
*/

@import url("./typo.css");
@import url("./form.css");
@import url("./layout.css");


/* ---------------------------------------------------
=page
------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
}



html, body {
	direction: ltr;
	
}

body { 	
	color: #000;		
	background: #fff;
	
	/* 12 * 1.5 = 18 */
	font: normal 12px/1.5 Georgia, serif;
	
	margin: 1.5em 0;
}


/* ---------------------------------------------------
=titles
------------------------------------------------------ */

h1, h2, h3, h4, h5, h6, caption {
	font: normal 12px/1.5  Helvetica, Arial, sans-serif;	
	text-transform: uppercase;
	
	/*
	letter-spacing: 1px;
	*/
}

h1 {
	
	font-size: 18px;
	line-height: 1.0; /* reset */

	font-weight: bold;
		
	margin-bottom: 1.0em;		
	
	text-transform: none;
}

/*
h1 a:link, h1 a:visited {			
	text-decoration: none;	
}

h1 a:hover {

}

*/

h2 {	
	font-size: 14px;

	font-weight: bold;
		
	/*margin-bottom: .642em;		*/
	margin-bottom: 9px;		
	
	line-height: 1.2857;
}

h3, h4, h5, h6 {
	text-transform: none;
	font-weight: bold;
	
	

}


/* ---------------------------------------------------
=misc
------------------------------------------------------ */

a img {
	border: none;
}

hr {
	visibility: hidden;
	
	margin: 0;
	margin-top: 1.5em;
	padding: 0;
	
	border: none;
	
	height: 0;
}


/* ---------------------------------------------------
=main
------------------------------------------------------ */

#main, 
#header, 
#footer {
	
	width: 942px;
	margin: 0 auto;
}



#main  {

	margin-bottom: 3em;
	
}


#main .sep {
	border-top: 2px solid #aaa;
	
	padding-top: .375em;
}


/* ---------------------------------------------------
=header 
------------------------------------------------------ */

#header  {
	
	border-top: 3px solid #aaa;
	padding-top: .75em;
	
}




/* ---------------------------------------------------
=logo & tagline
------------------------------------------------------ */

#logo {
	
	border-bottom: 1px dotted #aaa;
}

#logo  a:link, #logo  a:visited {
		
	background: transparent url(./i/logo.png) top left no-repeat;	

	/* 	
	Caution when using negative text-indent 
	image replacement with text-align property
	*/

	text-align: left;
	text-indent: -999em;
	
	height: 42px;
	

	
	padding-bottom: .75em;
	
	display: block;
	
}

#tagline {
	padding: .375em 0;
}


#tagline div {
	float: left;
	width: 49%;
}

#tagline div.no {
	float: right;
	width: 49%;
	
	text-align: right;
	
	
	font-variant: small-caps;
}

#search {	
	padding-bottom: .75em;
	border-bottom: 1px dotted #aaa;
}

#search form {
	background: #eee;

	line-height: 42px;
		
	padding: 0 .375em;
}


#search form * {
	vertical-align: middle;
}

/* ---------------------------------------------------
=table
------------------------------------------------------ */

table {
	border-collapse: collapse;
		
	width: 100%;
	/*margin-bottom: .7em;*/
}

tbody {

}

thead {
	
}

table th {
	text-align: left;	
}



tr.alt {

}



table td {
	vertical-align: top;
	text-align: left;
}


/* ---------------------------------------------------
=footer
------------------------------------------------------ */




#footer {	
	color: #666;	
	
	/*margin-top: 3em;	*/
	
	
	padding: .75em 0;		
	
	
	border-top: 1px solid #aaa;
	border-bottom: 3px solid #aaa;
	
	text-align: center;
	
	/*
	background: transparent url(./i/ornament-1.gif) center center no-repeat;
	*/

}


/*


#s-home #a-home, 
#s-band #a-band,
#s-archives #a-archives, 
#s-band #a-band {		
	border: none;
	
	font-weight: bold;
}

#credits a:link, #credits a:visited   {
	color: #73726d;		
	
}

#credits a:hover {
	color: #a63429;	
}



*/
/* ---------------------------------------------------
=hyperlinks
----------------------------------------------------- */

a:link, a:visited, a:hover, a:active {

	color: #0096d6;
	text-decoration: none;

/*
	border-bottom: 1px solid #808080;
*/
}

a:visited {		

}

a:hover {	
	color: #0072a3;
	color: #000;
	background: #e5f8ff;
}




/* ---------------------------------------------------
=utilities
----------------------------------------------------- */

.cut {clear: both; height: 1px; overflow: hidden; }
.hidden { display: none;}
.inline { display: inline; }
.clear-float {	
	/* auto-clear floated children */
	overflow: hidden;
	/* IE fix see:
	http://www.positioniseverything.net/easyclearing.html		
	*/
	_height: 1%;	
}


_ {
	
}

/* ---------------------------------------------------
=misc
------------------------------------------------------ */


a.feed:link,
a.feed:visited {
	padding-left: 16px !important;
	background-image: url(./i/feed-icon.gif);
	background-position: center left;
	background-repeat: no-repeat;
}


.note {
	color: #999;
	
	font-style: italic;

}

.notice {
	font-style: italic;
}

.navigation {
	text-align: center;
}





/* ---------------------------------------------------
=admin-edit
------------------------------------------------------ */


.admin-edit {

	right: 0;
	bottom: 0;

	background: #F5F3E9;

	width: 9em;
	
	padding: .75em;
	
	text-align: center;
	
	position: fixed;
	/* IE */
	_position: absolute;
}

.admin-edit a:link, .admin-edit a:visited {

}


.more {
	/*background: transparent url(./i/bg-more.gif) repeat-y;
	*/
	font-variant: small-caps;
/*	font-size: 11px;*/
	
	text-transform: capitalize;
	
}