/* 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Ristretto Stylesheet

Author : info@carmellamedia.com

URL : www.ristretto.co.uk

Type: Screen, Projection

Description : Global stylesheet

Version: 1.0 



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

*/

/* ----- COMMON AND GLOBAL ----- */



body 

{

font-size: 0.75em;

line-height:11px;


margin: 0px;

letter-spacing: 0.30px;

text-align: center;

background: #000000;

color: #b8b8b6;

font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;

}





a { text-decoration:none !important; }

a:hover { text-decoration:underline !important; }





#wrap

{

position: relative;

margin: auto;

width: 927px;

}



	#head

	{

	position: relative;

	}



		#head a

		{

		position: absolute;

		top: -100px;

		left: 19px;

		width: 149px;

		height: 147px;

		}

	

		#head2 a

		{

		position: absolute;

		top: 0px;

		left: 19px;

		width: 149px;

		height: 147px;

		}

	

	#head2

	{

	position: relative;

	height: 227px;



	}

	

		#head3

	{

	position: relative;

	height: 227px;

	background: url(img/head2.jpg) top left no-repeat;

	}

	

	

	#nav

	{
		background:url(img/navbg.gif) 0px 0px repeat-x;

	position: relative;

	margin-top: 5px;

	padding: 1px 0 1px 0;

	height: 48px;	


	}

	

		#nav span { display: none;}

		#nav ul { margin:0px; padding:0px; list-style-type:none; width:auto; }

		#nav li { float:left; display:block; }

		#nav a { display:block; float:left; padding:0px; background-position: 0 0px; text-indent: -9999px; height: 42px; overflow: hidden; background-repeat: repeat; margin-right: 0px;}

		#nav a:hover, #nav .current {background-position: 0 -42px;}

		

		#nav #n1	{ width: 147px; background-image: url(img/n1.gif); }

		#nav #n2	{ width: 156px; background-image: url(img/n2.gif); }

		#nav #n3	{ width: 161px; background-image: url(img/n3.gif); }

		#nav #n4	{ width: 102px; background-image: url(img/n4.gif); }

		#nav #n5	{ width: 133px; background-image: url(img/n5.gif); }

		#nav #n6	{ width: 95px; background-image: url(img/n6.gif); }

		

		

	#pagewrap

	{

	position: relative;

	font-size: .9em;

	text-align: left;

	padding-top: 12px;

	color: #656765;

	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;;

	}

	

		#pagewrap p

		{

		position: relative;

		line-height: 1.6em;

		padding-bottom: 1.5em;

		}

		

		.color1

		{

		color: #e6e4d2;	

		}

		

		.color2

		{

		color: #000;

		}

		

		#pagewrap h2

		{

		position: relative;

		padding-top: 1px;

		font-size: .9em;

		color: #725345;

		text-transform: uppercase;

		font-weight: bold;

		padding-bottom: 5px;

		border-bottom: 1px dotted #5c5c5c;	

		}

		

		

		#colOne

		{

		position: relative;

		float: left;

		width: 269px;

		padding-left: 17px;

		padding-top:15px;

		}

		

		

		

		#colTwo

		{

		position: relative;

		float: left;

		width: 269px;

		padding-left: 40px;

		padding-top:15px;
		color:#b8b8b6 !important;

		}

			

			.latest

			{

			position: relative;

			padding-top: 10px;
			

			}

			

				.latest li

				{

				position: relative;

				padding: 4px 0 4px 0;

				border-bottom: 1px dotted #5c5c5c;	

				line-height: 1.8em;

				}

				

				.latest span

				{

				display: block;

				}

				

				.latest a, #colThree a

				{
					

				color: #980707;

				text-decoration: underline;

				}

			

		

		

		

		#colThree

		{

		position: relative;

		float: left;

		width: 269px;

		padding-left: 40px;

		padding-top:15px;
		color:#b8b8b6 !important;

		}

	

	

		

	

		

		#sidebar

		{

		position: relative;

		float: left;

		width: 269px;

		padding-left: 20px;

		z-index: 5;

		}

		

			#sidebar li

			{

			position: relative;

			font-size: .9em;

			font-weight: bold;

			text-transform: uppercase;

			background: url(img/rtag.jpg) left center no-repeat;

			border-bottom: 1px dotted #5c5c5c;

			}

			

			

			#sidebar a

			{

			color: #e6e4d2;

			display: block;

			padding: 7px 0 7px 20px;

			}

			

			#sidebar a:hover, #sidebar .current_page_item a

			{

			color: #b8b8b6;

			display: block;

			padding: 7px 0 7px 20px;

			}

			

			#sidebar li ul

			{

			display: none;

			}

		

		

		#content

		{

		position: relative;

		width: 598px;

		float: left;

		padding-left: 20px;

		margin-left: 19px;

		border-left: 1px dotted #5c5c5c;

		}

		

			#breadcrumb

			{

			position: relative;

			padding: 10px 0 10px 0;

			margin-bottom: 10px;

			color: #b8b8b6;

			font-size: .9em;

			text-transform: uppercase;

			border-bottom: 1px dotted #5c5c5c;

			}

			

				#breadcrumb a

				{

				color: #b8b8b6;

				}

			

			#content h1.title

			{

			position: relative;

			height: 23px;

			background: url(img/title.jpg) top left no-repeat;

			}

			

    .sIFR-active h1 {

      visibility: hidden;

      font-family: Verdana;

      line-height: 1em;

    }



    .sIFR-active h1 {

      padding-bottom: 0;

    }



			#content h1

			{



			color: #ffffff;

			height: 25px;

			

			margin-top:20px;

			margin-bottom: 20px;

			}

			

			#contentLeft

			{

			position: relative;

			float: left;

			width: 279px;

			}

			

				#contentLeft a

				{

				color: #980707;

				text-decoration: underline;

				}

			#contentLeft ul { margin-bottom:15px;  }

			

			#contentLeft li { padding-left:25px; line-height:18px; letter-spacing: 0.40px !important; margin-bottom:10px; color:#b8b8b6; background: url(img/li.gif) 0px 5px no-repeat; }

			

			#contentRight

			{

			position: relative;

			float: left;

			width: 268px;

			padding-left: 31px;

			}

			

				#contentRight .img

				{

				position: relative;

				display: block;

				padding: 7px 0 7px 0;

				border-bottom: 1px dotted #5c5c5c;

				border-top: 1px dotted #5c5c5c;

				margin-bottom: 35px;

				}

				

				.break

				{

				position: relative;

				height: 50px;

				/*background: url(img/break.jpg) center no-repeat;*/

				}

			

			





				.line

				{

				position: relative;

				width:600px;

				display: block;

				padding: 7px 0 7px 0;

				border-bottom: 1px dotted #5c5c5c;

				margin-bottom:15px;

				margin-top:15px;

				}







	#footer

	{

	position: relative;

	margin-top: 45px;

	padding: 15px 15px 22px 15px;

	border-top: 3px solid #464646;

	background: #242422;

	font-size: .8em;

	color:#7e7f7e;

	text-align: left;

	}

	

		#footer p

		{

		position: relative;

		float: left;

		width: 315px;

		}







.commentlist li

{

position: relative;

margin-bottom: 10px;

padding: 10px;

background: #F3F3F3;

border: 1px solid #ddd;

}



.avatar

{

position: relative;

float: right;

}



#comwrap a

{

color: #980707;

text-decoration: underline;

}