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

/*
Design by Andrea Peltrin <http://passiomatic.com/>
*/

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


html, body {
	margin: 0;
	padding: 0;
	
	direction: ltr;
}

body { 	
	margin: 2em 0;
	padding: 0;
	
	color: #333;		
	background: #fff;

	font: normal small/150% Arial, Helvetica, sans-serif;
}

* {
	margin: 0;
	padding: 0;
}

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


h1, h2, h3, h4, h5, h6, caption {
	
	font: bold small/100% Arial, Helvetica, sans-serif;

	color: #000;
}

h1 {
	color: #EB5EC5;
	font-size: 500%;

	display: inline;
	
	letter-spacing: -2px;
	
	padding-right: .2em;	
}



h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	
	text-decoration: none;
	color: #EB5EC5;	
}

h1 a:hover {
	color: #000;	
}


h2 {
	color: #EB5EC5;
	font-size: 250%;
	line-height: 100%;
	
	margin-top: 1em;
}

h3 {
	color: #888;
	font-size: 180%;
	line-height: 100%;
	
	font-weight: normal;
	
	margin-top: .7em;			
	margin-bottom: .3em;			
	margin-left: .5em;			
}

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

a img {
	border: none;
}

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

#main p {
	margin-left: 2em;	
}

#main ul, #main ol {
	margin-left: 3em;	/* 2 + 1 */
}

#main dl {
	margin-left: 2em;	
}

#main table {
	margin-left: 2em;	
}

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

#header, #main, #footer {
	margin: 0 auto;
	width: 56em;
}


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

#header  {
	/* space from page contents */
	margin-bottom: 3em;	
}

#header p {
	color: #aaa;
	font-size: 400%;
	line-height: 100%;
	
	display: inline;
	
	letter-spacing: -1px;
}



/* ---------------------------------------------------
=box
------------------------------------------------------ */

/* span one col */
.box {
	margin: 0;
	margin-right: 2em;	
	
	width: 27em;
	float: left;	
	
	/*background: red;*/
}

.last {
	/* reset margin */
	margin-right: 0;
}


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

table {
	border-collapse: collapse;
	margin: .5em 0;
	
	background: transparent;
	
	width: 100%;
	
	display: block;
}


table thead {
	
}

table th {
	text-align: left;	
}


/*
col.alt, tr.alt {
	
}
*/


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


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

#footer-w {		
	margin: 0;
	margin-top: 4em;	/* space from contents */
	
	padding: 0;	
	padding-top: 1em;	
	
	border-top: 1px solid #999;
	/*background: transparent url(../i/scissors-2.gif) top right no-repeat;*/

}

#footer {	
	color: #666;	
}

#last-modified {
	font-size: 90%;	
	
	color: #999;
}


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

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

	text-decoration: underline;

	color: #000;	
	/*font-weight: bold;*/

}

a:visited {		

}

a:hover {	
	color: #EB5EC5;
	
	text-decoration: none;
}


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

.cut {clear: both; height: 1px;}
.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
------------------------------------------------------ */

_ {
	
}


#search-form {
	
}



a.new-window {

}



.view-more {

	margin: 1em 0;
	
}

.view-more a:link, .view-more a:visited,
.view-more a:hover, .view-more a:active {
	
	background-color: #f0f9fc;	
	
	padding: .5em 1em;
	
	color: #0b4f70;	
}




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