/*
Theme Name: Human Resource Source Wordpress Blog
Theme URI: http://www.360PSG.com
Description: This is Human Resource Source's custom wordpress blog skin.
Author: 360 PSG
Tags: 


*/

*
{
padding: 0px;
margin: 0px;
}

a {
	color: #3c8dc0;
}

a img {
	border: none;
}

a:visited {
	color: #3c8dc0;
}

a:hover {
	color: #015d96;
}

body {	
	background: url(images/bg.gif) #44b3e4 repeat-x top center;
	font: 12px verdana,tahoma,Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #000;
}

#content
{
	margin: 0 auto;
	width: 769px;
	text-align: left;
}

#main
{
width: 779px;
background: url(images/bg-rptr.gif) repeat-y;
margin-left: 9px;
*width: 772px;
_width: 772px;
}

#back
{
width: 751px;
}

#header {
	height: 220px;
	width: 790px;
	background: url(images/header-img.jpg) no-repeat;		
}

#right
{
	width: 220px;
	padding: 0 10px 0px 20px;
	float: right;
	text-align: left; 
	color: #fff;
	*padding: 5px 0 0 0;
	_padding: 5px 0 0 0;
	*width: 222px;
	_width: 222px;
}

#right H3, h2.widgettitle
{
font: bold 18px arial,helvetica,sans-serif;
margin: 5px 0;
color: #ffffff;
text-align: left;
padding: 5px 0 5px 20px;
border-bottom:1px dotted #fff;
}

#right ul {
	list-style: none;
	margin: 10px 0;
}

#right li  {
	padding: 2px;
    margin-bottom:10px;
    text-indent:15px;
    background: url(images/bullet.gif) #44B3E4 no-repeat;
}

#right a {
	color:  #B0DFF4;
}
#right a:visited {
	color:  #FFFFFF;
}
#right a:link {
	color: #B0DFF4;
}
#right a:hover {
	color: #FFFFFF;
}

#right p
{
font-size: 10px;
}

.bot
{
padding: 10px;
}

#calendar1, #calendar_wrap 
{
	padding: 20px 10px 20px 10px;
}

#calendar_wrap 
{
	margin-bottom: 10px;
	no-repeat top;	
}

#calendar table, #wp-calendar
{
	width: 100%;
	text-align: center;
}

#calendar thead, #wp-calendar thead
{

}

#calendar tbody td, #wp-calendar tbody td
{
	border: 1px solid #F1F1F1;
}

#calendar #prev, #wp-calendar #prev
{
	text-align: left;
}

#calendar #next, #wp-calendar #next
{
	text-align: right;
}

#calendar tfoot a, #wp-calendar tfoot a
{
	text-decoration: none;
	font-weight: bold;
}

#calendar #now, #wp-calendar #now, #wp-calendar #today
{
	background: #444;
	border: 1px solid #222;
	font-weight: bold;
	color: #ffffff
}

#left
{
background-color: #e7e7e7;
width: 509px;
padding: 10px 20px;
border-top: 1px solid #dbdbdb;
_width: 494px;
}

.txtcomment
{
	width:449px;
}
.category {
	color:#777777;
}

#left a
{
color: #3c8dc0;
text-decoration: underline;
}
#left a:link
{
color: #3c8dc0;
text-decoration: underline;
}
#left a:visited
{
color: #015d96;
text-decoration: underline;
}
#left a:hover
{
color: #015d96;
text-decoration: underline;
}

#left p {
	margin: 10px;
	padding: 0;
	padding-bottom: 10px;
}


.date {
	text-align: right;
	color: #777777;
	font-size: 12px;
}

.date a {
	color: #208A06;
}

#footer {
	width: 780px;
	font-size: 11px;
	color: #ffffff;
	clear: both;
	padding-top: 20px; 
}

.ftr-content {
	width: 770px;
	color: #ffffff;
}

.footer-content a 
{
	color: #a6dbfd;
}

.footer-content a:hover
{
	color: #ffffff;
}

.footer-content a:visited 
{
	color: #a6dbfd;
}

.ftr-imgz {
	padding: 0px 0px 0px 15px;
}

.ftr-left {
	float: left;
	width: 220px;
	padding: 5px 0px 10px 25px;
}

.ftr-mid {
	float: left;
	width: 220px;
	padding: 5px 0px 10px 25px;
}

.ftr-right {
	float: left;
	width: 220px;
	padding: 5px 0px 10px 30px;
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}

#footer a 
{
	color: #a6dbfd;
}

#footer a:hover
{
	color: #ffffff;
}

#footer a:visited 
{
	color: #a6dbfd;
}

input[type="submit"] 
{
	background:#95c1dd url(images/submit.gif) no-repeat;
	border:none;
	width:140px;
	height:36px;
	color:#fff;
	font-weight:bold;
}

#comment {
float: left;
width: 509px;
padding: 10px;
background-color: #e7e7e7;
}

#comments h2 {
font: 18px Verdana bold;
color: #cccccc;
}

#commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	width: 400px;
	}

#commentlist li {
	font-weight: none;
	}

#commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

#commentlist cite, #commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

#commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#commentmetadata {
	font-weight: normal;
	}


ul#commentlist
{
	list-style-type:none;
}

ul#commentlist li
{
	clear:both;
}

ul#commentlist div.numberbox
{
	position: absolute; top: 0; left: 0;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	font-size:80px;	
	float: left;
	filter:alpha(opacity=15);-moz-opacity:.15;opacity:.15;
}

ul#commentlist .commentbox
{
	position: relative;
	display:block;
	width:340px;
	clear:both;
	z-index: 10;
}

h3.menu-header{
	padding: 5px 30px;
	text-align:right;

}

li {
padding:2px 0 4px 8px;
}

ul {
padding-left: 20px;
}

.menu{
	padding: 0 0 25px 0
}

#link_home { width: 254px; display: block; height: 220px; _height: 188px; }

#left H4, #left H2
{
color:#000000;
font-family:arial;
font-size:18px;
margin-top:25px;
text-decoration: none;
line-height: 26px;
border-bottom: 2px dotted #fff;
}

#left H4 a:link, #left H4 a:visited, left H2 a:link, #left H2 a:visited {
color:#000000;
font-family:arial;
font-size:18px;
margin-top:12px;
padding:3px 2px 3px 0px;
height: 30px;
text-decoration: none;
}

#left H4 a:hover, #left H4 a:active, left H2 a:hover, #left H2 a:active {
color:#444;
font-family:arial;
font-size:18px;
margin-top:12px;
padding:3px 2px 3px0px;
height: 30px;
text-decoration: none;
}

#left img { float: left; padding: 8px 8px 8px 0; }