@CHARSET "UTF-8";

/* RESET
--------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* BODY
--------------------------------------------*/
body {
	background: #8FD4FF url(../images/background-mesaje-dragoste.gif) top center no-repeat;
	font-family: Arial, sans-serif;
	font-size: 0.75em;
	}
	
	a {
		color: #333;
	}

/* MAIN
--------------------------------------------*/
.clear {
		clear: both;
	}

.mgr10 {
	margin-right: 10px;
	}
	
#main {
	width: 960px;
	margin: 0 auto;
	}

#header {
		padding: 10px 0;
	}

#container {
	background-color: #ffffff;
	padding: 10px;
	}
	
#content {
		width: 620px;
		float: left;
		padding: 10px;
	}
	
	#ecard-content {
		width: 620px;
		float: left;
	}
#sidebar {
		width: 300px;
		float: right;
	}
	

/* Header
--------------------------------------------*/
#logo {
	width: 240px;
	float: left;
	}

#leaderboard {
	width: 720px;
	float: right;
	}

/* Menu
--------------------------------------------*/
#menu {
	background-color: #E0307D;	
	padding: 0 5px;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
	
#menu ul li {
	display: inline;
}

#menu ul li a {
	padding: 4px 10px;
	text-decoration: none;
	line-height: 2.3em;
	font-size: 16px;
	color: white;
	font-weight: bold;
}

#menu ul li a.selected, #menu ul li a:hover {
	background-color: #9A3365;
	}

/* CONTENT
--------------------------------------------*/
#content h1 {
	font-size: 30px;
	font-weight:normal;
	margin-bottom: 20px;
}

	#content p {
		margin: 10px 0;
		line-height: 1.2em;
	}
	
/* Homepage
--------------------------------------------*/
#intro {
	margin: 10px 0 20px;
	background-color: #FFEBF5;
	padding: 0 10px;
	border: 1px solid #FFBBB8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 13px;
	line-height: 16px;
	}
#homeBoxes {
	width: 450px;
	float: left;
}
	#homeBoxes .homeBox {
		width: 220px;
		float: left;
		margin-bottom: 20px;
	}
		#homeBoxes .homeBox h2 {
			background-color: #3A91C7;
			padding: 7px 10px;
			color: white;
			margin: 0;
			border:none;
		}
		
	#homeBoxes .boxContent {
		padding: 10px;
		border:1px solid #3A91C7;
	}
	
	#homeBoxes .boxContent ul li {
		margin-bottom: 10px;
		height: 35px;
	}
	
	#homeBoxes .boxFooter {
		background-color: #3A91C7;
		padding: 3px 10px;
		color: white;
		text-align: right;
	}
	
	#homeBoxes .boxFooter a {
		color: white;
		text-decoration: none;
		font-size: 11px;
	}
	
	
	#homeSky {
		width: 160px;
		height: 600px;
		float: right;
	}
	
/* Listing
--------------------------------------------*/
#listing li {
	background: #F5FAFF url(../images/quotes-up.png) 10px 10px no-repeat;
	border:1px solid #CAEBFF;
	padding: 5px 10px 10px 50px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #254752;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
	#listing li:hover {
		color: #000;
		background-color: #FFF7F4;
		border:1px solid #FFCACA;
	}
	
	#listing li p {
		background: url(../images/quotes-down.png) right bottom no-repeat;
		padding: 0 45px 5px 0;
		margin-bottom: 5px;
		border-bottom: 1px solid #CAEBFF;
		line-height: 24px;
		}
		
		.author {
			font-style: italic;
			color: #666;
		}
	
	#voteup a {
		display: block;
		width: 26px;
		height: 23px;
		background: url(../images/voteup.gif) 0 0 no-repeat;
		text-decoration: none;
	}
	
	#votedown a {
		display: block;
		width: 26px;
		height: 23px;
		background: url(../images/votedown.gif) 0 0 no-repeat;
		text-decoration: none;
	}
		
	/* TRAIL
	------------------------*/
	
	.trail {
		text-align: center;
		margin-bottom: 10px;
		background-color: #F0F7DC;
		border: 1px solid #DEEDB2;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
		
	.trail a {
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		color: #333;
		padding: 0 5px;
		}
		
	.trail a.selected {
		background-color: #fff;
		color: #FF6600;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
	
	/* Submit Form
	----------------------------------------*/
	h2 {
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-bottom: 1px solid #CAEBFF;
	}
	
	#submitForm {
		padding: 10px;
		background: #F5FAFF ;
		border:1px solid #CAEBFF;
		margin-bottom: 20px;
	}
	
	#submitForm .input {
		border:1px solid #CAEBFF;
		font-size: 16px;
		width: 100%;
	}
	
	#submitForm .submit {
		background-color: #E0307D;
		color:#fff;
		font-size: 16px;
		font-weight:bold;
		border: none;
		padding: 1px 20px;
	}
	
	#submitForm textarea {
		width: 100%;
	}	
	
	#submitForm table td {
		padding-bottom: 5px;
	}
	
	/* Eccards
	----------------------------------------*/
	#ecardListing li {
		width: 190px;
		float: left;
		margin-right: 15px;
	}
		
/* Horoscop
--------------------------------------------*/
#singleSign {
		line-height: 18px;
		font-size: 14px;
	}
	
	#singleSign a {
		color: #666;
		font-size: 12px;
	}
	
	#singleSign h3 {
		margin-top: 20px;
	}
	
#signList {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #ccc;
	}
	
#signList li {
		width: 45px;
		float: left;
		margin-right: 6px;
	}
	#signList li img {
		width: 45px;
		height: 45px;
	}
	
/* Sidebar
--------------------------------------------*/
#sidebar {
	padding-top: 10px;
}

#sidebar .box {
	clear: both;
	margin-bottom: 20px;
}
	#sidebar .box h3 {
		background-color: #A4D460;
		font-size: 17px;
		color: #fff;
		padding: 10px 10px;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}

	#sidebar .boxContent {
		border: solid #A4D460;
		border-width: 0px 1px;
		padding: 8px;
	}

	#sidebar .boxfooter {
		background-color: #A4D460;
		padding: 5px;
		text-align: right;
	}
		#sidebar .boxfooter a {
			text-decoration: none;
			font-size: 11px;
			font-weight: bold;
			color: #333;
		}
	
	#widgetEcardListing li {
		width: 135px;
		float: left;
		margin-bottom:10px;
	}
	
	#acvaria-signs-widget ul li {
		width: 60px;
		float: left;
		margin-bottm: 10px;
	}
		#acvaria-signs-widget  p {
			text-align: center;
			color: #333;
			font-size: 11px;
			font-weight: bold;
		}
		
#footer {
	padding:10px 20px;
	background-color:#fff;
}
#footer h2 {
	margin:10px 0;
}