/* *************************** 
  Site - Joseph Assaf
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#333333;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
h3 {
	font-size:1.3em;
    margin-bottom:15px;
}
.marginright {
	margin-right:15px;
}
.floatright {
	float:right;
}
/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	text-align:center;
    font-size:75%;
    font-family:Arial, Helvetica, sans-serif;
    background:#becace url(../images/bg_body.png) repeat-x;
}
#container {
	width:900px;
	margin:92px auto 0 auto;
    text-align:left;
}

/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	width:900px;
    height:25px;
    margin-bottom:9px;
}
#header h1 {
	width:900px;
    height:25px;
    background:url(../images/bg_header.png) no-repeat;
    text-indent:-9000px;
    font-size:0;
}

/* *************************** 
   $4 Content Styles
   ***************************/
#content {
	width:900px;
}
#content.innerpage {
	background:url(../images/bg_innerpage.gif) repeat-y;
}
#homecontent {
	width:900px;
    background:#d2dadd url(../images/bg_content.jpg) repeat-x;
}
#homecontent h3 {
	font-size:1.05em;
}
#homecontent, #content.innerpage, #maincontent {
	height:445px;
	overflow:none;
}
#maincontent {
	width:715px;
    float:left;
    margin-right:10px;
    background:#d2dadd url(../images/bg_content.jpg) repeat-x;
}
/******** MENU *********/
#menu {
	z-index:20;
}
#menu li {
	float:left;
    height:23px;
    font-weight:bold;
}
#menu li a {
	float:left;
    height:22px;
    padding:4px 20px 0 20px;
    height/**/:/**/ 18px;
    border-right:2px solid #8b969a;
    color:#647075;
	display:block;
}
#menu li a:hover {
	background:#FFFFFF;
    text-decoration:none;
}
#menu li:hover > a, #menu li.selected:hover > a  {
	background:#FFFFFF;
    text-decoration:none;
	color:#647075;
}
#menu li.selected a {
	color:#FFFFFF;
}
#menu li.selected a:hover {
	color:#647075;
	background:#FFFFFF;
}
#menu li:hover ul {
	display:block;
}
#menu li ul {
	display:none;
	border-bottom:1px solid #6c787d;
	background-color:#f7f8f8;
	position:absolute;
	top:auto;
	left:auto;
	margin:23px 0 0 -1px;
	opacity:0.90;
	filter: alpha(opacity=90,finishopacity=90);
	overflow:hidden;
	z-index:100;
}
#menu li ul li {
	color:#647075;
	border-left:1px solid #6c787d;
	border-right:1px solid #6c787d;
	border-bottom:1px dashed #6c787d;
	height:auto;
	float:none;
	width:170px;
}
#menu li ul li:hover {
	background-color:#cdd2d4;
}
#menu li ul li:hover a {
	background:none;
}
#menu li ul li a {
	padding:10px 15px;
	color:#647075;
	border-right:none;
	border-left:none;
	float:none;
	height:inherit;
	display:block;
	width:150px;
}
#menu li.selected ul li a {
	color:#647075;
}
#menu li.selected ul li:hover a {
	background:#cdd2d4;
}
#menu li ul li.last {
	border-bottom:none;
}

/*********************/

#home_left {
	width:408px;
    float:left;
    padding:28px 25px 5px 25px;
    width/**/:/**/ 358px;
	text-align:justify;
}
#home_right {
	width:492px;
    float:right;
    background:url(../images/homepagestrip.gif) repeat-y;
    padding:28px 25px 14px 25px;
    width/**/:/**/ 442px;
}
#home_scroll {
	overflow-y:scroll;
	overflow-x:hidden;
	height:308px;
	background:#ced4d5;
	padding:20px;
}
	#home_scroll h3 {
		border-bottom:1px dashed #999999;
		padding-bottom:10px;
		margin-bottom:15px;
		font-weight:bold;
	}	
	#home_scroll img {
		float:left;
		margin:0 20px 15px 0;
	}

