/*
Theme Name: John Assaraf
Theme URI: http://www.theoutsourcingcompany.com/
Version: 1.0
Author: The Outsourcing Company
Author URI: http://www.theoutsourcingcompany.com/
 */

* {	font-family: Verdana;
}
body {	
	background: #E2E2E2;
	margin: 0px;
	font-family: courier new;
}
.header {	width: 1024px;
	height: 79px;
	background: url(images/header3.jpg) no-repeat;
	/*background: url(images/header4.jpg) no-repeat;*/
	margin: 0px auto;
}
.videobox {	width: 1024px;
	height: 421px;
	background: url(images/videobox.png) no-repeat;
	margin: 0px auto;
}
.video {	width: 351px;
	height: 267px;
	margin-left:85px;
	margin-top: 25px;
	border: 1px solid #e2e2e2;
	padding: 8px;
	float: left;
}
.intro {	float: right;
	width: 466px;
	margin-right: 80px;
}
.intro h2 {	
color: #FF0000;
font-size:1.2em;
font-weight:bold;
margin-top:20px;
text-align:center;
}
.intro h3 {	font-size: 0.8em;
	text-align: center;
	color: #069;
}
.intro h4 {	font-size: 0.9em;
	text-align: center;
	color: #960;
	margin: 0;
}
.intro ul {	padding-left: 0px;
	list-style-type: none;
	margin: 10px 0;
}
.intro li {	background: url(images/tilde.png) left 4px no-repeat;
	font-size: 0.7em;
	color: black;
	padding-left: 20px;
	line-height: 1.8;
        font-weight: bold;
}
.intro input {	width: 237px;
	height: 16px;
	background: url(images/intro-input.png) no-repeat;
	font-size: 0.7em;
	border: 0px;
	text-indent: 8px;
}
.intro label {	font-size: 0.8em;
	width: 60px;
	height: 16px;
	display: block;
	float: left;
	color: #000000;
}
.intro .submit {	width: 200px;
	height: 34px;
	border: 0px;
	margin-top: 10px;
	margin-left: 78px;
}
.topnav {	width: 1024px;
	height: 47px;
	background: #eeedec url(images/topnav.png) repeat-x;
	margin: 0px auto;
}
.topnav img {	border: 0px;
	z-index: 1;
}
.topnav a {	z-index: 2; margin: 0;
}
.topnav ul {	margin: 0px auto;
}
.topnav ul li {	display: inline;
	list-style: none;
	margin: 0 -6px 0 0;
	 padding: 0px;
}

.topnav ul#subnav{
	margin: 1px 0 15px 164px;
}

.topnav ul#subnav li	{
	margin:0 -4px 0 0;
	padding:0;
}

.wrapper {
	width: 1024px;
	margin: 0px auto;
	background: #E2E2E2;
	border-right:1px solid #A3A3A3;
	border-left:1px solid #A3A3A3;
}
.content {
	background: #fff;/*transparent url(images/sidebar-bg.jpg) repeat-y right top;*/
	float:left;
	margin-left:0;/*62px;*/
	padding:20px 25px 20px 55px;
	width:575px;
	border-right:1px solid #A3A3A3;
	border-bottom:2px solid #747474;
}
.sidebar {	
        overflow:hidden;
        width:354px;
        float: right;
		background: #fff;/*transparent;*/
		border-left:1px solid #A3A3A3;
	border-bottom:2px solid #747474;
}
.sidebar a {	color: #2966CE;
}
.tweets {	
       position: relative;
}
.sidebar h2 {	width: 265px;
	margin: 0px auto 8px auto;
	font-size: 0.7em;
	position: relative;
	color: #303030;
}
.sidebar ul {	position: relative;
	margin: 0px auto 24px auto;
	width: 265px;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #707070;
}
.sidebar li {	margin-bottom: 1.5em;
}

.sidebar form#searchform {
	margin:20px 0 5px 36px;
}

.sidebar form#searchform input {
	border:	3px solid #2965CF;
	font-family: inherit;
	font-size: 16px;
	padding: 2px 5px;
	color: #707070;
	width: 210px;
}

.sidebar form#searchform input#searchsubmit {
	background:	url(images/go.png) no-repeat;
	border: none;
	width: 41px;
	height: 27px;
	text-indent: -9999px;
	cursor: pointer;
}

.footer {	
        width: 1024px;
	height: 106px;
	margin: 0px auto;
	background: url(images/footer.png) repeat-x;
	font-size: 0.7em;
	color: #8a8888;
        text-align: center;
	}
.footer .nav {	
        position: relative;
	top: 29px;
}
.footer .nav a, .footer .copyright a {	margin: 0px 7px;
	color: #8a8888;
	text-decoration: none;
	}
