/*

Template Name: Health Life

Version: 1.0

Design: Karlo Domic ( karlodomic@gmail.com )

Code: Slicejack ( http://www.slicejack.com )

*/



body { 

  background: #fff url('../images/layout/body.gif') top repeat-x; 

  font-family: Arial, Helvetica, sans-serif; 

  font-size:12px;

  color: #555;

}

a {

  color: #5c91c7; 

  text-decoration: none;

}

a:hover {

  color: #4a4a4a;

}

#container { 

  width: 900px; 

  margin: 0 auto; 

}

/* =Header

----------------------------------------------- */

#header { 

  height: 130px; 

  position: relative; 

}

#header h1 a { 

  display: block; 

  text-indent: -5000px; 

  width: 137px; 

  height: 21px; 

  background: url('../images/layout/logo.gif') no-repeat; 

  position: absolute; 

  left: 10px; 

  top: 30px; 

}

#utility-nav { 

  position: absolute; 

  right: 20px; 

  top: 40px; 

}

#utility-nav li { 

  display: inline; 

}

#utility-nav li a { 

  display: block; 

  float: left; 

  font-size: 12px; 

  color: #ffffff; 

  text-decoration: none; 

  padding: 0 5px; 

  background: url('../images/nav/utility_nav_divider.gif') left no-repeat;

}

#utility-nav li a:hover, #utility-nav li a.active { 

  color: #E9F5FE; text-decoration: underline; 

}

#utility-nav li.first-item a { 

  background: none; 

}

#main-nav { 

  background: url('../images/nav/main_nav.gif') left no-repeat; 

  margin: 0 -9px; 

  height: 53px; 

  width: 891px; 

  position: absolute; 

  bottom: 11px; 

  padding: 15px 0 0 27px; 

}

#main-nav li { 

  display: inline; 

}

#main-nav li a { 

  display: block; 

  float: left; 

  font-size: 12px; 

  font-weight: bold; 

  color: #fff; 

  text-decoration: none; 

  padding: 12px 20px 0 20px; 

  background: url('../images/nav/main_nav_divider.gif') left no-repeat; 

  height: 27px; 

}

#main-nav li.first-item a { 

  background: none; 

  padding-left: 0; 

}

#main-nav li a.active span {  

  background: url('../images/nav/main_nav_active.gif') bottom center no-repeat; 

  height: 31px; 

  display: block; 

  float: left; 

  cursor: pointer; 

  color: #B3640D; 

}

#main-nav li a:hover { 

  color: #B3640D; 

}



/* =Sub Header

----------------------------------------------- */

#sub-header { 

  background: url('../images/layout/sub_header.gif') no-repeat; 

  width: 900px; 

  position: relative; 

  padding-top: 43px; 

  margin-bottom: 20px; 

}

p.breadcrumbs { 

  font-size: 12px; 

  color: #777; 

  position: absolute; 

  top: 14px; 

  left: 20px; 

}

#search { 

  background: url('../images/form/search.gif') no-repeat; 

  width: 220px; 

  height: 20px; 

  position: absolute; 

  right: 20px; 

  top: 11px; 

}

#search legend { 

  display: none; 

}

#search .input-text { 

  width: 187px; 

  background: none; 

  border: none; 

  font-size: 12px; 

  color: #999; 

  display: block; 

  float: left; 

  padding: 3px 0 0 9px; 

}

#search .input-button { 

  width: 16px; 

  height: 20px; 

  cursor: pointer; 

  background: none; 

  border: none; 

}

#images { 

  background: #fff; 

  height: 111px;  

}

#images li { 

  display: block; 

  float: left; 

  margin: 1px 1px 0 0;

}

#images li.first-item { 

  margin-left: 1px; 

}

#images li.last-item { 

  margin-right: 0; 

}

#directory-wrapper { 

  background: url('../images/layout/directory.gif') bottom no-repeat; 

  padding: 0 0 11px 0; 

}

#directory-inner { 

  background: #f5f5f5 url('../images/layout/directory_list.gif') top left no-repeat; 

  padding-bottom: 5px;

}

#directory-wrapper ul { 

  width: 159px; 

  float: left; 

  padding: 10px 0 0 20px; 

}

#directory-wrapper ul li { 

  background: url('../images/icons/directory_bullet.gif') left no-repeat; 

  padding-left: 8px; 

}

#directory-wrapper ul li a { 

  font-size: 12px; 

  color: #666; 

  text-decoration: none; 

  line-height: 1.6; 

}