#box1 {
	width:153px;
    float:left;
    margin-right:24px;
}
#author_links {
	border-bottom:1px solid #999999;
	width:153px;
	margin-top:12px;
}
#home_left li {
	padding-top:3px;
    font-size:0.916em;
	float:none;
	font-weight:normal;
	height:auto;
}
#home_left li a {
	color:#676767;
	border-right:none;
	float:none;
	height:auto;
	padding:0;
}
#box3 {
	width:181px;
    float:left;
    margin-right:33px;
}
.book_page {
	float:left;
    font-size:0.866em;
}
#homecontent span {
    font-size:0.866em;
	display:block;
    padding-top:10px;
}
#homecontent table {
	vertical-align:top;
}
.book_page span {
	display:block;
    padding-top:10px;
}
#book_intro {
	margin-top:20px;
    float:left;
    width:215px;
}
#maincontent_inner {
	padding:13px 0 20px 25px;
}
#box4 {
	margin-right:33px;
    float:left;
	height:370px;
}
#scrollcontent {
    float:left;
    overflow-y:scroll;
    overflow-x:hidden;
    border:1px solid #899397;
    padding:20px;
	width:457px;
    height:330px;
    width/**/:/**/ 457px;
    height/**/:/**/ 330px;
    background:#FFFFFF;
}
#scrollcontent ul, #home_scroll ul {
	margin:0 0 0 25px;
	padding-bottom:12px;
}
#scrollcontent li , #home_scroll li {
	list-style:disc;
	margin-bottom:2px;
}
#scrollcontent a {
	color:#72a6b9;
	text-decoration:none;
}
#scrollcontent a:hover {
	text-decoration:underline;
}
p {
	margin-bottom:12px;
}

/* *************************** 
   $5 Sidebar Styles
   ***************************/
#sidebar {
	width:175px;
    float:left;
	background:url(../images/bg_sidebar.png) repeat-x;
    font-size:0.916em;
}
#sidebar .borderbottom {
	border-bottom:1px solid #9ba7aa;
	padding:5px 0;
}
#sidebar #pdflinks li {
	padding:2px 0 2px 20px;
    background:url(../images/icon_pdf.jpg) 0 3px no-repeat;
}
#sidebar #pdflinks {
	padding-bottom:15px;
    border-bottom:10px solid #939ea2;
    padding-left:12px;
}
.sidebar_box {
	padding:0 12px 0 12px;
}
.sidebar_heading {
	background:#d4d8da;
    height:22px;
    padding:5px 0 0 15px;
    height/**/:/**/ 17px;
    font-weight:bold;
    border-bottom:1px solid #949fa2;
    margin-bottom:5px;
}
.sidebar_box p {
	margin-bottom:10px;
}
.sidebar_box .input_field {
	width:47px;
    height:23px;
    border:1px solid #859094;
    width/**/:/**/ 42px;
    height/**/:/**/ 18px;
    margin-right:20px;
    padding:3px 0 0 3px;
	float:left;
}
.sidebar_box p input {
	vertical-align:middle;
}
.sidebar_box .paypalbutton {
	padding-bottom:10px;
}

.sidebar_box .borderstripedbottom {
	border-bottom:1px dashed #abb4b7;
	padding:5px 0;
}

.shoppingcartheader {
	margin-bottom:0;
}
.sidebar_box .left {
	width:100px;
	float:left;
}
.sidebar_box .right {
	width:40px;
	float:left;
}
.red {
	color:#b80000;
}

.btn {
	display:inline;
	float:right;
	cursor:pointer;
	width:77px;
	height:24px;
	background:url(../images/refresh_button_std.png) no-repeat;
}
.btnhover {
	background:url(../images/refresh_button_ovr.png)
}
.shipping {
	padding-top:5px;
	margin-bottom:5px;
	vertical-align:bottom;
}
.sidebar_box .shipping .left { width:100px; }
.sidebar_box .shipping .right { width:40px; }

.sidebar_box h2 {
	font-weight:bold;
	padding-bottom:4px;
	font-size:1em;
}

.sidebar_box p {
	text-indent:3px;
}

.shippinglight {
	color:#6a6d6d;
}

#cart_total {
	background:url(../images/total_field.png) no-repeat;
    padding:4px 0;
	font-weight:bold;
	margin-bottom:5px;
}
#cart_total span {
	float:left;
	text-transform:uppercase;
	width:94px;
	padding-left:8px;
}
#total { 
	float:left;
}

#cart_total span.small {
	font-size:.8em;
	float:none;
}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {
	width:900px;
    margin-top:9px;
    font-size:0.916em;
    padding:0 0 20px 1px;
    line-height:16px;
	display:block;
}
#footer_inner_left, #footer_inner_right {
	color:#000;
}
#footer_inner_left a , #footer_inner_right a {
	color:#676767;
}
#footer_inner_left a:hover , #footer_inner_right a:hover {
	text-decoration:underline;
}
#footer_inner_left span , #footer_inner_right span {
	padding:0 5px;
}
#footer_inner_left {
	float:left;
}
	#footer_inner_left p {
		margin-bottom:0;
	}

#footer_inner_right {
	float:right;
	text-align:right;
}
	#footer_inner_right p {
		margin-bottom:0;
	}

.attribute-image p {
	margin-bottom:0;
}

#footer_inner_right p a {
	font-weight:bold;
}
#footer_inner_right p.rawideas a {
	color:#000;
	font-weight:normal;
}

/******** OTHER STUFF ******/
#homecontent img, #maincontent img {
	border:1px solid #899397;
}
#homecontent #noborder img, #maincontent #noborder img {
	border:none;
	margin-bottom:1px;
}

