/*   
Theme Name: HR Vender News
Theme URI: http://www.yahoo.com/
Description: An image-less template focusing on Typography.
Author: Azle Malinao-Alvarez and Clay Kent  
Author URI: http://www.yahoo.com
Version: 1.0
.
General comments/License Statement if any.
.
*/


h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, pre, code, address, variable, form, fieldset,
blockquote, html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	}
	
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
	}
	
td, th, caption { 
	font-weight: normal; 
	text-align: left; 
	}
	
img, fieldset { 
	border: 0; 
	}
	
ol { 
	margin-left: 1.4em; 
	list-style: decimal; 
	}
	
ul { 
	margin-left: 1em; 
	list-style:square; 
	}
	
q:before, q:after { 
	content:''; 
	}



/* global style */

body {
	background-image: url(images/top_bg.gif);
	background-repeat: repeat-x;
	color: #080000;
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	}
	
div#wrapper {
	width: 970px;
	}
	
div#top {
	background-color: transparent;
	width: 965px;
	height: 279px;
	}
	
div.logo {
	padding-left: 0px;
	}
	
	
/* searchbox style */

div.searchbox {
	padding-top: 40px;
	padding-left: 150px;
	width: 472px;
	}

form {
	margin: 0px;
	padding: 0px;
	}
	
input {
	margin: 0px;
	padding: 0px;
	}

.searchbox_bg {
	float: left;
	background-color: transparent;
	background-image: url(images/search_bg.png);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-size: 12px;
	width: 301px;
	height: 29px;
	border-style: hidden;
	margin:  0px;
	padding: 13px 15px 0px 15px;
	}
	
.submit_btn {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	}
	
	
/* tagline style */
	
div.tagline {
	background-image: url(images/tagline_bg.png);
	background-repeat: no-repeat;
	width: 919px;
	height: 143px;
	margin: 0px;
	padding: 20px 0px 0px 50px;
	}
	
div.feature_fold {
	margin: 0px;
	padding: 40px 0px 0px 0px;
	}
	
	
/* entry and post style */

div#middle {
	width: 965px;
	}

div.entries {
	background-color: transparent;
	color: #080000;
	width: 645px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	}
	
div.post {
	background-color: transparent;
	color: #080000;
	width: 600px;
	text-align: left;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, sans serif;
	font-weight: bold;
	}
	
h1 {
	font-size: 20px;
	}
	
h2 {
	background-color: transparent;
	color: #2a4e77;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	}
	
p {
	background-color: transparent;
	color: #7b7b7b;
	margin: 0px;
	padding: 7px 0px;
	}
	
a:link {
	background-color: transparent;
	color: #2e6593;
	text-decoration: underline;
	}
	
a:visited {
	background-color: transparent;
	color: #2e6593;
	text-decoration: underline;
	}
	
a:hover {
	background-color: transparent;
	color: #2e6593;
	text-decoration: none;
	}
	
a:active {
	background-color: transparent;
	color: #2e6593;
	text-decoration: underline;
	}
	
img.entry_line {
	margin: 0px;
	padding: 15px 0px;
	}
	
	
/* pagination style */

div#pagination {
	float: left;
	margin: 0px;
	padding: 0px 0px 50px 0px;
	}
	
a.boxoutline {
	background-color: none;
	color: #666666;
	margin: 0px;
	padding: 5px 7px;
	border: solid thin #d9d9d9;
	text-decoration: none;
	}
	
div.boxoutline2 a {
	background-color: none;
	color: #666666;
	margin: 0px;
	padding: 5px 7px;
	border: solid thin #d9d9d9;
	text-decoration: none;
	}	
	
a.box_active {
	background-color: #2e6593;
	color: #ffffff;
	margin: 0px;
	padding: 5px 7px;
	border: solid thin #2e6593;
	text-decoration: none;
	}

	
/* feature style */

div.features {
	background-color: transparent;
	color: #080000;
	width: 250px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 1px;
	}	
	
	
/* feature: rss container */

div#rss_container {
	background-image: url(images/rss_bg.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 79px;
	text-align: center;
	}
	
	
/* feature: tab container */
	
div#tab_container {
	background-image: url(images/tab_bg.gif);
	background-repeat: no-repeat;
	width: 300px;
	height: 584px;
	text-align: center;
	font-size: 11px;
	}
	
div#tabs {
	margin: 0px;
	padding: 50px 0px 30px 0px;
}
	
div#tab_container ul { 
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*padding: 50px 0px 40px 0px;*/
	}
	
div#tab_container ul li {	
	display: inline;
	margin: 0px;
	padding: 0px 17px;
	list-style: none;
	}
	
div.recentpost1 {
	float: left;
	background-color: transparent;
	color: #7b7b7b;
	width: 215px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 40px;
	}
	
div.recentpost1 a {
	float: left;
	background-color: transparent;
	color: #7b7b7b;
	width: 215px;
	text-align: left;
	text-decoration: none;
	}
	
div.recentpost2 {
	float: left;
	background-color: transparent;
	color: #1ba6d4;
	width: 215px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 40px;
	}
	
div.recentpost2 a {
	float: left;
	background-color: transparent;
	color: #1ba6d4;
	width: 215px;
	text-align: left;
	text-decoration: none;
	}
	
div.recentpost3 {
	float: left;
	background-color: transparent;
	color: #7b7b7b;
	width: 215px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 40px;
	}
	