#directory-wrapper ul li a:hover, #directory ul li a.active { 

  border-bottom: 1px dotted #333; 

  color: #333; 

}

/* =Sidebar

----------------------------------------------- */

#sidebar{ 

  width: 220px; 

  float: left; 

  padding: 0; 

  margin: 0 15px 15px 0;

}

.sidebar {
  background: #d9f7f5;
  padding: 10px; 
}

.sidebar-top {
  background: url(../images/sb-top.png) no-repeat top;
  height: 20px;
}

.sidebar-bottom {
  background: url(../images/sb-btm.png) no-repeat bottom;
  height: 20px;
}

#sidebar h2, #main-content h2 { 

  font-size: 20px; 

  color: #2e9eff; 

  margin: 0 0 0 10px;

}

#sidebar ul { 

  margin: 0;

  padding: 0;

  list-style: none;

}

#sidebar li { 

  padding: 2px 0; 

  line-height: 20px; 

  border-bottom: 1px dotted #ccc;

}

#sidebar  li img { 



}

#sidebar  li h3 { 

  font-size: 12px; 

  font-weight: bold; 

  color: #4a4a4a; 

}

#sidebar  li p { 

  font-size: 12px; 

  color: #999; 

}



/* =Main Content

----------------------------------------------- */

#main-content { 

  width: 620px; 

  float: left; 

  margin-bottom: 20px; 

}

.article-wrapper .article-actions { 

  background: url('../images/layout/article_actions.gif') top repeat-x; 

  height: 34px; 

  color: #999; 

  padding: 10px 0 0 8px; 

}

.article-wrapper .article-actions li { display: inline; margin-right: 10px; }

.article-wrapper .article-actions li img { vertical-align: middle; margin-right: 6px; }

.article-wrapper .article-actions li a { color: #666; }

.article-wrapper .article-actions li a:hover { text-decoration: underline; }

.article-wrapper .article { 

  width: 620px; 

  margin: 10px 0; 

  padding: 0 10px 0 10px;

  /*-moz-border-radius: 7px;

  -webkit-border-radius: 7px;

  border: 1px solid #ccc;  */

}

.article-wrapper .article  img { 

  margin: 10px 10px 0 0; 

}

.article-wrapper .article h3 { font-size: 16px; font-weight: bold; color: #ee912a; margin-bottom: 6px; }

.article-wrapper .article p { color: #666; font-size: 12px; line-height: 1.6; margin-bottom: 10px; }

.article-wrapper .article strong { font-weight: bold; }

.article-wrapper .article em { font-style: italic; }

.article-wrapper .article p a { color: #5c91c7; }

.article-wrapper .article p a:hover { color: #3b6691; }



/* =Footer

----------------------------------------------- */

#footer { 

  background: url('../images/layout/footer.gif') no-repeat; 

  width: 898px; 

  height: 27px; 

  margin: 0 auto 10px auto; 

  clear: both; 

  padding-top:13px; 

  position: relative; 

}

#footer p { 

  font-size: 12px; 

  color: #999;

}

#footer p.copyright { 

  padding-left: 25px; 

}

#footer p.copyright span { 

  color: #5c91c7; 

}

#footer p.authors { 

  position: absolute; 

  right: 25px; 

  top: 14px; 

}

#footer p.authors a { 

  color: #5c91c7; 

  text-decoration: none; 

} 

#top-menu {

  height: 25px;

  width: 900px;

  margin: 0 auto;

  padding: 0;

}

#top-menu ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

#top-menu li{

  float: right;

  margin: 0 5px;

  display: inline;

}

#top-menu li a{

  color: #fff;

  font-size: 10px;

}

#top-menu li a:hover{

  text-decoration: underline;

}

.category-content {

  margin: 10px;

  padding: 0;

  float: left;

  line-height: 18px;

}

.category-content p {

	margin: 0 0 10px 0;

  font-size: 12px;

  color: #555;

  padding: 3px;

}

.category-content p a{

  color: #0db1fd;

  padding: 3px;

}



.category-content p b a {

	font-size:12px;

  color: #4a4a4a;

  font-weight: bold;

}



.category-content a:hover {

  text-decoration: underline;

}



.clear {

  clear: both;

}



.link_rows {

	line-height: 1.5em;

	margin: 12px 0 12px 0;

  border: 1px solid #ddd;

  padding: 5px;

}



.link_rows a {

  color: #8E7E62;

  font-size: 90%;

}



.link_rows .googlepr {

  color: #37B329;

  font-size: 80%;

}



.link_rows .googlepr img {

  margin: 0 0 -3px 0;

}



