/*  
In this CSS file you can define custom styles without touching the regular stylesheet. 
So if you want to change fonts, colors etc. then you just need to change and uncomment 
the prepared lines below or add new lines.

In the example I have just switched some colors from dark red to blue.
This feature is experimental and I guarantee for nothing ;-)
*/

body {
	background: #EEE;
	}

#branding {/*where the logo sits*/
	width:880px;
	}
	
#page { /*the main container*/
	border: none;
	border-top:4px solid #999;
	border-bottom: 4px solid #999;
	}

.current_page_item	a, #home .on  {background:#AAA;}

#nav {
background: none repeat scroll 0 0 #444444;
border-bottom: 2px solid #999;
border-top: 2px solid #999;
}

#nav li li a:hover, #nav li li a:active {background:#444444;}

#nav a:hover {
	background-color:#333;
	color:#FF9933;
	text-decoration:none;
	}	

#catnav {
background: none repeat scroll 0 0 #EEEEEE;
 }

#catnav a, #catnav a:visited {
color: #333333} 
 
#catnav a:hover {
color: #666666} 


#ue{
	font-size:0.9em;
	border-top:3px double #999;
	border-bottom:1px solid #999;
	padding:5px 0 5px 2px;
	margin:20px 0 15px 0;
	color:#840000;
	background: #eee;
	}
	
#footer {
	color:#111;
	}

#footer a {
	color:#555;
	}
	
.excerpt_more a {
color:#999 !important;
}	



/******************************************
*   HTML Elements                         
******************************************/
/*
body {
	background: #eee;
	color: #666;
	}
*/

/******* Hyperlinks ********************/

/* standard link behaviour */
/*
a:link, a:active, a:visited { 
	color:#CC6606;
	} 
a:hover	{ 
	color:#CC6606;
	}
/*


/* Title area links */

.title:link, .title:active, .title:visited { 
	color: #CC6606; 
	} 
.title:hover { 
	color: #CC6606; 
	} 


/* Links in the sidebar */
/*
#sidelist .children li a, #sidelist .children li a:visited {
	color: #CC6606;
	}
/*
	
/******************************************
*   Headlines                         
******************************************/

.blogtitle, .blogtitle a {
	color: #000;
	}

h1 {
	color: #CC6606;
	}
	
h2 {
	color: #CC6606;
	}

h3 {
	color:#CC6606;
	}

#sidebar h2, #sidebar h3 a {
	color:#CC6606;
	}

#sidebar h3, #sidebar h2 {
	color:#CC6606;
	}

/******************************************
*   Content                        
******************************************/

/* Formating of the Leadstory stuff in the tabbed section */
			
#leadpic {
	float:left;
	margin: 0 18px 8px 0;
	padding:1px;
	border: 1px solid #999;
	}

.title, a.title  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-weight:bold;
	color: #CC6606;
	letter-spacing:normal;
	}

/* for the headlines in the tabbed section */

.ui-tabs-panel .title { 
	color: #CC6606!important;
}

/* This can be used to format the "[...]" link in the lead story */

.read-on a { 
	color:#999!important;
	text-decoration:none;
	}