@import "UTF-8";
@import "fonts.css";

/***
 * The Heartglow Repertoire v1.2
 * Copyright © 2012 April Clydel Velarde. All rights reserved.
 * Evanessencia: http://evanessencia.net | E-mail: admin@evanessencia.net
 **/


/* --- SHARED --- */

body, table, header, header table, nav, #content, #featured, article, .subject, .entry, .comments-top, .site-list, .block-image, .block-image img, .block-info, .view-all, footer, .footer-info, .footer-links, .footer-block-links a, select, option, textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
	margin: 0;
}

body, table, header, header table, .title, .top-links, nav a, #featured, .comments-top, .site-list, .block-group, .block, .block-image, .block-info, footer, .footer-block-first, .footer-block, .footer-block-last, .footer-block-links {
	padding: 0;
}


/* --- GLOBAL & DEFAULT OVERRIDES --- */

body {
	background: url(../_images/02.jpg) repeat;
}

a {
	text-decoration: none;
}

abbr {
	cursor: default;
}


/* --- WRAPPERS --- */

#wrapper {
	margin: 30px auto;
	width: 950px;
}


/* --- HEADER --- */

header table {
	width: 100%;
}

.title {
	margin: 0 15px;
	font-family: sofia, georgia, serif;
	font-size: 30px;
	color: #FF9E66;
}

.title:first-letter {
	font-size: 50px;
	color: #FFD25B;
}

.top-links {
	margin: 0 15px -50px 0;
	position: relative;
	z-index: 15;
}

	.top-links a {
		display: inline;
		margin: 0 -5px;
		padding: 15px 30px 50px;
		background-color: #FF6EA0;
		font-family: sofia, serif;
		font-size: 20px;
		color: #000;
		position: relative;
		z-index: 1;
		opacity: 0.8;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
	}
	
	.top-links a + a {
		background-color: #C48989;
	}
	
	.top-links a + a + a {
		background-color: #FF9E66;
	}
	
	.top-links a + a + a + a{
		background-color: #FFD25B;
	}
	
	.top-links a:hover {
		z-index: 15;
		opacity: 1;
	}

nav {
	padding: 10px;
	background-color: #DEFF65;
	font-family: 'caviar dreams', arial, helvetica, sans-serif;
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	position: relative;
	z-index: 100;
}

	nav a {
		margin: 0 5px;
		color: #000;
		-moz-transition: color 0.3s linear;
		-webkit-transition: color 0.3s linear;
		-o-transition: color 0.3s linear;
		transition: color 0.3s linear;
	}
	
	nav a:hover {
		color: #FF6EA0;
	}


/* --- CONTENT --- */

#content {
	padding: 15px 15px 30px;
	background-color: #FFF;
}

#main {
	clear: both;
}

article {
	padding: 15px;
}

.subject {
	padding: 5px;
	font-family: 'LaneNarrowRegular';
	font-size: 34px;
	color: #C48989;
	float: left;
}

	.subject a {
		color: #C48989;
	}

.date {
	margin: 5px;
	padding: 5px;
	float: left;
	background-color: #FFFF00;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.entry {
	clear: both;
	padding: 15px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 1.5;
}

	.entry a  {
		color: #FF6EA0;
	}
	
	.entry a:hover {
		text-decoration: underline;
	}

.comments-top {
	text-align: right;
}

	.comments-top a {
		margin: 0 5px;
		padding: 5px;
		background-color: #FF6EA0;
		font-family: arial, helvetica, serif;
		font-size: 12px;
		color: #FFF;
		-moz-transition: background-color 0.5s linear;
		-webkit-transition: background-color 0.5s linear;
		-o-transition: background-color 0.5s linear;
		transition: background-color 0.5s linear;
	}
	
	.comments-top a:hover {
		background-color: #C48989;
	}

.cat {
	margin: 5px 0;
	padding: 5px 15px;
	background-color: #DEFF65;
	font-family: 'LaneNarrowRegular', sans-serif;
	font-size: 34px;
	text-transform: uppercase;
	color: #FF6EA0;
}

	.cat span {
		padding: 5px 15px;
		background-color: #FFF;
	}

.block-group {
	margin: 0 auto;
	width: 100%;
}

	.block-group td {
		width: 25%;
	}

.block {
	margin: 5px;
	float: left;
}

	.block-image img {
		padding: 7px;
		background-color: #FF9E66;
		-moz-transition: background-color 0.5s ease;
		-webkit-transition: background-color 0.5s ease;
		-o-transition: background-color 0.5s ease;
		transition: background-color 0.5s ease;
	}
	
	.block-image img:hover {
		background-color: #FFD25B;
	}

.block-info {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

	.block-info a {
		color: #FF6EA0;
	}
	
	.block-info a:hover {
		text-decoration: underline;
	}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.view-all {
	padding: 5px;
	background-color: #FF6EA0;
	font-family: 'caviar dreams', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
}

.view-all {
	color: #FFF;
}

.view-all:hover {
	padding: 5px 15px;
	-moz-transition: padding 0.5s linear;
	-webkit-transition: padding 0.5s linear;
	-o-transition: padding 0.5s linear;
	transition: padding 0.5s linear;
}


/* --- FOOTER --- */

.footer-info {
	padding: 15px;
	background-color: #C48989;
	font-family: sofia, sans-serif;
	font-size: 18px;
	color: #FFF;
}

.footer-info a {
	color: #FFF;
	border-bottom: #FFF 1px solid;
}

.footer-links {
	padding: 15px;
	height: 155px;
	background-color: #FFF;
	border-bottom: #FFD25B 15px solid;
}

.footer-block-first {
	margin: 0 5px 0 0;
}

.footer-block {
	margin: 0 5px;
}

.footer-block-last {
	margin: 0 0 0 5px;
}

.footer-block-first, .footer-block, .footer-block-last {
	width: 24%;
	float: left;
	position: relative;
}

.footer-block-title {
	margin: 0 5px;
	padding: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6EA0;
}

.footer-block-links {
	margin: 0 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

	.footer-block-links a {
		display: block;
		padding: 5px 15px;
		border-bottom: #C48989 1px dotted;
		color: #FF9E66;
	}
	
	.footer-block-links a:hover {
		color: #FFD25B;
		border-bottom: #C48989 1px solid;
	}

	
/* --- INPUT & OUTPUT --- */

select, option {
	padding: 5px;
	background-color: #FFD25B;
	border: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

code {
	background-color: #F6F6F6;
	font-family: courier new, courier, monospace;
	font-size: 12px;
	color: #000;
}

textarea, input[type="text"] {
	padding: 5px;
	border: #FF6EA0 1px dotted;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

textarea {
	width: 90%;
	height: 100px;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	padding: 5px;
	background-color: #FF6EA0;
	border: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFF;
}


/* --- MISCELLANEOUS --- */

.clear {
	height: 15px;
}

.clear-both {
	clear: both;
}

::selection {
	background-color: #FFD25B;
}

::-moz-selection {
	background-color: #FFD25B;
}


/* ---  SCROLLBARS --- */

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {
	background-color: #FFF1CB;
}

::-webkit-scrollbar-thumb {
	background-color: #FFD25B;
}