.footer .copyright a {	margin: 0px;
}
.footer a:hover, .footer .active {	text-decoration: underline;
	color: #2A66D0;
}
.footer .copyright {	
        width: 368px;
	position: relative;
	top: 40px;
	background: #d3d3d3;
	padding: 8px;
	border: 1px solid #a8a8a8;
        margin: 0 auto;
}
.first {	margin-left: 0px;
}
.last {	margin-right: 0px;
}
.cl {	clear: both;
}
.right {	float: right;
}
.sidebar .separator {	margin: 0px auto 0px 40px;
	width: 259px;
	height: 27px;
	position: relative;
	background: url(images/side-div.png) no-repeat;
}
.content .postmetadata {	font-size: 0.7em;
	color: #707070;
	margin: 0px;
	padding: 0px;
}
.content h2 {	color: #004181;
	margin-top: 10px;
	padding: 0px;
	text-indent: 0px;
	font-size: 1.5em;
       
}

.content a.cant-comments {
	width: 75px;
	height: 60px;
	padding-top: 5px;
	background: url(images/comments.png) top no-repeat;
	text-align: center;
	color: #666;
	font-size: 11px;
	display: block;
	line-height: 1.7;
	float: right;
	font-style: normal;
}

.content a.cant-comments:hover { background-position: bottom; color: #fff; }

.content h3 {	color: #996600;
	font-size: 1em;
}

.content .productbox h3 {
     color:#004181;
     font-family:Arial,sans-serif;
     font-size:18px;
     font-weight:bold;
}
.content p, .comment-author, .comment-meta, .content ul {	font-size: 0.8em;
	line-height: 1.5em;
	color: #3c3c3c;
	/*text-align:justify;*/
	overflow: auto;
}

.content p img {
	float:left;
	margin-right:10px;
}

.content .separator {	width: 575px;
	height: 25px;
	background: url(images/main-div.png) no-repeat;
	margin: 0px auto 25px;
        clear: both;
}

#sharebox {
	overflow: hidden;
	background: url(images/follow.png) no-repeat;
	width: 292px;
	height: 115px;
        margin:0 27px;
}

#sharebox .sharelinks {
	margin: 63px 0 0 15px;
}


.sharebox a, #commentform a, .url, .comment-meta a {	color: #2965CF;
	text-decoration: none;
	font-style: oblique;
	font-size: 0.8em;
	font-weight: bold;
	margin-right: 16px;
}

a.amazon {
	background: url(images/amazon.png) no-repeat;
	text-indent: -9999px;
	width: 220px;
	height: 38px;
	display: block;
}
a.amazon02 {
	background: url(images/amazon_02.png) no-repeat;
	text-indent: -9999px;
	width: 220px;
	height: 38px;
	display: block;
}

.sharelinks { margin-left: 75px; }

.sharelinks a {
	float: left;
	margin: 0 0 0 10px;
}

.sharelinks a img { border: none; }

.lookatthese{
         margin:0 15px 15px 26px;
}

.lookatthese h3{
	color:#2965CF;
}

.content a:link, .content a:visited {	color: #2965CF;
	text-decoration: none;
	font-style: oblique;
	font-weight: bold;
}
.content img.alignleft {	float:	left;
	margin:	0 5px 5px 0;
}
.content a img { border: none;
 }
#commentform a, .url, .comment-meta a {	font-size: 1em;
}
.sharemenu{
        display:none;
}

#joinnews	{
	height:20px;
	width:;
	margin:15px 0 0 0;
	padding:0 35px 20px 35px;
}

#joinnews h1, #joinnews h1 a:link,#joinnews h1 a:visited	{
	font-size:16px;
	color:#00488E;
}

#archives-3 h2, #categories-3 h2, #wpp-3 h2	{
	color: #004181;
	font-size: 1.5em;
}

#joinnews a:link, #joinnews a:visited	{text-decoration:none;}

#joinnews hr	{
	color:#00488E;
	background:#00488E;
	border:2px;
	height:2px;
	text-align:center;
}

.content #havingitall ul, .content #havingitall p	{
	text-align:left;
}

.content #havingitall p img {
margin-right:0;
}

img.img-fl	{
	float:left;
	margin: 0 10px 0 0;
	padding:0;
	display:block;
	background:none;
}

.content .productbox p.red a:link, .content.productbox p.red a:visited, .productbox p.red a {
	color:#ff0000;
	text-align:right;
}

.content .productbox p.red a:hover {
	text-decoration:underline;
}

.productbox p.red	{
	width:220px;
	text-align:right;
}

.productbox {
   width: 348px;
   height: 176px;
   font-size: 11px;
   over: hidden;
   float: left;
   margin: 4px;
   background: url(/wp-content/uploads/2010/01/productbg.jpg) no-repeat center top;
   padding: 3px;
}

.productbox img{
   float:left;
   margin: 10px;
}
.productbox p {
  padding-right: 10px;
}
.productbox h4{
  color:#FF0000;
  font-size:20px;
  font-style:italic;
}

span#homego	{
	 margin-left:10px;
         margin-right:13px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-table;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* end clearfix */