/*
 *		JoomSpirit CSS file for typo
 *
 */
 
body {
font-family: Arial, Verdana, Helvetica;
color:#696969;
} 
 
p {
margin: 8px 0;
}
 
h1, h2, h3, h4 {
font-family: Arial, Verdana, Helvetica;
text-decoration: none;
text-transform:uppercase;
font-weight:normal;
margin:8px 0 8px 0;
}

h1, h2 {
color:#696969;
}

h3, h4 {
color:#999999;
}

h1 {
font-size:145%;
}

h2 {
font-size:130%;
}

h3 {
font-size:110%;
}

h4 {
font-size:105%
}

/**  SITE NAME  **/

#logo a {
font-family: Arial, Verdana, Helvetica;
font-size: 28px;
line-height: 45px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: normal;
color: #999;
float:right;
}

#logo a:hover, #logo a:focus {
text-decoration:none;
outline:none;
}

/**	NAV MAIN **/

#nav_main ul a {
color:#696969;
font-family: Arial, Verdana, Helvetica;
line-height:150%;
text-transform: uppercase;
letter-spacing: 0px;
font-weight: normal;
font-size:100%;
}

#subMenusContainer a, #nav_main ul li li a{ /* Just submenu links*/	
position:relative;
color:#696969;
float:none;
font-size:95%;
text-transform:capitalize;
font-family: Arial, Verdana, Helvetica;
text-align:left;
}


/*
*	BOTTOM SITE
*/


/**				NAV LEFT	**/

#content_right ul li a{
list-style:none;
color:#fff;
text-transform:capitalize;
font-size:100%;
font-weight:bold;
text-decoration:none;
display:block;
line-height:30px;
padding:0 0 0 20px;
}




/**				MODULES		**/


div.default h3.module {
margin: 0;
margin-bottom:7px;
font-size: 110%;
color: #999;
font-variant:small-caps;
font-weight:normal;
background: none;
line-height: 30px;
background: #fff url(../images/pointille.gif) bottom left repeat-x;
}


/**  USERS MODULES  		**/

.users_bottom {
color:#696969;
font-size:100%;
}

/**				LINK		**/

a
{
text-decoration : none;
}

a:hover {
text-decoration : none;
}

a:active, a:focus {
outline:none;
}





/*	List  */

ul.normal, ul.check, ul.circle {
margin-left:10px;
margin-top:22px;
padding-left:0;
}

.normal li, .check li, .circle li {
background: url(../images/list_normal.gif) 0 0px no-repeat;
padding-left: 24px;
list-style:none;
margin:16px 0;
}

.check li {
background: url(../images/list_check.gif) 0 0px no-repeat;
}

.circle li {
background: url(../images/list_circle.gif) 0 0px no-repeat;
}

ul.normal li li, ul.check li li, ul.circle li li {
background: none;
list-style: circle inside;
}

/*
*	Quotation
*/

blockquote.quote_grey, blockquote.quote_black, blockquote.quote_red {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	border: none;
	background: url(../images/quote_grey.gif) 0 5px no-repeat;
	text-align:justify;
	font-style:italic;
	font-size:105%;
}

blockquote.quote_black {
background: url(../images/quote_black.gif) 0 5px no-repeat;
}

blockquote.quote_red {
background: url(../images/quote_red.gif) 0 5px no-repeat;
}

blockquote.quote_grey p, blockquote.quote_black p, blockquote.quote_red p {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(../images/quote_end_grey.gif) 100%  no-repeat;
}

blockquote.quote_black p {
background: url(../images/quote_end_black.gif) 100%  no-repeat;
}

blockquote.quote_red p {
background: url(../images/quote_end_red.gif) 100%  no-repeat;
}

/**  DIV Info  **/


.info {
line-height:25px;
padding-left:30px;
border-top:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
background: #f7f7f7 url(../images/logo_info.gif) 4px 3px no-repeat;
margin: 10px 0;
}


/*
*		FOOTER SITE
*/

div#footer_site {
color:#696969;
font-size:90%;
}