div.recentpost3 a {
	float: left;
	background-color: transparent;
	color: #7b7b7b;
	width: 215px;
	text-align: left;
	text-decoration: none;
	}
	
div.recentpost3 ul li {
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 40px;
	list-style: none;
	border-bottom: solid thin #d9d9d9;
}


/* feature: recommended sites */
	
div#recommended_sites {
	float: left;
	background-image: url(images/recommended_sites_bg.gif);
	background-repeat: no-repeat;
	width: 260px;
	height: 519px;
	text-align: center;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	padding: 0px 0px 0px 40px;
	}
	
div#recommended_sites ul {
	float: left;
	background-color: transparent;
	color: #7b7b7b;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 215px;
	}
	
div#recommended_sites ul li {
	display: block;
	margin: 0px;
	padding: 10px 0px;
	list-style: none;
	border-bottom: solid thin #d9d9d9;
	}



div#cats {
	float: left;
	background-image: url(images/category_bg.jpg);
	background-repeat: no-repeat;
	width: 260px;
	height: 699px;
	text-align: center;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	padding: 0px 0px 0px 40px;
	}
	
div#cats ul {
	float: left;
	background-color: transparent;
	color: #7b7b7b;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 215px;
	}
	
div#cats ul li {
	display: block;
	margin: 0px;
	padding: 10px 0px;
	list-style: none;
	border-bottom: solid thin #d9d9d9;
	}




div#wpbox {
	float: left;
	background-image: url(images/wp_bg.gif);
	background-repeat: no-repeat;
	width: 290px;
	height: 193px;
	text-align: left;
	font-size: 11px;
	margin: 0px;
	padding: 50px 0px 0px 25px;
	}
	
div#wpbox p {
	margin: 0px;
	padding: 5px 0px 5px 10px;
	width: 240px;
	}

div#phonebookbox {
	float: left;
	background-image: url(images/phonebook_bg2.gif);
	background-repeat: no-repeat;
	width: 290px;
	height: 218px;
	text-align: left;
	font-size: 11px;
	margin: 0px;
	padding: 50px 0px 0px 25px;
	}
	
div#phonebookbox p {
	margin: 0px;
	padding: 5px 0px 5px 10px;
	width: 240px;
	}

div#buyersbox {
	float: left;
	background-image: url(images/buyers_bg.gif);
	background-repeat: no-repeat;
	width: 290px;
	height: 238px;
	text-align: left;
	font-size: 11px;
	margin: 0px;
	padding: 50px 0px 0px 25px;
	}
	
div#buyersbox p {
	margin: 0px;
	padding: 5px 0px 5px 10px;
	width: 240px;
	}
	
div#archiveList  li {

	margin: 0px;
	padding: 10px 0px;
	list-style: none;
	text-align: center;
	border-bottom: solid thin #d9d9d9;
	}
	
div#archiveList2  li {

	margin: 0px;
	padding: 10px 0px;
	list-style: none;
	text-align: left;
	border-bottom: solid thin #d9d9d9;
	}
	
/* potential ad placement */

div.ads {
	background-color: red;
	width: 300px;
	}

div.ads ul {
	display: block;
	margin: 0px;
	padding: 0px;
	}
	
div.ads ul li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 10px 0px;
	}
	
		
/* footer style */

div#bottom {
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 323px;
	text-align: left;
	margin: 70px 0px 0px 0px;
	padding: 0px;
	}
	
div#top_txt {
	float: right;
	margin: 0px;
	padding: 3px 186px 0px 0px;
	}
	
div#logo_badge_container {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 113px;
	}
	
div.getupdates {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	}

div#logo_badge_container  ul {
	display: block;
	margin: 0px;
	padding: 0px;
	}
	
div#logo_badge_container  ul li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
div#footer_txt {
	float: left;
	background-color: transparent;
	width: 80%;
	margin: 0px;
	padding:  20px 0px 0px 125px;
	}
	
	
/* class style */

.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.clear {
	clear: both;
	}
	
.bluebox {
	background-color: #2e6593;
	color: #ffffff;
	margin: 0px;
	padding: 3px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	}
	
.small {
	font-size: 10px;
	}
	
	
/* single page style */	
	
div#sharepost {
	float:left;
	background-image: url(images/txt_sharepost.gif);
	background-repeat: no-repeat;
	width: 470px;
	height: 76px;
	margin: 0px;
	padding: 25px 0px 0px 170px;
	}
	
div#sharepost ul {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	}
	
div#sharepost ul li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
div#comment_container {}
	
h1.number_comments {
	float: left;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	}
	
div#comment_box {
	background-color: #f9f9f9;
	color: #787878;
	float: left;
	border: solid thin #d9d9d9;
	margin: 10px 0px;
	padding: 0px;
	width: 644px;
	height: auto;
	}

.comment_form {
	margin: 0px;
	padding: 20px 0px;
	text-align: left;
	}

.textbox_bg {
	float: left;
	background-color: transparent;
	background-image: url(images/textbox_bg.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-size: 20px;
	width: 610px;
	height: 49px;
	border-style: hidden;
	margin:  0px;
	padding: 13px 15px 0px 15px;
	}
	
.textarea_bg {
	background-color: #ffffff;
	color: #080000;
	border: solid thin #d9d9d9;
	}
	
.commentsubmit_btn {
	float: left;
	margin: 0px;
	padding: 0px;
	}