@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}



body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ff484b;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#top-bar {
	background-image:url(images/top-bar.gif);
	background-repeat:repeat-x;
	height:52px;
	}

#search {
	width:872px;
	height:52px;
	margin: 0px auto 0px auto;
	background-image: url(images/search-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
html >body #search-bg{
	width:225px;
	margin:18px 22px 0px 0px;
	float: right;
}

#search-bg {
	width:225px;
	margin:18px 10px 0px auto;
	float: right;
}
#search-input {
	float: right;
	height: 20px;
	margin: 0px 2px 0px 0px;
	width: 160px;
}
#search-button {
	float: right;
}
#nav-wrapper {
	background-image: url(images/nav-bg.gif);
	background-repeat: no-repeat;
	height: 79px;
	width: 899px;
	margin: 35px auto 0px;
}



#nav {
	width: 700px;
	margin: 30px 0px 0px 5px;
	float: left;
}

#nav ul{
	margin: 0px 0px 0px 20px;
	}

#nav  li {
	display: inline;
	margin: 0px 10px 0px;
}
#nav a {
	font-size: 14px;
	color: #606060;
	text-decoration: none;
	padding: 0px 5px;
	font-weight: bold;
}
#nav a:hover {
	color: #999999;
}

#bookmark {
	height:29px;
	float: right;
	margin: 27px 10px 0px 0px;
	width: 120px;
}
#bm {
	width:103px;
	margin: 0px auto 0px;
	}

#header {
	background-image:url(images/header.jpg);
	width:899px;
	height:195px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
	margin: 0px auto;
	}
h1 {
	text-indent:-9999px;
	}
#content-wrapper {
	width: 899px;
	margin: 0px auto;
}
#container {
	background-color: #FFFFFF;
	padding: 0px 0px 10px 15px;
	float: left;
	width: 884px;
	clear: both;
}
html >body #recent-wrapper{
	background-color: #eaeaea;
	width: 568px;
	float: left;
	margin: 15px 0px 10px 0px;
	border: 1px solid #d6d6d6;
	padding: 10px 10px 10px 0px;
}

#recent-wrapper {
	background-color: #eaeaea;
	width: 568px;
	float: left;
	margin: 15px 0px 10px 0px;
	border: 1px solid #d6d6d6;
	padding: 10px 10px 0px 0px;
}
html >body #recent{
	float: left;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	margin: 0px 0px 0px 10px;
}




#recent {
	float: left;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	width: 272px;
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 0px;
}

#recent h2 {
	padding: 10px 5px 3px;
	margin: 0px 0px 5px;
	font-size: 12px;
	color: #f94e51;
	text-align: center;
}
#recent ul {
	margin: 10px 0px 10px 15px;
	padding: 0px 5px 0px;
}
#recent li {
	list-style-image: url(images/bullet-recent.gif);
	margin: 5px 5px;
}
#recent a {
	padding: 0px;
	color: #555555;
	text-decoration: none;
}
#recent a:hover {
	color: #999999;
}
#pop {
	float: left;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	width: 272px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
#pop  h2 {
	padding: 10px 5px 3px;
	margin: 0px 0px 5px;
	font-size: 12px;
	color: #f94e51;
	text-align: center;
}
#pop  ul {
	margin: 10px 0px 10px 15px;
	padding: 0px 5px 0px;
}
#pop  li {
	list-style-image: url(images/bullet-recent.gif);
	margin: 5px 5px;
}
#pop  a {
	padding: 0px;
	color: #555555;
	text-decoration: none;
}
#pop  a:hover {
	color: #999999;
}





#content {
	width: 580px;
	float: left;
	padding: 0px 0px;
	margin: 10px 0px;
}
.post {

	float: left;
	margin: 0px 0px 10px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #eaeaea;

}

.headline {
	margin: 0px 0px 0px;
	width: 272px;
	float: left;
}
.title a {
	font-size: 18px;
	color: #f94e51;
	font-weight: normal;
	text-decoration: none;
}
.title a:hover {
	color: #555;
}
.author {
	float: left;
	font-size: 11px;
	width: 272px;
	font-weight: normal;
}

.author a {
	color: #555;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}

.author a:hover {
	color: #f94e51;
}

.article {
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: justify;
}
.article p {
	color: #999999;
}
.image {
	width: 276px;
	margin: 0px 10px 0px 0px;
	height: 120px;
	float: left;
}



.break {
	float: right;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	color: #d62029;

}
.break a {
	color: #f94e51;
	text-decoration: none;
	text-align: right;
}
.break a:hover {
	color: #555;
}

.read {
	float: right;
	background-image: url(images/bullet-recent.gif);
	background-position: left;
	background-repeat: no-repeat;
}
.comments {
	float: right;
}
html >body #side-wrapper{
	float: left;
	width: 289px;
	margin: 0px 0px 0px 15px;
	background-image: url(images/side-bg.jpg);
	background-repeat: repeat-y;
}
#side-wrapper {
	float: left;
	width: 289px;
	margin: 0px 0px 0px 15px;
	background-image: url(images/side-bg.jpg);
	background-repeat: repeat-y;
}

#side {
	margin: 0px auto;
	width: 260px;
}
#side-top {
	background-image: url(images/side-top.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 289px;
	background-position: right;
	float: left;
}
#side-bottom {
	background-image: url(images/side-bottom.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 289px;
	background-position: right;
	float: left;
}

.ad {
	margin-bottom: 10px;
	float: left;
	margin: 0px 0px 0px 0px;
}






#ad01 {
	height: 125px;
	width: 125px;
	float: left;
	padding: 0px 0px 10px;
}
#ad02 {
	margin-left: 10px;
	float: left;
	padding: 0px 0px 10px;
}

#panel {
	margin: 10px 0px 0px;
	float: left;
	width: 255px;
}
#panel  h2 {
	padding: 0px 10px 3px 20px;
	margin: 0px 0px 0px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-image: url(images/bullet-panel.jpg);
	background-repeat: no-repeat;
}
#panel  ul {
	margin: 10px 0px 10px 15px;
	padding: 0px 5px 10px;
}
#panel  li {
	list-style-image: url(images/bullet.jpg);
	margin: 5px 5px 0px 20px;
}
#panel  a {
	padding: 0px;
	color: #fff;
	text-decoration: none;
}
#panel  a:hover {
	text-decoration: underline;

}



#footer   {
	width: 899px;
	margin: 0px auto 0px;
	padding: 0px 0px 10px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
}

#footer p {
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 25px 0px 5px;
}
#footer a {
	text-decoration: none;
	color: #fff;
}
#footer a:hover {
	text-decoration: underline;

}
