@import url(pager.css);


/*
  @file: style.css
  @author: cssbit@gmail.com
*/

* {
	margin:0;
	padding:0
}

body {
	color:#333;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* @group header */
#header {
	background:#EEEEEE;
	height: 100px;
}
#header p {
		padding:1em 2em;
}

#header a{
    background: transparent url(../logo.png) no-repeat left top;
    display: block;
    height: 60px;
    width: 150px;
    outline: none;
	}

#header a:hover {
	background-position: 0 -60px;
	}


/* @end */

/* @group content */
#content {
	width: 650px;
	margin: 10px auto;
	border:2px solid #ddd;

	
}
#content div.comment {
	margin: 0 0 10px 0
}
#content h3 {
	padding:.4em .4em 0;
	color:#38230E
}

#content p {
	padding: .5em;
	text-align: justify;
	color:#666;
	clear: both;
	
}

#content p.option span {
visibility: hidden;
}
* html #content p.option span {
visibility: visible;
}

#content  p.option:hover span{
visibility: visible;

}
#content div.comment:hover {
	background:#FEFBEC
}
#content small {
	padding: 0 .8em;
	font-size: x-small;
	color:#29808F;
}
/* @end */

/* @group footer */
#footer {
	background:#F7F7F7;
	height: 80px;
}
#footer p {
	padding:1em;
	text-transform: uppercase;
	color:#222
}
/* @end */