#homebook {
	margin-bottom:5px;
}

#crumb {
	font-weight:bold;
	color:#767778;
	margin-bottom:9px;
}
#crumb a {
	color:#767778;
	font-weight:normal;
}
#crumb span {
	padding:0 5px;
	color:#767778;
	font-weight:normal;
}

/**********************************************/

#gallery {
	border-top:1px dashed #9ea7aa;
	padding-top:20px;
	margin-left:-20px;
	padding-left:20px;
}
	#gallery h3 {
		width:100px;
		float:left;
	}

.pageinfo {
	width:100px;
	float:left;
	padding-top:6px;
	color:#647075;
	font-size:.9em;
	padding-left:215px;
}

#pagingbuttons {
	width:145px;
	float:right;
	margin-right:18px;
}
	#pagingbuttons img {
		border:none;
	}
	#pagingbuttons a.prev {
		display:inline-block;
		height:20px;
		width:70px;
		background:url(../images/prev.png) no-repeat;
		float:left;
		margin-right:1px;
	}
	#pagingbuttons a.prev:hover {
		background:url(../images/prev_on.png) no-repeat;
	}
	#pagingbuttons .previmg {
		float:left;
		margin-right:1px;
		height:20px;
		width:70px;
	}
	#pagingbuttons a.next {
		display:inline-block;
		height:20px;
		width:73px;
		background:url(../images/next.png) no-repeat;
		float:right;
	}
	#pagingbuttons a.next:hover {
		background:url(../images/next_on.png) no-repeat;
	}
	#pagingbuttons .nextimg {
		float:right;
		margin-right:1px;
		height:20px;
		width:73px;
	}

#thumbs {
	width:332px;
	float:left;
}
	.thumb {
		float:left;
		width:101px;
		height:68px;
		margin:0 10px 10px 0;
		cursor:pointer;
	}
		.thumb:hover img, #thumbs .selected img  {
			border:1px solid #FFFFFF;
			opacity:1;
			filter: alpha(opacity=100);
		}
		.thumb img{
			opacity:0.65;
			filter: alpha(opacity=65);
		}
		#thumbs .last {
			margin-right:0;
		}
	
#fullsizecontainer {
	width:326px;
	float:left;
	margin-left:10px;
}
	#fullsizecontainer img {
		border:1px solid #FFFFFF;
		margin-bottom:25px;
		width:325px;
		height:217px;
	}

.caption {
	background-color:#e2e5e7;
	padding:5px 0;
	height:65px;
	overflow:hidden;
}
	#gallery .caption h3 {
		border-bottom:1px dashed #b1b9bc;
		font-size:.9em;
		padding:0 10px 5px 10px;
		margin-bottom:5px;
		width:auto;
		float:none;
	}
	.caption p {
		padding:0 10px;
	}

/************** BLOG ************/
#blogcontainer {
	border-top:1px dashed #9ea7aa;
	padding-top:10px;
	margin-left:-20px;
	padding-left:20px;
}
	#bloglist {
		background-color:#FFFFFF;
		overflow-x:hidden;
		overflow-y:scroll;
		width:640px;
		height:292px;
		padding:15px;
	}
	#bloglist .last {
		border-bottom:none;
		padding-bottom:10px;
	}

/** Blog inside the bloglist **/
.blogline {
	border-bottom:1px dashed #c4cacc;
	margin-bottom:10px;
}
	.blogline h3{
		font-size:1.15em;
		margin-bottom:5px;
	}
	.blogline p.date {
		font-size:.95em;
		color:#99a1a4;
		margin-bottom:5px;
	}
	.blogline .imagecontainer {
		display:block;
		width:105px;
		height:100px;
		margin-right:50px;
		float:left;
	}
	.blogline .readmore {
		font-weight:bold;
		background:url(../images/arrow.jpg) no-repeat right;
		padding-right:20px;
	}
	.blogline .readmore:hover {
		text-decoration:underline;
	}

/** Blog Full **/
#fullblogpost {
	border-top:1px dashed #9ea7aa;
	padding-top:10px;
	margin-left:-20px;
	padding-left:20px;
}
	#fullblogpost h3 {
		width:100px;
		float:left;
	}


.blogpost {
	clear:both;
	background-color:#FFFFFF;
	overflow-x:hidden;
	overflow-y:scroll;
	width:640px;
	height:292px;
	padding:15px;
}
	#fullblogpost .blogpost h3 {
		width:auto;
		float:none;
		margin-bottom:5px;
	}
	.blogpost p.date {
		font-size:.95em;
		color:#99a1a4;
		margin-bottom:15px;
	}
	.blogpost .imagecontainer {
		width:327px;
		float:left;
		margin:0 25px 25px 0;
	}
	.blogpost .caption {
		margin-top:15px;
	}
	.blogpost .caption h3 {
		border-bottom:1px dashed #b1b9bc;
		font-size:.9em;
		padding:0 10px 5px 10px;
		margin-bottom:5px;
		width:auto;
		float:none;
	}

