/* ----------------------------------------------------------------------------------------------------------

    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

body {background:#f1ede0; color:#242424;}

a {border-bottom:1px solid #DFDFDF; color:#000;}
a:hover {border-bottom:1px solid #DFDFDF; color:#9B0000;}

fieldset {border:1px solid #DFDFDF;}
legend {background:#FFF; color:#00B200;}

.low, .low a {color:#7F7F7F;}
.low a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#logo {color:#000;}
        
#slogan {color:#7F7F7F;}

#search {background:#000000;}
#search #search-input {border:1px solid #AFAFAF;}
#search #search-input:focus {border:1px solid #5F5F5F;}
#search #search-submit {border:1px solid #cccccc; background:#9B0000; color:#FFF;}

#nav {border:1px solid #CCC;}
#nav ul li#nav-active a {background:#397E21; color:#FFF;}

#footer {border-top:1px solid #DFDFDF; color:#5F5F5F;}
#footer a {color:#5F5F5F;}
#footer a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */

#topstory-title {border-bottom:1px solid #9B0000; background:#9F9F9F;}
#topstory-title h2 a {border-bottom:1px solid #5F5F5F; color:#FFF;}
#topstory-title h2 a:hover {border-bottom:1px solid #FFF;}
#topstory-title p.date {color:#000;}
#topstory-title p.date a {border-bottom:1px solid #5F5F5F; color:#000;}
#topstory-title p.date a:hover {border-bottom:1px solid #FFF; color:#FFF;}

#topstory-perex {background:#000; color:#AFAFAF;}
#topstory-perex a {border-bottom:1px solid #5F5F5F; color:#FFF;}
#topstory-perex a:hover {border-bottom:1px solid #FFF; color:#FFF;}

.col30 h4 a {color:#9B0000;}
.col30 h4 a:hover {color:#000;}
.col30 p.date {color:#7F7F7F;}
.col30 p.date a {color:#7F7F7F;}
.col30 p.date a:hover {color:#000;}

/* sidebar */
#sidebar {
	float: left;
	width: 290px;
	margin: 0 0 10px 0; padding: 0;
	background-color: inherit;	
}
#sidebar h1 {
	padding: 8px 0px 3px 10px;
	background: url(../design/square_arrow.gif) no-repeat 0% .7em;
	text-transform: none;	
	color: #339900;
}

#sidebar ul.sidemenu {
	list-style:none;
	margin:1px -5px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
	display: block;
	font-weight: normal;
	color: #333;
	text-decoration:none;	
	padding: 2px 5px 2px 10px;
	background: #f2f2f2;
	border-left: 5px solid #CCC;	
	
	min-height: 18px;	
}
* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #339900;
	border-left:5px solid #72A545;
}


/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

.hx-style01 span {background:#FFF; color:#9B0000;}

a.ico-more {background:#F5F5F5; color:#5F5F5F;}
a:hover.ico-more {background:#336699; color:#FFF;}
