﻿/* CSS 
MyPeopleBiz Blog
Copyright 2010 */

*{margin: 0;}

html {  height: 100%;margin:0 ;padding:0;}

body { height: 100%; margin: 0;padding: 0;background: #F3F3F4 url('images/background.gif') repeat-x left top; font-family: Arial, Helvetica, sans-serif /*'Lucida Grande' Lucida, Verdana, Arial, sans-serif*/; font-size: 76%; }

h1 { color:#0C4B8A;font-size:2.0em;padding:0;margin:0;}
h2 { color:#666;font-size:1.4em;padding:0;margin:0;}
h3 { color:#333;font-size:1.2em;padding:0;margin:0;}

img.alignright { float: right; margin-left: 10px; }

img.aligncenter { margin-right: auto; margin-left: auto; }

img.alignleft { float: left; margin-right: 10px; }

strong.search-excerpt {background-color:#eee;}

/*layout*/

#wrapper {width:950px;padding:0; min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -50px;}

#wrapper-top {position:relative;margin: 0 auto;padding:0;width:950px;height:30px;background: #fff url('images/search-bar-bg.gif') no-repeat; text-align:right;}

#wrapper-top input.search {border:1px solid #999;width:100px;padding:2px;margin:3px;height:15px;}
#wrapper-top input.submit {margin: 0px 10px 0 0;width:39px;height:19px;}
#wrapper-top span.search {color:#fff;text-transform:uppercase;font-weight:bold;padding-right:5px;}

#logo {position:relative;width:950px;height:63px;margin: 0 auto;padding:0; background: #fff url('images/logo-bg.gif') no-repeat;}

#logo a {width:300px;height:62px;background: #fff url('images/mypeoplebiz-logo.gif') no-repeat;text-indent:-999px;display:block;}

#header {position:relative;width:950px;height:124px;margin: 0 auto;padding:0; background: #fff url('images/header-slogan.jpg') no-repeat;}
#header h2 {display:none;font-size:1.7em;color:#fff;width:550px;padding: 37px 0 20px 45px;}

#content-wrapper {position:relative;padding: 0 25px;width:899px;background: #AFB1B5 url('images/content-wrapper-bg.gif') repeat-x;}

ul#nav {list-style:none;padding: 15px 0 6px 10px;margin:0;width: 590px;height:15px;}
ul#nav li.first,ul#nav li  {display:inline;margin:0;padding:0;float:left;}

ul#nav li.first a, ul#nav li a {text-decoration:none;text-transform:uppercase;color:#666;font-weight:bold;}
ul#nav li.first a {padding: 15px 13px 15px 13px;margin:0;}
ul#nav li a {padding: 15px 13px 15px 13px;margin:0;}

ul#nav li.first a:hover, ul#nav li a:hover {text-decoration:none;text-transform:uppercase;color:#F0AF0B;background: url('images/nav-bg-on.gif') repeat-x;font-weight:bold;}

ul#nav li.first-sel a, ul#nav li.sel a {text-decoration:none;text-transform:uppercase;color:#F0AF0B;background: url('images/nav-bg-on.gif') repeat-x;font-weight:bold;}


#social-follow {position:absolute;top:0;right:0;padding: 0;margin:0;width: 300px;height:60px;background: #AFB1B5 url('images/social-bg.gif') no-repeat;}
#social-follow p {position:absolute; top:30px;left:25px;font-size:1.2em;color:#666;}
#social-follow ul {position:absolute;top:25px;right:25px;}
#social-follow ul li {display:inline;float:left;padding: 0 0 0 10px;}

#social-follow ul li a.linkedin {background:url('images/linkedin-icon.gif') no-repeat;width:29px;height:29px;text-indent:-9999px;display:block;}
#social-follow ul li a.facebook {background:url('images/facebook-icon.gif') no-repeat;width:29px;height:29px;text-indent:-9999px;display:block;}
#social-follow ul li a.twitter {background:url('images/twitter-icon.gif') no-repeat;width:29px;height:29px;text-indent:-9999px;display:block;}
#social-follow ul li a.rss {background:url('images/rss-icon.gif') no-repeat;width:29px;height:29px;text-indent:-9999px;display:block;}

#left {float:left;width:592px;padding: 0;margin:0;}

#left #content {background-color:#fff;padding: 0;margin:0;}
#left #content #top {background: #fff url('images/post-top-bg.gif') no-repeat;background-position: center top;padding: 8px 0 0;/*height:8px;*/}
#left #content #bottom {display:block;background: #fff url('images/post-bottom-bg.gif') no-repeat;background-position: center bottom;padding: 0;margin:0;height:8px;max-height:8px;min-height:8px;}

#left #footer-ad {position:relative;width:468px;height:60px;margin: 30px auto;padding:0;border: 1px solid #666;background-color:#fff;}

div.navigation {padding: 20px 0;margin:0;}
div.navigation p {text-align:center;}
div.navigation div.alignleft {float:left;width:49%;text-align:left;font-weight:bold;}
div.navigation div.alignright {float:right;width:49%;text-align:right;font-weight:bold;}

div.posts {padding: 10px 20px;margin:0;border-left:1px solid #585B61;border-right:1px solid #585B61;}

div.posts div.entry {padding: 2px 0;margin:0;}

div.posts h1 {color:#0C4B8A;font-size:2.0em;font-weight:bold;border-bottom: 1px #666 dotted;padding: 5px 0;margin:0;}
div.posts h1 a{	text-decoration:none;}

div.posts h2 {padding:5px 0;margin:0;}
div.posts h3 {padding:5px 0;margin:0;}

div.posts p.postedby {color:#F1B92C;font-size:0.9em;padding-bottom:10px;}
div.posts p {color:#666;font-size:1.0em;font-weight:normal;margin: 2px 0;padding:4px 0;line-height:1.4em;}
div.posts div.meta {padding: 5px 0 10px;margin:20px 0;border-top: 1px #666 dotted}
div.posts div.meta p.category {float:left;width:350px;text-align:left;}
div.posts div.meta p.comments {float:left; width:200px;text-align:right;}
div.posts p.more {text-align:right;padding:0;margin:0;font-weight:bold;}

div.posts div.meta p.category a,
div.posts div.meta p.comments a,
div.posts div.meta p.more a {color:#888;font-weight:bold;}

div.posts div.meta p.category a:hover,
div.posts div.meta p.comments a:hover,
div.posts div.meta p.more a:hover {color:#EFAE0B;font-weight:bold;}

div.posts div.divider {padding: 5px 0;margin: 5px auto;background-image: url('images/post-divider.gif');background-repeat: no-repeat;background-position: center middle;}

div.posts ul li h2 {padding: 5px 0;}
div.posts ul li ul {margin: 5px 5px 10px 25px;padding:0;}
div.posts ul li ul li {	padding:3px 0;}

#right {float:right;padding:40px 0;margin:0;width:270px;border-top:1px solid #fff;}

#banners ul {margin:0;padding:0;}
#banners ul li.first {list-style:none;margin:0;float:left;background-image: url('images/advertise-here.gif');background-repeat: no-repeat;padding:0 20px 17px 0;width:125px;height:125px;}
#banners ul li {list-style:none;margin:0;float:left;background-image: url('images/advertise-here.gif');background-repeat: no-repeat;padding:0 0 17px 0;width:125px;height:125px;}

#jobs {padding: 20px 0 5px;margin:0;}
#cats {padding: 10px 0 5px;margin:0;}

#jobs div.box-top, #cats div.box-top,#blogroll div.box-top
{background-image:url('images/box-top.gif');background-repeat:no-repeat;height:37px;width:270px;}
#jobs div.box-center,#cats div.box-center, #blogroll div.box-center
 {background-color:#fff;border-left:solid 1px #3F4347;border-right:solid 1px #3F4347;}
#jobs div.box-bottom, #cats div.box-bottom, #blogroll div.box-bottom
 {background-image:url('images/box-bottom.gif');background-repeat:no-repeat;height:37px;width:270px;}

/*#blogroll div.box-top
{background-image:url('images/box-top-blank.gif');background-repeat:no-repeat;height:8px;width:270px;}
*/
#jobs div.box-top h2,#cats div.box-top h2,#blogroll div.box-top h2
 {color:#fff;padding:8px 10px 10px 10px;margin:0;}

#jobs div.box-center ul,#cats div.box-center ul, #blogroll div.box-center ul
 {margin: 0 20px;padding:10px;}
 
#jobs div.box-center ul li,#cats div.box-center ul li, #blogroll div.box-center ul li
 {list-style:disc;padding: 2px 0;margin:0;}

#blogroll div.box-center ul {margin: 0 20px 0 0px;padding:10px;}
#blogroll div.box-center ul li.linkcat {list-style:none;margin-left:0;padding-left:0;}

#blogroll div.box-center ul li.linkcat ul.blogroll {
	margin:0 20px;padding:2px 0;}
	
div.left {float:left;width:49%;}
div.right {float:right;width:49%;}

div.left ul, div.right ul {	margin: 10px 10px 10px 25px;padding:0;}
div.left ul li, div.right ul li {margin: 0;padding:3px 0;}

div.left h2, div.right h2 { color:#333;font-size:1.4em;}

h1.post {color:#0C4B8A;font-size:1.2em;}
h2.post {color:#0C4B8A;font-size:1.0em;}

a {color:#0C4B8A;text-decoration:underline;}
a:hover {color:#EFAE0B;text-decoration:none;}

.clear {clear:both;padding:0;margin:0;}


#footer {width:899px;border-top:solid 1px #000;background-color:#7C766A;padding:25px;color:#fff;}

#footer p {font-family:Arial, Helvetica, sans-seri;margin:0;padding:0;float:left;width:200px;}

#footer p.developedby {margin:0;padding:0;font-size:0.9em;text-align:right;width:100%;}

#footer a {color:#fff;font-size:0.9em;text-decoration:underline;}
#footer a:hover {color:#fff;font-size:0.9em;text-decoration:none;}

#footer ul#footerlinks {margin:0;padding:0;float:right;width:600px;text-align:right;}
#footer ul#footerlinks li {display:inline;padding: 0;margin:0;color:#fff;}
#footer ul#footerlinks li a {color:#fff;font-size:0.9em;text-decoration:underline;}
#footer ul#footerlinks li a:hover {color:#fff;font-size:0.9em;text-decoration:none;}
#footer ul#footerlinks li.separator {padding:0 10px;}

/* ---------------------------------------------------------------- 
 *  SEARCH FROM
 * ---------------------------------------------------------------- 
*/ 
.search_wrap {
	position: absolute;
	right: 25px;
	top: 2px;
	font:10px/22px arial, helvetica, sans-serif;
}
.search_wrap input {
	float:left;
	background: #fff;
	border:1px solid #666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 2px 5px;
	padding-top: 4px;
	height: 16px;
	text-transform:none;
	color: #999;
	width: 100px;
}
.search_button {
	border: none;
	float: left;
	background: url(images/search-btn.gif) no-repeat;
	width: 39px;
	height:19px;
	padding: 2px;
	padding-bottom: 7px;
	margin-top: 2px;
	margin-left: 8px;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 19px;
	font-family: arial, helvetica, sans-serif;
	cursor: pointer;
}


/* Comments */

span.required {font-weight:bold;color:#ff0000;padding-right:5px;}

div.comm_form {}

div.blog_comm{margin: 5px 0;padding:5px 0;}
div.blog_comm h3 {display:block;background-color:#0C4B8A;color:#fff;padding: 2px 0 2px 5px;}
div.form_table h3 {display:block;color:#000;padding: 2px 0 2px 5px;}

p.nocomments {}

div.comm_row { padding: 5px 0;}
div.comm_data {float:left;width:105px;}
div.comm_text {float:right;width:420px;font-style:italic;color:#999;padding: 0 0 10px 10px;border-left: 1px solid #ccc;}

p.small {font-size:0.8em;}

div.comm_data_pad {}

div.bl_line {border-bottom: 1px #666 dotted;}

/*-----------------------------------------------
nuff-respec.com
----------------------------------------------- */

#social {width:475px;background-color:#fff;margin:0 auto;padding: 10px;border:1px solid #ccc;background-color:#eee;}
#social h3 { font-size: 1.0em;margin:0;padding:0 0 2px 0;font-weight:bold;}
#social p { font-size: 1.0em;margin:0;padding:0;}

.social_bookmarks{	padding: 0;	margin: 0;	list-style-type: none;}

#social ul{	margin: 2px 0 0; padding: 0;}

#social ul li{	margin: 0; padding: 0 5px 0;list-style-type: none;line-height:1.6em;}

.social_bookmarks li {display: inline;font-size:0.9em;}

.social_bookmarks li a{	padding: 2px 0 2px 20px;	text-decoration: none;	color: #333;}

.social_bookmarks li a:hover{	padding: 2px 0 2px 20px;	text-decoration: none;	color: #689CB4;}

.social_bookmarks a.delicious{	background: url('images/delicious-16x16.gif') no-repeat 0 50%;}

.social_bookmarks a.digg{	background: url('images/digg-16x16.gif') no-repeat 0 50%;}

.social_bookmarks a.technorati{	background: url('images/technorati-16x16.png') no-repeat 0 50%;}

.social_bookmarks a.reddit{	background: url('images/reddit-16x16.png') no-repeat 0 50%;}

.social_bookmarks a.stumbleupon{background: url('images/stumbleupon-16x16.gif') no-repeat 0 50%;}

.social_bookmarks a.slashdot{ background: url('images/slashdot-16x16.gif') no-repeat 0 50%;}

.social_bookmarks a.facebook{ background: url('images/facebook-16x16.gif') no-repeat 0 50%;}