.backbutton {
	float:right;
	width:73px;
	height:20px;
	margin-right:20px;
	background:url(../images/back.png) no-repeat;
}
.backbutton:hover {
	background:url(../images/back_on.png) no-repeat;
}

.addcommentsbutton { 
	float:left;
	width:122px;
	height:20px;
	margin-left:190px;
	background:url(../images/addcomment.png) no-repeat;
}
.addcommentsbutton:hover { 
	background:url(../images/addcomment_on.png) no-repeat;
}

#fullblogpost .blogpost .headercomments, #guestbook .headercomments {
	background:url(../images/pencil.jpg) no-repeat;
	padding:2px 0 0 25px;
	color:#647075;
	font-weight:bold;
	margin-top:40px;
	font-size:1em;
	margin:0 0 15px 10px;
}

.commentslist {
	margin-bottom:25px;
}

.comment {
	border:1px solid #6f7a7f;
	background-color:#e0e2e3;
	padding:12px;
	margin-bottom:7px;
}
	.comment .header {
		border-bottom:1px dashed #b5bbbe;
		margin-bottom:10px;
	}
		.comment .header p.name, .comment .header p.date {
			color:#647075;
			font-size:.9em;
			margin-bottom:5px;
		}
		.comment .header p.name {
			float:left;
			width:360px;
		}	
		.comment .header p.date {
			float:right;
			width:190px;
			text-align:right;
		}	

.addcomment {
	padding-bottom:20px;
}
	#fullblogpost .blogpost .addcomment h3, #guestbook .addcomment h3 {
		background:url(../images/plusicon.jpg) no-repeat;
		padding-left:25px;
		padding-top:2px;
		color:#647075;
		font-weight:bold;
		margin-top:40px;
		font-size:1em;
		margin-bottom:15px;
		margin:0 0 15px 10px;
	}
	.addcomment input, textarea {
		border:1px solid #717c81;
		color:#969696;
		padding:5px;
		font-size:.95em;
		margin-bottom:5px;
	}
	.addcomment input.name {
		width:322px;
	}
	.addcomment textarea {
		height:60px;
		font-size:1.1em;
		width:613px;
	}
	.addcomment .submit {
		float:right;
		width:124px;
		height:22px;
		background:url(../images/enter.jpg) no-repeat;
		border:none;
		padding:0;
		cursor:pointer;
	}
	.addcomment .submit:hover {
		background:url(../images/enter_on.jpg) no-repeat;
	}

 	.blogpost .newcomment label {
		display:block;
		margin-bottom:5px;
	}
 	.blogpost .newcomment input {
		margin-bottom:10px;
	}
	.warning { 
		margin:0 0 20px 0;
	}
		.warning h2 { 
			font-size:1em;
			margin:0 0 10px 0;
		}
		.warning ul {
			margin:0 0 0 25px;
		}
			.warning ul li {
				color:#FF0000;
			}

/**** COMMENTS ****/
#quotecontainer {
	height:90px;
	padding:20px;
	text-align:center;
	background:#d1d8da;
	margin-top:10px;
}
	#quotecontainer p {
		color:#6b777c;
		font-style:italic;
		font-weight:bold;
	}
	#quotecontainer p.reference {
		font-style:normal;
		font-weight:normal;
	}

label.error { 
	display:block;
	color:red;
	margin-bottom:10px;
}

#fullblogpost h3.newcomment {
	width:200px;
}

/***** GUEST BOOK ****/

#guestbookconainter {
	border-top:1px dashed #9ea7aa;
	padding-top:10px;
	margin-left:-20px;
	padding-left:20px;
}
	#guestbookconainter h3 {
		width:100px;
		float:left;
	}
	#guestbook {
		clear:both;
		background-color:#FFFFFF;
		overflow-x:hidden;
		overflow-y:scroll;
		width:640px;
		height:292px;
		padding:15px;
	}
		#guestbook h3 {
			width:auto;
			float:none;
		}
	#signatureslist {
		margin-bottom:20px;
	}

.signbooksbutton {
	float:left; 
	width:120px;
	height:20px;
	margin-left:190px;
	background:url(../images/signbook.png) no-repeat;
}
.signbooksbutton:hover { 
	background:url(../images/signbook_on.png) no-repeat;
}

.validation {
	float:left;
	width:415px;
}
	.validation img, .validation input { float:left; }
	.validation img { margin-right:10px; }
	.validation label.error { margin:11px 0 0 5px; float:left; }


#homecontent .youtube { text-align:center; }
	#homecontent .youtube span { width:325px; font-size:1em; text-align:left; margin-left:33px; padding-top:0; }