/*#############################################################
Name: SpuneDa.com pe fond rosu
Date: 2008-03-10
Description: Doua coloane cu fundal moale oarecum....
Author: Paul Borza
URL: http://www.longplay.ro

Toate drepturile rezervate!
#############################################################*/

/* elemente standard */
html { height: 100%; }

* {
	margin: 0;
	padding: 0;
}

a { color: #fff; }				  /* culori linkuri */
a:hover { color: #fff; text-decoration: none;
 }	                              /* culoare linkuri hoover */

body {
	background: #fff;		             /* culoare site bg */
	color: #000000;			/* culoare caractere site */
	font: normal 0.7em Tahoma,sans-serif;
	padding-top: 24px;		     /* pozitie verticala */
}

p, code, ul { padding-bottom: 1.2em; }

li { list-style: none; }

h1 { font: normal 1.8em Tahoma,sans-serif; }
h2 { font: normal 1.3em sans-serif; }
h3 { font: bold 1em Tahoma,sans-serif; }

form,input { margin: 0; padding: 0; display: inline; }

code {				/* caracteristici pt zona code */
	background: #fff;
	border: 1px solid #eee;
	border-left: 6px solid #ccc;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

h1, h2, h3 { padding-top: 4px; color: #990000; margin-bottom: 3px; }
h2 { padding-top: 4px; color: #000000; margin-bottom: 3px; }
h3 { padding-top: 4px; color: #990000; margin-bottom: 3px; }

/* meniu de navigare top */
#topNav {
	width: 795px;
	position: relative;
	margin: 0 auto;
	padding: 8px 0 0 5px;
}
#topNav img { border: none; float: left; margin: 0 10px 0 0; }

#topNav ul {
	width: 630px;
	height: 30px;
	padding: 8px 0 0 0;
	margin: 0 0 0 170px;
}
#topNav ul li {
	background-color:#f0f0eb;
	color: black;
	float: left;
	font: bold 12px sans-serif;
	text-transform: uppercase;
}
#topNav ul li a {
	background-color: #f0f0eb;
	color: black;
	font: bold 12px sans-serif;
	text-align: center;
	text-decoration: none;
	width: 75px;
	height: 23px;
	display: block;
}
#topNav ul li a:hover {
	background: #f0f0eb url(img/top_btn_h.gif) no-repeat 0;
	color: #fff;
	font: bold 12px sans-serif;
	text-align: center;
	text-decoration: none;
	width: 75px;
	height: 23px;
	display: block;
}

/* generale */
.entryphoto {margin: 5px; float: left; padding: 3px; border: 1px solid #fff; background-color: #ddd; color: #333;}
.clear { clear: both; }
.clearer { clear: both; font-size: 1em; }
.left { float: left; }
.right { float: right; }
.box {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #c0c0c0;
	background-color: #fafbfc;
	color: #505050;
	line-height: 1.5em;
}
.small { font-size: 1em; }
.splitcontentleft { float: left; width: 49%; }
.splitcontentright { float: right; width: 49%; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.hide { display: none; }

/* structura */
.inner-container {						/* contur site */
	border: 1px solid #d7d7d2;
	background: #fff;
	margin: 0 auto;
	padding: 10px;
	width: 780px;
}
.outer-container {
	background: #fff;
	padding-bottom: 64px;
}
img.center { display: block; margin: 0 auto 5px auto; }
img.left { float: left; margin: 0 12px 5px 0; }
img.left, img.center, img.right {
	padding: 4px; 
	border: 1px solid #a0a0a0;
}
img.right { float: right; margin: 0 0 5px 12px; }

/* header & title */
.header {
	background: #990000 url('img/header.png') no-repeat;	 /* banner site - HEADER */
	height: 200px;
	margin-bottom: 1px;
	text-align: left;
}
.header .title {
	color: #fff;
	padding-top: 10px;
}
.header .title .sitename a {
	border-bottom: 1px;
	font: normal 1em sans-serif;
	padding-bottom: 2px;
	text-decoration: none;
}
.header .title a:hover {color: #fff; text-decoration: none;}
.header .title .slogan {
	font: normal 1.1em sans-serif;
	padding-top: 6px;
	padding-left: 15px;
}
.table {
	padding: 10px 0 0 10px;
	width: 340px;
	margin-top: 1px;
	text-align: left;
	color: #fff;
}

.table li {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

.table li a { color: #fff; 
	text-decoration: none;                  /* culori linkuri  meniu din header */
}				 

.table li a:hover {
	color: #fff;
	text-decoration: underline;
}




.table a { color: #fff; 
	text-decoration: none;                  
}				 

.table a:hover {
	color: #fff;
	text-decoration: underline;
}



/* path */					/* bara de sub HEADER */
.path {
	height: 15px;
	background: #990000 url('img/top.gif');
	color: #fff;
	font: normal 1.1em sans-serif;
	text-align: right;
	padding: 4px;
}
.path a {
	color: #fafafa;
	text-decoration: none;
}
.path a:hover {
	color: #ffe;
	text-decoration: underline;
}

/* main */
.main {
	background: url(img/main.gif) repeat-y;
	border-top: 4px solid #fff;
	padding: 3px 5px 0 5px;
}

/* continut */
.content {
	float: right;
	width: 550px;
}
.content a {
	color: #990000;
	text-decoration: none;
}
.content a:hover {
	color: #990000;
	text-decoration: underline;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 10px;
}
.content p {font-family: "Lucida Sans Unicode", sans-serif;}

/* navigare verticala */
.navigation {
	float: left;
	width: 200px;
}
.navigation h2 {
	color: #990000;
	font: bold 1.4em sans-serif;
	margin: 0;
	padding-left: 12px;
}
.navigation ul {
	padding: 0;
	border-top: 1px solid #eaeada;
}
.navigation li { 
border-bottom: 1px solid #eaeada;
}
.navigation li a {
	font-size: 1.1em;
	color: #666666;
	display: block;
	padding: 1px 0 1px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover {
	background: #f0f0eb;
	color: #654;
}

/* footer */
.footer {
	background: #990000 url(img/footer.gif);
	color: #fff;
	font: bold 1em sans-serif;
	margin-top: 5px;
	padding: 10px 12px;
}
.footer a {
	color: #fff;
	text-decoration:none;
}
.footer a:hover {color: #fff; text-decoration: underline;}