@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background-color: #013300;
}
#wrap{ width:870px; margin:20px auto; background-color:#FFF; padding:10px;}
a{ color:#096}
a:hover{ color:#069; text-decoration:none}
h2{color:#666; font-size:18px; margin:0px;}
h3{ color:#960; font-size:14px; text-transform:uppercase; margin:0px;}
h4 { color:#960; font-size:11px; text-transform:uppercase; margin:0px; text-decoration:underline;}
#nav{ background-image:url(../images/nav-bg.jpg); background-repeat:repeat-x; height:37px; color:#FFF; }
#nav ul#topnav {
	margin: 0; padding: 0;
	float: left;
	
	list-style: none;
	position: relative;
	font-size: 1.2em;
	
}
#nav ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	
}
#nav ul#topnav li a {
	display: block;
	color: #f0f0f0;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 9px;
	padding-left: 10px;
}
#nav ul#topnav li:hover {
	background-color: #096;
	
}
#nav ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width:887px;
	background:#096 ;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#nav ul#topnav li:hover span { display: block; }
#nav ul#topnav li span a { display: inline; }
#nav ul#topnav li span a:hover {text-decoration: underline;}

#nav-line{border:1px solid #ccc;}
#content{ background-image:url(../images/gr.jpg); background-repeat:repeat-x; margin-top:1px;}
#post{}
#post img{ margin-right:10px;}
.date{ font-size:10px; float:right}
#issuescloud{ border:1px solid #ccc; color:#FFF}
#issuescloud a{
	text-decoration:underline;
	color:#333; margin-right:5px; font-size:13px;
	
}
#issuescloud a:hover{
	text-decoration:none;
	color:#999;

}

#footer{ background-image:url(../images/gr.jpg); background-repeat:repeat-x; text-align:center}
#footer ul{}
#footer li{ list-style:none; font-size:13px; float:left; margin-left:20px; margin-top:0px;}
#footer a{ color:#666; text-decoration:none}
#footer a:hover{ color:#999; text-decoration:underline}
/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.gallery li:hover img {
	border-color: #000;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.gallery em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 0 22px;
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	border: 1px solid #999;
}
.gallery a {
	text-decoration: none;
}
.gallery span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	z-index: 3;
}
</style>