.link_rows span a {

	font-weight: bold;

	font-size: 110%;

	color: #4a4a4a;

}



.premium_link_rows {

	background: #5c3;

	padding: 10px;

	margin: 10px 0 10px 0;

}



.sponsored_link_rows {

	background: #a30;

	padding: 10px;

	margin: 10px 0 10px 0;

}



#link_detail table {

	width: 100%;

}





#link_detail td {

	padding: 7px;

  border-bottom: 1px solid #ddd;

}



#link_detail thead th {

	font-weight: bold;

	width: 100%;

	padding: 0 10px;

  font-size: 16px;

  color: #4a4a4a;

}



#link_detail .m_col  {

	width: 200px;

}



#link_detail .odd td  {

	background: #eee;

}



#link_detail tfoot  {

	background: #fff;

  line-height: 30px;

}



#link_detail #avg_rating {

	margin: 20px 0 20px 0;

}



#link_detail #avg_rating span img {

	margin: 0 5px 0 5px;

}



#review ul {

	margin: 10px 0 20px 0;

	list-style-type: square;	

}



#review ul li {

	margin: 0 0 10px 20px;

}



#error_msg {

  text-align: center;

  color: #f00;

  padding: 7px 0 7px 0;

  margin: 5px 0 15px 0;

  font-weight: bold;

}



label {

	float: left;

	width: 160px;

	padding: 0 10px 0px 0px;;

	text-align: left;

}



label label {

	text-align: left;

}



fieldset {

	margin: 0 0 10px 0;

}



fieldset div {

	margin: 0;

	padding: 11px 0 0 0;

	display: block;

	width: 100%;

	clear: both;

}



textarea {

	width: 300px;

	height: 100px;	

}



label select {

	width: 300px;

}



/* input = text */

span input {

	width: 300px;	

}



.f_entry {

  text-align: left;

  width: 300px;

}



#new_listing p {

	margin: 0 0 15px 0;

}



#new_listing p a em {

	font-weight: normal;

	font-size: 105%;

	font-style: normal;

	text-decoration: underline;

}



#new_listing p span {

	font-size: 80%;

}



#new_listing h3 {

	font-size: 104%;

	font-weight: normal;

	margin: 0 0 10px 0;

}



#new_listing h4 {

	font-size: 130%;

	font-weight: normal;

	margin: 20px 0 20px 0;

}

#new_listing h4 a {

	text-decoration: underline;

}



#hot_listing h3, #top_rated_listing h3, #editor_pick_listing h3 {

	font-size: 130%;

	font-weight: normal;

	margin: 20px 0 20px 0;

	text-decoration: underline;

}



#link_search_sp table {

	width: 100%;

	margin: 20px 0 0 0;

}



#link_search_sp td {

	padding: 7px;

}



#link_search_sp thead th {

	font-weight: bold;

	padding: 5px 5px 5px 10px;

	font-size: 110%;

}



#link_search_sp table tbody tr td span {

	font-size: 80%;

}



#link_search_sp .action {

	width: 60px;	

	text-align: center;

}



#get_rated textarea {

	width: 500px;

	height: 200px;

	font-size: 90%;

}



#get_rated h3 {

	margin: 20px 0 20px 0;	

	font-size: 110%;

}



#get_rated h4 {

	margin: 20px 0 20px 0;	

	font-size: 105%;

	font-weight: normal;

}



#add_error_page h3 {

	margin: 20px 0 20px 0;		

}



#add_error_page p {

	margin: 5px 0 0 0;		

}



#add_error_page ul {

	list-style-type: square;	

	margin: 10px 0 0 0;	

}



#add_error_page ul li {

	margin: 0 0 5px 20px;		

}



#user_profile table {

	background: #fff;

	width: 100%;

	margin: 0 0 20px 0;

}



#user_profile td {

	padding: 7px;

  border-bottom: 1px solid #ddd;

}



#user_profile .m_col  {

	width: 200px;

}



#user_profile .odd td  {

	background: #eee;

}



#user_search_result ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



#user_search_result ul li {

  background: url(../images/pencil.png) left no-repeat;

  line-height: 25px;

  border-bottom: 1px solid #ddd;

  padding: 0 0 0 15px;

}



#user_search_result li span {

	font-size: 110%;

}



#user_search_result h3  {

	font-size: 110%;

	font-weight: normal;

	margin: 20px 0 30px 0;

}



#flags {

	margin: 5px 0 5px 0;

}



#flags img {

	border: 1px solid;

}



#recaptcha_area {

  margin: 0 auto;

}